/* searchkey
----------------------------------- */

.searchkey-keyword { max-width: 100% !important; }
.searchkey-date { min-width: 140px !important; width: 140px;}


#searchkey-area { margin-top: 40px; border: 3px solid #e9e8dd !important; padding: 0 20px 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #searchkey-area { padding: 0 10px 10px; } }
#searchkey-area h2 { font-size: 129% !important; padding: 8px 20px 6px !important; background: #e9e8dd !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-weight: bold; margin: 0 -20px !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { #searchkey-area h2 { padding: 8px 10px 6px !important; font-size: 129% !important; margin: 0 -10px !important; } }

.searchkey-inner { margin-top: 10px;margin-left: 10px; }
.searchkey-inner .searchkey-item { *zoom: 1; margin-bottom: 1em;}
.searchkey-inner .searchkey-item:before, .searchkey-inner .searchkey-item:after { content: ""; display: table; }
.searchkey-inner .searchkey-item:after { clear: both; }
.searchkey-inner .searchkey-title { float: left; width: 200px; margin-top: 6px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .searchkey-inner .searchkey-title { float: none; } }
.searchkey-inner ul { *zoom: 1; list-style-type: none; margin-left: 180px !important; padding-left: 0px; padding-top: 6px; padding-bottom: 6px; }
.searchkey-inner ul:before, .searchkey-inner ul:after { content: ""; display: table; }
.searchkey-inner ul:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .searchkey-inner ul { float: none; padding-left: 0; margin-left: 0 !important; } }
.searchkey-inner ul > li { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
@media screen and (min-width: 0px) and (max-width: 736px) { .searchkey-inner ul > li { display: block; float: none; margin-left: 0; } }
.searchkey-inner ul > li:first-child { margin-left: 0; }
.searchkey-inner input[type='radio'] { vertical-align: -0.12em; }
.searchkey-inner .searchkey-btn { margin-top: 10px; text-align: center; }
.searchkey-inner .searchkey-btn input { padding: 8px 8px 6px; cursor: pointer; width: 200px;}
@media screen and (min-width: 0px) and (max-width: 736px) { .searchkey-inner .searchkey-btn input { width: 100%; } }
.searchkey-inner fieldset { border:none; }


.text-left { text-align: left !important; }

.search-result-box { display: flex; }
.search-result-img { width:150px !important; min-width: 150px; word-break: break-all; padding: 2px 2px 5px 10px !important;}
    .search-result-img img { width: 100%; }
.search-result-data { width:600px !important;word-break: break-all; font-size: 100%; padding: 5px 2px 0px  5px !important;}

/* .search-result-date { font-size: 80%;} */
.search-result-title { word-break: break-all; font-size: 100%;}

.event-title {word-break: break-all;}

.event-data td{vertical-align: top; }
.event-data-title         {width:100px !important;word-break: break-all; font-size: 100%; padding: 5px 2px 0px  5px !important;}
.event-data-value         {width:500px !important;word-break: break-all; font-size: 100%; padding: 5px 2px 0px  5px !important;}
.event-data-thumbnail-img {width:150px !important;word-break: break-all;                  padding: 2px 2px 5px 10px !important;}

.center-image-area3 { position: relative; }
    .center-image-area3 a { display: block; position: absolute; top: 0; left: 0; height:100%; width: 100%; }

.input-date { display:flex; flex-wrap: wrap; align-items:center; padding-top:1px; }
    .input-date .while-space { padding:0px 1em 0px 1em; }
    .input-date .input-date-set { display:flex; width: 250px; }
        .input-date .input-date-set div { min-width: 100px; }
            .input-date .input-date-set div img { padding: 0px 0px 2px 2px; }

.input-check-list ul { display: flex; flex-wrap: wrap; padding-left: 0px !important; margin-bottom: 0px !important;}
    .input-check-list ul li { padding-right: 1.5em; }
    .input-check-list ul.input-area li { min-width: 120px; }

.search-result-box { position: relative; }
    .search-result-box a { display: block; position: absolute; top: 0; left: 0; height:100%; width: 100%; }