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

@import "../css/common.css";
@import "../css/response.css";
@import "../css/design.css";
@import "../css/itemlist.css";
@import "../css/icon.css";
@import "../css/font-awesome.min.css";


/*-- 共通 --*/
#searcherror {font-size:90%; color:#F00; margin:48px auto; font-weight:bold;}

/*--キーワードボックス--*/
input[type="text"] {padding:4px; width:90%;}
input[type="submit"] {padding:4px; margin:4px auto;}
select {padding:4px;}
#searchstbox {width:100%; margin:0 auto 12px; display:-webkit-box; display:-ms-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
#searchstbox > .searchinfo {margin:0; -webkit-box-flex:0; box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; -webkit-flex-basis:50%; -moz-flex-basis:50%; -ms-flex-basis:50%; flex-basis:50%; max-width:50%;}
#searchstbox > .searchinfo p {font-size:80%; color:#333; text-align:left;}
#searchstbox > .searchbt {margin:0; text-align:right; -webkit-box-flex:0; box-flex:0; -webkit-flex:0 0 auto; flex:0 0 auto; -webkit-flex-basis:50%; -moz-flex-basis:50%; -ms-flex-basis:50%; flex-basis:50%; max-width:50%;}
#searchstbox > .searchbt a {display:inline-block;padding:6px 6px 6px;  font-size:80%; font-weight:bold; text-decoration:none; text-align:center; color:#333; border:#900 1px solid; background-color:#F0F0F0; border-radius:5px; box-shadow:2px 2px #CCC;}

/**-- Table --**/
.menutb {border-collapse: collapse;	width:100%; margin-bottom:24px;}
.menutb caption{text-align:left; color:#333; font-size:80%;}
.menutb th {width:20%; padding:10px; border-bottom: #e3e3e3 1px solid; border-left:#e3e3e3 1px solid; text-align:left; background:#f7f7f7; padding:10px; font-weight:normal; width:25%; font-size:90%;}
.menutb td {width:50%; padding:10px; border-bottom:#e3e3e3 1px solid; text-align:left;}

.menutb th.t_top {border-top:#F00 4px solid;}
.menutb td.t_top {border-top:#666 4px solid;}
.menutb td.tds {width:30%; background-color:#F0F0F0; border-right:#e3e3e3 1px solid;}
.menutb .lasttd {width:100%; text-align:center; border-left:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid;}

.menutb th span{font-size:70%;}
.menutb p {font-size:80%; color:#333;}
.menutb p.searcherrors {font-size:80%; color:#F00; margin:0 auto 6px; font-weight:bold;}
.menutb .tds p {color:#666;}
.menutb a{color:#06C; text-decoration:underline;}
.menutb a:hover {color:#900; text-decoration:none;}

.menutb td ul {width:auto;}
.menutb td ul li {display:inline-block; font-size:80%; margin-right:6px;}


/*-- モバイルレイアウト : 768 px以下 --*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  /*--キーワードボックス--*/
  #searchstbox {width:95%;}
  /**-- Table --**/
  .menutb {width:100%;}
  .menutb th {width:25%; padding:10px; border-bottom: #e3e3e3 1px solid; border-left:#e3e3e3 1px solid; text-align:left; background:#f7f7f7; padding:10px; font-weight:normal; width:25%; font-size:90%;}
  .menutb td {width:75%; padding:10px; border-bottom:#e3e3e3 1px solid; text-align:left; font-size:90%;}
  .menutb td.tds {display:none}
}

/*-- タブレットレイアウト 769 px ～ 1024 px --*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
}

/*-- デスクトップレイアウト 1024 px ～最大 1280px/16Col  --*/
@media only screen and (min-width: 1025px) {
}
