@charset "utf-8";
/*--  メディアミックストップ  --*/
#mix-media .ttl-sub { margin:24px 0 16px; font-size: 1.5rem; }
.media_mix_theme_all { overflow: hidden; margin: 0px 0 10px; }
.media_mix_theme_all li { float: left; margin-bottom: 24px; }
.media_mix_theme_all li+li { margin-left: 62px;}
.media_mix_theme_all li:nth-of-type(4) { margin-left: 0;}
.media_mix_theme_all li:nth-of-type(7) { margin-left: 0;}
.mix-media-dai,.mix-media-sen { margin-bottom: 80px; }
.media_mix_theme { padding: 10px 10px 10px 46px; margin-bottom: 20px; font-size: 16px; color: #fff;}
#theme01-dai { background: #ad7e61 url(/common_img/22P/media_mix/scl_dai/PC/dai_icon1.png) no-repeat 10px center; background-size: 24px; }
#theme02-dai { background: #e2765d url(/common_img/22P/media_mix/scl_dai/PC/dai_icon2.png) no-repeat 10px center; background-size: 28px; }
#theme03-dai { background: #35ad62 url(/common_img/22P/media_mix/scl_dai/PC/dai_icon3.png) no-repeat 10px center; background-size: 22px; }
#theme04-dai { background: #a5cf4c url(/common_img/22P/media_mix/scl_dai/PC/dai_icon4.png) no-repeat 10px center; background-size: 28px; }
#theme05-dai { background: #f8bc33 url(/common_img/22P/media_mix/scl_dai/PC/dai_icon5.png) no-repeat 10px center; background-size: 28px; }
#theme06-dai { background: #f19eb4 url(/common_img/22P/media_mix/scl_dai/PC/dai_icon6.png) no-repeat 10px center; background-size: 24px; }
#theme07-dai { background: #47c2f4 url(/common_img/22P/media_mix/scl_dai/PC/dai_icon1.png) no-repeat 10px center; background-size: 24px; }
#theme01-sen { background: #339ac7 url(/common_img/22P/media_mix/scl_sen/PC/sen_icon1.png) no-repeat 10px center; background-size: 24px; }
#theme02-sen { background: #f08a84 url(/common_img/22P/media_mix/scl_sen/PC/sen_icon2.png) no-repeat 10px center; background-size: 28px; }
#theme03-sen { background: #a5a2ce url(/common_img/22P/media_mix/scl_sen/PC/sen_icon3.png) no-repeat 10px center; background-size: 22px; }
#theme04-sen { background: #c9acd1 url(/common_img/22P/media_mix/scl_sen/PC/sen_icon4.png) no-repeat 10px center; background-size: 28px; }
#theme05-sen { background: #edc97b url(/common_img/22P/media_mix/scl_sen/PC/sen_icon5.png) no-repeat 10px center; background-size: 28px; }
#theme06-sen { background: #92c8cd url(/common_img/22P/media_mix/scl_sen/PC/sen_icon6.png) no-repeat 10px center; background-size: 24px; }
.media_mix_theme_box { 
  display: flex;
  margin-bottom: 20px;
  flex-direction: row;
}
.media_mix_theme_box figure {
  display: block;
  margin: 0;
  vertical-align: top;
  padding: 10px 20px;
}
.media_mix_theme_box ul { 
  width: 100%;
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  padding: 10px 20px;
}
.media_mix_theme_box ul li {
  position: relative;
  flex-basis: 45%;
  max-width: 45%;
  padding-left: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 16px;
}
.media_mix_theme_box ul li:nth-of-type(2n) { margin-left: 20px; }
.media_mix_theme_box ul li:before { 
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 8px solid #F1881A;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 5px;
  left: 0px;
}
/*--  メディアミックリスト media_mix/list　--*/
#mix-media .block_search_sortarea.type02 { margin-top: 30px; }
#mix-media .block_search_sortarea.type02 .block_search_criteria table td li:after { margin-left: 10px;}
#mix-media .block_search_sortarea.type02 .block_search_criteria table td li a { margin: 0;}
#mix-media .block_search_sortarea.type02 .block_search_criteria {
  background-color: #fff;
  margin-left: 0;
  position: relative;
  min-height: auto;
}
#mix-media .feature-specific-theme,#mix-media .feature-specific-theme li { font-size:15px; }
#mix-media .bloc-blue {
  padding: 10px;
  background-color: #CDE6F5 !important;
  position: relative;
  min-height: 70px;
  border:5px solid #2D77C2 !important;
}
.block_search_sortarea.type02 .block_search_criteria table td select {
  vertical-align: middle;
  font-size: 14px;
  margin-top: 10px;
}
#search_result_list .block_list_action { position: relative; overflow: hidden; }
#search_result_list .block_list_action:first-child {
  height: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
#search_result_list .block_list_action .block_left {
  float: left;
  display: table-cell;
  padding-right: 10px;
  vertical-align: middle;
}
#search_result_list .block_list_action .block_right {
  float: right;
  display: table-cell;
  vertical-align: bottom;
  width: 380px;
}
#search_result_list .block_list_action .btn_seikyu {
  width: 288px;
  padding: 10px 0;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(to bottom, #ffa966 0%,#f29240 25%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa966', endColorstr='#f29240',GradientType=0 );
  color: #FFFFFF;
  text-shadow: 0px 1px 0px #CA7625;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 0px #AA6222;
  margin: 0 0 0 auto;
  font-size: 16px;
  text-align: center;
}
#search_result_list .block_list_action:last-child { margin-bottom: 30px; height: 100px;}
#search_result_list .block_list_action:last-child .block_right { width: 100%; }
#search_result_list .block_list_action:last-child .pager_num {text-align: right;margin-top: 0px;}
#search_result_list .block_list_action:last-child .btn_seikyu { position: absolute; bottom: 0px; left: 350px; }
#search_result_list .block_list_action .btn_seikyu a { color: #fff; display: block;}
#search_result_list .block_list_action .btn_seikyu a:hover { text-decoration: none; }
#search_result_list .block_list_action .pager_num {text-align: right;}
#search_result_list .list_inner.bg_blue {background: #2D77C2;}
#mix-media #search_result_list .list_box .data_area { border:none; }
.page_title { color: #2D77C2; }
/* 検索結果 */
#search_result_list ul.media_mix-list {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0px;
}
#search_result_list ul.media_mix-list > li { 
  width: 33%;
  box-sizing: border-box;
  padding: 14px 24px 20px;
  font-size: 14px;
  position: relative;
  height: 610px;
  border-right: 2px solid #2D77C2;
  margin-bottom:40px;
}
ul.media_mix-list > li:nth-of-type(3n) { border-right: none;　margin-right: 0; }
ul.media_mix-list .text_area { min-height: 460px; }
/* 内容 */
ul.media_mix-list .scl_photo { text-align: center; overflow: hidden; margin-bottom: 12px; }
ul.media_mix-list .scl_photo img { width: 60%; }
ul.media_mix-list .scl_copy { font-weight: bold; margin-bottom: 12px; color: #2d77c2; height: 4.5em; font-size: 14px;}
ul.media_mix-list .scl_name { border:1px solid #ccc; padding: 8px; margin-top: 10px; width: 100%; font-size: 14px;}
ul.media_mix-list .scl_name span.scl-kind { display: block; font-size: 12px;}

ul.media_mix-list .list_box .check_area {
  width: auto;
  text-align: left;
  background: #fff;
  position: relative;
  vertical-align: bottom;
}
ul.media_mix-list .area-check { margin: 10px 0 0; position: relative; /* height: 66px; */ background: #fff;}
ul.media_mix-list .area-check input[type="radio"], #mix-media .area-check input[type="checkbox"] {
  vertical-align: middle;
  position: relative;
  top: 8px;  
}
ul.media_mix-list .area-check img { margin-left: 28px; }
ul.media_mix-list .area-check input[type="checkbox"] {
  display: inline-block;
  padding: 0 10px 0 22px;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-tap-highlight-color: transparent;
}
ul.media_mix-list input[type="checkbox"]::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0px;
  top: 0px;
  z-index: 1;
  background: #fff;
  border: 1px solid #999999;
  border-radius: 2px;
}
ul.media_mix-list .area-check input[type="checkbox"]:checked::before {
  background: #2D77C2;
  border: 2px solid #2D77C2;
}
ul.media_mix-list .area-check input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 5px;
  height: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  z-index: 2;
}
.delrequest_cart {width: 200px;}
.bottom_area {position: absolute;bottom: 0;width: 256px;}
.media_mix-list .list_box .scl_tx {height: 220px;overflow: hidden;}
.media_mix-list .list_box .bottom_area {height: 110px;}