@charset "euc-jp";
@import url("../../common/css/dis-non_replacementKeyword.css");
main { 
    max-width: 1200px; margin: 0 auto; padding: 0 15px;
    font-size: 14px; line-height: 1.8em;}

section:not(#pankuzu) { max-width: 800px; margin: 0 auto 50px;}

h2 {
    margin: 50px 0 30px; padding: 0 0 5px;
    border-bottom: solid 2px #960002;
    font-size: 1.4em; line-height: 1.3em;}

h3 { font-size: 1.2em; margin: 0 0 5px;}
h3 + p { font-size: 1.1em;}


/* パンクズリスト */
#pankuzu {
    box-sizing: border-box; margin: 20px 0; padding: 3px 0; 
    font-size: 12px; line-height: 1.3em;}

#pankuzu a {color: #535353; text-decoration: none;}
#pankuzu a:hover {color:#f50; text-decoration: underline;}
    
@media screen and (max-width:1024px) {
    #pankuzu {
        position: static; top: auto; left:auto;
        margin:20px 0;}
}
    
@media screen and (max-width:699px) {
    #pankuzu {
        overflow-x: scroll; white-space: nowrap;
        margin: 0 0 20px; padding:3px; background: #D8D8D8;}

    #pankuzu div {display: inline-block; padding: 5px;}

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

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

/**============================================================================================**/
/* 条件 */
#form table {
    width: 280px; margin: 10px 0 0;
    border-collapse: collapse;    
}

#form tr * { 
    padding: 5px; border: solid 1px #888; 
    text-align: center;}
    
#form th { background: #eee;}

/* 必須 */
#form .reqmk {
	display: inline-block; position: absolute; top: 4px; right: 15px;
	margin: 0 0 0 10px; padding: 2px;
	border: solid 1px #C74A4C;
	color: #C74A4C; font-weight: bold;}

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

#form input::placeholder,
#form textarea::placeholder,
#form select::placeholder { color: #888;}

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

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

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

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

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


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

*[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;
}


/**========================================**/
/* ライフジャケットまとめ買い部分 */
#form img { width: auto; height: auto; max-width: 100%; max-height: 100%;}

#form [class^="dis-tbl_tab"] { width: 100%;}
#form [class^="dis-tbl_tab"] > * { display: table-cell; vertical-align: top;}

#form .dis-tbl_tab01 { margin: 40px 0 0; padding: 40px 0 0; border-top: solid 1px #ccc;}
#form .dis-tbl_tab01 > div { width: 300px; padding: 0 0 0 30px;}

#form ul { 
    overflow-y: scroll;
    width: 250px; max-height: 200px; margin: 15px 0 0; padding: 0 10px 0 0;}

/* スクロールバーの装飾 */
#form .dis-tbl_tab01 ul::-webkit-scrollbar { width: 8px;}
#form .dis-tbl_tab01 ul::-webkit-scrollbar-track {background-color: rgba(235, 235, 235, 1.0);}
#form .dis-tbl_tab01 ul::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}

#form li { 
    display: table; table-layout: fixed; 
    width: 100%; margin: 0 0 10px;}
#form li > * { display: table-cell; vertical-align: middle;}
#form li p { width: 170px;}

#form ul input[type="text"] { width: 60px; text-align: right;}
#form ul input[type="text"].disabled { font-weight: bold; text-align: center;}

/* ディーラーコード・販売店名 */
#form .dis-tbl_tab02 { margin: 0 0 30px;}
#form .dis-tbl_tab02 > * { display: table-cell; vertical-align: middle;}

#form .dis-tbl_tab02 p { 
    position: relative; 
    box-sizing: border-box; width: 200px; padding: 8px 55px 0 0; 
    font-weight: bold; line-height: 1.3em;}

/* 販売店名 */
#shopname,
#mail { width: 100%;}

/* 発送について */
#form .m-0a { max-width: 600px;}


@media screen and (max-width:599px){
    #form [class^="dis-tbl_tab"],
    #form [class^="dis-tbl_tab"] > * { display: block;}

    #form .dis-tbl_tab01 div { width: auto; padding: 15px 0 0;}

    #form ul {  width: auto;}

    #form .dis-tbl_tab02 p { margin: 0 0 10px;}
}

/* 合計数量 */
#total {
  margin: 10px 50px;
  font-size: 16px; font-weight: bold; text-align: right;
}

/* LastUp2025.07.04_shinkai */