@charset "utf-8";

#subcolumn .loginBlock .cvBtn01 a span.cvBtnTxt01 {
  font-size:0.9em;
}
#subcolumn .loginBlock .cvBtn01 a span.cvBtnTxt02 {
  font-size:1.2em;
}

#searchMenu {
}
#searchMenu h3 {
  color:#fff;
  background-color:#4c5866;
  font-size:1.4em;
  line-height:1;
  padding:0.3em 0.5em;
  margin-bottom:0.5em;
}
#searchMenu #choice {
}
#searchMenu #choice ul {
  margin-bottom:2em;
}
#searchMenu #choice li {
  margin-bottom:0.5em;
  border:3px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#searchMenu #choice li a {
  display:block;
  text-align:center;
  color:#333;
  padding:0.5em 0.2em;
}
#searchMenu #choice li a:hover {
  text-decoration:none;
  opacity: 0.8;
  background-color:#f5f5f5;
}
#searchMenu #choice li a span {
  font-size:1.3em;
}

#searchMenu .searchMenuBox {
  border:3px solid #85898e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom:0.7em;
}
#searchMenu .searchMenuBox h4 {
  background-color:#85898e;
  color:#fff;
  font-weight:bold;
  padding:0.2em 0.4em;
  margin-bottom:0.5em;
}
#searchMenu .searchMenuBox h5 {
  background-color:#85898e;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:0.9em;
  padding:0.1em 0.2em;
  margin: 1em 10px 0.5em;
}

#searchMenu .searchMenuBox #costTxt {
  padding:0 10px;
  margin-bottom:0.5em;
}
#searchMenu .searchMenuBox #costTxt p {
  font-size:0.9em;
  font-weight:bold;
  display:inline;
  background:linear-gradient(transparent 60%, #fed6dd 60%);
}
#searchMenu .searchMenuBox #costTxt p span {
  font-size:0.8em;
}

#searchMenu .searchMenuBox #priceSelect {
  text-align:center;
  margin-bottom:1em;
}
#searchMenu .searchMenuBox #priceSelect select {
  padding:0.2em;
}

#searchMenu .searchMenuBox .searchList01,
#searchMenu .searchMenuBox .searchList02 {
  padding:0 5px;
  margin-bottom:0.5em;
  font-size:0.9em;
}
#searchMenu .searchMenuBox .searchList01 label,
#searchMenu .searchMenuBox .searchList02 label {
  cursor:pointer;
}
#searchMenu .searchMenuBox .searchList01 input:checked + label,
#searchMenu .searchMenuBox .searchList02 input:checked + label {
  font-weight:bold;
}
#searchMenu .searchMenuBox .searchList01 {
}
#searchMenu .searchMenuBox .searchList01 li,
#searchMenu .searchMenuBox .searchList02 li {
  position:relative;
}
#searchMenu .searchMenuBox .searchList01 li input,
#searchMenu .searchMenuBox .searchList02 li input {
  position: absolute;
  top: 0;
  opacity: 0;
}
#searchMenu .searchMenuBox .searchList01 li input[type="checkbox"] + label,
#searchMenu .searchMenuBox .searchList02 li input[type="checkbox"] + label {
  display:block;
  background-image: url("../img/checkbox-unchecked.png");
  background-size: 15px;
  background-position: left 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
}
#searchMenu .searchMenuBox .searchList01 li input[type="checkbox"]:checked + label,
#searchMenu .searchMenuBox .searchList02 li input[type="checkbox"]:checked + label {
  background-image: url("../img/checkbox-checked.png");
}

#searchMenu .searchMenuBox .searchList02 {
  display:flex;
  flex-wrap:wrap;
}
#searchMenu .searchMenuBox .searchList02 li {
  width:50%;
}
#searchMenu .searchMenuBox .searchList02 li.other {
  width:100%;
}

#searchMenu .searchBtn,
#searchMenu .clearBtn {
  margin-bottom:0.7em;
}
#searchMenu .searchBtn a,
#searchMenu .clearBtn a {
  line-height:1;
  display:block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding:0.9em 0.2em 0.8em;
  text-align:center;
  text-decoration:none;
}
#searchMenu .searchBtn a {
  background-color:#e00025;
  color:#fff;
  font-size:1.5em;
}
#searchMenu .searchBtn a:hover {
  opacity: 0.8;
}
#searchMenu .clearBtn a {
  border:solid 3px #e00025;
  color:#e00025;
  font-size:1.1em;
}
#searchMenu .clearBtn a:hover {
  opacity: 0.8;
  background-color:#fff6ff;
}

#brandInput {
  margin-bottom:0.5em;
  position:relative;
}
#brandInput input {
  width:100%;
  border:3px solid #85898e;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding:0.5em 1.5em 0.5em 0.5em;
}
#brandInput #submitBtn {
  border:none;
  width: 36px;
  height: 26px;
  background: url(/shared/images/btn_search.png) no-repeat 0 0;
  background-size: 30px 26px;
  cursor:pointer;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  position:absolute;
  right:0;
  top:4px;
}


/* 株主優待検索 一覧ページ */
#searchHead {
  margin-bottom:1.5em;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
#searchHead #result {
  line-height:1;
}
#searchHead #result span {
  font-size:2em;
  font-weight:bold;
  margin-right:7px;
  color:#e00025;
}

#searchHead > dl {
  display:flex;
  line-height:1.8;
}
#searchHead > dl dt {
  margin-right:10px;
}
#searchHead > dl dd {
  margin-right:30px;
}
#searchHead > dl dd:last-child {
  margin-right:0;
}
#searchHead > dl dd select {
  padding:0.2em 0.5em 0.4em;
}

#searchHead #conditions {
  width:100%;
  background-color:#f5f5f5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top:1em;
  padding:1em 1.5em;
  position:relative;
}
#searchHead #conditions dl {
}
#searchHead #conditions dl dt {
  font-weight:bold;
  margin-bottom:0.3em;
}
#searchHead #conditions dl dd {
  background:url("../img/checkmark.png") 0 3px no-repeat;
  background-size:16px auto;
  padding-left:18px;
}
#searchHead #conditions #conditionsClear {
  position:absolute;
  right:1.5em;
  top:0.5em;
  font-size:0.9em;
}
#searchHead #conditions #conditionsClear a {
  color:#00a0e9;
}
#searchHead #conditions #conditionsClear a::after {
  content: " ×";
}


.itemBox {
  border:solid 3px #f5f5f5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom:1.5em;
  display:flex;
  justify-content: space-between;
}
.itemBox .itemImg {
  width:215px;
  height:215px;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left:30px;
  margin:30px 0;
}
.itemBox .itemImg img {
  width:auto;
  height:auto;
  max-width: 215px;
  max-height: 215px;
}
.itemBox .itemInfo {
  width:390px;
  margin:30px 0;
}
.itemBox .itemInfo p {
  font-size:0.8em;
}
.itemBox .itemInfo h2 {
  font-size:1.5em;
  padding-bottom:0.3em;
  margin-bottom:0.8em;
  border-bottom:solid 1px #ccc;
}
.itemBox .itemInfo h2 a {
  color:#45afeb;
  font-weight:bold;
}
.itemBox .itemInfo dl {
  display:flex;
  flex-wrap:wrap;
  line-height:2;
}
.itemBox .itemInfo dl dt {
  width:50%;
}
.itemBox .itemInfo dl dt::after {
  content: "：";
}
.itemBox .itemInfo dl dd {
  width:50%;
}
.itemBox .itemCost {
  width:290px;
  background-color:#f5f5f5;
  padding:30px 0;
  text-align:center;
}
.itemBox .itemCost h3 {
  font-size:2em;
  font-weight:bold;
  color:#e00025;
}
.itemBox .itemCost ul {
  line-height:2;
  margin-bottom:2em;
}
.itemBox .itemCost .buyBtn {
  width:150px;
  margin:0 auto;
}
.itemBox .itemCost .buyBtn a {
  display:block;
  background-color:#52b8c7;
  color:#fff;
  padding:0.5em 0;
  font-size:1.2em;
  text-decoration:none;
}
.itemBox .itemCost .buyBtn a:hover {
  opacity: 0.8;
}

.page {
  display:flex;
  justify-content:center;
  margin-top:2em;
  margin-bottom:2em;
}
.page li {
  margin:0 10px;
  text-align:center;
}
.page li a {
  display:block;
  color:#333;
}
.page li.active {
  margin:0 5px;
}
.page li.active a {
  color:#fff;
  background: #e60012;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

.page li.prev,
.page li.next,
.page li.first,
.page li.last {
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:auto 25px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.page li.prev a,
.page li.next a,
.page li.first a,
.page li.last a {
  display: block;
  width: 22px;
  height: 25px;
}
.page li.prev:hover,
.page li.next:hover,
.page li.first:hover,
.page li.last:hover {
  opacity: 0.7;
}

.page li#prev {
  margin-right:20px;
  background-image:url("../img/backward2.png");
}
.page li#next {
  margin-left:20px;
  background-image:url("../img/forward3.png");
}
.page li.first {
  background-image:url("../img/previous2.png");
}
.page li.last {
  background-image:url("../img/next2.png");
}






/* 株主優待検索 個別ページ */

.itemDetail {
  margin-bottom:5em;
  display:flex;
  justify-content: space-between;
}
.itemDetail .itemImg {
  width:320px;
  height:320px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
}
.itemDetail .itemImg img {
  max-width: 100%;
  max-height: 100%;
}
.itemDetail .itemInfo {
  width:640px;
}
.itemDetail .itemInfo p {
  font-size:0.8em;
}
.itemDetail .itemInfo h2 {
  font-size:1.5em;
  padding-bottom:0.3em;
  margin-bottom:0.8em;
  border-bottom:solid 1px #ccc;
}
.itemDetail .itemInfo h2 span {
  font-weight:bold;
}
.itemDetail .itemInfo dl {
  display:flex;
  flex-wrap:wrap;
  line-height:2;
  margin-bottom:2em;
}
.itemDetail .itemInfo dl dt {
  width:30%;
}
.itemDetail .itemInfo dl dt::after {
  content: "：";
}
.itemDetail .itemInfo dl dd {
  width:70%;
}
.itemDetail .itemCost {
  background-color:#f5f5f5;
  padding:30px 0;
  text-align:center;
}
.itemDetail .itemCost h3 {
  font-size:2em;
  font-weight:bold;
  color:#e00025;
}
.itemDetail .itemCost ul {
  line-height:2;
  margin-bottom:2em;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.itemDetail .itemCost ul li {
  margin:0 1em;
}
.itemDetail .itemCost .buyBtn {
  width:250px;
  margin:0 auto;
}
.itemDetail .itemCost .buyBtn a {
  display:block;
  background-color:#52b8c7;
  color:#fff;
  padding:0.5em 0;
  font-size:1.2em;
  text-decoration:none;
}
.itemDetail .itemCost .buyBtn a:hover {
  opacity: 0.8;
}

.itemTable {
  margin-bottom:5em;
}
.itemTable .itemTableInner > table {
  width:100%;
  margin-bottom:1em;
}
.itemTable th,
.itemTable td {
  padding:0.8em 10px;
}
.itemTable th {
  background-color:#85898e;
  font-weight: bold;
  color: #ffffff;
  text-align:center;
}
.itemTable tr th:last-child {
  width:40%;
}
.itemTable td {
  font-size:0.9em;
}
.itemTable td table {
  width:100%;
}
.itemTable td td.detail {
  font-weight: bold;
  background-color: #f4f4f4;
  color: #333333;
}
.itemTable td td.stock {
  white-space:nowrap;
}
.itemTable td.contents {
  width:25%;
  font-weight: bold;
  background-color: #f4f4f4;
  color: #333333;
}
.itemTable td.contents .content-month {
  font-weight: bold;
  margin-bottom: -10px;
  padding-bottom: 0;
}

@media screen and (max-width: 1050px){

  .itemTable .itemTableInner > table {
    content:"";
    clear: both;
    border: none;
  }
  .itemTable .itemTableInner {
    overflow-x: auto;
    -webkit-overflow-scrolling : touch;
  }
  .itemTable .itemTableInner > table {
    width: 800px !important;
  }
  .itemTable .itemTableInner > table:after {
    content: "右にスクロールします→";
    font-size: 10px;
    line-height: 3;
    color: #999;
    position:absolute;
  }
  .itemTable .itemTableInner > table{
    overflow-x: auto;
  }

}


.swiper-pagination {
  position:relative;
  bottom:0;
  margin-top:2em;
}
.swiper-pagination .swiper-pagination-bullet {
  width:13px;
  height:13px;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color:#e00025;
}



.swiper-slide {
  background-color:#f5f5f5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.swiper-slide a {
  display:block;
  color:#333;
  padding:10px 15px 20px;
  text-decoration:none;
}
.swiper-slide h3 {
  font-weight:bold;
  font-size:1.2em;
}
.swiper-slide h3 span {
  font-weight:normal;
  font-size:0.8em;
}
.swiper-slide .yutai,
.swiper-slide .cost,
.swiper-slide .date {
  font-size:0.8em;
}
.swiper-slide .yutai {
  margin-bottom:1em;
}
.swiper-slide .cost span {
  font-size:1.4em;
  color:#e60012;
  font-weight:bold;
}

.swiper-slide .itemImg {
  width:190px;
  height:190px;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  margin:0.5em auto;
}
.swiper-slide .itemImg img {
  max-width: 100%;
  max-height: 100%;
}


.slider3 {
  background-color:#f5f5f5;
  padding:0 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.slider3 .swiper-slide {
  height:auto;
  display:flex;
}
.slider3 .swiper-slide img {
  margin:auto;
}


@media screen and (max-width: 1345px){

  .itemBox .itemImg {
    width:150px;
    height:150px;
    padding-left:15px;
    margin:15px 0;
  }
  .itemBox .itemImg img {
    max-width: 150px;
    max-height: 150px;
  }
  .itemBox .itemInfo {
    width:330px;
    margin:15px;
  }
  .itemBox .itemInfo dl {
    font-size:0.8em;
  }
  .itemBox .itemCost {
    width:270px;
    padding:15px 0;
    font-size:0.8em;
  }
  .itemBox .itemCost h3 {
    font-size:1.6em;
  }

  .itemDetail {
    display:block;
  }
  .itemDetail .itemImg {
    margin:0 auto;
  }
  .itemDetail .itemInfo {
    width:100%;
  }
}

@media screen and (max-width: 1050px){
}
@media screen and (max-width: 768px){
}

/*holiday css*/

@media only screen and (max-width: 768px) {
  .section .pc {
    display: none !important;
  }
  .searchDiv02 ul li, .searchDiv01 ul li {
    width: 42% !important;
  }
  .btnSearch ul {
    width: 90% !important;
  }
}

@media only screen and (min-width: 768px) {
  .section .phone {
    display: none !important;
  }

  /* #maincolumn {
      background-color: antiquewhite;
  }
  #subcolumn {
      background-color: bisque;
  } */
  .searchDiv02 ul li, .searchDiv01 ul li {
    min-width: 225px;
    width: 18% !important;
  }
}


input:focus {
  outline: none;
}

#contents {
  margin-top: 28px;
}

.search-block {
  width: 100%;
  margin-bottom: 40px;
  box-sizing: border-box;
  display: block;
}

.search-header {
  font-weight: bold;
  margin-bottom: 0.5em;
  padding: 0.2em 0.4em;
}

.search-intro {
  padding: 0.2em 0.4em;
}

.searchDiv01 ul li {
  float: left;
  margin-bottom: 10px;
  margin-left: 20px;
  height: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.searchDiv01 ul li label{
  padding-left: 5px;
  cursor: pointer;
}

.searchDiv01 ul li label .select_all_txt {
  padding-left: 5px;
}

.searchDiv02 ul li {
  float: left;
  /*display: flex;*/
  /*align-items: center;*/
  margin-bottom: 10px;
  margin-left: 20px;
  /* padding: 5px 0 5px 10px; */
  /* height: 30px; */
  font-size: 12px;
  border: 2px solid #d3d3d3;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.searchDiv02 ul li label {
  display: flex;
  align-items: center;
  height: 40px;
  cursor: pointer;
}
.searchDiv02 ul li label .select_all_txt {
  padding-left: 5px;
}

.searchDiv02 ul li:hover {
  background-color: rgba(234,237,239,1.0);
}

.searchDiv02 ul li input {
  /* opacity: 0; */
  /*display: none;*/
}

.searchDiv01 ul li input:focus,
.searchDiv02 ul li input:focus {
  outline: auto;
}
.searchDiv01 ul li input:focus:not(:focus-visible),
.searchDiv02 ul li input:focus:not(:focus-visible) {
  outline: 0;
}

/* .searchDiv02 li input[type="checkbox"] + label {
  display:block;
  background-image:url("../img/checkbox-unchecked.png");
  background-size: 16px;
  background-position: left 3px;
  background-repeat: no-repeat;
  padding: 3px 0 0 20px;
  width: 100%;
}
.searchDiv02 li input[type="checkbox"]:checked + label {
  background-image:url("../img/checkbox-checked.png");
} */

.searchDiv02 li label input[type="checkbox"] {
  display:block;
  background-image:url("../img/checkbox-unchecked.png");
  background-size: 16px;
  background-position: left top;
  background-repeat: no-repeat;
  margin: 0 5px 0 10px;
  padding: 0;
  width: 17px;
  height: 17px;
  appearance: none;
  border: none;
  background-color: transparent;
}
.searchDiv02 li label input[type="checkbox"]:checked {
  background-image:url("../img/checkbox-checked.png");
}

#searchMenu > div {
  margin-top: 15px;
  margin-bottom: 15px;
}

#lstcompany ul li {
  height: 37px;
}

.checkboxLarge{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 0;
  margin: 0;
}


.box {
  display: inline-block;
  width: auto;
  background: #E4E5E9;
  border-radius: 4px;
  padding: 10px;
}

/*【パーツ】入力例 吹き出し*/

.inputExample {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 445px;
  box-sizing: border-box;
  left: 15px;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #A8E3CC;
  background-color: #CCFFCC;
  color: #A2A2A2;
}

.inputExample:before {
  position: absolute;
  top: 50%;
  left: -11px;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-left: 1px solid #A8E3CC;
  border-bottom: 1px solid #A8E3CC;
  background-color: #CCFFCC;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

/*【パーツ】キーワード検索*/

.textSearchArea {
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}

.textBox {
  width: 500px;
  display: table-cell;
  box-sizing: border-box;
}

.textBox ul {
  display: table;
  padding: 0;
  margin: 0;
}

.textBox li {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

.textBox li:nth-child(1) {
  width: 100%;
}

.textBox li:nth-child(2) {
  width: 100px;
}

.textBox input {
  padding: 5px;
  border: none;
  border-radius: 4px;
  width: 95%;
  box-sizing: border-box;
  height: 34px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content {
  display: none;
  overflow: hidden;
}

.btnCollapse {
  width: 22px;
  height: 22px;
  display: inline-block;
  background-color: rgba(72,81,87,1.0) !important;
  color: white;
  border: 2px solid grey;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

.btnSearch{
  text-align: center;
}
.btnSearch ul {
  width: 47%;
  display: inline-table;
}

.btnSearch li {
  max-width: 424px;
  width: 47%;
  height: 60px;
  text-align: center;
  display: inline;
}

.btnSearch.center li {
  margin: 0 auto;
}

.btnSearch li a {
  position: relative;
  display: block;
  height: 60px;
  line-height: 1.4;
  color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #454545;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none;
}

.btnSearch li a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 5%;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background-image: url(../img/search-v2.png);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  -moz-background-size: 22px 22px;
  -webkit-background-size: 22px 22px;
}

.btnSearch li a:hover {
  background-color: #ba001b;
  text-decoration: none;
}

.btnSearch li a:hover:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 5%;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background-image: url(../img/search-v2.png);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  -moz-background-size: 22px 22px;
  -webkit-background-size: 22px 22px;
}

.table_date {
  width: 15%;
  min-width: 116px;
}

.table_name {
  width: 50%;
}

.fundSearch_freeWord {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: black;
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  appearance: auto;
  background-color: white;
  background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
  -webkit-rtl-ordering: logical;
  cursor: text;
}

.err-msg {
  color: #ff0000;
  padding-bottom: 2em;
  padding-top: 2em;
}

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

  /*【パーツ】バナー画像*/

  .banner img {
    width: 100%;
  }

  /*【パーツ】キーワード検索*/

  .textBox {
    width: 100%;
    display: block;
  }

  /*【パーツ】入力例 吹き出し*/

  .inputExample {
    display: block;
    top: 15px;
    left: 0;
    width: 100%;
  }

  .inputExample:before {
    display: block;
    top: -1px;
    left: 30px;
    margin-top: -10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  /*【パーツ】条件選択ボタン*/

  .criteriaBtnArea {
    text-align: left;
  }

  .criteriaBtn {
    width: 50%;
  }

  .criteriaBtn label:hover {
    opacity: 1;
  }

  /*【パーツ】検索リンクボタン*/

  .linkBtn {
    width: 100%;
  }

  .linkBtn li {
    width: 100%;
  }

  /*【パーツ】比率選択ボタン*/

  .ratioBtnArea {
    display: inline-block;
    width: 100%;
  }

  .ratioBtnArea ul li:nth-child(1) {
    width: 50px;
  }

  /*【パーツ】フロートコンテンツ*/

  .floatContents span {
    font-size: 13px;
  }

  .loupe:before {
    left: 134px;
  }

  /*【パーツ】ヘルプ小窓*/

  .helpWindow {
    position: fixed;
    bottom: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 95%;
  }

}

/*選択項目のアコーディオン*/
#acMenu dt{
display:block;
cursor:pointer;
}
#acMenu dt .search-header {
  position: relative;
  z-index: 1;
  font-size: 100%;
  color: #333333;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  outline: none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  border: none;
  background-color: transparent;
}
#acMenu dt .search-header::after {
  position: relative;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height:28px;
  margin-left: 15px;
  background-image: url(/tradetools/img/i_swich.png);
  background-position: center top;
  background-image: 100% auto;
  background-repeat: no-repeat;
}
#acMenu dt.active .search-header::after {
  background-image: url(/tradetools/img/i_swich.png);
  background-position: center bottom;
}
#acMenu dd{
display:none;
}

/* もっと読む */
.readmore + [data-readmore-toggle], .readmore[data-readmore] {
    display: block;
    width: 100%;
}
	.readmore {
	}
	.readmore + a,
	.readmore2 + a {
	background-color:rgba(119,130,136,1.0);
	color:#ffffff;
	text-align:center;
	padding:5px 0;
	text-decoration:none;
	font-size:1.2rem;
	border-radius: 0 0 10px 10px;
	}
	.readmore + a:hover,
	.readmore2 + a:hover {
	opacity: 0.8;
	}
/*商品別カラー*/
.searchDiv02 ul li.jp{
	background-color: rgba(232,83,119,0.2)
}
.searchDiv02 ul li.fop{
	background-color: rgba(253,208,0,0.20)
}
.searchDiv02 ul li.fx{
	background-color: rgba(28,139,126,0.2)
}
.searchDiv02 ul li.fx_otc{
	background-color: rgba(143,195,31,0.2)
}
.searchDiv02 ul li.cfd{
	background-color: rgba(127,16,132,0.2)
}
.searchDiv02 ul li.fund{
	background-color: rgba(98,188,201,0.2)
}
.searchDiv02 ul li.crypto{
	background-color: rgba(185,79,132,0.2)
}


/* ラインアップ */
.box-products .box-products-upper a {
  display:  inline-block;
}
.box-products .box-products-upper figure img {
  width: auto;
  height: 119px;
}
.box-products .box-products-upper .products-ttl {
  position: relative;
  padding: 5px 0 0 0;
}
.box-products .box-products-upper .products-ttl::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 11px;
  height: 29px;
  margin-right: 18px;
  top: 2px;
  background: url(/tradetools/img/com_ic01.png) no-repeat left top;
  background-size: 100% auto;
}
/* ラインアップ もっと読む */
.box-products .box-products-bottom {
  position: relative;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
  padding: 15px 20px 34px;
  min-height: 127px;
}
.box-products .box-products-bottom.is-open {
  height: auto !important;
}
.box-products .box-products-bottom .showBox {
  display: block;
}
.box-products .box-products-bottom .showBox.is-hide {
  display: none;
}
.box-products .box-products-bottom .hideBox {
  display: none;
}
.box-products .box-products-bottom .hideBox.is-show {
  display: block;
}
.box-products .box-products-bottom .moreBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  text-decoration: none;
  font-size: 1.2rem;
  border-radius: 0 0 10px 10px;
  border: 0;
  background-color: rgba(119, 130, 136, 1.0);
  cursor: pointer;
}
.box-products .box-products-bottom button.moreBtn:hover {
  opacity: 0.8;
}
.box-products .box-products-bottom button.moreBtn.-off.is-btn-active::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 8px solid #ffffff;
  border-bottom: 0;
}
.box-products .box-products-bottom button.moreBtn.-on.is-btn-active::before {
  position: relative;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  border-style: solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-top: 0;
}
.box-products .box-products-bottom button.moreBtn:focus {
}
.box-products .box-products-bottom .moreBtn.-off {
  display: none;
}
.box-products .box-products-bottom .moreBtn.-off.is-btn-active {
  display: block;
}
.box-products .box-products-bottom .moreBtn.-on {
  display: none;
}
.box-products .box-products-bottom .moreBtn.-on.is-btn-active {
  display: block;
}