@charset "utf-8";


/*catidx*/
.idx-flex-box {
	display: flex;		/* フレックスボックスにする */
	flex-wrap: wrap;		/* 折り返し指定 */
	align-content:stretch;		/* 折り返し時の配置指定 */
	justify-content:center;
}
 
.idx-flex-item {
	padding: 5px;
	text-align:  center;		/* 文字中央揃え */
}

/*catidx表*/
.adta{
border:1px solid #D6D6D6;
border-collapse:collapse;
margin:5px auto 15px auto;
}

.adta th{
border:1px solid #D6D6D6;
background-color:#FEE9C5;
text-align:center;
white-space:nowrap;
font-weight:bold;
}

.adta td{
border:1px solid #D6D6D6;
}

/*フォームなどテーブル横スクロール*/
.scroll {
	white-space: nowrap; /* 折り返されないように */
	overflow-x:scroll;
	-webkit-overflow-scrolling: touch; /* スマホでスムーズにスクロールできるように */
	margin-right:10px ;
}

/*ローディング*/
.loading {
	display: none;
}

input[type="password"],
select {
	color: #000;
	padding:3px;
	margin:5px;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select{
	font-size:14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
	background-color: Seashell;
}

input[type="submit"],
input[type="reset"]{
	-webkit-appearance: none;	/*IOS対応初期化*/
	font-size:14px;
	color: #000;
	border: 1px solid darkgreen;	/*枠線の幅、線種、色*/
	border-radius: 10px;		/*角丸のサイズ*/
	padding: 0px 8px 0px 8px;		/*上下、左右へのボックス内の余白*/
	background: honeydew;	/*背景色*/
}

input[type="submit"]:active,input[type="reset"]:active{
	-webkit-appearance: none;	/*IOS対応初期化*/
	color: #000;
	background: mediumseagreen;	/*背景色*/
}