@charset "UTF-8";

/**************************************************
 検索フォーム（メイン部、フロート部分共通）
**************************************************/

#searchform *,
#searchform_float * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}


/**************************************************
 検索フォーム（メイン部分用）
**************************************************/

#searchform {
    width: 100%;
}

#searchform form {
    padding: 5px 0;
    width: 100%;
    border: 5px #40b817 solid;
    display: block;
    text-align: center;
}

#searchform div {
    vertical-align: middle;
    text-align: left;
    display: inline-block;
}

#searchform select {
    width: 140px;
    display: block;
}

#searchform #search_bt {
    padding-top: 5px;
}

#searchform .buttonon {
    cursor: pointer;
}


/* 「TVに適合する金具を選ぶ」タイトル画像 */


/*#searchform #search_title{
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	height: 49px;
	background: url(search_pc_title.jpg) no-repeat;
	background-size: contain;
}*/

#searchform #search_title span {
    display: none;
}


/* 「TVメーカー」「TVサイズ」「→」...などの画像 */

#searchform #search_pc_1 {
    background: url(search_pc_1.jpg) no-repeat;
}

#searchform #search_pc_2 {
    background: url(search_pc_2.jpg) no-repeat;
}

#searchform #search_pc_3 {
    background: url(search_pc_3.jpg) no-repeat;
}

#searchform #search_pc_4 {
    background: url(search_pc_4.jpg) no-repeat;
}

#searchform #search_pc_5 {
    background: url(search_pc_5.jpg) no-repeat;
}

#searchform #search_pc_1,
#searchform #search_pc_2,
#searchform #search_pc_3,
#searchform #search_pc_4,
#searchform #search_pc_5 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    max-height: 15px;
    height: 15vw;
    background-size: contain;
}

#searchform .arrow {
    margin: 0 auto;
    width: 10px;
    max-width: 100%;
    max-height: 10px;
    height: 1vw;
    background: url(search_pc_arrow.gif) no-repeat;
    background-size: contain;
}

#searchform #search_pc_1 span,
#searchform #search_pc_2 span,
#searchform #search_pc_3 span,
#searchform #search_pc_4 span,
#searchform #search_pc_5 span,
#searchform .arrow span {
    display: none;
}


/* 検索フォームの「検索」ボタン */

#search_bt div {
    margin: 0 auto;
    width: 154px;
    max-width: 100%;
    max-height: 43px;
    height: 26.666vw;
    background: url(search1.gif) no-repeat;
    background-size: contain;
}

#search_bt div.on {
    background: url(search2.gif) no-repeat;
    background-size: contain;
    cursor: pointer;
}

#search_bt div span {
    display: none;
}


/* 検索結果商品一覧 */

#itemlist {
    margin-top: 10px;
    width: 100% !important;
}

#itemlist table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

#itemlist td {
    padding: 10px;
    border-top: 1px #bbb solid;
    border-bottom: 1px #bbb solid;
}

#itemlist td.img {
    border-right: 1px #eee solid;
    text-align: center;
    vertical-align: top;
}

#itemlist td.img img {
    max-width: 150px;
    max-height: 150px;
}

#itemlist td.title {
    border-right: 1px #eee solid;
    vertical-align: top;
}

#itemlist td.price {
    vertical-align: top;
    text-align: right;
    white-space: nowrap;
}

#itemlist td.title div.mno {
    margin: 3px 0;
    font-size: 120%;
    font-weight: bold;
}

#itemlist td.title div.copy {
    margin: 3px 0;
    color: #cc0000;
    font-size: 125%;
}

#itemlist td.price div.stitle {
    font-size: 120%;
}

#itemlist td.price br {
    display: none;
}

#itemlist td.price div.price {
    font-size: 120%;
    font-weight: bold;
}


/* PC未満用（iPadサイズ） */


/* 無効にするため 1019 を 0 に変更中 */

@media screen and (max-width:0px) {
    /* 検索フォーム */
    #searchform #search_title {
        max-width: 100% !important;
        width: 100% !important;
    }
    #searchform div {
        max-width: 90px;
        overflow: hidden;
    }
    #searchform #search_bt {
        margin-top: 15px;
        max-width: 120px;
    }
    #searchform #search_bt img {
        width: 120px;
    }
    #searchform select {
        width: 90px !important;
    }
    /* 検索結果商品一覧 */
    #itemlist {
        font-size: 90%;
    }
    #itemlist td {
        padding: 5px;
    }
    #itemlist td.img img {
        max-width: 100px;
        max-height: 100px;
    }
    #itemlist td.title div {
        font-size: 100%;
        font-weight: bold;
    }
    #itemlist td.price div {
        font-size: 100%;
    }
}


/* iPad未満用（iPhoneサイズ） */


/* 無効にするため 767 を 0 に変更中 */

@media screen and (max-width:0px) {
    /* 検索フォーム */
    #searchform div {
        margin: 0 auto;
        padding: 1px 0;
        max-width: 240px;
        display: block;
    }
    #search_pc_1,
    #search_pc_2,
    #search_pc_3,
    #search_pc_4,
    #search_pc_5 {
        margin: 3px 0 !important;
        /* !important */
        width: 240px;
    }
    #searchform select {
        margin: 0 auto;
        width: 240px !important;
        /* !important */
        border: 1px #ccc solid;
        font-size: 130%;
    }
    #searchform .arrow {
        display: none;
    }
    #searchform #search_bt {
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }
    #searchform #search_bt img {
        width: 150px;
    }
    /* 検索結果商品一覧 */
    #itemlist {
        line-height: 130%;
        font-size: 80%;
    }
    #itemlist td.img img {
        max-width: 60px;
        max-height: 60px;
    }
    #itemlist td.title div {
        font-size: 110%;
        font-weight: bold;
    }
    #itemlist td.price div {
        font-size: 110%;
    }
    #itemlist td.price br {
        display: block;
    }
}


/********** width 700pix 用 */

.w700 #search_title {
    max-width: 100% !important;
    width: 100% !important;
}

.w700 #tvk_form div {
    max-width: 90px;
    overflow: hidden;
}

.w700 #search_bt {
    margin-top: 15px;
    max-width: 120px;
}

.w700 #search_bt img {
    width: 120px;
}

.w700 select {
    width: 90px !important;
}


/* 検索結果商品一覧 */

.w700 {
    font-size: 90% !important;
}

.w700 td {
    padding: 5px !important;
}

.w700 td.img img {
    max-width: 100px !important;
    max-height: 100px !important;
}

.w700 td.title div {
    font-size: 100% !important;
    font-weight: bold !important;
}

.w700 td.price div {
    font-size: 100% !important;
}

.w700 td.price br {
    display: block !important;
}


/********** width 640pix 用 */


/* 検索フォーム */

.w640 #search_title {
    max-width: 100% !important;
    width: 100% !important;
}

.w640 div {
    max-width: 80px;
    overflow: hidden;
}

.w640 #search_bt {
    margin-top: 15px;
    max-width: 120px;
}

.w640 #search_bt img {
    width: 120px;
}

.w640 select {
    width: 80px !important;
}


/* 検索結果商品一覧 */

.w640 {
    line-height: 130% !important;
    font-size: 80% !important;
}

.w640 td.img img {
    max-width: 80px !important;
    max-height: 80px !important;
}

.w640 td.title div {
    font-size: 110% !important;
    font-weight: bold !important;
}

.w640 td.price div {
    font-size: 110% !important;
}

.w640 td.price br {
    display: block !important;
}


/**************************************************
 検索フォーム（フロート部分用）
**************************************************/


/*
html,body,form{
	margin: 0;
	padding: 0;
}
*/

#searchform_float {
    width: 190px;
    height: 435px;
    line-height: 140%;
    font-size: 12px;
}


/* 「金具の簡単検索」タイトル画像 */

#searchform_float #search_title {
    margin: 0 auto;
    width: 190px;
    max-width: 100%;
    max-height: 74px;
    height: 38.947vw;
    background: url(search_floating_title.jpg) no-repeat;
    background-size: contain;
}

#searchform_float #search_title span {
    display: none;
}

#searchform_float .contents {
    padding: 5px;
    background: #fff;
    border: 1px #0b9525 solid;
}

#searchform_float dl,
#searchform_float dt,
#searchform_float dd {
    margin: 0;
    padding: 0;
    width: 100%;
}

#searchform_float dt {
    padding: 7px 0;
}

#searchform_float select {
    width: 175px;
    height: 20px;
    border: 1px #999 solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#searchform_float #search_bt {
    margin: 5px auto 0 auto;
    text-align: center;
}

#searchform_float #search_bt div {
    margin: 0 auto;
    width: 130px;
    max-width: 100%;
    max-height: 37px;
    height: 26.666vw;
    background: url(flo-search1.gif) no-repeat;
    background-size: contain;
}

#searchform_float #search_bt div.on {
    background: url(flo-search2.gif) no-repeat;
    background-size: contain;
    cursor: pointer;
}

#searchform_float .buttonon {
    cursor: pointer;
}

検索フォーム（フロート部分用） **************************************************/
/*
html,body,form{
	margin: 0;
	padding: 0;
}
*/

#searchform_float {
    width: 190px;
    height: 435px;
    line-height: 140%;
    font-size: 12px;
}


/* 「金具の簡単検索」タイトル画像 */

#searchform_float #search_title {
    margin: 0 auto;
    width: 190px;
    max-width: 100%;
    max-height: 74px;
    height: 38.947vw;
    background: url(search_floating_title.jpg) no-repeat;
    background-size: contain;
}

#searchform_float #search_title span {
    display: none;
}

#searchform_float .contents {
    padding: 5px;
    background: #fff;
    border: 1px #0b9525 solid;
}

#searchform_float dl,
#searchform_float dt,
#searchform_float dd {
    margin: 0;
    padding: 0;
    width: 100%;
}

#searchform_float dt {
    padding: 7px 0;
}

#searchform_float select {
    width: 175px;
    height: 20px;
    border: 1px #999 solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#searchform_float #search_bt {
    margin: 5px auto 0 auto;
    text-align: center;
}

#searchform_float #search_bt div {
    margin: 0 auto;
    width: 130px;
    max-width: 100%;
    max-height: 37px;
    height: 26.666vw;
    background: url(flo-search1.gif) no-repeat;
    background-size: contain;
}

#searchform_float #search_bt div.on {
    background: url(flo-search2.gif) no-repeat;
    background-size: contain;
    cursor: pointer;
}

#searchform_float .buttonon {
    cursor: pointer;
}