.allItemsTable { } .float_l{ float:left; } article{ padding-bottom:30px; } /*///////////////////////////////////////////公式、詳細リンク*/ .watch{ height:70px; position:relative; clear:both; } .watch{ position:relative; } .watch_dt2{ width:40%; height:40px; font-weight: bold; text-align:center; position:absolute; top: 0; bottom: -65px; left: 1em; margin-top:15px; margin-bottom:20px; background-color: #1078e8 ; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .watch_dt{ width:40%; height:40px; font-weight: bold; text-align:center; position:absolute; top: 0; right: 1em; bottom: -65px; margin-top:15px; margin-bottom:20px; background-color: #5ca0e9 ; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } @media screen and (max-width:400px){ .watch_dt { font-size:.8em; } .watch_dt2 { font-size:.8em; } } .watch p{ color:#ffffff; font-size: 0.7em; font-weight:bold; width:100%; line-height:40px; margin:auto; padding:0 0; } .watch_dt2 p:hover { color: #1078e8 ; background-color:#ffffff; border:1.5px #1078e8 solid; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .watch_dt p:hover { color: #5ca0e9 ; background-color:#ffffff; border:1.5px #5ca0e9 solid; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /*************************************************************/ .item-box{ margin-top: 75px; margin-bottom:10px; } .item_search_box_ang { /*border:1px #555555 solid;*/ padding: 20px 20px 35px 20px; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*影*/ box-shadow: 4px 4px 7px 4px grey; margin-bottom: 15px; } /*背景画像はHTMLに入力*/ .item_search_box_ang2{ background-color: #cdeaf8; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left:10px; padding-top:17px; /*影*/ box-shadow: 4px 4px 7px 4px grey; } #item_search_table { background-color: #cdeaf8; border-style: none; width:95%; } #item_search_table tr{ border-style: none; } #item_search_table th{ color: #000000; background-color: #cdeaf8; width:35%; text-align:left; border-style: none; padding-top:10px; } #item_search_table td{ width:60%; background-color: #cdeaf8; border-style: none; height:0.5em; } #item_search_table select{ font-size:12px; width:100%; /* height:22px; line-height:22px; */ margin: 0 auto; background-color:#ffffff; } button.button8_ang { font-size: 0.8em; font-weight: bold; width:80%; background-color: #5ca0E9; margin:10px auto 20px auto; display: block; padding: 7px 30px; color: #fff; border-style: none; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } button.button8_ang:hover { background-color: #ef4056; } #search_ang:before { content: url(../img/search_icon.png); margin: 5px; position: relative; top: 3px; } button.button7{ color: #5ca0e9 ; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; } /*#item_serch_table2*/ #item_search_table2 { font-size:0.8em; background-color: #cdeaf8; border-style: none; width:100%; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #item_search_table2 tr{ border-style: none; } #item_search_table2 td{ background-color: #cdeaf8; border-style: none; padding: 0 7px 0 7px; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #item_search_table2 p{ margin-top:0; margin-bottom:0; } #item_search_table2 select{ font-size:0.8em; /* height:25px; line-height:25px; */ width:100%; background-color:#ffffff; } /*item_search_table3*/ .item_search_box3{ background-color: #cdeaf8; margin:0 auto; width:90%; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left:10px; padding-top:17px; } #item_search_table3 { font-size:1.2em; background-color: #cdeaf8; border-style: none; width:100%; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #item_search_table3 tr{ border-style: none; } #item_search_table3 th{ color: #000000; background-color: #cdeaf8; width:18%; font-weight:bold; text-align:center; border-style: none; padding-top:10px; } #item_search_table3 td{ width:30%; padding:10px 0; background-color: #cdeaf8; border-style: none; padding: 0 7px 0 7px; /* 角丸の指定 */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #item_search_table3 p{ margin-top:0; margin-bottom:0; } #item_search_table3 select{ font-size:0.9em; /* height:25px; line-height:25px; */ width:100%; background-color:#ffffff; } .ddbox { box-shadow: 1px 1px 5px 0px gray; /* 角丸の指定 */ -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding:5px 1px 1px 9px; } .item-info{ width: 100%; margin: 10px auto; } .item-info p{ color:#000000; } .item-info dd{ display: inline; margin: 0 0; width: 33%; float: left; border: 1px #555555 solid; } @media screen and (max-width:400px){ .item-info dd{ width: 31%; } } .item-info dd:nth-child(2){ margin-left: -1px; } .item-info dd:nth-child(3){ margin-left: -1px; } .item-info p:nth-child(odd){ color: #000000; font-weight:bold; min-height: 20px; text-align:center; line-height:20px; margin: 0 0; background-color: #cdeaf8; border-bottom:1px #555555 solid; } .item-info p:nth-child(even){ font-size:.85em; min-height: 55px; margin: 0 0; padding: 5px 5px; } .item-info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .item-info {display: inline-table;} /* Hides from IE-mac \*/ * html .item-info {height: 1%;} .item-info {display: block;} /* End hide from IE-mac */ a:link { text-decoration:none; box-shadow: none; } a:visited { text-decoration:none; box-shadow: none; } a:hover { text-decoration:none; box-shadow: none; } table.item_img_etc { border-style:none; margin-top: 9px; margin-bottom:-15px; } /*特定のテーマ用*/ table tr:nth-of-type(2n+1) { background-color:#fff; } .item_img_etc td{ border-style:none; } .mb_item_div1{ float:left; } .mb_item_div1 p{ margin-left:5px; } .item_img{ width:180px; } .item_img img{ width:100%; position:relative; /* 角丸の指定 */ -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; } @media screen and (max-width:400px){ .item_img{ width:100px; } } .flag_and_naem{ margin-top:3em; } .star_img img{ width:100px; margin-bottom: 3px; } .tech_flag{ font-size:0.8em; padding:7px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight:bold; color:#ffffff; background-color: #000000; } /* @media screen and (max-width:767px){ .tech_flag{ margin-top:50px; } } */ #item_h3{ color:#000000; font-size:1.5em; font-weight:bold; margin-left:10px; margin-bottom:0; } #eval{ color:#000000; font-weight:bold; } #item_contents{ margin-top:7px; font-size:.85em; color:#000000; } /*検索結果という文字列*/ #search-results{ color:#000000; font-size:.9em; font-weight:bold; padding-top:15px; margin-bottom:-55px; } #search-results p{ margin-bottom:0; } @media screen and (min-width:767px){ #search-results{ margin-left:100px; } } .no_item{ color:#000000; padding-top:100px; text-align:center; } .wei300{ font-weight:300; } #tech_hit{ color:#5ca0e9; font-size:1.5em; font-weight:bold; } #hit_hr{ margin-top: 0; border-top: 3px #000000 solid; } /**************simple_small*/ .simple_small{ width:100%; white-space:nowrap; } .simple_small select{ width:100px; } @media screen and (max-width:400px){ .simple_small span:nth-child(odd){ width:7opx; } .simple_small select{ width:70px; } } .simple_small p{ font-size:0.7em; float:left; height:2.1em; margin:0 auto; padding: 0; } .simple_small p:nth-child(even){ margin-left:6px; } .simple_small select{ font-size:0.7em; } @media screen and (min-width:400px){ .simple_small p:not(:nth-child(1)){ margin-left:6px; } } /*************************口コミ*/ .kuchikomi{ clear:both; color:#fff; background-color:#5ca0e9; font-weight:900; min-height:35px; text-align:center; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin-top:11px; margin-right: 7px; padding-top: 4px; box-shadow: 4px 0px 4px gray; } .kuchikomi2 { border-radius: 0 0 5px 5px; min-height:70px; box-shadow: 4px 4px 4px gray; margin-top: 0px; margin-right: 7px; } .kuchikomi2 p{ display: table-cell; height:70px; vertical-align:middle } .kuchikomi2 p:nth-child(2){ paddig-left:1em; font-size:.8em; } .kuchiImg { width:80px; height: 80px; } .kuchikomiText { width:87%; padding-top: 5px; } @media screen and ( max-width:766px ){ .kuchikomiText { width: 74%; padding-top: 5px; } }