@charset "utf-8";
@import url("../../common/css/header_2024.css");

/**========================================**/
#cat_form { padding: 0 15px;}
#cat_form article {margin: 0 0 30px; font-size: 14px;}

#cat_form section {margin: 0 0 50px;}

@media screen and (max-width:1199px){
	#cat_form section {margin: 0 0 30px;}
}

#sct02,
#sct05 {padding: 30px 0 0; border-top: solid 1px #999;}


/**========================================**/
/* パンくず修正 */
#pankuzu {line-height: 2em;}

/**========================================**/
/* TOPへボタン */
#top-button {
    right: 0px; bottom: 85px; z-index: 1; 
    padding: 15px 10px; 
    border-radius: 8px 0 0 8px; background: #2e3071; 
    color: #FFF; font-size: 12px; line-height: 1.3em; text-align: center;}

#top-button span {display: inline-block; position: relative; padding: 0 0 0 30px;}
#top-button span:before, 
#top-button span:after {
	content: ''; position: absolute; top: 50%; left: 0px;}

#top-button span:before {
	width: 0; height: 0; margin: -5px 0 0 5px;
	border-style: solid; border-width: 0 6px 9px 6px; border-color: transparent transparent #fff transparent;}

#top-button span:after {
	width: 20px; height: 20px; margin: -11px 0 0;
	border: solid #fff 1px; border-radius: 10px;}

@media screen and (max-width: 900px) {
    #top-button{display:none;}
}


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

/*--タイトル--*/
#cat_form h2 {
	margin: 0 0 30px; padding: 10px;
	background: #c90000;
	color: #fff; font-size: 21px; font-weight: 600;
	text-align: center;}


/*--h3名--*/
#cat_form h3 {margin: 0 0 10px; font-size: 1.1em;}


/*--画像--*/
#cat_form img {max-width: 100%; height: auto;}


/**============================================================================================**/
#cat_form .dis-tbl_tab {width: 100%; max-width: 1000px; font-size: 14px;}
#cat_form .dis-tbl_tab01 {width: 100%; max-width: 640px; font-size: 14px;}

/* 項目名 */
#cat_form .m-b5 { color: #333; font-weight: 600;}


/* 必須 */
#cat_form .reqmk {
	display: inline-block;
	margin: 0 0 0 10px; padding: 2px;
	border: solid 1px #C74A4C;
	color: #C74A4C; font-weight: bold;}

/* 入力欄 */
#cat_form input,
#cat_form textarea,
#cat_form select {
	box-sizing: border-box; width: 100%; padding: 3px 8px;
	border: solid 1px #CCC; border-radius: 3px;
	color: #555; font-size: 16px;}

#cat_form input[type="text"],
input[type="email"],
input[type="tel"],
select {height: 34px;}

select[size="5"] {height: auto; margin: 0 0 10px;}

#cat_form input[type="checkbox"] {max-width: 16px; height: 16px; padding: 0; vertical-align: middle;}

#cat_form input[type="submit"] {max-width: 90px; height: auto; padding:10px; font-weight:bold;}
#cat_form input[type="submit"]:hover,
#cat_form input[type="button"]:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	cursor: pointer;}

#cat_form input[type="button"] {max-width: 200px; height: auto; padding: 10px;}
#print input[type="button"] {max-width: 200px; height: auto; padding: 5px;}

#cat_form input[type="radio"],
#cat_form select {width: auto;}

button.mfp_attached_reset {margin: 10px;}

*[required],
.required {background: rgba(255, 221, 221, 0.7);}
*[required].dealed,
.required.dealed,
.caution {
	background: rgba(223, 240, 216, 1);}
/*--オートコンプリート用--*/
input:-webkit-autofill {box-shadow: 0 0 0px 1000px rgba(223, 240, 216, 1) inset;}

*[readonly] {
	cursor: not-allowed;
	background-color: #eee;
}

#cat_form .hissu input {
    background: rgba(255, 221, 221, 0.7);
}


/*--入力欄の幅--*/
#cat_form .w350 {max-width: 350px;}
#cat_form .w550 {max-width: 550px;}


@media screen and (max-width:699px){
	#cat_form input,
	#cat_form textarea {max-width: 100%;}

}


/* タブ切替で表示するエリア */
.area {display: none;}
.selected {display: block; margin: 30px 0 0;}


#sct02 input {display: inline; width: 80%;}
#sct03 input {display: inline; width: auto; border: none;}
#sct03 .mfp_attached_thumbnails img {margin: 0 0 15px;}

@media screen and (max-width:699px){
	#sct01 select#parts-select {font-size: 15px;}
	#sct02 input.w550,
	#sct03 input.w550 {max-width: 260px;}
}


/**============================================================================================**/
/* 入力欄に対する説明文 */
#cat_form p {color: #737373;}
#cat_form p.red {color: #d00;}

#cat_form p.ex {position: relative; padding: 0 0 0 26px;}
#cat_form p.ex:before {
	content:'例'; 
	display: inline-block; position: absolute; top: 1px; left: 0;
	padding: 5px 4px 4px; 
	border-radius: 3px; background: #999;
	color: #fff; font-size: 10px; line-height: 1.0em;}

#cat_form .indent {padding: 5px; text-indent: 1em;}

#cat_form li {padding: 0 0 0 1em; color: #737373; text-indent: -1em;}

/*--説明文 フォーム末尾--*/
#cat_form .comment {margin: 0 0 30px; padding: 10px 0 20px; border-bottom:solid #969696 2px; line-height: 1.3em; text-align: left;}

@media screen and (max-width:699px){
	#cat_form .comment {margin: 0 0 30px;}
}


/* アラート表示 */
#cat_form .hissu {position: relative;}
#cat_form div.mfp_err {
	position: absolute; bottom: -18px; left: 0;
	margin: 0; padding: 0;
	font-size: 0.8em; word-break: break-all;}
#cat_form #sct02 div.mfp_err {left: 35px;}


/*--同意ボタン--*/
#cat_form .bg label {padding: 10px 15px; background: rgba(255, 221, 221, 0.7); font-weight: 600; cursor: pointer;}

@media screen and (max-width:699px){
	#cat_form .bg label {display: block;}
}


#cat_form .caution-btn {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 250px; height: 34px; margin: 15px auto 0; padding: 9px 0 0;
	border-radius: 6px; background: #c70000;
	color: #fff; font-size: 16px; font-weight: 600; line-height: 1.0em; text-decoration: none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#cat_form .caution-btn:hover {color: #fff; background: #e61e1e;}


/* LastUp2024.07.19_kimata */