@charset "utf-8";

/* CSS Document */

input[type="checkbox"] {
	vertical-align: -0.2em;
}

.img_top_pc{height: 30px; vertical-align: middle;}
.img_top_sp{height: 30px; vertical-align: middle;}

.small3	{	font-size:		9px;}
.small2	{	font-size:		10px;}
.small1	{	font-size:		11px;}
.big	{	font-size:		14px;}
.big2	{	font-size:		14px;}
.big3	{	font-size:		16px; 
			font-weight:	800;
		}
.font20	{	font-size:		20px; 
		}

.weight800	{font-weight: 800 !important;}
.bold		{font-weight: 800 !important;}

.w100	{width: 100% !important;}
.w90	{width: 90% !important;}
.w80	{width: 80% !important;}
.w70	{width: 70% !important;}
.w60	{width: 60% !important;}
.w50	{width: 50% !important;}
.w40	{width: 40% !important;}
.w30	{width: 30% !important;}
.w20	{width: 20% !important;}
.w10	{width: 10% !important;}

.h100	{height:100%;}


.margin0	{margin:	0px 0px 0px 0px !important;}
.margin5	{margin:	5px 5px 5px 5px;}
.margin10	{margin:	10px 10px 10px 10px;}
.margin20	{margin:	20px 20px 20px 20px;}

.padding0	{padding:	0px 0px 0px 0px !important;}
.padding5	{padding:	5px 5px 5px 5px;}
.padding10	{padding:	10px 10px 10px 10px !important;}
.padding15	{padding:	15px 15px 15px 15px !important;}
.padding20	{padding:	20px 20px 20px 20px;}

.margin_t_b_5	{margin:	5px 0px 5px 0px;}
.margin_t_b_10	{margin:	10px 0px 10px 0px;}
.margin_t_b_20	{margin:	20px 0px 20px 0px;}

.padding_t_b_5	{padding:	5px 0px 5px 0px;}
.padding_t_b_10	{padding:	10px 0px 10px 0px;}
.padding_t_b_20	{padding:	20px 0px 20px 0px;}


.table_td_space{
	border-style: none !important;
	height: 30px;
}


/***** 機能追加などのお知らせ ******/
.info {
	background-color: papayawhip;
	border: solid 1px orange;
	color: saddlebrown;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	
	/*
	margin-bottom: 10px;
	padding: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	*/

	/* 角丸 */
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

.info_title{
	font-weight: bold;
}
.info_date{
	color: burlywood;
}
.info_content{
	margin-top:5px;
}


/*----------------------------------------------------------*/
/*	生徒名	*/
/*----------------------------------------------------------*/
.student_name{
	padding: 10px !important;
	font-size: 20px;
}


/*----------------------------------------------------------*/
/*	入力BOX	※日付・時間・金額	*/
/*----------------------------------------------------------*/
.date{
	width		: 75px;
	text-align	: center;
}

.time{
	width		: 38px;
	text-align	: center;
}

.price{
	width		: 40px;
	text-align	: right;
}

/*----------------------------------------------------------*/
/*	年月セレクター	*/
/*----------------------------------------------------------*/
.yyyy-mm_div{
	padding-bottom:15px !important;
	vertical-align: top !important;
}
.yyyy-mm_button{
	margin: 5px 5px 5px 5px !important;
	padding: 5px 10px 7px 10px !important;
}
.yyyy-mm_selector{
	padding: 10px 7px 8px 10px;
	border-color: #C0C0C0;
	color: #555555;
	border-radius: 5px;
	margin-bottom: 10px;
	/* Chrome・Firefoxでセレクトボックスの矢印を消す */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* 支払済み */
.paid		{background-color: mistyrose;}

/* 延滞 */
.late		{color: red;}

/*----------------------------------------------------------*/
/* TOPへ戻るボタン用 */
/*----------------------------------------------------------*/
.SmoothScroll_pageTop{
    text-align:right;
    position: fixed;
    bottom: 70px;
    right: 10px;
    display: none;
    z-index: 9999;
}
.SmoothScroll_pageTop a{
    display:inline-block;
    background-color:rgba(54, 54, 54, 0.4);
    padding:10px 20px;
    margin:10px 0;
    color:#FFF !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.SmoothScroll_pageTop a::before{
    font-family:FontAwesome;
  content: "\f062";
    margin-right:5px;
}
.SmoothScroll_pageTop a:hover{
    background-color:rgba(54, 54, 54, 0.6);
}
 
@media only screen and (max-width: 768px) {
    .SmoothScroll_pageTop a{
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        width:50px;
        height:50px;
        padding:0;
        text-align:center;
        line-height:50px;
    }
    .SmoothScroll_pageTop a::before{
        margin-right:0;
    }
    .SmoothScroll_pageTop a span{
        display:none;
    }
}




/*----------------------------------------------------------*/
/* PC用のCSS */
/*----------------------------------------------------------*/
@media only screen and (min-width: 769px) {

	.sp-only {
		display: none;
	}
	.pc-only {
		display: block;
	}

	/*----------------------------------------base------------------------------------*/
	* {
		margin: 0;
		padding: 0;
		font-size: 100%;
		font-style: normal;
		text-decoration: none;
		list-style-type: none;
	}
	body {
		color: #363834;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
		font-size: 12px;
	}
	a:visited {
		text-decoration: none;
		color: #333;
	}
	img {

		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	/*	vertical-align: bottom;*/
	}

	.icon1{height:15px; vertical-align:-17%;}
	.icon2{height:12px; vertical-align:-17%;}
	.icon3{height:25px; vertical-align:100%;}
	


	/***** 全般 *****/
	/*
	* {
		margin: 0;
		padding: 0;
	}
	HTML {
		font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
	}
	BODY {
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		color: #222222;
		font-size: 12px;
	}

	FORM {
		margin: 0px !important;
	}
	*/


	A:link {
		color: darkorange;
	}
	A:visited {
		color: dodgerblue;
	}
	A:hover {
		color: skyblue;
	}
	A:active {
		color: skyblue;
	}

	IMG {
		border: 0;
	}
	TH, TD {
		text-align: left;
	}
	INPUT {
		font-size: 12px;
		border: 1px solid #BBBBBB;
	}
	INPUT:hover {
		background-color:mistyrose;
	}
	TEXTAREA {
		//font-size: 11px;
		//font-family: "ＭＳ Ｐゴシック",sans-serif;
		border: 1px solid #BBBBBB;
	}
	TEXTAREA:hover {
		background-color:mistyrose;
	}
	IFRAME {
		border: 1px solid #7F9DB9;
	}
	UL, LI {
		list-style: none;
	}

	/***** 枠組み用 *****/
	DIV#container {
		/*
		position: relative;
		height: 100%;
		min-height: 100%;
		*/
	}

	DIV#header {
		width: 100%;
		height: 40px;
		/*	SITE-COLOR: サイトタイトルバック	*/
		background-color: lightslategray;
	}

	DIV#headerContents {
		//padding: 5px 5px 5px 5px;
		//width: 1030px;
		//width: 100%;
	}

	DIV#headerLogo {
		//padding: 7px 0 0 10px;
		padding: 10px 20px 10px 10px;
		vertical-align: middle;
		/*float: left;*/
		/*width: 184px;*/
	}
	DIV#headerLogo a {
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
	}

	/*
	DIV#headerInfo {
		float: right;
		width: 820px;
	}
	DIV#headerInfo P.info {
		padding-top: 20px;
		float: left;
		width: 580px;
		color: #fff;
		font-size: 80%;
	}
	*/

	DIV#menu {
		width: 100%;
		/*background-color: #333333;*/
	}

	DIV#menuContents {
		//width: 1030px;
		width: 100%;
	}

	DIV.pageTitle {
		/*	SITE-COLOR: ページタイトルバック	*/
		background-color: lavender;
		height: 25px;
		line-height: 25px;
		color: lightslategray;
		font-size: 115%;
		/*margin-bottom: 10px;*/
		width: 100%;
	}

	DIV.pageTitle DIV.pageTitleContents {
		padding-top: 1px;
		padding-left: 20px;
		font-weight: bold;
		//width: 1030px;
		//width: 100%;
	}

	DIV.subTitle {
		margin: 0 0 5px 0;
		padding: 0 0 3px 5px;
		border-bottom: 2px solid lightsteelblue;
		color: #444757;
		font-size: 100%;
		font-weight: bold;
	}

	DIV.pageContents {
		//padding: 10px 20px 100px 20px;
		//width: 1000px;
		//width: 100%;
		margin: 20px 20px 20px 20px;
	}

	DIV.subContents {
		margin: 0 10px 25px 3px;
	}


	.site_title{
		text-align: left;  /* 文章を左寄せする(※) */
		float: left;     /* 左端に寄せて、後続を右側へ回り込ませる */
		color: #ffffff;
	}

	.login_user{
		text-align: right; /* 文章を右寄せする */
		color: #ffffff;
	}


	/* フロート解除 */
	.clearfix:after {
		display:block;
		clear:both;
		height:0;
		line-height:0;
		visibility:hidden;
		content:".";
	}



	/***** テーブル *****/
	TABLE.tb1 {
		margin: 0 0 5px 0;
		border-collapse: collapse;
		font-size: 100%;
	}

	TABLE.tb1 TH,
	TABLE.tb1 TD {
		padding: 5px 8px 5px 5px;
		border: 1px solid #ccc;
	}
	TABLE.tb1 TH {
		background-color: #f4f5f5;
		font-weight: normal;
		text-align: left;
	}
	TABLE.tb1 TD.title1,
	TABLE.tb1 TH.title1,
	TABLE.tb1 TR.title1 TD,
	TABLE.tb1 TR.title1 TH {
		text-align: center;
		font-weight: bold;
	}



	/***** DIVでテーブル *****/
	DIV.tb1_table {
		display: table;
		border-collapse: collapse;
		
		margin: 0 0 5px 0;
		font-size: 100%;
	}
	DIV.tb1_tr {
		display: table-row;
	}
	DIV.tb1_th,
	DIV.tb1_td {
		display: table-cell;
		
		padding: 5px 8px 5px 5px;
		border: 1px solid #ccc;
	}
	DIV.tb1_th {
		/*font-weight: bold;*/
		
		background-color: #f4f5f5;
		font-weight: normal;
		text-align: left;
	}
	DIV.tb1_td.title1,
	DIV.tb1_th.title1,
	DIV.tb1_tr.title1 DIV.tb1_td,
	DIV.tb1_tr.title1 DIV.tb1_th {
		text-align: center;
		font-weight: bold;
	}




	/***** 装飾 *****/
	.action1 TH,
	TH.action1 {
		background-color: #FFE4B5 !important;
		font-weight: bold !important;
		text-align: center !important;
	}

	.action1 TD,
	TD.action1 {
		background-color: #FDF5E6;
	}

	DIV.div_action1 {
	/*
		background-color: #F0F0F0;
	*/
		padding: 15px 0px 15px 0px;
		margin: 12px 0 12px 0;
		text-align: left;
		
		/* 角丸 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	DIV.hiddenDescription {
		background-color	: #B0C4DE;
		padding				: 10px;
		border				: solid 1px #4682B4;
		margin-bottom		: 5px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.errorMessage {
		background-color	: #F8F0F0;
		padding				: 8px;
		border				: solid 1px #F8C0C0;
		margin-bottom		: 5px;
		color				: #FF3333;
		
		/* 角丸 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	.subTextMouseOver {
		position: absolute;
		z-index: 2;
		border: 1px solid #FF9933;
		padding: 5px;
		/*font-size: 12px;*/
		background-color: #f8e4b1;
		opacity: 0.8;
		filter: alpha(opacity=80); /* IE6、IE7対応 */
		-moz-opacity: 0.8; /* Firefox1.5以前対応 */
		color: #FF6600;
		display: none;
		
		/* 角丸 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	/* ボタン */
	/***** カスタムボタン *****/
	.btn1 {
		padding: 10px 20px 10px 20px;
		cursor: pointer;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		
		/*
		border: 1px #888888 solid;
		color: #fff;
		text-shadow: 0 1px 0 rgba(100,100,100,1);
		*/
		
		text-decoration: none;
		border: 1px #bbb solid;
		color: #555;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		
		/* border-radius */
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		
		/* transition */
		
		transition: all 0.5s ease 0;
		-moz-transition-property: all;
		-webkit-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		
		/* gradient */
		background: linear-gradient(top, #eee 0%, #bbb 100%);
		background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
		
		/*
		background: linear-gradient(top, #ededed 0%, #555555 100%);
		background: -o-linear-gradient(top, #ededed 0%, #555555 100%);
		background: -moz-linear-gradient(top, #ededed 0%, #555555 100%);
		background: -webkit-linear-gradient(top, #ededed 0%, #555555 100%);
		background: -ms-linear-gradient(top, #ededed 0%, #555555 100%);
		*/
		
		/* box-shadow */
		
		box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		
	}


	.btn1:hover {
		/* gradient */
		/*
		background: linear-gradient(top, #888888 0%, #ededed 100%);
		background: -o-linear-gradient(top, #888888 0%, #ededed 100%);
		background: -moz-linear-gradient(top, #888888 0%, #ededed 100%);
		background: -webkit-linear-gradient(top, #888888 0%, #ededed 100%);
		background: -ms-linear-gradient(top, #888888 0%, #ededed 100%);
		*/
		
		background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	}



	.btn2 {
		cursor: pointer;
		background-color:#3bb3e0;
		padding: 10px 20px;
		/*position:relative;*/
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#fff;
		border: solid 1px #186f8f;
		background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(44,160,202)),
		color-stop(1, rgb(62,184,229))
		);
		-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
		-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
		box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.btn2::before {
		background-color:#ccd0d5;
		content:"";
		display:block;
		/*position:absolute;*/
		width:100%;
		height:100%;
		padding:8px;
		left:-8px;
		top:-8px;
		/*z-index:-1;*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
		-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
		-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
		box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	}

	.btn2:active {
		padding: 10px 20px;
		/*
		padding-bottom:9px;
		padding-left:20px;
		padding-right:20px;
		padding-top:11px;
		*/
		/*top:1px;*/
		background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(62,184,229)),
		color-stop(1, rgb(44,160,202))
		);
	}

	.btn3 {
		margin: 5px 5px 5px 5px;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		border: 1px #bbb solid;
		color: #555;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		
		/* 端を丸く */
		border-radius:			5px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		-o-border-radius:		5px;
		-ms-border-radius:		5px;
		
		transition: all 0.5s ease 0;
		-moz-transition-property: all;
		-webkit-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;

		background: linear-gradient(top, #eee 0%, #bbb 100%);
		background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
		
		/* box-shadow */
		/*
		box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		*/
		
		box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	}


	.btn3:hover {
		margin: 8px 5px 5px 5px;
		padding: 10px 20px 7px 20px;
		background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		
		/* box-shadow */
		box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-o-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	}

	.btn4 {
		margin: 5px 5px 5px 5px;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		border: 1px #bbb solid;
		color: #555;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		
		/* 端を丸く */
		border-radius:			5px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		-o-border-radius:		5px;
		-ms-border-radius:		5px;
		
		transition: all 0.5s ease 0;
		-moz-transition-property: all;
		-webkit-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;

		background: linear-gradient(top, #eee 0%, #bbb 100%);
		background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
		
		/* box-shadow */
		/*
		box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		*/
		
		box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	}


	.btn4:hover {
		margin: 5px 5px 5px 5px;
		padding: padding: 5px 10px 5px 10px;
		background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		
		/* box-shadow */
		box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-o-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	}

	/*
	.btn0 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #ffffff;
		padding: 10px 20px;
		background: -moz-linear-gradient(
			top,
			#ffdccf 0%,
			#ff6f3b);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#ffdccf),
			to(#ff6f3b));
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		border: 1px solid #ffffff;
		-moz-box-shadow:
			0px 0px 7px rgba(000,000,000,0.5),
			inset 0px 0px 10px rgba(255,68,0,1);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.5),
			inset 0px 0px 10px rgba(255,68,0,1);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.5),
			inset 0px 0px 10px rgba(255,68,0,1);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.2),
			0px 1px 0px rgba(255,255,255,0.3);
	}
	*/

	/* ON/OFFスイッチ */
	.onoffswitch {
		position: relative; width: 60px;
		-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	}
	.onoffswitch-checkbox {
		display: none;
	}
	.onoffswitch-label {
		display: block; overflow: hidden; cursor: pointer;
		border: 1px solid #666666; border-radius: 5px;
	}
	.onoffswitch-inner {
		width: 200%; margin-left: -100%;
		-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
		-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
	}
	.onoffswitch-inner > div {
		float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
		font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.onoffswitch-inner .onoffswitch-active {
		padding-left: 8px;
		background-color: #6194FD; color: #FFFFFF;
	}
	.onoffswitch-inner .onoffswitch-inactive {
		padding-right: 8px;
		background-color: #F8F8F8; color: #666666;
		text-align: right;
	}
	.onoffswitch-switch {
		width: 10px; margin: 0px;
		background: #FFFFFF;
		border: 1px solid #666666; border-radius: 5px;
		position: absolute; top: 0; bottom: 0; right: 46px;
		-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
		-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
		background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
		margin-left: 0;
	}
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
		right: 0px; 
	}

	/***** 背景色 *****/
	.sunday {
		background-color: #ffe6eb;
	}

	.saturday {
		background-color: #e6f7ff;
	}

	.back-red {
		background-color:red;
	}

	.back-pink {
		background-color:pink;
	}

	/***** 簡略化 *****/
	.hidden {
		display: none;
	}

	/***** 配置 ******/
	.center {
		text-align: center !important;
	}

	.left {
		text-align: left !important;
	}

	.right {
		text-align: right !important;
	}

	.top {
		vertical-align: top !important;
	}

	.middle {
		vertical-align: middle !important;
	}

	.bottom {
		vertical-align: bottom !important;
	}

	/***** 文字色 *****/
	.red {
		color: red;
	}

	.blue {
		color: blue;
	}

	/***** 文字の太さ *****/
	.bold {
		font-weight: bold;
	}

	/***** アップデート ******/
	DIV.update {
		background-color: Lavender;
		border: solid 1px LightSteelBlue;
		color: SteelBlue;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	/***** メッセージ ******/
	DIV.information {
		background-color: lightgreen;
		border: solid 1px mediumaquamarine;
		color: darkcyan;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.message {
		background-color: Lavender;
		border: solid 1px LightSteelBlue;
		color: SteelBlue;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.message1 {
		background-color: mistyrose;
		border: solid 1px lightpink;
		color: indianred;

		margin-bottom: 10px;
		padding: 10px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.message2 {
		background-color: Lavender;
		border: solid 1px LightSteelBlue;
		color: SteelBlue;

		margin-bottom: 10px;
		padding: 10px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}


	/***** アラート ******/
	DIV.alert {
		background-color: #FAEBD7;
		border: solid 1px #FFDAB9;
		color: Tomato;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
/*
		margin-bottom: 10px;
		padding: 10px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
*/		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	/***** スイッチ *****/
	.off {
		background-color: #DDDDDD !important;
	}

	.on {
		background-color: #ffd788 !important;
	}

	.ng {
		background-color: #ff4500 !important;
	}


	/***** DEBUG *****/
	.debug1 {
		border: 1px solid red;
		padding: 10px;
		margin-top: 30px;
		background-color: pink;
		font-size: 14px;
	}

	/***** ジャストサイズパーツ *****/
	.fit1 {
		margin: 0px !important;
		width: 100% !important;
	}

	.fit2 {
		margin: 0px !important;
		width: 100% !important;
		height: 100% !important;
	}

	/***** ジャストサイズボタン *****/
	INPUT.button_fit1 {
		font-size: 14px !important;
		padding: 5px !important;
		width: 100% !important;
	}


	/***** モーダルウインドウ *****/

	#lean_overlay {
		position: fixed;
		z-index: 10000;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background: #000;
		display: none;
	}

	#userlogin {
		width: 300px;
		padding: 30px;
		display:none;
		background: #222;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	}


	/*
	#test p { color: #666; text-shadow: none; }

	#signup {
		width: 404px;
		padding-bottom: 2px;
		display:none;
		background: #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	}

	#signup-header {
		background: url(../img/hd-bg.png);
		padding: 18px 18px 14px 18px;
		border-bottom: 1px solid #CCC;
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
	}

	#signup-header  h2 {
		color: #444;
		font-size: 2em;
		font-weight: 700;
		margin-bottom: 3px;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	}

	#signup-header  p {
		color: #444;
		font-size: 1.3em;
		margin: 0;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
		text-shadow: none;
	}

	#signup .txt-fld {
		position: relative;
		width: 364px;
		padding: 14px 20px;
		border-bottom: 1px solid #EEE;
		text-align: right;
	}

	#signup .btn-fld {
		width: 254px;
		overflow: hidden;
		padding: 12px 20px 12px 130px;
	}

	#signup .txt-fld label {
		display: block;
		float: left;
		width: 90px;
		padding-top: 8px;
		color: #222;
		font-size: 1.3em;
		text-align: left;
	}

	#signup .txt-fld input {
		width: 244px;
		padding: 8px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size: 1.2em;
		color: #222;
		background: #F7F7F7;
		font-family: "Helvetica Neue";
		outline: none;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #E7E6E6;
		border-bottom: 1px solid #E7E6E6;
	}

	#signup .txt-fld input.good_input {
		background: #DEF5E1 url(../img/good.png) 236px center no-repeat;
	}

	#signup .txt-fld input.error_input {
		background: #FDE0E0;
	}

	p.error {
		position: absolute;
		bottom: 48px;
		right: 20px;
		width: 262px;
		color: #FFF;
		font-size: 1.1em;
		padding-bottom: 5px;
		background: url(../img/error-arw.png) 20px bottom no-repeat;
		text-align: left;
		margin: 0;
		text-shadow: none;
	}

	p.error span {
		display: inline-block;
		background: #D43636;
		padding: 6px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.txt-fld input:focus, .txt-fld textarea:focus {
		background-color: #FAF9DC;
	}

		
	button {
		float: right;
		font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		background: #3F9D4A; 
		border: none;
		width: auto;
		overflow: visible;
		font-size: 1.4em;
		color: #FFF;
		padding: 7px 10px; 
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	}
	*/
		
	.modal_close {
		position: absolute;
		top: 12px;
		right: 12px;
		display: block;
		width: 14px;
		height: 14px;
		background: url(/manager/img/modal_close.png);
		z-index: 2;
	}

	.menuColor100 {
		color:indigo;
	}


	.menuColor50 {
		color:blueviolet;
	}

	/* 等幅フォント */
	.fixed-width {
		font-family: 'ＭＳ ゴシック','MS Gothic';
	}
}























/*----------------------------------------------------------*/
/* SP用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 768px) {

	.sp-only {
		display: block;
	}
	.pc-only {
		display: none;
	}


	/*----------------------------------------base------------------------------------*/
	* {
		margin: 0;
		padding: 0;
		font-size: 100%;
		font-style: normal;
		text-decoration: none;
		list-style-type: none;
	}
	body {
		color: #363834;
		font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
		font-size: 12px;
	}
	a:visited {
		text-decoration: none;
		color: #333;
	}
	img {

		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		/*vertical-align: bottom;*/
	}


	.icon1{height:15px; vertical-align:-17%;}
	.icon2{height:12px; vertical-align:-17%;}
	.icon3{height:25px; vertical-align:100%;}
	


	/***** 全般 *****/
	/*
	* {
		margin: 0;
		padding: 0;
	}
	HTML {
		font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
	}
	BODY {
		margin: 0;
		padding: 0;
		background-color: #FFFFFF;
		color: #222222;
		font-size: 12px;
	}

	FORM {
		margin: 0px !important;
	}
	*/


	A:link {
		color: darkorange;
	}
	A:visited {
		color: dodgerblue;
	}
	A:hover {
		color: skyblue;
	}
	A:active {
		color: skyblue;
	}

	IMG {
		border: 0;
	}
	TH, TD {
		text-align: left;
	}
	INPUT {
		//font-size: 12px;
		border: 1px solid #BBBBBB;
	}
	INPUT:hover {
		background-color:mistyrose;
	}
	TEXTAREA {
		//font-size: 11px;
		//font-family: "ＭＳ Ｐゴシック",sans-serif;
		border: 1px solid #BBBBBB;
	}
	TEXTAREA:hover {
		background-color:mistyrose;
	}
	/*----------------------------------------------------------*/
	/* フォーム入力時のズームを防ぐ */
	/*----------------------------------------------------------*/
	select, textarea, input{
		font-size: 12px;
		box-sizing:
		border-box;
	}
	IFRAME {
		border: 1px solid #7F9DB9;
	}
	UL, LI {
		list-style: none;
	}

	/***** 枠組み用 *****/
	DIV#container {
		/*
		position: relative;
		height: 100%;
		min-height: 100%;
		*/
	}

	DIV#header {
		width: 100%;
		height: 40px;
		/*	SITE-COLOR: サイトタイトルバック	*/
		background-color: lightsteelblue;
	}

	DIV#headerContents {
		//padding: 5px 5px 5px 5px;
		//width: 1030px;
		//width: 100%;
	}

	DIV#headerLogo {
		//padding: 7px 0 0 10px;
		padding: 10px 20px 10px 10px;
		vertical-align: middle;
		/*float: left;*/
		/*width: 184px;*/
	}
	DIV#headerLogo a {
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
	}

	/*
	DIV#headerInfo {
		float: right;
		width: 820px;
	}
	DIV#headerInfo P.info {
		padding-top: 20px;
		float: left;
		width: 580px;
		color: #fff;
		font-size: 80%;
	}
	*/

	DIV#menu {
		width: 100%;
		/*background-color: #333333;*/
	}

	DIV#menuContents {
		//width: 1030px;
		width: 100%;
	}

	DIV.pageTitle {
		/*	SITE-COLOR: ページタイトルバック	*/
		background-color: lavender;
		height: 25px;
		line-height: 25px;
		color: lightslategray;
		font-size: 115%;
		/*margin-bottom: 10px;*/
		width: 100%;
	}

	DIV.pageTitle DIV.pageTitleContents {
		padding-top: 1px;
		padding-left: 20px;
		font-weight: bold;
		//width: 1030px;
		//width: 100%;
	}

	DIV.subTitle {
		margin: 0 0 5px 0;
		padding: 0 0 3px 5px;
		border-bottom: 2px solid lightsteelblue;
		color: #444757;
		font-size: 100%;
		font-weight: bold;
	}

	DIV.pageContents {
		//padding: 10px 20px 100px 20px;
		//width: 1000px;
		//width: 100%;
		margin: 20px 20px 20px 20px;
	}

	DIV.subContents {
		margin: 0 10px 25px 3px;
	}


	.site_title{
		text-align: left;  /* 文章を左寄せする(※) */
		float: left;     /* 左端に寄せて、後続を右側へ回り込ませる */
		color: #ffffff;
	}

	.login_user{
		text-align: right; /* 文章を右寄せする */
		color: #ffffff;
	}


	/* フロート解除 */
	.clearfix:after {
		display:block;
		clear:both;
		height:0;
		line-height:0;
		visibility:hidden;
		content:".";
	}



	/***** テーブル *****/
	TABLE.tb1 {
		margin: 0 0 5px 0;
		border-collapse: collapse;
		font-size: 100%;
	}

	TABLE.tb1 TH,
	TABLE.tb1 TD {
		padding: 5px 8px 5px 5px;
		border: 1px solid #ccc;
	}
	TABLE.tb1 TH {
		background-color: #f4f5f5;
		font-weight: normal;
		text-align: left;
	}
	TABLE.tb1 TD.title1,
	TABLE.tb1 TH.title1,
	TABLE.tb1 TR.title1 TD,
	TABLE.tb1 TR.title1 TH {
		text-align: center;
		font-weight: bold;
	}



	/***** DIVでテーブル *****/
	DIV.tb1_table {
		display: table;
		border-collapse: collapse;
		
		margin: 0 0 5px 0;
		font-size: 100%;
	}
	DIV.tb1_tr {
		display: table-row;
	}
	DIV.tb1_th,
	DIV.tb1_td {
		display: table-cell;
		
		padding: 5px 8px 5px 5px;
		border: 1px solid #ccc;
	}
	DIV.tb1_th {
		/*font-weight: bold;*/
		
		background-color: #f4f5f5;
		font-weight: normal;
		text-align: left;
	}
	DIV.tb1_td.title1,
	DIV.tb1_th.title1,
	DIV.tb1_tr.title1 DIV.tb1_td,
	DIV.tb1_tr.title1 DIV.tb1_th {
		text-align: center;
		font-weight: bold;
	}




	/***** 装飾 *****/
	.action1 TH,
	TH.action1 {
		background-color: #FFE4B5 !important;
		font-weight: bold !important;
		text-align: center !important;
	}

	.action1 TD,
	TD.action1 {
		background-color: #FDF5E6;
	}

	DIV.div_action1 {
	/*
		background-color: #F0F0F0;
	*/
		padding: 15px 0px 15px 0px;
		margin: 12px 0 12px 0;
		text-align: left;
		
		/* 角丸 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	DIV.hiddenDescription {
		background-color	: #B0C4DE;
		padding				: 10px;
		border				: solid 1px #4682B4;
		margin-bottom		: 5px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.errorMessage {
		background-color	: #F8F0F0;
		padding				: 8px;
		border				: solid 1px #F8C0C0;
		margin-bottom		: 5px;
		color				: #FF3333;
		
		/* 角丸 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	.subTextMouseOver {
		position: absolute;
		z-index: 2;
		border: 1px solid #FF9933;
		padding: 5px;
		/*font-size: 12px;*/
		background-color: #f8e4b1;
		opacity: 0.8;
		filter: alpha(opacity=80); /* IE6、IE7対応 */
		-moz-opacity: 0.8; /* Firefox1.5以前対応 */
		color: #FF6600;
		display: none;
		
		/* 角丸 */
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
	}

	/* ボタン */
	/***** カスタムボタン *****/
	.btn1 {
		padding: 10px 20px 10px 20px;
		cursor: pointer;
		font-family: 'Open Sans', sans-serif;
		font-size:14px;
		
		/*
		border: 1px #888888 solid;
		color: #fff;
		text-shadow: 0 1px 0 rgba(100,100,100,1);
		*/
		
		text-decoration: none;
		border: 1px #bbb solid;
		color: #555;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		
		/* border-radius */
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		
		/* transition */
		
		transition: all 0.5s ease 0;
		-moz-transition-property: all;
		-webkit-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;
		
		/* gradient */
		background: linear-gradient(top, #eee 0%, #bbb 100%);
		background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
		
		/*
		background: linear-gradient(top, #ededed 0%, #555555 100%);
		background: -o-linear-gradient(top, #ededed 0%, #555555 100%);
		background: -moz-linear-gradient(top, #ededed 0%, #555555 100%);
		background: -webkit-linear-gradient(top, #ededed 0%, #555555 100%);
		background: -ms-linear-gradient(top, #ededed 0%, #555555 100%);
		*/
		
		/* box-shadow */
		
		box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		
	}


	.btn1:hover {
		/* gradient */
		/*
		background: linear-gradient(top, #888888 0%, #ededed 100%);
		background: -o-linear-gradient(top, #888888 0%, #ededed 100%);
		background: -moz-linear-gradient(top, #888888 0%, #ededed 100%);
		background: -webkit-linear-gradient(top, #888888 0%, #ededed 100%);
		background: -ms-linear-gradient(top, #888888 0%, #ededed 100%);
		*/
		
		background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
	}



	.btn2 {
		cursor: pointer;
		background-color:#3bb3e0;
		padding: 10px 20px;
		/*position:relative;*/
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
		text-decoration:none;
		color:#fff;
		border: solid 1px #186f8f;
		background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(44,160,202)),
		color-stop(1, rgb(62,184,229))
		);
		-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
		-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
		box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.btn2::before {
		background-color:#ccd0d5;
		content:"";
		display:block;
		/*position:absolute;*/
		width:100%;
		height:100%;
		padding:8px;
		left:-8px;
		top:-8px;
		/*z-index:-1;*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
		-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
		-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
		box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	}

	.btn2:active {
		padding: 10px 20px;
		/*
		padding-bottom:9px;
		padding-left:20px;
		padding-right:20px;
		padding-top:11px;
		*/
		/*top:1px;*/
		background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(62,184,229)),
		color-stop(1, rgb(44,160,202))
		);
	}

	.btn3 {
		margin: 5px 5px 5px 5px;
		padding: 10px 20px 10px 20px;
		text-decoration: none;
		border: 1px #bbb solid;
		color: #555;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		
		/* 端を丸く */
		border-radius:			5px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		-o-border-radius:		5px;
		-ms-border-radius:		5px;
		
		transition: all 0.5s ease 0;
		-moz-transition-property: all;
		-webkit-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;

		background: linear-gradient(top, #eee 0%, #bbb 100%);
		background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
		
		/* box-shadow */
		/*
		box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		*/
		
		box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	}


	.btn3:hover {
		margin: 8px 5px 5px 5px;
		padding: 10px 20px 7px 20px;
		background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		
		/* box-shadow */
		box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-o-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	}

	.btn4 {
		margin: 5px 5px 5px 5px;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		border: 1px #bbb solid;
		color: #555;
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		
		/* 端を丸く */
		border-radius:			5px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		-o-border-radius:		5px;
		-ms-border-radius:		5px;
		
		transition: all 0.5s ease 0;
		-moz-transition-property: all;
		-webkit-transition-property: all;
		-o-transition-property: all;
		-ms-transition-property: all;
		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		-ms-transition-duration: 0.5s;

		background: linear-gradient(top, #eee 0%, #bbb 100%);
		background: -o-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -moz-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -webkit-linear-gradient(top, #eee 0%, #bbb 100%);
		background: -ms-linear-gradient(top, #eee 0%, #bbb 100%);
		
		/* box-shadow */
		/*
		box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 10px 10px rgba(255,255,255,0.5) inset;
		*/
		
		box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
		-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	}


	.btn4:hover {
		margin: 5px 5px 5px 5px;
		padding: padding: 5px 10px 5px 10px;
		background: linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -o-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -moz-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -webkit-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		background: -ms-linear-gradient(top, #dfdfdf 0%, #ddd 100%);
		
		/* box-shadow */
		box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-o-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
		-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.1) inset;
	}

	/*
	.btn0 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #ffffff;
		padding: 10px 20px;
		background: -moz-linear-gradient(
			top,
			#ffdccf 0%,
			#ff6f3b);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#ffdccf),
			to(#ff6f3b));
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;
		border: 1px solid #ffffff;
		-moz-box-shadow:
			0px 0px 7px rgba(000,000,000,0.5),
			inset 0px 0px 10px rgba(255,68,0,1);
		-webkit-box-shadow:
			0px 0px 7px rgba(000,000,000,0.5),
			inset 0px 0px 10px rgba(255,68,0,1);
		box-shadow:
			0px 0px 7px rgba(000,000,000,0.5),
			inset 0px 0px 10px rgba(255,68,0,1);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.2),
			0px 1px 0px rgba(255,255,255,0.3);
	}
	*/

	/* ON/OFFスイッチ */
	.onoffswitch {
		position: relative; width: 60px;
		-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	}
	.onoffswitch-checkbox {
		display: none;
	}
	.onoffswitch-label {
		display: block; overflow: hidden; cursor: pointer;
		border: 1px solid #666666; border-radius: 5px;
	}
	.onoffswitch-inner {
		width: 200%; margin-left: -100%;
		-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
		-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
	}
	.onoffswitch-inner > div {
		float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
		font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.onoffswitch-inner .onoffswitch-active {
		padding-left: 8px;
		background-color: #6194FD; color: #FFFFFF;
	}
	.onoffswitch-inner .onoffswitch-inactive {
		padding-right: 8px;
		background-color: #F8F8F8; color: #666666;
		text-align: right;
	}
	.onoffswitch-switch {
		width: 10px; margin: 0px;
		background: #FFFFFF;
		border: 1px solid #666666; border-radius: 5px;
		position: absolute; top: 0; bottom: 0; right: 46px;
		-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
		-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
		background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
		margin-left: 0;
	}
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
		right: 0px; 
	}

	/***** 背景色 *****/
	.sunday {
		background-color: #ffe6eb;
	}

	.saturday {
		background-color: #e6f7ff;
	}

	.back-red {
		background-color:red;
	}

	.back-pink {
		background-color:pink;
	}

	/***** 簡略化 *****/
	.hidden {
		display: none;
	}

	/***** 配置 ******/
	.center {
		text-align: center !important;
	}

	.left {
		text-align: left !important;
	}

	.right {
		text-align: right !important;
	}

	.top {
		vertical-align: top !important;
	}

	.middle {
		vertical-align: middle !important;
	}

	.bottom {
		vertical-align: bottom !important;
	}

	/***** 文字色 *****/
	.red {
		color: red;
	}

	.blue {
		color: blue;
	}

	/***** 文字の太さ *****/
	.bold {
		font-weight: bold;
	}

	/***** アップデート ******/
	DIV.update {
		background-color: Lavender;
		border: solid 1px LightSteelBlue;
		color: SteelBlue;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	/***** メッセージ ******/
	DIV.information {
		background-color: lightgreen;
		border: solid 1px mediumaquamarine;
		color: darkcyan;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.message {
		background-color: Lavender;
		border: solid 1px LightSteelBlue;
		color: SteelBlue;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.message1 {
		background-color: mistyrose;
		border: solid 1px lightpink;
		color: indianred;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	DIV.message2 {
		background-color: Lavender;
		border: solid 1px LightSteelBlue;
		color: SteelBlue;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}


	/***** アラート ******/
	DIV.alert {
		background-color: #FAEBD7;
		border: solid 1px #FFDAB9;
		color: Tomato;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		
		/* 角丸 */
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
	}

	/***** スイッチ *****/
	.off {
		background-color: #DDDDDD !important;
	}

	.on {
		background-color: #ffd788 !important;
	}

	.ng {
		background-color: #ff4500 !important;
	}


	/***** DEBUG *****/
	.debug1 {
		border: 1px solid red;
		padding: 10px;
		margin-top: 30px;
		background-color: pink;
		font-size: 14px;
	}

	/***** ジャストサイズパーツ *****/
	.fit1 {
		margin: 0px !important;
		width: 100% !important;
	}

	.fit2 {
		margin: 0px !important;
		width: 100% !important;
		height: 100% !important;
	}

	/***** ジャストサイズボタン *****/
	INPUT.button_fit1 {
		font-size: 14px !important;
		padding: 5px !important;
		width: 100% !important;
	}


	/***** モーダルウインドウ *****/

	#lean_overlay {
		position: fixed;
		z-index: 10000;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background: #000;
		display: none;
	}

	#userlogin {
		width: 300px;
		padding: 30px;
		display:none;
		background: #222;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	}


	/*
	#test p { color: #666; text-shadow: none; }

	#signup {
		width: 404px;
		padding-bottom: 2px;
		display:none;
		background: #FFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	}

	#signup-header {
		background: url(../img/hd-bg.png);
		padding: 18px 18px 14px 18px;
		border-bottom: 1px solid #CCC;
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
	}

	#signup-header  h2 {
		color: #444;
		font-size: 2em;
		font-weight: 700;
		margin-bottom: 3px;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	}

	#signup-header  p {
		color: #444;
		font-size: 1.3em;
		margin: 0;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
		text-shadow: none;
	}

	#signup .txt-fld {
		position: relative;
		width: 364px;
		padding: 14px 20px;
		border-bottom: 1px solid #EEE;
		text-align: right;
	}

	#signup .btn-fld {
		width: 254px;
		overflow: hidden;
		padding: 12px 20px 12px 130px;
	}

	#signup .txt-fld label {
		display: block;
		float: left;
		width: 90px;
		padding-top: 8px;
		color: #222;
		font-size: 1.3em;
		text-align: left;
	}

	#signup .txt-fld input {
		width: 244px;
		padding: 8px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size: 1.2em;
		color: #222;
		background: #F7F7F7;
		font-family: "Helvetica Neue";
		outline: none;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #E7E6E6;
		border-bottom: 1px solid #E7E6E6;
	}

	#signup .txt-fld input.good_input {
		background: #DEF5E1 url(../img/good.png) 236px center no-repeat;
	}

	#signup .txt-fld input.error_input {
		background: #FDE0E0;
	}

	p.error {
		position: absolute;
		bottom: 48px;
		right: 20px;
		width: 262px;
		color: #FFF;
		font-size: 1.1em;
		padding-bottom: 5px;
		background: url(../img/error-arw.png) 20px bottom no-repeat;
		text-align: left;
		margin: 0;
		text-shadow: none;
	}

	p.error span {
		display: inline-block;
		background: #D43636;
		padding: 6px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.txt-fld input:focus, .txt-fld textarea:focus {
		background-color: #FAF9DC;
	}

		
	button {
		float: right;
		font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
		background: #3F9D4A; 
		border: none;
		width: auto;
		overflow: visible;
		font-size: 1.4em;
		color: #FFF;
		padding: 7px 10px; 
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		font-weight: bold;
		text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	}
	*/
		
	.modal_close {
		position: absolute;
		top: 12px;
		right: 12px;
		display: block;
		width: 14px;
		height: 14px;
		background: url(/manager/img/modal_close.png);
		z-index: 2;
	}

	.menuColor100 {
		color:indigo;
	}


	.menuColor50 {
		color:blueviolet;
	}

	/* 等幅フォント */
	.fixed-width {
		font-family: 'ＭＳ ゴシック','MS Gothic';
	}




	/*----------------------------------------------------------*/
	/* メニューボタン */
	/*----------------------------------------------------------*/
	.menuButton{
		position: fixed;
		//top: 10px;
		//opacity: 0.8;
		height:35px;
		z-index: 10;
		cursor: pointer;
	}
	.myButton{
		//position: fixed;
		//top: 10px;
		//opacity: 0.8;
		height:35px;
		z-index: 10;
		cursor: pointer;
	}

	.top_parent {
		/* ベンダープレフィックスは省略 */
		display: flex;
		justify-content: center; /* 子要素を中央揃え */
		position: relative;
		padding: 10px;
	}
	.top_right {
		position: absolute;
		top: 2px;
		right: 37px; /* 右寄せ */
	}
	.top_left {
		position: absolute;
		left: 10px; /* 左寄せ */
	}

	/*----------------------------------------------------------*/
	/* MENUのモーダルウインドウ用 */
	/*----------------------------------------------------------*/
	/* メニューボタン
	#btn-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 78px;
		height: 70px;
		padding: 0 20px;
		color: #fff;
		background: #e73363;
		z-index: 2;
		transition: all .2s ease-in;
	}
	*/

	#btn-menu span {
		display: block;
		width: 100%;
		height: 5px;
		background: #fff;
	}
	
	#btn-menu span:nth-of-type(1) {
		margin: 5px 0 0;
	}
	
	#btn-menu span:nth-of-type(2) {
		margin: 8px 0 0;
	}
	
	#btn-menu span:nth-of-type(3) {
		margin: 8px 0 5px;
	}
	
	/* メニュー */
	#sp-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		overflow: scroll;
		z-index: 1;
		transition: all .3s ease-in;
		visibility: hidden;
		opacity: 0;
	}
	
	.open-menu #sp-menu {
		visibility: visible;
		opacity: 1;
	}
	
	#sp-menu-position {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
	}
	
	.sp-menu-list {
		list-style: none;
		font-size:16px;
	}
	
	.sp-menu-list a {
		color: #ffffff;
	}

	.sp_menu_li{
		font-size: 16px;
		color: #ffffff;
		margin-bottom: 5px;
		white-space: nowrap;
	}
}