@charset "euc-jp";
@import url("header_2024.css");

main { padding: 86px 15px 0;}
section { margin: 0 0 30px;}

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

@media screen and (max-width:699px){
    main { padding: 60px 15px 0;}
}
/**========================================**/
/* パンクズリスト */
#pankuzu { font-size: 12px;}


/* パンクズリスト */
#pankuzu {
    box-sizing: border-box; margin: 5px 0 20px; padding: 3px 0;}


@media screen and (max-width:1024px) {
#pankuzu {
	overflow-x: scroll; white-space: nowrap;
	margin:20px 0;padding:5px;}
	
#pankuzu ul {display: inline-block; padding: 5px 5px 0;}

/* スクロールバーの装飾 */
#pankuzu::-webkit-scrollbar {height: 8px;}
#pankuzu::-webkit-scrollbar-track {background-color: rgba(216, 216, 216, 0.5);}
#pankuzu::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}

}

/* ページトップへ */
#top-button { bottom: 85px;}
/**============================================================================================**/
#foam01 { padding: 0 0 30px; border-bottom: dotted 1px #666;}
#foam01 h2 {
    margin: 0 0 40px; padding: 10px 0 7px;
    background: #c90000;
    color: #fff; font-size: 21px; font-weight: 600;
    text-align: center;}

#foam01 hr {border: dotted #666; border-width: 1px 0 0;}

#foam01 .m-0a {
    max-width: 900px;
    font-size: 14px; line-height: 2em;}

#foam01 .m-0a ul { padding: 0 5px; color: #e00; font-weight: 600; line-height: 2em;}
#foam01 .m-0a .p_10 {border: 2px solid #e00;}
/**============================================================================================**/
#foam02 .dis-tbl_tab,
#foam02 .dis-tblcl01,
#foam02 .dis-tblcl02 { display: block;}

#foam02 .dis-tbl_tab { width: 100%; font-size: 14px;}

/* 項目名 */
#foam02 .dis-tblcl01 { 
    width: 210px; padding: 0 0 5px;
    font-weight: 600;}

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

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

#foam02 input { height: 34px;} 
#foam02 select { max-width: 200px; height: 34px;} 

*[required], 
.required { background: rgba(255, 221, 221, 0.7);}
*[required].dealed, 
.required.dealed,
.caution{ background: rgba(223, 240, 216, 1);}


/* 入力欄（名前）
#foam02 input[type="text"]#name_kanji_family,
#foam02 input[type="text"]#name_kana_family { max-width: 200px;}
 */
 
/* 入力欄（市区町村/番地・マンション名など）
#foam02 input[type="text"]#town,
#foam02 input[type="text"]#building { max-width: 600px;}
 */

/* 電話番号
#foam02 input[type="tel"] { max-width: 200px;} 
 */

/* メールアドレス
#foam02 input[type="email"] { max-width: 400px;} 
 */

/* 添付ファイル */
#foam02 input[type="file"] { max-width: 280px; height: auto; padding: 10px; font-size: 14px;} 

/* ラジオボタン・チェックボックス */
#foam02 input[type="radio"],
#foam02 input[type="checkbox"] { 
    width: 16px; height: 16px; margin: 0 5px; padding: 0; 
    vertical-align: middle;} 

#foam02 .dis-tblcl02 label { display: inline-block; margin: 4px 10px 4px 0;}

/* 送信ボタン */
#foam02 input[type="submit"] { max-width: 60px; height: auto; padding:10px; font-weight:bold;} 

#foam02 textarea { max-width: 550px;}

@media screen and (max-width:767px){
#foam02 input[type="text"],
#foam02 input[type="tel"],
#foam02 input[type="email"] { max-width: none;}
#foam02 textarea { max-width: 100%;}


} 

/* 入力欄に対する説明文 */
#foam02 p { color: #737373;}

#foam02 p.asterisk {position: relative; padding: 0 0 0 18px;}
#foam02 p.asterisk:before {content:'※'; position: absolute; top: 0; left: 0;}

#foam02 p.ex {position: relative; padding: 0 0 0 26px;}
#foam02 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;}

@media screen and (max-width:767px){
#foam02 p.pc { display: none;}

}

    
/* アラート表示 */
#foam02 .dis-tblcl02 span { display: block; margin: 5px 0 0;}
#foam02 .alrt { color: #f00;}



/* ドメインの受信設定 */
#domain {
    max-width: 500px; margin: 20px auto; padding: 10px; 
    background: #fffcbc; 
    text-align: center;}

#domain hr { margin: 15px; border: dotted #666666; border-width: 1px 0 0;}

#domain p.fs_15 {color: #ee0000; font-weight: 600;}

#domain .dis-ilblk {
    width: 100%; max-width: 260px; padding: 5px;
    background: #fff; border-radius: 4px;}


/* 純正部品フォーム用コメント */
#genuine { margin: 40px 0 0; padding: 20px 0 0; border-top: dotted 1px #666;}
#genuine ul { max-width: 700px; color: #555; font-size: 14px;}
#genuine li {position: relative; padding: 0 0 0 18px;}
#genuine li:before {
    content:''; 
    display: block; position: absolute; top: 5px; left: 0;
    width: 10px; height: 10px;
    background: #555;}

/* 送信ボタン */
#mailformpro >.ta_c { margin: 20px 0 0; padding: 20px 0 0; border-top: solid #969696 2px;}


/* ページトップへ */
#top-button {
    display: block; position: fixed; right: 0px; bottom: 85px; z-index: 1; 
    padding: 15px 10px; 
    border-radius: 8px 0 0 8px; background: #2e3071; 
    color: #FFF; font-size: 12px; font-weight: bold; line-height: 1.3em; text-align: center;}

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

@media screen and (max-width:699px){
    .grecaptcha-badge{ margin: 0 0 45px;}
}

/* LastUp2024.09.06_kimata */