@charset "utf-8";

*{ box-sizing:border-box; }

/*------------------------ 分類：フォームパーツ ------------------------*/
div.navigation{color:#fff;}

button,label,select{ cursor:pointer; }

input[type="text"],
select,
textarea{
	padding:5px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ccc;
}

textarea{
	resize:vertical;
}

/*------------------------ 分類：ボタン系 ------------------------*/

/* ボタン共通 */
.m-btn{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-decoration:none;
	border:none;
	font-size:18px;
	font-weight:bold;
	color:#4a8431;
	min-width:100px;
	text-align:center;
	letter-spacing:0.1em;
}

/* ①実行系ボタン */
.m-btn-submit{
	color:#fff;
	background-color:#4a8431;
	height:50px;
	padding:10px 40px;
	min-width:200px;
}

/* ②キャンセル・削除系ボタン */
.m-btn-cancel{
	height:50px;
	padding:10px 40px;
	min-width:150px;
}

/*------------------------ 分類：汎用ボックス ------------------------*/

/* ラインあり */
.m-box{
	border:1px solid #4a8431;
	display:inline-block;
	min-width:100px;
	margin:0 10px 10px 0;
}
/* ラインなし */
.m-box-noline{
	border:none !important;
}

.m-box dt,
.m-box dd{
	padding:5px;
}
.m-box dt{
	border-bottom:1px dotted #4a8431;
	background-color:#edf4d3;
	font-weight:bold;
	color:#4a8431;
}

/* １列 */
.m-box.m-box-1col{
    	text-align:left;
	width:100%;
	margin-right:0 !important;
}

/* ３列 */
.m-box.m-box-3col{
	text-align:left;
	width:31%;
	margin-right:1% !important;;
}


/*------------------------ 分類：リストテーブル ------------------------*/
.l-main-list table{
	width:100%;
	font-size:15px;
}
.l-main-list tr:nth-child(2n+1){
	background-color:#f7f7f7;
}
.l-main-list tr:hover{
	background-color:#edf4d3;
}

.l-main-list th{
	color:#fff;
	background-color:#73aa1b;
	font-weight:bold;
	padding:10px;
}
.l-main-list td{
	vertical-align:middle;
	text-align:center;
	padding:10px;
	border-bottom:1px solid #ccc;
	max-width:150px;
}

/* リスト画像 */
.l-main-list-img{
	width:100px;
	height:auto;
}

/*------------------------ 分類：タグ ------------------------*/
.m-tag{
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#fff;
	background-color:#29abe2;
	padding:5px 10px;
	display:inline-block;
	margin:0 5px;
}

/*------------------------ 分類：モーダルウィンドウ ------------------------*/
/* モーダルエリア */
.m-modal{
}

/* 開くボタン共通 */
.m-modal-open{
	cursor:pointer;
}

/* ウィンドウ部分 */
.m-modal-window{
	border:5px solid #4a8431;
	background-color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:80%;
	left:10%;
	z-index:9999;
	position:fixed;
	box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.1);
	top:80px;
	height:85%;
}

.m-modal-window-inner{
	height:100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* 閉じるボタン */
.m-modal-window-close{
	position:absolute;
	top:-60px;
	right:0;
	cursor:pointer;
}

/* ウィンドウタイトル */
.m-modal-window-ttl{
	color:#fff;
	background-color:#4a8431;
	text-align:center;
	padding:15px 0;
	font-size:16px;
	font-weight:bold;
}

/* 本文 */
.m-modal-window-main{
	padding:20px;
}

/* 本文部タイトル */
.m-modal-window-main-subttl{
	background-color:#eee;
	padding:10px;
	font-weight:bold;
	margin:0 0 20px;
}

/* ボタン */
.m-modal-window-btn{
	background-color:#edf4d3;
	text-align:center;
	padding:15px 20px;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
	position:relative;
}
.m-modal-window-btn-cancel{
	position:absolute;
	top:15px;
	left:15px;
}

/* モーダル背景 */
.m-modal-bg{
	background-color:rgba(0,0,0,0.6);
	position:fixed;
	z-index:9997;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
}

/* 写真付きエリア */
.m-modal-photo-area{
	
}

.m-modal-photo-left,
.m-modal-photo-right{
	float:left;
}

.m-modal-photo-left img{
	width:100%;
}

.m-modal-photo-left{
	width:20%;
	min-width:100px;
}

.m-modal-photo-right{
	width:77%;
}

.m-modal-photo-right{
	margin:0 0 0 2%;
}

.m-modal-photo-right .m-box-3col{
	width:22%;
}

.m-modal-photo-right .m-box-3col-numberbox dd{
	text-align:left;
	padding:2px 5px 5px;
}

input.m-box-3col-select-up{
	margin-top: 0px;
	border: 0px;
	width:32px;
	height:32px;
	background-color:transparent;
	background-image:url(/images/common/icn_number_up.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

input.m-box-3col-select-down{
	margin-top: 0px;
	border: 0px;
	width:32px;
	height:32px;
	background-color:transparent;
	background-image:url(/images/common/icn_number_down.png);
	background-repeat:no-repeat;
	cursor:pointer;
}


/* 備考ボックス */
.m-modal-textarea{
	
}

.m-box.m-box-noline.m-box-1col.m-modal-textarea dd{
	padding:10px 0 0;
}

.m-modal-textarea-inner{
	height:80px;
	width:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

// 無限スクロール用(反応しない場合は直接.JSファイル内のinfscr-loadingを調整する)
#infscr-loading {
        text-align:center;
}