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


/* 花苗検索 */
#idx_search{width: 100%; background-color: #eee;}
.idx_search > div{margin: 0 auto; background-color: #fff; border-radius: 10px;}
.idx_search_l h2{border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center;}
.idx_search_l p{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 15px; text-align: center;}
.idx_search_r table{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

@media screen and (min-width: 1101px) {
  .search_w100{display: none;}
  #idx_search{padding: 80px 0;}
  .idx_search{max-width: 1200px; min-width: 1101px; margin: 0 auto;}
  .idx_search > div{width: 94%; padding: 50px 0 60px 0;}
  .idx_search_l{float: left; padding: 0 7% 0 4%;}
  .idx_search_l h2{font-size: 33px; padding: 18px 0; width: 220px;}
  .idx_search_l p{margin: 10px 0;}
  .idx_search_r{float: left;}
  .search01{font-size: 24px; padding-bottom: 5px;}
  .search02{vertical-align: top;}
  .search02 input{font-size: 18px; padding: 12px; border: 1px solid #ccc; border-radius: 5px; width: 450px;}
  .search03 select{-webkit-appearance: none; appearance: none; background-image: url("../images/idx_search03.gif"); background-repeat: no-repeat; background-size: 27px auto; background-position: right 12px center; background-color: #fff; padding: 12px; border: 1px solid #ccc; border-radius: 5px; width: 450px; font-size: 18px;}
  .search04{vertical-align: bottom; width: 154px;}
  .search04 input[name="image"]:hover{opacity: 0.6;}
}

@media screen and (min-width: 1001px) and ( max-width:1100px) {
  .search_w100{display: none;}
  #idx_search{padding: 80px 0;}
  .idx_search{max-width: 1100px; min-width: 1001px; margin: 0 auto;}
  .idx_search > div{width: 94%; padding: 60px 0 80px 0;}
  .idx_search_l{width: 100%;}
  .idx_search_l h2{font-size: 33px; padding: 18px 0; width: 220px; margin: 0 auto;}
  .idx_search_l p{margin: 10px 0;}
  .idx_search_r{padding-top: 40px;}
  .idx_search_r table{width: 650px; margin: 0 auto;}
  .search01{font-size: 24px; padding-bottom: 5px;}
  .search02{vertical-align: top;}
  .search02 input{font-size: 18px; padding: 12px; border: 1px solid #ccc; border-radius: 5px; width: 450px;}
  .search03 select{-webkit-appearance: none; appearance: none; background-image: url("../images/idx_search03.gif"); background-repeat: no-repeat; background-size: 27px auto; background-position: right 12px center; background-color: #fff; padding: 12px; border: 1px solid #ccc; border-radius: 5px; width: 450px; font-size: 18px;}
  .search04{vertical-align: bottom; width: 154px;}
}

@media screen and (max-width: 1000px) {
  .search_w110{display: none;}
  #idx_search{padding: 60px 0;}
  .idx_search > div{width: 90%; padding: 50px 0;}
  .idx_search_l{width: 100%;}
  .idx_search_l h2{font-size: 30px; padding: 18px 0; width: 200px; margin: 0 auto;}
  .idx_search_l p{margin-top: 10px;}
  .idx_search_r{padding-top: 40px;}
  .idx_search_r table{width: 80%; margin: 0 auto;}
  .search01{font-size: 20px;}
  .search02, .search03{padding: 10px 0 20px 0;}
  .search02 input{font-size: 16px; padding: 12px; border: 1px solid #ccc; border-radius: 5px; width: 100%}
  .search03 select{-webkit-appearance: none; appearance: none; background-image: url("../images/idx_search03.gif"); background-repeat: no-repeat; background-size: 20px auto; background-position: right 12px center; background-color: #fff; padding: 12px; border: 1px solid #ccc; border-radius: 5px; width: 100%; font-size: 18px; color: #000;}
  .search04{vertical-align: top; text-align: center;}
}




/* カナ検索 */
#search_kana{width: 100%; background-color: #eee; padding: 0 0 80px 0;}
.search_kana > div{margin: 0 auto; background-color: #fff; border-radius: 10px;}
.search01{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; margin-bottom: 10px;}
.search_kana_r table{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.search_kana_r td a{color: #06c; text-decoration: underline; opacity: 1; transition: .5s;}
.search_kana_r td a:hover{opacity: 0.6; transition: .5s;}

@media screen and (min-width: 1101px) {
  .search_txt01{font-weight: 700; padding: 20px 0;}
  #search_kana{padding: 0 0 80px 0;}
  .search_kana{max-width: 1200px; min-width: 1101px; margin: 0 auto;}
  .search_kana > div{width: 94%; padding: 40px 0 50px 0;}
  .search_kana_l{float: left; padding: 0 7% 0 4%;}
  .search_kana_l > p{width: 220px; height: 220px;}
  .search_kana_r{float: left;}
  .search01{font-size: 24px;}
  .search_kana_r table{float: left;}
  .kana_table02{margin-left: 80px;}
  .search_kana_r td{font-size: 28px; width: 50px;}
}

@media screen and (min-width: 1001px) and ( max-width: 1100px) {
  .search_txt01{font-weight: 700; padding: 10px 0;}
  #search_kana{padding: 0 0 80px 0;}
  .search_kana{max-width: 1100px; min-width: 1001px; margin: 0 auto;}
  .search_kana > div{width: 94%; padding: 50px 0 60px 0;}
  .search_kana_l{display: none;}
  .search_kana_r{width: 650px; margin: 0 auto;}
  .search01{font-size: 24px;}
  .search_kana_r table{float: left;}
  .kana_table02{margin-left: 60px;}
  .search_kana_r td{font-size: 28px; width: 50px;}
}

@media screen and (max-width: 1000px) {
  .search_txt01{font-weight: 700; padding: 10px 0;}
  #search_kana{padding: 0 0 60px 0;}
  .search_kana > div{width: 90%; margin: 0 auto; padding: 40px 0 45px 0; background-color: #fff; border-radius: 10px;}
  .search_kana_l{display: none;}
  .search_kana_r{width: 80%; margin: 0 auto;}
  .search01{font-size: 20px;}
  .search_kana_r table{width: 250px; margin: 0 auto;}
  .kana_table02{margin-top: 20px!important;}
  .search_kana_r td{font-size: 22px; width: 40px; text-align: center;}
  .search_kana_r td a{color: #06c; text-decoration: underline;}
}




/* search/result.html */
#result{width: 100%; background-color: #eee;}
.result > div{margin: 0 auto; background-color: #fff; border-radius: 10px;}
.result_no, .result_page{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.result_page a{color: #00f; opacity: 1; transition: .3s; text-decoration: underline;}
.result_page a:hover{opacity: 0.6; transition: .3s;}
.result table td{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; vertical-align: middle; border-bottom: 1px dotted #ccc;}
.result .td01{width: 150px;}

@media screen and (min-width: 1101px) {
  #result{padding-bottom: 80px;}
  .result{max-width: 1200px; min-width: 1101px; margin: 0 auto;}
  .result > div{width: 94%; padding: 60px 12%;}
  .result > div > h2{font-size: 33px;}
  .result_no_w{width: 100%; padding: 10px 0;}
  .result_no, .result_page{font-size: 19px;}
  .result_no{float: left;}
  .result_page{float: right;}
  .result .table_90{display: none;}
  .result .table_120{border-top: 3px solid #000; padding-top: 10px;}
  .result table{width: 100%;}
  .result table td{padding: 25px 0;}
  .result .td02{font-size: 18px; line-height: 140%;}
  .result .td03{width: 160px; text-align: right;}
  .result .td03 a{display: block; border: 1px solid #000; padding: 12px 0; width: 155px; text-align: center!important;}
}

@media screen and (min-width: 1001px) and ( max-width: 1100px) {
  #result{padding-bottom: 80px;}
  .result{max-width: 1100px; min-width: 1001px; margin: 0 auto;}
  .result > div{width: 94%; padding: 50px 10% 60px 10%;}
  .result > div > h2{font-size: 33px;}
  .result_no_w{width: 100%; padding: 10px 0;}
  .result_no, .result_page{font-size: 19px;}
  .result_no{float: left;}
  .result_page{float: right;}
  .result .table_90{display: none;}
  .result .table_120{border-top: 3px solid #000; padding-top: 10px;}
  .result table{width: 100%;}
  .result table td{padding: 25px 0;}
  .result .td02{font-size: 18px; line-height: 140%;}
  .result .td03{width: 160px; text-align: right;}
  .result .td03 a{display: block; border: 1px solid #000; padding: 12px 0; width: 155px; text-align: center!important;}
}

@media screen and (max-width: 1000px) {
  #result{padding-bottom: 60px;}
  .result > div{width: 90%; padding: 40px 0 45px 0;}
  .result > div > h2{font-size: 30px; width: 90%; margin: 0 auto;}
  .result_no_w{width: 90%; margin: 0 auto; padding: 10px 0;}
  .result_no, .result_page{font-size: 16px;}
  .result_no{float: left;}
  .result_page{float: right;}
  .result .table_120{display: none;}
  .result .table_90{border-top: 2px solid #000; padding-top: 10px; width: 90%; margin: 0 auto;}
  .result table{width: 100%;}
  .result table td{padding: 15px 0;}
  .result .td02{font-size: 14px; line-height: 140%;}
  .result .td02 a{display: block; border: 1px solid #000; padding: 7px 0; width: 135px; text-align: center!important; margin-top: 15px;}
}




/* search/detail.html */
#detail{width: 100%; background-color: #eee;}
.detail > div{margin: 0 auto; background-color: #fff; border-radius: 10px;}
.detail_spec table{width: 100%; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.detail_spec th{width: 130px; text-align: left;}
.detail_spec td{color: #666; letter-spacing: -1.5px;}
.detail_spec th, .detail_spec td{border-bottom: 1px solid #ccc; padding: 15px 0;}

@media screen and (min-width: 1101px) {
  #detail{padding-bottom: 80px;}
  .detail{max-width: 1200px; min-width: 1101px; margin: 0 auto;}
  .detail > div{width: 94%; padding: 60px 0;}
  .detail_wrap{width: 860px; margin: 0 auto;}
  .detail_img{float: left; width: 365px;}
  .detail_spec{float: left; width: 495px;}
  .detail_spec table{font-size: 16px;}
}

@media screen and (min-width: 1001px) and ( max-width: 1100px) {
  #detail{padding-bottom: 80px;}
  .detail{max-width: 1200px; min-width: 901px; margin: 0 auto;}
  .detail > div{width: 94%; padding: 60px 0;}
  .detail_wrap{width: 860px; margin: 0 auto;}
  .detail_img{float: left; width: 365px;}
  .detail_spec{float: left; width: 495px;}
  .detail_spec table{font-size: 16px;}
}

@media screen and (max-width: 1000px) {
  #detail{padding-bottom: 60px;}
  .detail > div{width: 90%; padding: 40px 0 45px 0;}
  .detail_wrap{width: 90%; margin: 0 auto;}
  .detail_img{text-align: center;}
  .detail_spec table{font-size: 14px; margin-top: 20px;}
}




/* search/nothing.html */
#nothing{width: 100%; background-color: #eee;}
.nothing > div{margin: 0 auto; background-color: #fff; border-radius: 10px; color: #c00; font-weight: 700; text-align: center;}

@media screen and (min-width: 1101px) {
  #nothing{padding: 0 0 80px 0;}
  .nothing{max-width: 1200px; min-width: 1101px; margin: 0 auto;}
  .nothing > div{width: 94%; padding: 100px 0;}
}

@media screen and (min-width: 1001px) and ( max-width: 1100px) {
  #nothing{padding: 0 0 80px 0;}
  .nothing{max-width: 1100px; min-width: 1001px; margin: 0 auto;}
  .nothing > div{width: 94%; padding: 100px 0;}
}

@media screen and (max-width: 1000px) {
  #nothing{padding: 0 0 60px 0;}
  .nothing > div{width: 90%; padding: 60px 0 65px 0;}
}