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

/* -----------------------------------------------------------------------------------------------------
 default setting
-----------------------------------------------------------------------------------------------------*/
body {
	font-size: 14px;
	line-height:1.4;
	min-width:inherit;
	-webkit-text-size-adjust:100%;/* フォントサイズ自動調整 */
}
img { max-width:100%; height:auto;}
hr { border:0; border-top:1px solid #cbcbcb; margin:30px 0 50px;}
hr.type2 { margin:30px 0 30px;}

/*----------------------------------------------------------------------------------------------
 汎用クラス
----------------------------------------------------------------------------------------------*/
a.over img{ transition:0.3s;}
a.over:hover img{ opacity:inherit;}

.alignleft{ float:left; margin:0 50px 40px 0;}
.alignright{ float:right; margin:0 0 40px 50px;}
.aligncenter{ display:block; margin:0 auto 40px;}

.spImageCenter { float:none; margin:0 auto 20px; display:block;}

/* 幅*/
/* PCのみの幅*/
.sp_W100par { width:100%;}

/*----------------------------------------------------------------------------------------------
 フォーム
----------------------------------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"]{ height:36px; padding:0 10px; font-size:1.15em;}

textarea { font-size:1.15em;}

select { height:36px; font-size:1.15em;}
.hissu { margin-left:10px; color:#e94609; display:inline-block;}

.inputGroup { vertical-align:middle; display:inline-block; line-height:35px;}
.inputGroup input { margin-left:8px;}
.inputAfterLink { display:inline-block; margin-top:4px; margin-left:10px;}

.formDesc, .error-message { font-size:0.9em;}


/*----------------------------------------------------------------------------------------------
 テーブル
----------------------------------------------------------------------------------------------*/
.tableType1 {}
.tableType1 tr, .tableType1 th, .tableType1 td { display:block;}
.tableType1 th, .tableType1 td { padding:12px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; width:auto;}
.tableType1 th { background:#f5f5f5; font-size:1.1em;}
.tableType1 td { background:#fff;}

.table_deliver{font-size: 0.85em}

/*----------------------------------------------------------------------------------------------
 テキスト装飾
----------------------------------------------------------------------------------------------*/
.txSmall { font-size:85%!important;}
.txMedium { font-size:110%!important;}
.txLarge { font-size:120%!important;}
.txXLarge { font-size:140%!important;}
.txOrange { color:#e94609!important;}
.txRed { color:#e94f4d!important;}

/*----------------------------------------------------------------------------------------------
 リスト
----------------------------------------------------------------------------------------------*/
ul.pcColumn2List {}
ul.pcColumn2List li { width:100%; margin-right:0; margin-bottom:10px;}

/*----------------------------------------------------------------------------------------------
 button / label
----------------------------------------------------------------------------------------------*/
.btn{
	margin-top:-11px;
	border-radius:4px;
	display: inline-block;
	padding:10px 15px;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	box-sizing:border-box;
	background:#ccc;
	transition:0.2s;
	border:0;
	font-weight:bold;
	line-height:1;
}

.hambtn{
	margin-top:-11px;
	border-radius:4px;
	display: inline-block;
	/* padding:10px 15px; */
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	box-sizing:border-box;
	background:#ccc;
	transition:0.2s;
	border:0;
	font-weight:bold;
	line-height:1;
}
.btn:hover{ background:#ddd;}
.btn.btn_large{ padding:10px 20px; font-size:120%;}
.btn.btn_small{ padding:4px 15px; font-size:90%;}
.btn.btn_block{ display:block;}

.commonBtnArea { margin:30px 0; padding:0 20px;}
.commonBtnArea.wide { margin:40px 0;}
.commonBtnArea .btn { width:100%; margin-bottom:15px; margin-right:0; display:block;}
.commonBtnArea.column3 .btn { width:100%;}
.commonBtnArea .btn:last-child { margin-bottom:0;}

.btnBlock { display:block; width:auto!important;}
.btn.disabled { background:#c8c8c8; box-shadow:none; cursor:default;}
.btn.desabled:hover { pointer-events: none;}

.btn .fa.fixRight { position:absolute; right:10px; top:50%; margin-top:-8px;}
.btn .fa.iconRight { margin-left:10px;}
.btn .fa.iconLeft { margin-right:10px;}


.label { background:#bbb; font-size:13px; padding:4px 10px; border-radius:4px; color:#fff; line-height:1.2;}
.label.border { background:none; border:1px solid #888; color:#888;}
.label.border.green { border-color:#139034; color:#139034;}