/* CSS Document */
/*
	layout.css
	ブラウザの癖のリセット用CSS
*/
@charset 'utf-8';
/*margin,padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin : 0;
	padding : 0;
}
/* a */
a, a:hover{overflow : hidden;outline : none;}
/**/
h1, h2, h3, h4, h5, h6 {font-size : 100%;}
/*ol,ul*/
ol, ul{list-style : none;}
/*font-style,font-weight*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style : normal;
	font-weight : normal;
}
/*table cell*/
table {border-collapse : collapse; border-spacing : 0;}
/*fieldset, img*/
fieldset, img {border : 0;}
/*caption*/
caption {text-align : left;}
/*q*/
q:before, q:after {content : '';}

body{
	background: #FFF;
	font-family: "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	line-height: 150%;
	text-align : center;
}

/* header */
.headerlogo_wrap {
	width:100%;
	height:40px;
	background:#231815;
}

.headerlogo {
	margin : 0 auto;
	width:100%;
	min-width:960px;
	overflow:auto;
}
.logo {width:20%;float:left;text-align:left;}
.login{margin-right:2%;padding-top:8px;width:78%;float:right;text-align:right;}
.login a {color:#FFF;text-decoration:none;}
.login a:hover {color:#FFF;text-decoration:underline;}

.header_bottom {
	width:100%;
	height:20px;
	background:#3e3a39;
	font-size:12px;
	color:#9fa0a0;
	line-height:20px;
	padding-left:5px;
}

/* content */
.content_wrapper {
	margin : 0 auto;
	padding : 0 auto;
	width : 100%;
}

.content_wrap {
	margin : 0 auto;
	padding : 0 auto;
	width:100%;
	min-width:960px;
	text-align:left;
	line-height:160%;
	overflow:auto;
}

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

loginform 

********************************* */
#wpmem_login,
#wpmem_reg {
	margin:180px auto 0 auto;
	padding:25px;
	width: 80%;
	max-width: 450px;
	border:1px solid #898989;
	border-radius: 6px;
}

#wpmem_login legend,
#wpmem_reg legend {
	margin:0 0 15px 0;
	padding:5px;
	width:100%;
	font-size:18px;
	border-bottom:1px solid #898989;
}

.div_text .username,
.div_text .password,
.div_text .textbox {padding:2%;width:96%;height:24px;border:1px solid #c9caca;}

.div_text {margin-bottom:20px;}

.button_div label {
	width:90%;
}

.button_div input[type="submit"] {
	display:block;
	margin: 0 auto;
	padding: 10px 0 11px -15px;
	width:100%;
	background-color: #24890d;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.button_div input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

.button_div input[type="submit"]:active {
	background-color: #55d737;
}

@media screen and (max-width: 768px) {
	#wpmem_login,
	#wpmem_reg {
		margin:10px auto 15px auto!important;
		padding:25px;
		width: 80%;
		max-width: 450px;
		border:1px solid #898989;
		border-radius: 6px;
	}

	#wpmem_login legend,
	#wpmem_reg legend {
		margin:0 0 15px 0;
		padding:5px;
		width:100%;
		font-size:18px;
		border-bottom:1px solid #898989;
	}
}

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

leftnavi 

********************************* */
.leftnavi_content {
/* 	margin-top:-77px; */
	padding: 15px;
	width:140px;
	height: 100vh;
/* 	height: calc(100vh - 80px); */
/* 	height: calc(100vh - 107px); */
	float:left;
	background: rgb(245, 247, 249);
	color: rgb(84, 84, 86);
}

.leftnavi_content a {
	color: rgb(84, 84, 86);
	text-decoration:none;
}
.leftnavi_content a:hover {
	color: rgb(53, 88, 168);
	text-decoration:none;
}
.leftnavi_upper {
	width:240px;
}

.leftnavi_upper li {
	line-height:50px;
}

.other_coin {
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:5px;
	font-weight:bold;
	border-bottom:1px solid #dddddd;
}

.icon_dash {
	padding:0 0 0 40px;
	background: transparent url(img/common/icon_dashboard.png) no-repeat left 9px;
	font-size: 16px;
}
.icon_prof {
	padding:0 0 0 40px;
	background: transparent url(img/common/icon_profile.png) no-repeat left 6px;
	font-size: 16px;
}
.icon_order {
	padding:0 0 0 40px;
	background: transparent url(img/common/icon_order.png) no-repeat left 6px;
	font-size: 16px;
}


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

rightnavi 

********************************* */
.right_content {
	padding:0 15px;
	width: calc(100% - 200px);
	float:right;
}

.right_content a {color:#00913a;text-decoration:underline;}
.right_content a:hover {color:#00913a;text-decoration:underline;}

.right_wrap {
	width:100%;
	overflow:auto;
}
.box_w50 {
	width: 320px;
	float:left;
}
.box_w70 {
	width: calc(100% - 320px);
	float:left;
}

.total_value {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:right;
	font-size:20px;
	color:#595757;
	border-bottom:1px solid #efefef;
}

.h1_txt {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:24px;
	color:#595757;
	border-bottom:1px solid #efefef;
	text-align:left;
}

.send_fee {
	padding:15px;
}

.send_fee .wpcf7-form-control-wrap {
	width:100%;
}

.send_fee input.wpcf7-text {
	margin-bottom:30px;
	padding: 0 10px;
	height:36px;
}

.send_fee .wpcf7-not-valid-tip {
	padding-left:15px;
	color:#00913a;
}

.send_fee .wpcf7-response-output {
	padding:15px 0;
	color:#e60012;
}

.send_fee .screen-reader-response {
	display:none;
}

.rfee_wrap {
	width:300px;
	overflow:auto;
}

.rfee_box_01 {
	padding:14px 10px 10px 0;
	width:104px;
	text-align:left;
	float:left;
}
.rfee_box_02 {
	padding:0 10px;
	width:164px;
	text-align:right;
	border:1px solid #bcbcbc;
	font-size:24px;
	font-weight:bold;
	float:left;
	line-height:50px;
	border-radius: 4px;
}

.rfee_btn {
	width:300px;
}
.rfee_btn a {
	padding:10px;
	display:block;
	background: #24890d;
	color:#FFF;
	text-align:center;
	border-radius: 5px;
}

.rfee_btn a:hover {
	padding:10px;
	display:block;
	background: #41a62a;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	border-radius: 5px;
}

.cyc_cost input{
	pointer-events : none;
}

.chart_box {
	width:95%;
	text-align:left;
}

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

footer 

********************************* */
.footer {margin: 0 auto;padding:0 auto;width:100%;color:#FFF;background:#00913a;bottom:0;position:bottom;text-align:center;}
.footer_copy li {font-size:12px;display: inline;}
.footer_copy a {color:#FFF;text-decoration:none;}
.footer a:hover {color:#FFF;text-decoration:underline;}
.f_border {padding-right: 15px;margin-right: 10px;border-right: solid 1px #FFF;}
.footer_copy {margin:0 auto;padding: 20px 0 5px 0;width:1000px;}
.copy {font-size:12px;}

.footer_navi {width:960;text-align:center;}
.footer_navi li {
	display: inline-block;
	padding: 0 0 0 15px;
	background: transparent url(img/common/arrow_11.png) no-repeat left 6px;
	font-size:12px;
}
.footer_navi a {color:#232323;text-decoration:none;}
.footer_navi a:hover {color:#232323;text-decoration:underline;}


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

ユーザ管理

********************************* */
.add_worker {
	width:100%;
}

.add_worker table {
	width:100%;
}
.add_worker th,
.add_worker td,
.w_list th,
.w_list td,
.job_add th,
.job_add td,
.job_list th,
.job_list td {padding:6px 3px;}

.w_list {width:100%;}

.job_add,
.job_list {width:100%;}

.w_list th,
.w_list td,
.job_add th,
.job_add td {
	font-size:12px;
	width:200px;
	border:1px solid #666666;
}

.job_list th,
.job_list td {
	font-size:12px;
	border:1px solid #666666;
	line-height:16px;
}

.w_list th,
.job_add th,
.job_list th {background:#e5e5e5;}

.btn_serch_rep {padding: 2px 30px 3px!important;}

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

	Google Maps

**************************************************/
#sample {
	width: 100%;
	height: 400px;
}
.gps_staff {
	margin:20px 0;
	width:100%;
	overflow:hidden;
}
.gps_staff div div {
	padding:5px 5px 5px 0;
}

.active_stf {
	width:45%;
	float:left;
}

.unactive_stf {
	width:45%;
	float:left;
}

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

POPUP画面

********************************* */
.pop_wrap {
	width:100%;
}

.pop_table table {
	margin:0 auto;
	width:90%;
}

.pop_table th {
	padding:10px;
	font-size:12px;
	width:30%;
	border:1px solid #666666;
	background:#e5e5e5;
}
.pop_table td {
	padding:10px;
	font-size:12px;
	width:70%;
	border:1px solid #666666;
}

.pop_table_01 table {
	margin:0 auto;
	width:90%;
}

.pop_table_01 th {
	padding:10px;
	font-size:12px;
	width:100%;
	border:1px solid #666666;
	background:#e5e5e5;
}
.pop_table_01 td {
	padding:10px;
	font-size:12px;
	width:100%;
	border:1px solid #666666;
	text-align:left;
}

.pop_table_03 table {
	margin:0 auto;
	width:90%;
}
.pop_table_03 th {
	padding:10px;
	font-size:12px;
	border:1px solid #666666;
	background:#e5e5e5;
}
.pop_table_03 td {
	padding:10px 5px;
	font-size:12px;
	border:1px solid #666666;
}

.joblist {
	margin:0 auto;
	width:95%;
}

.joblist th {
	padding:3px 10px;
	font-size:12px;
	border:1px solid #666666;
	background:#e5e5e5;
}
.joblist td {
	padding:3px 10px;
	font-size:12px;
	border:1px solid #666666;
}

.jobadd_wrap {
	margin:0 auto;
	width:95%;
}

.close_btn {
	margin:0 auto;
	width:150px;
	text-align:center;
	color:#FFF;
}
.close_btn a {
	color:#FFF;
	text-decoration:none;
}

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

日報検索ページ

********************************* */
.search_box {
	width:100%;
}
.search_box ul li{
	display: inline;
}

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

日報詳細ページ

********************************* */
.pop_wrap_job {
	width:450px;
}

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

ロト結果登録

********************************* */
.loto_add {
	width:100%;
}
.loto_add table {width:700px;border-top:1px solid #666666;border-left:1px solid #666666;}
.loto_add th {
	padding:10px 2px;
	text-align:center;
	background:#e2e2e2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}
.loto_add td {
	padding:10px;
	text-align:center;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}
.loto_add input[type="date"] {width:140px;padding:7px 5px;}
.loto_add input[type="text"] {width:50px;padding:10px 5px;}

.loto_lst {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.list50 {
	width:50%;
}
.loto_lst table {width:500px;border-top:1px solid #666666;border-left:1px solid #666666;font-size:12px;}
.loto_lst th {
	padding:3px;
	text-align:center;
	background:#e2e2e2;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}
.loto_lst td {
	padding:3px;
	text-align:center;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}
.lotored {color:#009900;}

.loto_wrap {
	margin-bottom:10px;
	width:1076px;
	overflow:hidden;
	text-align:center;
	font-size:12px;
}

.lotoboxfst {
	width:25px;
	float:left;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
.lotobox {
	width:25px;
	float:left;
	border-top:1px solid #666666;
}

.lotoboxst {background:#e2e2e2;}
.lotoboxst,
.lotoboxsc {
	padding:2px 3px 0px;
	width:18px;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}

.dup {
/* 	font-weight:bold;
	color:#b90000; */
	background:#ffd1d1;
}

.lototrans_wrap {
	width:1076px;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
.lototrans {
	width:25px;
	float:left;
}

.lototransst {background:#e2e2e2;}
.lototransst,
.lototranssc {
	padding:2px 3px 0px;
	width:18px;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
}

.loto_blank {
	margin: 0 auto;
	padding:20px 20px 0;
	width:calc(100% - 40px);
}

.fog {background:#beccea;}
.bonus {/* background:#22ac38!important; */color:#22ac38!important;font-weight:bold;}

.list_wrap {
	width:100%;
	overflow:hidden;
}

.parent_wrap {
	margin:0 10px 10px 0;
	padding: 0 0 10px;
	width:201px;
	height:666px;
	float:left;
	border-bottom:1px solid #666666;
}
.parent_box {
	margin:0 0 10px 0;
	width:200px;
	float:left;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}

.pb_child {
	margin:0;
	padding:0;
	line-height:19px;
	width:19px;
	height:19px;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	float:left;
	font-size:9px;
	text-align:center;
}
/* =======================================

	購入前チェック

======================================= */
.check_wrap {
	margin:0 auto;
	width:750px;
	height:100%;
}
.number_wrap {
	margin:0 0 0 -10px;
	padding:30px;
	width:700px;
	display: -webkit-flex;
	display: flex;
}
.set_number,
.after_number {
	margin:0 0 0 10px;
	padding:10px;
	width:calc(50% - 27px);
	border:1px solid #666666;
	counter-reset: characters;
}
.set_number ul,
.after_number ul {
	display: -webkit-flex;
	display: flex;
}
.set_number ul li,
.after_number ul li {
	margin:0 2px 5px;
	width:calc((100% - 12px)/10);
	align-items: center;
}
.set_number label,
.after_number label {
	display: block;
	width:100%;
	cursor: pointer;
}
.set_number div,
.after_number div {
	padding:8px 0 6px 0;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
}
.set_number div:hover,
.after_number div:hover {
	background:#e5e5e5!important;
}
.set_number input[type="checkbox"],
.after_number input[type="checkbox"] {
	display: none;
}
.set_number input[type="checkbox"] + div,
.after_number input[type="checkbox"] + div {
	color:#3b3b3b;
	background:#fcfcfc;
	border:1px solid #999999;
	border-radius:3px;
}
.set_number input:checked[type="checkbox"] + div,
.after_number input:checked[type="checkbox"] + div {
	color:#FFF;
	background:#00913a;
	border:1px solid #00913a;
	border-radius:3px;
}
.set_number input:checked[type="checkbox"] + div.over,
.after_number input:checked[type="checkbox"] + div.over {
	color:#FFF;
	background:#66c2e2!important;
	border:1px solid #66c2e2!important;
	border-radius:3px;
}
.check_btn {
	margin:0 auto 20px;
	width:200px;
}
.check_btn input[type='submit'] {
	padding: 10px 0 10px 8px;
	margin: 0 auto 0 auto;
	display: block;
	width:100%;
	background: #00913a;
	border: 2px solid #00913a;
	border-radius: 4px;
	color: #FFF;
	cursor: pointer;
	transition: 0.5s;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.check_btn input[type='submit']:hover {
	background: #FFF;
	border: 2px solid #00913a;
	border-radius: 4px;
	color: #00913a;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.check_normal_wrap {
	margin:0 auto 30px;
	padding:0 30px;
	width:690px;
}
.check_title {
	margin:0 auto;
	padding:0 0 10px;
	width:500px;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
}
.match_info {
	margin:0 auto;
	width:500px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;

	display: -webkit-flex;
	display: flex;
}
.match_info_loto7 {
	margin:0 auto;
	width:560px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;

	display: -webkit-flex;
	display: flex;
}
.match_info li,
.match_info_loto7 li {
	padding:16px 0 12px;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
.match_info li:nth-child(1),
.match_info_loto7 li:nth-child(1) {
	width:200px;
}
.match_info li:nth-child(n+2) {
	width:calc((100% - 200px - 2px)/7);
}
.match_info_loto7 li:nth-child(n+2) {
	width:calc((100% - 200px - 2px)/9);
}
.cross_check_wrap {
	margin:0 auto;
	width:500px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.cross_check_wrap li {
	padding:16px 0 12px;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
.cross_check_wrap li.crossdate {
	width:180px;
}
.cross_check_wrap li.crosscnt {
	width:40px;
}
.cross_check_wrap li.crossnum {
	width:calc((100% - 220px - 9px)/7);
}
.crosscnt span {
	font-size:10px;
	line-height:14px;
	font-weight:bold;
}
.crosshit {
	background: #f9f7e1;
}
.multicnter {
	margin:10px auto 6px;
	width:500px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-align:left;
}
.cross_check_wrap_loto7 {
	margin:0 auto;
	width:570px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap        : wrap;
}
.cross_check_wrap_loto7 li {
	padding:16px 0 12px;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
.cross_check_wrap_loto7 li.crossdate {
	width:180px;
}
.cross_check_wrap_loto7 li.crosscnt {
	width:40px;
}
.cross_check_wrap_loto7 li.crossnum {
	width:calc((100% - 220px - 11px)/9);
}
.multicnter_loto7 {
	margin:10px auto 6px;
	width:560px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-align:left;
}
.multicnter span {
	font-size:10px;
	line-height:10px;
}
.check_notice {
	font-size:12px;
	line-height:14px;
	text-align:left;
	font-weight:bold;
}













/* =======================================

	CommonElements

======================================= */
.err_msg {
	margin:10px auto;
	padding:10px;
	width:calc(100% - 42px);
	border:1px solid #999;
	font-size:12px;
	line-height:14px;
	text-align:left;
}

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

aタグ処理 画像透過リンク

********************************* */
a img {
	-webkit-transition:opacity 0.5s; /*Safari,Chrome*/
	-o-transition       :opacity 0.5s; /*Opera*/
	-moz-transition   :opacity 0.5s; /*Firefox*/
	transition           :opacity 0.5s; /*CSS3 Real Property*/
}
 
a:focus img,
a:hover img {
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.7; /*Older Firefox*/
	opacity:0.7; /* Modern Browsers*/
}
/* *******************************

common

********************************* */
/* margin-bottom */
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb16 {margin-bottom:16px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

/* margin-top */
.mt9 {margin-top:-9px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}

/* margin-right */
.mr2p {margin-right:2%;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr6 {margin-right:6px;}
.mr7 {margin-right:7px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr12 {margin-right:13px;}
.mr13 {margin-right:12px;}
.mr14 {margin-right:14px;}
.mr15 {margin-right:15px;}
.mr16 {margin-right:16px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

/* margin-left */
.ml20 {margin-left:20px;}

/* padding */
.pa5 {padding:5px;}

/* padding-bottom */
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb60 {padding-bottom:60px;}
.pb100 {padding-bottom:100px;}

/* padding-top */
.pt10 {padding-top:10px;}

/* padding-left */
.pl5 {padding-left:5px;}

/* table-width */
.tw10 {width:10%;}
.tw15 {width:15%;}
.tw20 {width:20%;}
.tw25 {width:25%;}
.tw30 {width:30%;}
.tw35 {width:35%;}
.tw75 {width:75%;}
.tw80 {width:80%;}

.w320 {width:320px;}
.w680 {width:680px;}

.w8 {width:8%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w36 {width:36%;}
.w40 {width:40%;}
.w40 {width:40%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}

.wf5 {width:5%!important;}
.wf10 {width:10%!important;}
.wf15 {width:15%!important;}
.wf20 {width:20%!important;}
.wf25 {width:25%!important;}
.wf30 {width:30%!important;}
.wf33 {width:33%!important;}
.wf34 {width:34%!important;}
.wf35 {width:35%!important;}
.wf36 {width:36%!important;}
.wf40 {width:40%!important;}
.wf45 {width:45%!important;}
.wf60 {width:60%!important;}
.wf70 {width:70%!important;}
.wf75 {width:75%!important;}
.wf80 {width:80%!important;}
.wf85 {width:85%!important;}
.wf90 {width:90%!important;}
.wf100 {width:100%!important;}

.w96 {margin:0 auto;width:960px;}
.wh90 {width:90%;height:24px;}

/* font-sixe */
.s10 {font-size:10px;}
.s12 {font-size:12px;}
.sf12 {font-size:12px!important;}
.sf12g {font-size:12px!important;color:#00913a;}
.sf16 {font-size:16px!important;}

/* line-height */
.l13 {line-height:130%;}
.l20 {line-height:200%;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

.img50 img {width:50%;}
.img100 img {width:100%;}

/* font-color */
.red {color:#ff0000;}
.blue {color:#0075a9;}
.req {color:#c30d23;}


/* ページの先頭に戻るボタン */
#page-top {
	position: fixed;
	bottom: 50px;
	right: 10px;
	font-size: 77%;
}
#page-top a {
	background: #c30d23;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 15px 0 5px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #e83d5a;
}

.right_bottom {
	position: fixed;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height:40px;
	overflow: hidden;
	z-index: 1000;
}

/* 回り込み回避用 */
br.clear{
	margin : 0;
	padding : 0;
	clear : both;
}

/* Buttons */
.close_btn,
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #24890d;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}
.close_btn:hover,
button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #55d737;
}

.form-submit {
	text-align:center;
	padding-bottom:20px;
}

.men_btn {
	padding:10px 0 0 0;
	text-align:center;
}


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

smart phone site start

**************************** */
.sp_content_wrap {
	width:100%;
}
.sp_content_wrap p {
	display:none;
}


.sp_content_wrap input[type=text],
.sp_content_wrap input[type=password] {
	font-size: 16px;
/* 	transform: scale(0.8); */
}

.sp_header {
	width:100%;
	background:#231815;
	text-align:left;
}
.sp_header img {
	width:60%;
}
.sp_login{padding-right:2%;width:98%;text-align:right;background:#3e3a39;}
.sp_login a {color:#FFF;text-decoration:none;}

.spc_wrap {
	margin-top:10px;
	width:100%;
}

.sp_total_value table {margin:0 auto;width:95%;}
.sp_total_value td {padding:2px 5px;width:50%;border-bottom:1px solid #dddddd;}

.spl {text-align:left;}
.spr {text-align:right;}

.sp_btn {
	margin:0 auto 30px auto;
	width:90%;
}
.sp_btn a {
	padding:10px;
	display:block;
	background: #24890d;
	color:#FFF;
	text-align:center;
	border-radius: 5px;
}

.sp_chart {
	margin:0 atuo;
	width:95%;
}

.sp_ex_chart {
	width:100%;
}

/* sub_page
------------------------- */
.today_task,
.today_task2,
.today_task3,
.today_task4 {
	margin:10px auto;
	padding:10px 0;
	width:96%;
}

.today_task table {
	width:100%;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.today_task th {
	padding:10px;
	width:25%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background:#d3d3d3;
}
.today_task td {
	padding:10px;
	width:25%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}

.today_task span {font-size:10px;color:#333333;}

.today_task2 table {
	width:100%;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.today_task2 th {
	padding:10px;
	width:25%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background:#d3d3d3;
	text-align:center;
}
.today_task2 td {
	padding:10px;
	width:25%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	text-align:left;
}
.today_task2 input {padding:10px;width:98%;height:20px;}
.today_task2 textarea {padding:10px;width:98%;}

.today_task input,
.today_task button,
.today_task textarea,
.today_task select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.today_task input {display: none;}
.today_task input+label,
.today_task input+label::before,
.today_task input+label::after {
	-webkit-transition: all .2s;
	transition: all .2s;
}
.today_task input+label {
	display: inline-block;
	position: relative;
	width: 90%;
	height: 32px;
	border-radius: 24px;
	cursor: pointer;
}
.today_task input+label::before {
	display: block;
	content: attr(data-off-label);
	position: absolute;
	top: 4px;
	right: 7px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 10px;
}
.today_task input+label::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 28px;
	height: 28px;
	background-color: #fff;
	border-radius: 50%;
}
.today_task input:checked+label::before {
	content: attr(data-on-label);
	left: 7px;
	right: auto;
	color: #fff;
}
.today_task input:checked+label::after {
	left: 32px;
	background-color: #f7f7f7;
}

#demo01+label,#demo02+label,#demo03+label,#demo04+label,#demo05+label,#demo06+label,#demo07+label,#demo08+label,#demo09+label,#demo10+label,#demo11+label,#demo12+label,#demo13+label,#demo14+label,#demo15+label,#demo16+label,#demo17+label,#demo18+label,#demo19+label,#demo20+label {background-color: #eee;}

#demo01+label::before,
#demo02+label::before,
#demo03+label::before,
#demo04+label::before,
#demo05+label::before,
#demo06+label::before,
#demo07+label::before,
#demo08+label::before,
#demo09+label::before,
#demo10+label::before,
#demo11+label::before,
#demo12+label::before,
#demo13+label::before,
#demo14+label::before,
#demo15+label::before,
#demo16+label::before,
#demo17+label::before,
#demo18+label::before,
#demo19+label::before,
#demo20+label::before {color: #aaa;}

#demo01:checked+label,
#demo02:checked+label,
#demo03:checked+label,
#demo04:checked+label,
#demo05:checked+label,
#demo06:checked+label,
#demo07:checked+label,
#demo08:checked+label,
#demo09:checked+label,
#demo10:checked+label,
#demo11:checked+label,
#demo12:checked+label,
#demo13:checked+label,
#demo14:checked+label,
#demo15:checked+label,
#demo16:checked+label,
#demo17:checked+label,
#demo18:checked+label,
#demo19:checked+label,
#demo20:checked+label {background-color: #3498db;}

#demo01:checked+label::before,
#demo02:checked+label::before,
#demo03:checked+label::before,
#demo04:checked+label::before,
#demo05:checked+label::before,
#demo06:checked+label::before,
#demo07:checked+label::before,
#demo08:checked+label::before,
#demo09:checked+label::before,
#demo10:checked+label::before,
#demo11:checked+label::before,
#demo12:checked+label::before,
#demo13:checked+label::before,
#demo14:checked+label::before,
#demo15:checked+label::before,
#demo16:checked+label::before,
#demo17:checked+label::before,
#demo18:checked+label::before,
#demo19:checked+label::before,
#demo20:checked+label::before {color: #fff;}

.btn_task {
	margin:0 auto;
	width:80%!important;
}

.today_task3 table {
	width:100%;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.today_task3 th {
	padding:10px;
	width:20%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background:#d3d3d3;
	text-align:center;
}
.today_task3 td {
	padding:10px;
	width:40%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	text-align:left;
}

.today_task3 select {
	height:40px;
	font-size: 16px;
/* 	transform: scale(0.8); */
}

.today_task4 table {
	width:100%;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}
.today_task4 th {
	padding:3px;
	width:25%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background:#d3d3d3;
	text-align:center;
	font-size:12px;
	line-height:14px;
}
.today_task4 td {
	padding:3px;
	width:25%;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	font-size:12px;
	line-height:14px;
}
.today_task4 span {font-size:12px;color:#333333;}
.sp_txt {font-size:12px;text-align:left;}

.today_task select {
	height:24px;
	font-size: 16px;
/* 	transform: scale(0.8); */
}


/* sideNavi
------------------------- */
/* --------------------  footer.php */
#footer {
/* 	padding: 10px; */
	font-size:12px;
/* 	background: #003f72; */
	background: #FFF;
	text-align:left;
}

#footer ul {
	border-top: 1px solid #666;
}

#footer li {
	display:block;
	padding:5px 5px;
	border-bottom: 1px solid #666;
}

#footer li a {
	display:block;
	width: 97%;
	text-align: left;
	padding: 5px 0 5px 3%;
	color:#666;
	text-decoration: none;
}

#footer li a:hover {
	display:block;
	width: 97%;
	text-align: left;
	padding: 5px 0 5px 3%;
	color:#be322c;
}

#footerList li {
	display: inline;
	margin-right: 5px;
}

#footerList a {
	display: inline;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

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

smart phone site end

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

/*Pagenation*/
#pagenation {margin: 1em 0;}
#pagenation:after, .pagenation ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#pagenation ul {margin: 0;}
#pagenation li {
	float: left;
	list-style: none outside none;
	margin-left: 3px;
}
#pagenation li:first-child {margin-left: 0;}
#pagenation li.active {
	background-color: #889e04;
	border-radius: 3px;
	color: #FFFFFF;
	cursor: not-allowed;
	padding: 8px 15px;
}
#pagenation li a {
	background: none repeat scroll 0 0 #a9ba14;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
#pagenation li a:hover {
	background-color: #889e04;
	color: #FFFFFF;
	opacity: 0.8;
	transition-duration: 500ms;
	transition-property: all;
	transition-timing-function: ease;
}

.cf:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html .cf  { zoom: 1; }  /* IE6 */
*:first-child+html .cf { zoom: 1; }  /* IE7 */

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}