@charset "UTF-8";
/* 検索結果
======================================= */
#ds_result {
  margin-bottom: 24px;
  padding:10px;
  background-color: #FFF;
  color:#333;
}
#ds_result .ds_resultbody{
  width:100%;
}
#ds_result .ds_item {
  box-sizing: border-box;
  margin-bottom: 16px;
  width: 100%;
}
#ds_result .ds_item::after {
  content: '';
  display: block;
  clear: both;
}
#ds_result img {
  max-width: 100%;
  height: auto;
  transition: opacity .1s linear;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
#ds_result .ds_thumb img{
  width:100%;
  max-height: 500px;
}
#ds_result.ds_type_thumb .ds_thumb img{
  max-height: 100%;
}
#ds_result a img:hover {
  opacity: 0.7;
}
#ds_result dl > div {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  flex-grow: 1;
}
#ds_result dt, #ds_result dd {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  word-break: break-all;
}
#ds_result dt {
  justify-content: center;
}
#ds_result dd {
  overflow: hidden;
  word-break: break-all;
}
#ds_result dd .ds_value {
  flex-shrink: 0;
  max-width: 100%;
  line-height: 135%;
}
#ds_result .ds_desc p{
  margin:0;
}

/* 表示結果の列数 */
@media screen and (min-width: 768px) {
  #ds_result.ds_col2 .ds_resultbody, #ds_result.ds_col3 .ds_resultbody{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #ds_result.ds_col2 .ds_item {
    padding-left: 2%;
    padding-right: 2%;
    width: 50%;
  }
  #ds_result.ds_col3 .ds_item {
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 33.3%;
  }

}
/* ベースレイアウト */
#ds_result .ds_title {
  font-size: 1em;
  font-weight: bold;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
#ds_result .ds_title a {
  color: #333;
  text-decoration: none;
}
#ds_result .ds_title a:hover {
  opacity: 0.7;
}
#ds_result .ds_desc {
  font-size: 0.875em;
  line-height: 1.7;
  text-align: left;
  min-width:160px;
}
#ds_result .ds_title,
#ds_result .ds_desc,
#ds_result .ds_thumb,
#ds_result .ds_topics {
  margin-bottom: 10px;
}
#ds_result .ds_topics .ds_review img {
  vertical-align: sub;
}
/* ページトップ */
.ds_pagetop{
  margin:16px 0;
  text-align:center;
}
/* ピックアップ項目 */
.ds_pickup_wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ds_pickup {
  margin-bottom: 10px;
  min-width: 32%;
}
.ds_pickup .ds_topic {
  font-size: 0.8125em;
  margin-bottom: 2px;
  opacity: 0.8;
}
.ds_pickup .ds_value {
  font-size: 1.187em;
  font-weight: bold;
  line-height: 32px;
}
.ds_pickup .ds_value .ds_textlist,
.ds_pickup .ds_value .ds_arealist{
  font-size: 0.9em;
  margin-left: 3px;
}
.ds_pickup .ds_value .ds_textlist::after,
.ds_pickup .ds_value .ds_arealist::after {
  font-size: 0.9em;
}

.ds_pickup .ds_value span.ds_noreview {
  color: #888;
  display: block;
  font-size: 0.7em;
  margin: 1px 2px;
}
.ds_pickup.ds_price .ds_value, .ds_pickup.ds_number .ds_value, .ds_pickup.ds_decimal .ds_value {
  font-family: 'Arial';
  font-size: 1.5em;
}

.ds_pickup.ds_review .ds_value {
  color: #FFC12D;
  font-family: 'Arial';
  font-size: 1.375em;
}
.ds_pickup.ds_review .ds_value img {
  margin-right: 8px;
  width: 100px;
  max-width:100%;
  vertical-align: baseline;
}
#ds_result .ds_review .ds_value img{
  width: 100px;
  max-width:100%;
}

@media screen and (min-width: 768px) {
  .ds_pickup_wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  }
  .ds_pickup {
    margin-bottom: 10px;
  }
  .ds_col3 .ds_pickup_wrapper{
    display:block;
  }
  .ds_col3 .ds_pickup{
    display:flex;
    align-items:center;
  }
  .ds_col3 .ds_topic{
    margin-right:10px;
  }

  .ds_col2 .ds_pickup.ds_price .ds_value,.ds_col2 .ds_pickup.ds_number .ds_value,.ds_col2 .ds_pickup.ds_decimal .ds_value ,
  .ds_col3 .ds_pickup.ds_price .ds_value,.ds_col3 .ds_pickup.ds_number .ds_value,.ds_col3 .ds_pickup.ds_decimal .ds_value{
   font-size:1.3em;
  }
  .ds_col2 .ds_value .ds_textlist,
  .ds_col3 .ds_value .ds_textlist,
  .ds_col2 .ds_value .ds_arealist,
  .ds_col3 .ds_value .ds_arealist{
   font-size:13px;
  }
  .ds_col2 .ds_value .ds_textlist::after,
  .ds_col3 .ds_value .ds_textlist::after,
  .ds_col2 .ds_value .ds_arealist::after,
  .ds_col3 .ds_value .ds_arealist::after{
    font-size: 10px;
    margin-left: 0px;
    line-height: 12px;
  }
}
/* 項目レイアウト */
#ds_result dl, #ds_result dt, #ds_result dd {
  margin: 0;
}
#ds_result dt {
  background-color: #F5F5F5;
  letter-spacing: 1px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #ds_result dl {
    display: flex;
    flex-wrap: wrap;
  }
  #ds_result .ds_tcol1 dl > div {
    width: 100%;
  }
  #ds_result .ds_tcol2 dl > div {
    width: 50%;
  }
  #ds_result .ds_tcol3 dl > div {
    width: 33.33%;
  }
  #ds_result .ds_tcol4 dl > div {
    width: 25%;
  }
  #ds_result .ds_tcol5 dl > div {
    width: 20%;
  }
}
/* 値がない場合 */
#ds_result .ds_novalue::before {
  content: '-';
}

/* 複数テキスト */
.ds_textlist,
.ds_arealist {
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 130%;
  font-size: 0.87em;
  padding: 0px;
}
.ds_textlist::after,
.ds_arealist::after {
  content: "/";
  display: inline-block;
  padding: 0 2px;
  margin-left: 3px;
  margin-right: 3px;
  line-height: 16px;
  font-size: 11px;
}
.ds_textlist:last-child::after,
.ds_arealist:last-child::after{
  display: none;
  clear: both;
}

/* 複数画像 */
#ds_result span.ds_imagelist{
  margin:2px 4px;
  display:inline-block;
}
#ds_result span.ds_imagelist img {
  max-height:40px;
  max-width:80px;
  min-width: 20px;
  width:auto;
  height:auto;
  object-fit:contain;
  font-family: "object-fit: contain;";
}
#ds_result .ds_pickup span.ds_imagelist img{
  max-width:80px;
  max-height:40px;
  min-width: 25px;
}

/* 下部ボタン */
#ds_result .ds_buttons {
  margin: 10px 0;
}
#ds_result .ds_buttons > div {
  box-sizing: border-box;
}
#ds_result .ds_buttons > div > a {
  border-radius: 4px;
  box-sizing: border-box;
  color: #FFF;
  display: block;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  transition: opacity .1s linear;
}
#ds_result .ds_buttons > div > a:hover {
  opacity: 0.7;
}
#ds_result .ds_buttons .ds_official > a {
  background-color: #FEC600;
}
#ds_result .ds_buttons .ds_detail > a {
  background-color: #7B8AA2;
}

@media screen and (min-width: 768px) {
  #ds_result:not(.ds_col3) .ds_buttons {
    display: flex;
    justify-content: center;
  }
}
/*　表示項目の列数（スマホ）
=============================== */
/* 2列 */
@media screen and (max-width: 767px) {
  #ds_result.ds_sp_col2 dl {
    display: flex;
    flex-wrap: wrap;
  }
  #ds_result.ds_sp_col2 dl > div {
    width: 50%;
    box-sizing: border-box;
  }
  #ds_result.ds_sp_col2 dl > div:last-of-type {
    width: calc(100% - 1px);
  }
  #ds_result.ds_sp_col2 dl > div:nth-of-type(2n) {
    width: 50%;
  }
}
/*　デザインレイアウト調整
=============================== */
/* 表示形式（デフォルト） */
#ds_result.ds_type_def .ds_item {
  border-bottom: 1px solid #E7E7E7;
}
#ds_result.ds_type_def dl > div {
  border: solid 1px #EDEEF0;
  margin-left: -1px;
  margin-top: -1px;
}
#ds_result.ds_type_def dt, #ds_result.ds_type_def dd {
  font-size: 0.8125em;
}
#ds_result.ds_type_def dt {
  border-right: solid 1px #EDEEF0;
  padding: 8px 4px;
  width: 100%;
  max-width: 80px;
  min-width:80px;
}
#ds_result.ds_type_def dd {
  padding: 8px;
}
#ds_result.ds_type_def .ds_title {
  font-size: 1.125em;
}
#ds_result.ds_col3.ds_type_def .ds_title{
  font-size:1em;
}
#ds_result.ds_type_def .ds_thumb {
  text-align: center;
}
#ds_result.ds_type_def .ds_thumb {
  text-align: center;
}
#ds_result .ds_thumb {
  text-align: center;
}

#ds_result.ds_type_def .ds_buttons > div {
  margin: 0 auto 8px;
  padding: 0 8px;
  max-width: 360px;
  width: 100%;
}
#ds_result.ds_type_def .ds_buttons > div > a {
  font-size: 1.125em;
  padding: 15px 10px;
}
#ds_result .ds_item .ds_box{
  position: relative;
  flex-shrink: 0;
}
#ds_result .ds_item .ds_box::after{
  content:"";
  clear: both;
  display: block;
}

@media screen and (min-width: 768px) {
  #ds_result.ds_type_def dl > div {
    flex-direction: column;
  }
  #ds_result.ds_type_def dt, #ds_result.ds_type_def dd {
    font-size: 0.875em;
  }
  #ds_result.ds_type_def.ds_col2 .ds_tcol4 dt,
  #ds_result.ds_type_def.ds_col2 .ds_tcol5 dt,
  #ds_result.ds_type_def.ds_col3 .ds_tcol4 dt,
  #ds_result.ds_type_def.ds_col3 .ds_tcol5 dt{
    font-size: 12px;
    padding: 6px 2%;
  }
  #ds_result.ds_type_def .ds_tcol4 dd,
  #ds_result.ds_type_def .ds_tcol5 dd{
    font-size:13px;
  }
  #ds_result.ds_type_def dt {
    border-bottom: solid 1px #EDEEF0;
    border-right: none;
    padding: 10px 8px;
    max-width: none;
    min-width:unset;
  }
  #ds_result.ds_type_def dd {
    flex-grow: 1;
    justify-content: center;
    padding: 10px 4%;
  }
  #ds_result.ds_type_def .ds_item {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative;
  }
  #ds_result.ds_type_def .ds_item > .ds_inner {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top:6px;
  }

   #ds_result.ds_type_def.ds_col2 dt,
   #ds_result.ds_type_def.ds_col3 dt{
     padding:6px 4%;
   }
   #ds_result.ds_type_def.ds_col2 dd,
   #ds_result.ds_type_def.ds_col3 dd{
     padding:10px 4%;
   }
  #ds_result.ds_type_def.ds_col2 .ds_item > .ds_inner,
  #ds_result.ds_type_def.ds_col3 .ds_item > .ds_inner{
    flex-grow: 1;
   }
  #ds_result.ds_type_def .ds_item .ds_thumb {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 43%;
    max-width:320px;
  }
  #ds_result.ds_type_def.ds_col2 .ds_item .ds_desc,
  #ds_result.ds_type_def.ds_col3 .ds_item .ds_desc
   {
    font-size:0.9em;
  }
  #ds_result.ds_type_def.ds_col2 .ds_item .ds_thumb,
  #ds_result.ds_type_def.ds_col3 .ds_item .ds_thumb
   {
    margin-bottom: 12px;
    margin-right: 12px;
    width: 35%;
  }

  #ds_result.ds_type_def .ds_desc,
  #ds_result.ds_type_def .ds_pickup_wrapper {
    overflow: hidden;
  }
  #ds_result.ds_type_def .ds_topics,
  #ds_result.ds_type_def .ds_buttons {
    clear: both;
  }
  #ds_result.ds_type_def .ds_thumb {
    text-align: left;
  }
  #ds_result.ds_type_def .ds_title {
    font-size: 1.187em;
    margin-bottom: 10px;
  }
  #ds_result.ds_col3.ds_type_def .ds_title{
    font-size:1em;
  }
  #ds_result.ds_type_def .ds_desc {
    margin-bottom: 20px;
  }
  #ds_result.ds_type_def .ds_topics {
    margin-bottom: 30px;
  }
  #ds_result.ds_type_def .ds_buttons {
    margin: auto 0 30px;
  }
  #ds_result.ds_type_def .ds_buttons > div {
    margin: 0 0 8px;
    max-width: 400px;
  }
}
/* 表示形式（ランキング） */
#ds_result.ds_type_rank {
  counter-reset: result_rank;
}
#ds_result.ds_type_rank dl > div {
  margin-bottom: 4px;
  min-width: 120px;
}
#ds_result.ds_type_rank dt {
  flex-shrink: 0;
  box-sizing: border-box;
  font-size: 0.7em;
  margin-right: 5px;
  padding: 4px 2px;
  width:58px;
}
#ds_result.ds_type_rank dd {
  font-size: 0.85em;
  padding: 4px 6px 4px 2px;
}
#ds_result.ds_type_rank .ds_item {
  margin-bottom: 40px;
}
#ds_result.ds_type_rank .ds_resultbody .ds_item:nth-of-type(1) .ds_title::before {
  color: #D9B162;
}
#ds_result.ds_type_rank .ds_resultbody .ds_item:nth-of-type(2) .ds_title::before {
  color: #9595A6;
}
#ds_result.ds_type_rank .ds_resultbody .ds_item:nth-of-type(3) .ds_title::before {
  color: #C3703A;
}
#ds_result.ds_type_rank .ds_title {
  border-bottom: 1px solid #E7E7E7;
  display: flex;
  font-size: 1.25em;
  padding-bottom: 6px;
  justify-content: inherit;
  flex-wrap: nowrap;
}
#ds_result.ds_col3.ds_type_rank .ds_title{
  font-size:1em;
}
#ds_result.ds_type_rank .ds_title::before {
  counter-increment: result_rank;
  content: counter(result_rank) ".";
  font-family: 'Arial';
  font-size: 1.375em;
  margin-right: 0.08em;
  flex-shrink: 0;
  line-height: 1;
  position: relative;
  top: 0.01em;
}
#ds_result.ds_type_rank .ds_thumb {
  text-align: center;
}
#ds_result.ds_type_rank .ds_buttons > div {
  margin: 0 auto 8px;
  padding: 0 8px;
  max-width: 360px;
  width: 100%;
}
#ds_result.ds_type_rank .ds_buttons > div > a {
  font-size: 0.875em;
  padding: 14px 10px;
}

@media screen and (min-width: 768px) {
  #ds_result.ds_type_rank .ds_title{
    justify-content: inherit;
  }
  #ds_result.ds_type_rank .ds_item {
    display: flex;
    flex-direction: column;
  }
  #ds_result.ds_type_rank .ds_item > div {
    overflow: hidden;
    width: 100%;
  }
  #ds_result.ds_type_rank .ds_item .ds_thumb {
    float: left;
    margin-bottom: 26px;
    margin-right: 26px;
    width: 30%;
    text-align: left;
  }
  #ds_result.ds_type_rank.ds_col2 .ds_item .ds_thumb, #ds_result.ds_type_rank.ds_col3 .ds_item .ds_thumb {
    float: none;
    width: 100%;
  }
  #ds_result:not(.ds_type_thumb).ds_col2 .ds_item .ds_thumb ,
  #ds_result:not(.ds_type_thumb).ds_col3 .ds_item .ds_thumb{
    margin-right:12px;
    margin-bottom:15px;
  }
  #ds_result.ds_type_rank .ds_title {
    margin-bottom: 24px;
    padding-bottom: 14px;
  }
  #ds_result.ds_type_rank .ds_topics {
    margin-bottom: 20px;
  }
  #ds_result.ds_type_rank .ds_desc,
  #ds_result.ds_type_rank .ds_buttons {
    clear: both;
  }
  #ds_result.ds_type_rank .ds_desc {
    margin-bottom: 30px;
    width: 100%;
  }
  #ds_result.ds_type_rank .ds_buttons {
    margin: auto 0 0;
  }
  #ds_result.ds_type_rank .ds_buttons > div {
    margin: 0 0 8px;
  }
  #ds_result.ds_type_rank.ds_col1, #ds_result.ds_type_rank.ds_col2, #ds_result.ds_type_rank.ds_col3 {
    /* 2列、3列レイアウト調整 */
  }
  #ds_result.ds_type_rank.ds_col1 dl > div, #ds_result.ds_type_rank.ds_col2 dl > div, #ds_result.ds_type_rank.ds_col3 dl > div {
    align-items: center;
    flex-direction: column;
    padding: 0 5px;
  }
  #ds_result.ds_type_rank.ds_col1 dt, #ds_result.ds_type_rank.ds_col2 dt, #ds_result.ds_type_rank.ds_col3 dt {
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;
    max-width:100%;
  }
  #ds_result.ds_type_rank.ds_col1 dd, #ds_result.ds_type_rank.ds_col2 dd, #ds_result.ds_type_rank.ds_col3 dd {
    flex-grow: 1;
    padding: 0;
    max-width: 100%;
  }
  #ds_result.ds_type_rank.ds_col1 .ds_item .ds_thumb, #ds_result.ds_type_rank.ds_col2 .ds_item .ds_thumb, #ds_result.ds_type_rank.ds_col3 .ds_item .ds_thumb {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  #ds_result.ds_type_rank.ds_col1 .ds_topics, #ds_result.ds_type_rank.ds_col2 .ds_topics, #ds_result.ds_type_rank.ds_col3 .ds_topics {
    clear: both;
  }
}
/* 表示形式（サムネイル） */
#ds_result.ds_type_thumb .ds_item {
  border-bottom: 1px solid #E6E8EB;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}
#ds_result.ds_type_thumb .ds_thumb {
  flex-shrink: 0;
  margin-right: 16px;
  width: 25%;
}
#ds_result.ds_type_thumb .ds_thumb + div {
  display: flex;
  flex-direction: column;
  width: calc(100% - 25% - 16px);
  justify-content: space-between;
  flex-grow: 1;
}

#ds_result.ds_type_thumb .ds_thumb + div > .ds_inner {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-content: space-between;
  width: 100%;
}
#ds_result.ds_type_thumb .ds_title {
  font-size: 0.937em;
}
#ds_result.ds_type_thumb .ds_desc {
  font-size: 0.812em;
  flex-grow: 1;
}
#ds_result.ds_type_thumb .ds_pickup_wrapper {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.74em;
  justify-content: left;
}
#ds_result.ds_type_thumb .ds_pickup_wrapper .ds_pickup {
  display: flex;
  margin-bottom: 5px;
  margin-right: 20px;
  align-items: center;
}
#ds_result.ds_type_thumb .ds_pickup_wrapper .ds_pickup > div {
  flex-shrink: 0;
  max-width: 100%;
}
#ds_result.ds_type_thumb .ds_pickup_wrapper .ds_pickup .ds_topic {
  margin-right: 5px;
  margin-top: 0.25em;
  flex-shrink: 0;
}
#ds_result.ds_type_thumb .ds_pickup_wrapper .ds_review img {
  width: 75px;
}
#ds_result.ds_type_thumb .ds_buttons {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
#ds_result.ds_type_thumb .ds_buttons > div {
  align-self: flex-end;
  margin-bottom: 5px;
  max-width: 100%;
  flex-shrink: 0;
}
#ds_result.ds_type_thumb .ds_buttons > div > a {
  font-size: 0.7em;
  padding: 6px 16px;
}
#ds_result.ds_type_thumb .ds_buttons > div:not(:first-child) {
  margin-left: 8px;
}

@media screen and (min-width: 768px) {

  #ds_result.ds_type_thumb .ds_item {
    margin-bottom: 20px;
  }
  #ds_result.ds_type_thumb .ds_title,
  #ds_result.ds_type_thumb .ds_desc {
    width: 100%;
  }
  #ds_result.ds_type_thumb .ds_title {
    margin-bottom: 6px;
  }
  #ds_result.ds_type_thumb .ds_pickup_wrapper {
    margin-bottom: 10px;
  }
  #ds_result.ds_type_thumb .ds_buttons {
    flex-grow: 1;
    margin: 0 0 8px;
    width: 100%;
    margin-right: 0;
  }
  #ds_result.ds_type_thumb .ds_buttons > div > a {
    padding-bottom: 4px;
    padding-top: 4px;
  }
/*
  #ds_result.ds_type_thumb .ds_thumb {
    width: 120px;
  }
  #ds_result.ds_type_thumb .ds_thumb + div {
    width: calc(100% - 136px);
  }
*/
  #ds_result.ds_col2 .ds_item,
  #ds_result.ds_col3 .ds_item{
   flex-direction: column;
  }

  #ds_result.ds_type_thumb.ds_col2 .ds_thumb,
  #ds_result.ds_type_thumb.ds_col3 .ds_thumb{
  width:100%;
  max-height: 400px;
  }

  #ds_result.ds_type_thumb.ds_col2 .ds_thumb + div,
  #ds_result.ds_type_thumb.ds_col3 .ds_thumb + div{
  width:100%;
  flex-grow: 1;
  }
  #ds_result.ds_type_thumb.ds_col3 .ds_pickup_wrapper{
  display: block;
  }

  #ds_result.ds_type_thumb.ds_col2 .ds_desc,
  #ds_result.ds_type_thumb.ds_col3 .ds_desc{
    flex-grow: 1;
  }
  #ds_result.ds_type_thumb.ds_col2 .ds_buttons,
  #ds_result.ds_type_thumb.ds_col3 .ds_buttons{
    flex-grow: 0;
  }
}


#ds_result .ds_item .ds_category{
  text-align:left;
  display: block;
  margin-bottom:12px;
}
#ds_result .ds_item .ds_category a{
  display:inline-block;
  text-decoration:none;
  font-weight: normal;
  color:#444;
  font-size:0.7em;
  background-color:#F7F7F7;
  border:solid 1px #EBEBEB;
  padding:5px 8px;
  border-radius:4px;
  width:auto;
}
#ds_result .ds_item .ds_category a:hover{
  opacity:0.7;
}


/*　ページネーション
=============================== */
.ds_pagenation {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 16px 0;
  width: 100%;
}
.ds_pagenation > span {
  border-radius: 4px;
  box-sizing: border-box;
  font-family: 'Century Gothic',sans-serif;
  display: block;
  font-size: 1.15em;
  height: 40px;
  line-height: 40px;
  margin: 8px 5px;
  position: relative;
  text-align: center;
  width: 40px;
}
.ds_pagenation > span.ds_more_txt{
  width: auto;
  font-size:12px;
  margin-left: 2px;
  margin-right: 2px;
}
.ds_pagenation > span > a {
  border-radius: 4px;
  box-sizing: border-box;
  color: #333;
  display: block;
  height: 100%;
  text-align: center;
  text-decoration: none;
  transition: background-color .1s linear;
  width: 100%;
  line-height: 40px;
}
.ds_pagenation > span.ds_more_txt a{ 
  line-height:35px;
}

.ds_pagenation > span > a:hover {
  background-color: #f3f4f5;
}
.ds_pagenation .ds_current {
  background-color: #f3f4f5;
  border-radius: 4px;
  opacity: 0.7;
}
.ds_pagenation .ds_prev > a,
.ds_pagenation .ds_next > a {
  overflow: hidden;
  text-indent: -200%;
}
.ds_pagenation .ds_prev a::before,
.ds_pagenation .ds_next a::before {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%228%2e59%22%20height%3d%2215%2e77%22%20viewBox%3d%220%200%208%2e59%2015%2e77%22%3e%3cpolygon%20points%3d%220%2e71%2015%2e77%200%2015%2e07%207%2e18%207%2e89%200%200%2e71%200%2e71%200%208%2e59%207%2e89%200%2e71%2015%2e77%22%20fill%3d%22rgb%2851%2c51%2c51%29%22%20%2f%3e%3c%2fsvg%3e");
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0.8;
}
.ds_pagenation .ds_prev a::before {
  transform: scale(-1, 1);
}

/*　結果情報
=============================== */
.ds_resultinfo {
  border-bottom: solid 1px #E7E7E7;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 5px 0 10px;
  width: 100%;
}
.ds_resultinfo .ds_count {
  max-width: 50%;
  opacity: 0.5;
}
.ds_resultinfo .ds_count > span {
  margin-right: 10px;
  font-size: 0.875em;
}
.ds_resultinfo .ds_count > .ds_total > span {
  font-size: 1.2em;
  padding-right: 5px;
}
.ds_resultinfo .ds_count > .ds_pages {
  background-color: #F7F7F7;
  padding: 8px 10px;
  font-size: 0.8125em;
  border-radius: 6px;
}
.ds_resultinfo .ds_sort {
  display: flex;
  align-items: center;
  font-size: 0.75em;
  line-height: 24px;
  max-width: 50%;
  position: relative;
}
.ds_resultinfo .ds_sort label {
  margin-right: 5px;
  opacity: 0.5;
}
.ds_resultinfo .ds_sort .select {
  background-color: #F7F7F7;
  border: solid 1px #E5E5E5;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: 210px;
  position: relative;
}
.ds_resultinfo .ds_sort .select::after {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%2210%2e5%22%20height%3d%226%22%20viewBox%3d%220%200%2010%2e5%206%22%3e%3cdefs%3e%3cstyle%3e%2ea%7bfill%3a%23000000%3b%7d%3c%2fstyle%3e%3c%2fdefs%3e%3cpath%20class%3d%22a%22%20d%3d%22M12%2c5%2e22l%2d4%2c4%2d4%2d4A%2e76%2e76%2c0%2c1%2c0%2c3%2c6%2e29l4%2e5%2c4%2e49a%2e75%2e75%2c0%2c0%2c0%2c1%2e06%2c0L13%2c6%2e29A%2e76%2e76%2c0%2c1%2c0%2c12%2c5%2e22Z%22%20transform%3d%22translate%28%2d2%2e75%20%2d5%29%22%2f%3e%3c%2fsvg%3e");
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transition: opacity .15s linear;
}
.ds_resultinfo .ds_sort .select:hover::after,
.ds_resultinfo .ds_sort .select:hover select {
  opacity: 1;
}
.ds_resultinfo .ds_sort select {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  height: 24px;
  line-height: 24px;
  margin-left: 8px;
  opacity: 0.8;
  padding-right: 26px;
  transition: opacity .15s linear;
  -webkit-appearance: none;
  appearance: none;
  font-size:0.9em;
  min-width:110px;
  max-width: 100%;
}
.ds_resultinfo .ds_sort select::-ms-expand {
  display: none;
}
.ds_resultinfo .ds_sort select:focus {
  outline: 0;
}

@media screen and (max-width: 640px) {
  .ds_resultinfo {
    align-items: center;
    margin-bottom: 20px;
    padding: 0;
  }
  .ds_resultinfo .ds_count,
  .ds_resultinfo .ds_sort {
    max-width: 50%;
    margin-bottom: 5px;
    font-size: 0.8em;
    line-height: 1.5;
  }
  .ds_resultinfo .ds_sort {
    justify-content: flex-end;
  }
  .ds_resultinfo .ds_sort label {
    display: none;
  }
}
/*　デバッグメッセージ
=============================== */
.ds_debugmsg {
  border: solid 2px #EBEBEB;
  background-color: #F7F7F7;
  padding: 10px;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  box-sizing: border-box;
}
.ds_debugmsg pre {
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* フォーム基本レイアウト
======================================= */
#detailsearch {
  margin-bottom: 24px;
  padding:10px;
  color:#333;
}
#detailsearch dt, #detailsearch dd {
  box-sizing: border-box;
  margin: 0;
  position: relative;
}
#detailsearch dt {
  font-size: 0.875em;
  width: 25%;
}
#detailsearch dt > label {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  word-break: break-all;
}
#detailsearch dd {
  width: 75%;
  background-color:#FFF;
}

@media screen and (min-width: 768px) {
  #detailsearch dd {
    font-size: 0.875em;
  }
}
#ds_basic,
#ds_detail {
  margin-bottom: 8px;
}
#ds_basic dl,
#ds_detail dl {
  margin: 0;
}
#ds_basic dl > div,
#ds_detail dl > div {
  display: flex;
}

/* 見出し(仮) */
#detailsearch .title,
#detailsearch .title_none {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#detailsearch .title_none {
  justify-content: flex-end;
}

#ds_basic > .title {
  border-bottom: 1px solid #E6E8EB;
  font-size: 1.25em;
  font-weight: bold;
  padding: 20px 0;
}

#ds_detail > .title {
  border-bottom: 1px solid #E6E8EB;
  color: #888888;
  font-size: 0.875em;
  font-weight: normal;
  padding: 12px 0;
}

/* リセットボタン */
#detailsearch .ds_reset {
  display: inline-block;
  padding: 2px;
  height: 25px;
  margin-right: 8px;
}

#detailsearch .ds_reset a {
  display: flex;
  text-decoration: none;
  color: #666;
  font-weight: normal;
  font-size: 13px;
  align-items: center;
  margin: 4px -10px 0 0;
}

#detailsearch .ds_reset a::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAAvUlEQVQYGYXBoU5CARgG0P9euCazBRtBRzDZncl0s9HmZjD7ECY3ywlYbBbewPkEmG0GG8HgmHOGz2FgJD2nVrQufIuI+HKuMfJYVYaeRCzcufUqYm4pVeVefDrS1C8TCxEpYxHjWjOyFJFyLW5qTWMpIhal1Wlqg4FOp9PWnxzq9XrHtcGO3l6JiJjVBnNxUiLiTVtrrsS7QYmImNo11BmbiZhUlXhwKiIiIj4c1Ip9TZVtl15EPDuzVf/7ASCnlCzZgpAkAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 3px;
}

#detailsearch .ds_reset a:hover {
  opacity: 0.7;
}

/* ページトップ */
#detailsearch .ds_pagetop {
  margin: 40px 0 16px;
  padding: 10px;
  text-align: center;
  font-size: 0.9em;
}

#detailsearch .ds_pagetop a,
#detailsearch .ds_pagetop a:visited {
  color: #279dda;
}

/* テキストボックス */
#detailsearch input[type="text"] {
  background-color: #fff;
  border: 1px solid #C1C7CD;
  border-radius: 2px;
  box-sizing: border-box;
  color: #262e41;
  font-size: 1.6rem;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  resize: none;
  text-overflow: ellipsis;
  transition: background-color .1s linear, border .1s linear;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
}
#detailsearch input[type="text"]:hover {
  background-color: #fbfbfb;
  border: 1px solid #2A76C3;
}
#detailsearch input[type="text"]:focus {
  background-color: #fbfbfb;
  border: 1px solid #2A76C3;
  outline: 0;
}
#detailsearch input[type="text"]:-ms-input-placeholder {
  opacity: .54;
}

/* チェックボックス、ラジオボタンレイアウト */
#detailsearch .ds_check_wrapper,
#detailsearch .ds_radio_wrapper {
  display: flex;
  flex-wrap: wrap;
}

#detailsearch .ds_check_wrapper label,
#detailsearch .ds_radio_wrapper label {
  margin-right: 4px;
  margin-bottom: 2px;
}

@media screen and (max-width:767px){
  #detailsearch .ds_check_wrapper:not(.dstype_review) label,
  #detailsearch .ds_radio_wrapper:not(.dstype_review) label {
    min-width:44%;
  }
}
#detailsearch .dstype_image label{
  padding-top:2px;
  padding-bottom:2px;
}
/* ラジオボタン */
#detailsearch input[type=radio] {
  display: none;
}
#detailsearch input[type=radio] + span {
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  padding: 2px 6px 2px 28px;
  position: relative;
  transition: color .1s linear;
  vertical-align: middle;
  min-width: 90px;
}
#detailsearch input[type=radio] + span:hover {
  color: #2A76C3;
}
#detailsearch input[type=radio] + span:hover::before {
  border-color: #2A76C3;
}
#detailsearch input[type=radio] + span::before {
  background-color: #fff;
  border: 1px solid #C1C7CD;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 18px;
  left: 4px;
  position: absolute;
  top: 7px;
  transition: background-color .1s linear,border-color .1s linear;
  width: 18px;
}
#detailsearch input[type=radio] + span::after {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 11px;
  transition: opacity .1s linear;
  width: 10px;
}
#detailsearch input[type=radio]:checked + span {
  color: #2A76C3;
}
#detailsearch input[type=radio]:checked + span::before {
  background-color: #2A76C3;
  border: none;
}
#detailsearch input[type=radio]:checked + span::after {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  #detailsearch input[type=radio] + span::before {
    top: 4px;
  }
  #detailsearch input[type=radio] + span::after {
    top: 8px;
  }
}
/* チェックボックス */
#detailsearch input[type=checkbox] {
  display: none;
}
#detailsearch input[type=checkbox] + span {
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  margin-right: 10px;
  padding: 2px 6px 4px 28px;
  position: relative;
  transition: color .1s linear;
  vertical-align: middle;
  min-width: 90px;
}
#detailsearch input[type=checkbox] + span:hover {
  color: #2A76C3;
}
#detailsearch input[type=checkbox] + span:hover::before {
  background-color: #2A76C3;
}
#detailsearch input[type=checkbox] + span::before {
  background-color: #C1C7CD;
  border-radius: 2px;
  box-sizing: border-box;
  content: '';
  display: block;
  left: 4px;
  position: absolute;
  top: 8px;
  transition: background-color .1s linear;
  width: 18px;
  height: 18px;
  opacity: 0.7;
}
#detailsearch input[type=checkbox] + span::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 10px;
  left: 10px;
  position: absolute;
  top: 11px;
  transform: rotate(45deg);
  width: 6px;
}
#detailsearch input[type=checkbox]:checked + span {
  color: #2A76C3;
}
#detailsearch input[type=checkbox]:checked + span::before {
  background-color: #2A76C3;
  opacity: 1;
}
#detailsearch input[type="checkbox"].ds_check:not(:checked) + span::before{
  background-color: #C1C7CD !important;
}
#detailsearch input[type="checkbox"].ds_check:not(:checked) + span{
  color: inherit !important;
}

@media screen and (min-width: 768px) {
  #detailsearch input[type=checkbox] + span::before {
    top: 5px;
  }
  #detailsearch input[type=checkbox] + span::after {
    top: 8px;
  }
  #detailsearch.ds_layout2 .dstype_review input[type=checkbox] + span::before {
    top: 3px;
  }
  #detailsearch.ds_layout2 .dstype_review input[type=checkbox] + span::after {
    top: 6px;
  }
}


/* 画像調整 */
#detailsearch .dstype_image input[type=checkbox] + span > img,
#detailsearch .dstype_image input[type=radio] + span > img{
  margin:0 4px;
  vertical-align:top;
  max-width:80px;
  max-height: 40px;
  min-width: 20px;
}


/* セレクトボックス */
#detailsearch .select {
  max-width: 210px;
  position: relative;
}
#detailsearch .select::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #1B2733;
  box-sizing: border-box;
  content: '';
  height: 0;
  margin-top: -3px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 0;
}
#detailsearch select {
  background-color: #fff;
  background-image: none;
  border: 1px solid #C1C7CD;
  border-radius: 2px;
  box-shadow: none;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1.6rem;
  outline: none;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  resize: none;
  text-overflow: ellipsis;
  transition: background-color .1s linear, border .1s linear;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  white-space: nowrap;
}
#detailsearch select::-ms-expand {
  display: none;
}
#detailsearch select:hover {
  background-color: #fbfbfb;
  border: 1px solid #2A76C3;
}
#detailsearch select:focus {
  background-color: #fbfbfb;
  border: 1px solid #2A76C3;
  outline: 0;
}

/* 日付 */
#detailsearch .ds_date {
  margin-left: -4px;
}
#detailsearch .ds_date > div {
  display: inline-block;
}
#detailsearch .ds_date .select {
  display: inline-block;
  margin: 4px;
  width: auto !important;
  max-width: none !important;
}
#detailsearch .ds_date .select select {
  min-width: 80px;
  padding: 0 10px;
}
#detailsearch .ds_date .select select.ds_month {
  min-width: 64px;
}
#detailsearch .ds_date > span {
  display: inline-block;
  margin: 0 10px;
}
/* 地域 */
#detailsearch .ds_area .select{
  display:inline-block;
  min-width:120px;
  max-width:180px;
  width:46%;
}
#detailsearch .ds_area .select:last-child{
  max-width:220px;
}
/* レビュー */
.dstype_review label {
  margin: 4px 0;
  display: block;
  min-width: 175px;
  max-width: 100%;
}
.dstype_review label img {
  max-width: 90px;
  height: auto;
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: sub;
}

@media screen and (min-width: 768px) {
  #detailsearch.ds_layout2 .ds_date .select select {
    min-width: 70px;
    padding: 0 6px;
    font-size:0.9em;
  }
  #detailsearch.ds_layout2 .dstype_review .ds_radio_wrapper label {
    font-size: 13px;
    line-height: 20px;
    margin-bottom:2px;
  }
  #detailsearch.ds_layout2 .dstype_review label img {
    max-width: 78px;
  }
  #detailsearch.ds_layout2 .dstype_review label{
    min-width: 160px;
  }
  #detailsearch.ds_layout2 .ds_reviewtext{
    font-size:13px;
    line-height: 20px;
  }
  #detailsearch.ds_layout2 input[type=checkbox] + span{
    margin-right:5px;
  }
}
/* 検索ボタン
======================================= */
.ds_submit {
  margin: 16px auto;
}
.ds_submit button {
  background-color: #2A76C3;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 1.125em;
  letter-spacing: 4px;
  margin: 0 auto;
  outline: none;
  padding: 14px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: opacity .15s ease-out;
  min-width: 230px;
  max-width: 90%;
  width: auto;
  -webkit-appearance: none;
  appearance: none;
}
.ds_submit button:hover {
  opacity: 0.7;
}
.ds_submit button[style^="background-color"] {
  background-image: none !important;
}

/* 検索ボタンのデザイン
======================================= */
.btn_icon{
  display: inline-block;
  margin-right:10px;
  margin-left: -0.5em;
  padding: 0 5px;
}
.btn_icon img{
  max-width:28px;
  max-height:28px;
  height:auto;
  vertical-align: middle;
}

/* グラデーション */
.ds_btn1 button {
  background-image: linear-gradient(to right, #41D3E6, #2685F5, #41D3E6);
  background-size: 200% auto;
  box-shadow: 0 4px 6px rgba(38, 133, 245, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: background-position .3s ease,  box-shadow .2s ease;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.ds_btn1 button:hover {
  background-position: right center;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.11), 0 6px 6px rgba(0, 0, 0, 0.08);
  opacity: 1;
}
.ds_btn1 button:hover:before {
  opacity: 1;
}

/* シャドウ */
.ds_btn2 button {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.15);
  margin-bottom: -4px;
  transition: background-color .15s ease-out, border-bottom .1s ease-out, margin-bottom .1s ease-out, transform .1s ease-out;
}
.ds_btn2 button:hover {
  background-color: #328ae4;
  opacity: 1;
}
.ds_btn2 button:active {
  box-shadow: none;
  border-bottom-width: 0;
  margin-bottom: 0;
  transform: translateY(4px);
}

/* 角丸 */
.ds_btn3 button {
  border-radius: 1000px;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
  transition: background-color .1s ease-out, transform .1s ease-out, box-shadow .1s ease-out;
}
.ds_btn3 button:hover {
  background-color: #328ae4;
  box-shadow: none;
  transform: translateY(2px);
  opacity: 1;
}

/* アニメーション */
.ds_btn4 button {
  overflow: hidden;
}
.ds_btn4 button:after {
  animation: btn_refrect 4s ease-out infinite;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 60%, #fff 70%, rgba(255, 255, 255, 0));
  bottom: -50%;
  content: '';
  left: -240%;
  position: absolute;
  top: -50%;
  transform: skewX(-45deg);
  width: 200%;
}

@keyframes btn_refrect {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    left: 200%;
  }
  100% {
    opacity: 0;
  }
}
/* 詳細検索表示スイッチ */
#ds_open_switch {
  display: none;
}

#ds_openbox {
  text-align: right;
}

#ds_open_label,
#ds_close_label {
  color: #2A76C3;
  font-size: 14px;
  cursor: pointer;
  line-height: 160%;
  max-width: 100%;
  padding: 5px;
  padding-left: 16px;
  position: relative;
  text-decoration: underline;
  transition: opacity .1s linear;
}
#ds_open_label::before, #ds_open_label::after,
#ds_close_label::before,
#ds_close_label::after {
  background-color: #2A76C3;
  box-sizing: border-box;
  content: '';
  height: 1px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 15px;
  width: 9px;
}
#ds_open_label::after,
#ds_close_label::after {
  transform: rotate(90deg);
}
#ds_open_label:hover,
#ds_close_label:hover {
  opacity: 0.7;
  text-decoration: none;
}

#ds_open_label {
  display: inline-block;
}

#ds_close_label {
  display: none;
}
#ds_close_label::after {
  display: none;
}

#ds_open_switch[type="checkbox"]:checked ~ #ds_detail ~ #ds_openbox #ds_open_label {
  display: none;
}
#ds_open_switch[type="checkbox"]:checked ~ #ds_detail ~ #ds_openbox #ds_close_label {
  display: inline-block;
}

/* 詳細検索のレイアウト */
#ds_open_switch[type="checkbox"] {
  display: none;
}
#ds_open_switch[type="checkbox"] ~ #ds_detail {
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), z-index 0.1s cubic-bezier(0.25, 0.1, 0.25, 1), height 0s;
  transform: translateY(-10px);
  z-index: -1;
  height: 0;
}
#ds_open_switch[type="checkbox"] ~ #ds_detail .title,
#ds_open_switch[type="checkbox"] ~ #ds_detail dl {
  display: none;
}
#ds_open_switch[type="checkbox"]:checked ~ #ds_detail {
  opacity: 1;
  transform: translateY(0);
  z-index: 10;
  height: auto;
}
#ds_open_switch[type="checkbox"]:checked ~ #ds_detail .title,
#ds_open_switch[type="checkbox"]:checked ~ #ds_detail dl {
  display: block;
  text-align: left;
}

/* スマホ用レイアウト調整（共通） */
@media screen and (max-width: 767px) {
  #detailsearch dt, #detailsearch dd {
    width: auto;
  }

  #ds_basic dl > div,
  #ds_detail dl > div {
    display: block;
  }
}
/*　検索フォームデザイン調整
=============================== */
/* デザイン（テーブル） */
#detailsearch.ds_design0 dl {
  border-left: 1px solid #E6E8EB;
  border-right: 1px solid #E6E8EB;
}
#detailsearch.ds_design0 dt {
  background-color: #F4F4F4;
}
#detailsearch.ds_design0 dt, #detailsearch.ds_design0 dd {
  padding: 10px;
}
#detailsearch.ds_design0 #ds_basic dl > div,
#detailsearch.ds_design0 #ds_detail dl > div {
  border-bottom: 1px solid #E6E8EB;
}

@media screen and (min-width: 768px) {
  #detailsearch.ds_design0 dt, #detailsearch.ds_design0 dd {
    padding: 15px;
  }
  #detailsearch.ds_design0.ds_layout2 dt, #detailsearch.ds_design0.ds_layout2 dd{
    padding:12px 2%;
  }
}
/* デザイン（区切り線） */
#detailsearch.ds_design1 dt, #detailsearch.ds_design1 dd {
  padding: 15px 0;
}
#detailsearch.ds_design1 dt + dd, #detailsearch.ds_design1 dd + dd {
  padding-top: 0;
}
#detailsearch.ds_design1 #ds_basic dl > div,
#detailsearch.ds_design1 #ds_detail dl > div {
  border-bottom: 1px solid #E6E8EB;
}

@media screen and (min-width: 768px) {
  #detailsearch.ds_design1 dt, #detailsearch.ds_design1 dd {
    padding: 15px 0;
  }
  #detailsearch.ds_design1 dt + dd, #detailsearch.ds_design1 dd + dd {
    padding-top: 15px;
  }
}
/* デザイン（指定なし） */
#detailsearch.ds_design2 dl {
  margin-top: 12px;
}
#detailsearch.ds_design2 dt, #detailsearch.ds_design2 dd {
  padding: 0 0 12px;
}

@media screen and (min-width: 768px) {
  #detailsearch.ds_design2 dl {
    margin-top: 20px;
  }
  #detailsearch.ds_design2 dt, #detailsearch.ds_design2 dd {
    padding: 0 0 16px;
  }
}
/*　検索フォームレイアウト調整
=============================== */
/* 2列 */
@media screen and (min-width: 768px) {
  #detailsearch.ds_layout2 dl,
  #detailsearch.ds_layout2 #ds_open_switch[type="checkbox"]:checked ~ #ds_detail dl {
    display: flex;
    flex-wrap: wrap;
  }
  #detailsearch.ds_layout2 dl > div {
    width: 50%;
    box-sizing: border-box;
    position: relative;
  }
  #detailsearch.ds_layout2 dl > div:last-of-type {
    width: 100%;
  }
  #detailsearch.ds_layout2 dl > div:nth-of-type(2n) {
    width: 50%;
  }
  #detailsearch.ds_layout2 dt {
    flex-shrink: 0;
    width: 100px;
  }
  #detailsearch.ds_layout2 dt label {
    font-size: 0.9em;
  }
  #detailsearch.ds_layout2 dd {
    flex-grow: 1;
    padding-right: 15px;
    width: auto;
  }
  #detailsearch.ds_layout2 .select {
    width: 95%;
    max-width: 220px;
  }
  #column3 #detailsearch.ds_layout2 .select{
    width:100%;
  }
  #column3 #detailsearch.ds_layout2  .ds_title,
  #column3 #detailsearch.ds_layout2  .ds_value{
    padding:10px 8px;
  }
  #column3 #detailsearch.ds_layout2  .ds_title{
    width:84px;
    font-weight:normal;
  }
  #column3 #detailsearch.ds_layout2 .select select{
    font-size:0.9em;
  }
  #column3 #detailsearch.ds_layout2 .dstype_review label{
    font-size:0.8em;
  }
  #column3 #detailsearch.ds_layout2 .dstype_review label img{
    max-width:70px;
  }
}
/* カラーバリエーション
=============================== */
/* ブルー */
#detailsearch.ds_blue #ds_basic > .title,
#detailsearch.ds_blue #ds_detail > .title {
  border-bottom-color: #DEE4ED;
}
#detailsearch.ds_blue.ds_design0 #ds_basic dl > div,
#detailsearch.ds_blue.ds_design0 #ds_detail dl > div, #detailsearch.ds_blue.ds_design1 #ds_basic dl > div,
#detailsearch.ds_blue.ds_design1 #ds_detail dl > div {
  border-bottom-color: #DEE4ED;
}
#detailsearch.ds_blue.ds_design0 dl {
  border-left-color: #DEE4ED;
  border-right-color: #DEE4ED;
}
#detailsearch.ds_blue.ds_design0 dt,
#ds_result.ds_type_def.ds_blue dt,
#ds_result.ds_type_rank.ds_blue dt  {
  background-color: #F2F6F8;
}
#detailsearch.ds_blue input[type="text"],
#detailsearch.ds_blue input[type=radio] + span::before,
#detailsearch.ds_blue select {
  border-color: #C1C7CD;
}
#detailsearch.ds_blue input[type=checkbox] + span::before {
  background-color: #C1C7CD;
}
#detailsearch.ds_blue input[type="text"]:hover, #detailsearch.ds_blue input[type="text"]:focus, #detailsearch.ds_blue select:hover, #detailsearch.ds_blue select:focus, #detailsearch.ds_blue input[type=radio] + span:hover::before {
  border-color: #2A76C3;
}
#detailsearch.ds_blue input[type=radio] + span:hover, #detailsearch.ds_blue input[type=radio]:checked + span, #detailsearch.ds_blue input[type=checkbox] + span:hover, #detailsearch.ds_blue input[type=checkbox]:checked + span, #detailsearch.ds_blue #ds_open_label, #detailsearch.ds_blue #ds_close_label {
  color: #2A76C3;
}
#detailsearch.ds_blue input[type=radio]:checked + span::before, #detailsearch.ds_blue input[type=checkbox] + span:hover::before, #detailsearch.ds_blue input[type=checkbox]:checked + span::before, #detailsearch.ds_blue .ds_submit button, #detailsearch.ds_blue #ds_open_label::before, #detailsearch.ds_blue #ds_open_label::after, #detailsearch.ds_blue #ds_close_label::before, #detailsearch.ds_blue #ds_close_label::after {
  background-color: #2A76C3;
}
#detailsearch.ds_blue.ds_btn1 button {
  background-image: linear-gradient(to right, #41D3E6, #2685F5, #41D3E6);
}
#detailsearch.ds_blue.ds_btn2 button:hover, #detailsearch.ds_blue.ds_btn3 button:hover {
  background-color: #328ae4;
}
#ds_result.ds_blue .ds_buttons .ds_official > a{
/* bg */
}
#ds_result.ds_blue .ds_buttons .ds_detail > a{
  background-color: #2A76C3;
}
/* グリーン */
#detailsearch.ds_green #ds_basic > .title,
#detailsearch.ds_green #ds_detail > .title {
  border-bottom-color: #DCE6DE;
}
#detailsearch.ds_green.ds_design0 #ds_basic dl > div,
#detailsearch.ds_green.ds_design0 #ds_detail dl > div, #detailsearch.ds_green.ds_design1 #ds_basic dl > div,
#detailsearch.ds_green.ds_design1 #ds_detail dl > div {
  border-bottom-color: #DCE6DE;
}
#detailsearch.ds_green.ds_design0 dl {
  border-left-color: #DCE6DE;
  border-right-color: #DCE6DE;
}
#detailsearch.ds_green.ds_design0 dt,
#ds_result.ds_type_def.ds_green dt,
#ds_result.ds_type_rank.ds_green dt {
  background-color: #F4F7F2;
}
#detailsearch.ds_green input[type="text"],
#detailsearch.ds_green input[type=radio] + span::before,
#detailsearch.ds_green select {
  border-color: #BFC6C2;
}
#detailsearch.ds_green input[type=checkbox] + span::before {
  background-color: #BFC6C2;
}
#detailsearch.ds_green input[type="text"]:hover, #detailsearch.ds_green input[type="text"]:focus, #detailsearch.ds_green select:hover, #detailsearch.ds_green select:focus, #detailsearch.ds_green input[type=radio] + span:hover::before {
  border-color: #409A5A;
}
#detailsearch.ds_green input[type=radio] + span:hover, #detailsearch.ds_green input[type=radio]:checked + span, #detailsearch.ds_green input[type=checkbox] + span:hover, #detailsearch.ds_green input[type=checkbox]:checked + span, #detailsearch.ds_green #ds_open_label, #detailsearch.ds_green #ds_close_label {
  color: #409A5A;
}
#detailsearch.ds_green input[type=radio]:checked + span::before, #detailsearch.ds_green input[type=checkbox] + span:hover::before, #detailsearch.ds_green input[type=checkbox]:checked + span::before, #detailsearch.ds_green .ds_submit button, #detailsearch.ds_green #ds_open_label::before, #detailsearch.ds_green #ds_open_label::after, #detailsearch.ds_green #ds_close_label::before, #detailsearch.ds_green #ds_close_label::after {
  background-color: #409A5A;
}
#detailsearch.ds_green.ds_btn1 button {
  background-image: linear-gradient(to right, #ADDE28, #29AA4F, #ADDE28);
}
#detailsearch.ds_green.ds_btn2 button:hover, #detailsearch.ds_green.ds_btn3 button:hover {
  background-color: #41b262;
}
#ds_result.ds_green .ds_buttons .ds_official > a{
/* bg */
}
#ds_result.ds_green .ds_buttons .ds_detail > a{
  background-color: #409A5A;
}
/* オレンジ */
#detailsearch.ds_orange #ds_basic > .title,
#detailsearch.ds_orange #ds_detail > .title {
  border-bottom-color: #E8E6DC;
}
#detailsearch.ds_orange.ds_design0 #ds_basic dl > div,
#detailsearch.ds_orange.ds_design0 #ds_detail dl > div, #detailsearch.ds_orange.ds_design1 #ds_basic dl > div,
#detailsearch.ds_orange.ds_design1 #ds_detail dl > div {
  border-bottom-color: #E8E6DC;
}
#detailsearch.ds_orange.ds_design0 dl {
  border-left-color: #E8E6DC;
  border-right-color: #E8E6DC;
}
#detailsearch.ds_orange.ds_design0 dt,
#ds_result.ds_type_def.ds_orange dt,
#ds_result.ds_type_rank.ds_orange dt {
  background-color: #F8F7EC;
}
#detailsearch.ds_orange input[type="text"],
#detailsearch.ds_orange input[type=radio] + span::before,
#detailsearch.ds_orange select {
  border-color: #C7C5BD;
}
#detailsearch.ds_orange input[type=checkbox] + span::before {
  background-color: #C7C5BD;
}
#detailsearch.ds_orange input[type="text"]:hover, #detailsearch.ds_orange input[type="text"]:focus, #detailsearch.ds_orange select:hover, #detailsearch.ds_orange select:focus, #detailsearch.ds_orange input[type=radio] + span:hover::before {
  border-color: #F59C2E;
}
#detailsearch.ds_orange input[type=radio] + span:hover, #detailsearch.ds_orange input[type=radio]:checked + span, #detailsearch.ds_orange input[type=checkbox] + span:hover, #detailsearch.ds_orange input[type=checkbox]:checked + span, #detailsearch.ds_orange #ds_open_label, #detailsearch.ds_orange #ds_close_label {
  color: #F59C2E;
}
#detailsearch.ds_orange input[type=radio]:checked + span::before, #detailsearch.ds_orange input[type=checkbox] + span:hover::before, #detailsearch.ds_orange input[type=checkbox]:checked + span::before, #detailsearch.ds_orange .ds_submit button, #detailsearch.ds_orange #ds_open_label::before, #detailsearch.ds_orange #ds_open_label::after, #detailsearch.ds_orange #ds_close_label::before, #detailsearch.ds_orange #ds_close_label::after {
  background-color: #F59C2E;
}
#detailsearch.ds_orange.ds_btn1 button {
  background-image: linear-gradient(to right, #FFC914, #FD8359, #FFC914);
}
#detailsearch.ds_orange.ds_btn2 button:hover, #detailsearch.ds_orange.ds_btn3 button:hover {
  background-color: #ffaf4d;
}
#ds_result.ds_orange .ds_buttons .ds_official > a{
  background-color: #2A76C3;
}
#ds_result.ds_orange .ds_buttons .ds_detail > a{
  background-color: #F59C2E;
}
/* ブラック */
#detailsearch.ds_black #ds_basic > .title,
#detailsearch.ds_black #ds_detail > .title {
  border-bottom-color: #E5E5E5;
}
#detailsearch.ds_black.ds_design0 #ds_basic dl > div,
#detailsearch.ds_black.ds_design0 #ds_detail dl > div, #detailsearch.ds_black.ds_design1 #ds_basic dl > div,
#detailsearch.ds_black.ds_design1 #ds_detail dl > div {
  border-bottom-color: #E5E5E5;
}
#detailsearch.ds_black.ds_design0 dl {
  border-left-color: #E5E5E5;
  border-right-color: #E5E5E5;
}
#detailsearch.ds_black.ds_design0 dt,
#ds_result.ds_type_def.ds_black dt,
#ds_result.ds_type_rank.ds_black dt {
  background-color: #F4F4F4;
}
#detailsearch.ds_black input[type="text"],
#detailsearch.ds_black input[type=radio] + span::before,
#detailsearch.ds_black select {
  border-color: #C4C6C9;
}
#detailsearch.ds_black input[type=checkbox] + span::before {
  background-color: #C4C6C9;
}
#detailsearch.ds_black input[type="text"]:hover, #detailsearch.ds_black input[type="text"]:focus, #detailsearch.ds_black select:hover, #detailsearch.ds_black select:focus, #detailsearch.ds_black input[type=radio] + span:hover::before {
  border-color: #171717;
}
#detailsearch.ds_black input[type=radio] + span:hover, #detailsearch.ds_black input[type=radio]:checked + span, #detailsearch.ds_black input[type=checkbox] + span:hover, #detailsearch.ds_black input[type=checkbox]:checked + span, #detailsearch.ds_black #ds_open_label, #detailsearch.ds_black #ds_close_label {
  color: #171717;
}
#detailsearch.ds_black input[type=radio]:checked + span::before, #detailsearch.ds_black input[type=checkbox] + span:hover::before, #detailsearch.ds_black input[type=checkbox]:checked + span::before, #detailsearch.ds_black .ds_submit button, #detailsearch.ds_black #ds_open_label::before, #detailsearch.ds_black #ds_open_label::after, #detailsearch.ds_black #ds_close_label::before, #detailsearch.ds_black #ds_close_label::after {
  background-color: #171717;
}
#detailsearch.ds_black.ds_btn1 button {
  background-image: linear-gradient(to right, #646572, #171717, #646572);
}
#detailsearch.ds_black.ds_btn2 button:hover, #detailsearch.ds_black.ds_btn3 button:hover {
  background-color: #707070;
}
#detailsearch.ds_black.ds_btn2 button {
  background-color: #525252;
}
#ds_result.ds_black .ds_buttons .ds_official > a{
/* bg */
}
#ds_result.ds_black .ds_buttons .ds_detail > a{
  background-color: #525252;
}
/* ピンク */
#detailsearch.ds_pink #ds_basic > .title,
#detailsearch.ds_pink #ds_detail > .title {
  border-bottom-color: #EFE2E6;
}
#detailsearch.ds_pink.ds_design0 #ds_basic dl > div,
#detailsearch.ds_pink.ds_design0 #ds_detail dl > div, #detailsearch.ds_pink.ds_design1 #ds_basic dl > div,
#detailsearch.ds_pink.ds_design1 #ds_detail dl > div {
  border-bottom-color: #EFE2E6;
}
#detailsearch.ds_pink.ds_design0 dl {
  border-left-color: #EFE2E6;
  border-right-color: #EFE2E6;
}
#detailsearch.ds_pink.ds_design0 dt,
#ds_result.ds_type_def.ds_pink dt,
#ds_result.ds_type_rank.ds_pink dt {
  background-color: #FAF2F4;
}
#detailsearch.ds_pink input[type="text"],
#detailsearch.ds_pink input[type=radio] + span::before,
#detailsearch.ds_pink select {
  border-color: #C9C5C5;
}
#detailsearch.ds_pink input[type=checkbox] + span::before {
  background-color: #C9C5C5;
}
#detailsearch.ds_pink input[type="text"]:hover, #detailsearch.ds_pink input[type="text"]:focus, #detailsearch.ds_pink select:hover, #detailsearch.ds_pink select:focus, #detailsearch.ds_pink input[type=radio] + span:hover::before {
  border-color: #EA7D97;
}
#detailsearch.ds_pink input[type=radio] + span:hover, #detailsearch.ds_pink input[type=radio]:checked + span, #detailsearch.ds_pink input[type=checkbox] + span:hover, #detailsearch.ds_pink input[type=checkbox]:checked + span, #detailsearch.ds_pink #ds_open_label, #detailsearch.ds_pink #ds_close_label {
  color: #EA7D97;
}
#detailsearch.ds_pink input[type=radio]:checked + span::before, #detailsearch.ds_pink input[type=checkbox] + span:hover::before, #detailsearch.ds_pink input[type=checkbox]:checked + span::before, #detailsearch.ds_pink .ds_submit button, #detailsearch.ds_pink #ds_open_label::before, #detailsearch.ds_pink #ds_open_label::after, #detailsearch.ds_pink #ds_close_label::before, #detailsearch.ds_pink #ds_close_label::after {
  background-color: #EA7D97;
}
#detailsearch.ds_pink.ds_btn1 button {
  background-image: linear-gradient(to right, #FFB1AA, #FF6FA1, #FFB1AA);
}
#detailsearch.ds_pink.ds_btn2 button:hover, #detailsearch.ds_pink.ds_btn3 button:hover {
  background-color: #fb95ad;
}
#ds_result.ds_pink .ds_buttons .ds_official > a{
/* bg */
}
#ds_result.ds_pink .ds_buttons .ds_detail > a{
  background-color: #EA7D97;
}
/* シアン */
#detailsearch.ds_cyan #ds_basic > .title,
#detailsearch.ds_cyan #ds_detail > .title {
  border-bottom-color: #DCEAE8;
}
#detailsearch.ds_cyan.ds_design0 #ds_basic dl > div,
#detailsearch.ds_cyan.ds_design0 #ds_detail dl > div, #detailsearch.ds_cyan.ds_design1 #ds_basic dl > div,
#detailsearch.ds_cyan.ds_design1 #ds_detail dl > div {
  border-bottom-color: #DCEAE8;
}
#detailsearch.ds_cyan.ds_design0 dl {
  border-left-color: #DCEAE8;
  border-right-color: #DCEAE8;
}
#detailsearch.ds_cyan.ds_design0 dt,
#ds_result.ds_type_def.ds_cyan dt,
#ds_result.ds_type_rank.ds_cyan dt {
  background-color: #F2F8F8;
}
#detailsearch.ds_cyan input[type="text"],
#detailsearch.ds_cyan input[type=radio] + span::before,
#detailsearch.ds_cyan select {
  border-color: #C8CCCA;
}
#detailsearch.ds_cyan input[type=checkbox] + span::before {
  background-color: #C8CCCA;
}
#detailsearch.ds_cyan input[type="text"]:hover, #detailsearch.ds_cyan input[type="text"]:focus, #detailsearch.ds_cyan select:hover, #detailsearch.ds_cyan select:focus, #detailsearch.ds_cyan input[type=radio] + span:hover::before {
  border-color: #36A09C;
}
#detailsearch.ds_cyan input[type=radio] + span:hover, #detailsearch.ds_cyan input[type=radio]:checked + span, #detailsearch.ds_cyan input[type=checkbox] + span:hover, #detailsearch.ds_cyan input[type=checkbox]:checked + span, #detailsearch.ds_cyan #ds_open_label, #detailsearch.ds_cyan #ds_close_label {
  color: #36A09C;
}
#detailsearch.ds_cyan input[type=radio]:checked + span::before, #detailsearch.ds_cyan input[type=checkbox] + span:hover::before, #detailsearch.ds_cyan input[type=checkbox]:checked + span::before, #detailsearch.ds_cyan .ds_submit button, #detailsearch.ds_cyan #ds_open_label::before, #detailsearch.ds_cyan #ds_open_label::after, #detailsearch.ds_cyan #ds_close_label::before, #detailsearch.ds_cyan #ds_close_label::after {
  background-color: #36A09C;
}
#detailsearch.ds_cyan.ds_btn1 button {
  background-image: linear-gradient(to right, #73E0C2, #0AB0BE, #73E0C2);
}
#detailsearch.ds_cyan.ds_btn2 button:hover, #detailsearch.ds_cyan.ds_btn3 button:hover {
  background-color: #36b9b4;
}
#ds_result.ds_cyan .ds_buttons .ds_official > a{
/* bg */
}
#ds_result.ds_cyan .ds_buttons .ds_detail > a{
  background-color: #36A09C;
}
/* 調整 */
#ds_result.ds_col2.ds_type_def .ds_item .ds_thumb,
#ds_result.ds_col3.ds_type_def .ds_item .ds_thumb {
    width: 100%;
    float: none;
    margin: 0 auto 15px;
    text-align: center;
}

#column2 #ds_result.ds_col2.ds_type_def .ds_item .ds_thumb,
#column3 #ds_result.ds_col2.ds_type_def .ds_item .ds_thumb{
    max-width:100%;
}

#ds_result.ds_col3.ds_type_def .ds_item .ds_pickup_wrapper {
  clear: both;
}

@media screen and (min-width: 768px) {
  #detailsearch.ds_layout2 dd {
    display: flex;
    align-items: center;
  }

  #ds_result.ds_col2 .ds_pickup_wrapper,
  #ds_result.ds_col3 .ds_pickup_wrapper {
    clear: both;
  }
}

/* フリースペース */
#ds_freespace1{
  margin-bottom:16px;
  overflow:hidden;
}
#ds_freespace2{
  margin:16px 0;
  overflow:hidden;
}
#ds_freespace1 img,
#ds_freespace2 img{
  max-width:100%;
}
#ds_freespace1::after,
#ds_freespace2::after{
  content:"";
  display:block;
  clear:both;
  height:1px;
}
/* Fix1.070 */
.ds_resultinfo .ds_sort .select{
  overflow:hidden;
}