@charset "utf-8";

/*
 common
========================================== */
body{color: #333;}

/*
 cnt-bg
========================================== */
.cnt-bg-yellow{background-color: #fff2a8;}
.cnt-bg-orange{background-color: #ffd57c;}
.cnt-bg-white{background-color: #fff;}
.cnt-bg-blue{background-color: #76bdff;}
.cnt-bg-green{background-color: #70d5ac;}

/*
 anchorNav
========================================== */
.anchorNav{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
  gap:10px;
}
.ecm-button.anchor-button{
  position: relative;
  border:solid 1px #333!important;
  color: #333 !important;
  background-color: #fff !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 1;
  height: 40px;
  padding: 0 7px 0 0!important;
  border-radius: 2px;
}
.anchorNav.column3 .ecm-button.anchor-button{
  width:calc((100% - 20px) / 3);
}
.anchorNav.column4 .ecm-button.anchor-button{
  width:calc((100% - 30px) / 4);
}
.anchorNav.column6 .ecm-button.anchor-button{
  width:calc((100% - 50px) / 6);
}
.ecm-button.anchor-button .ecm-icon-chevron-down{
  position: absolute;
  font-size: 14px;
  margin-left: 0!important;
  top: 50%;
  transform:translateY(-50%);
  right:10px;
}

/*
 ecm-floating-navi-container
========================================== */
.ecm-floating-navi-container[data-layout="default"]{
  background-color: #fff2a8;
}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi{
  height: 64px;
  width: 960px;
  margin: 0 auto;
}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi-item{
  width: 100%;
  color: #333 !important;
  flex:0 1 auto;
  padding: 0;
  border-bottom-width:2px!important;
}
.ecm-floating-navi-container[data-layout="default"] .ecm-icon-chevron-down{bottom: 4px;}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi > :nth-child(odd){
  background-color: #85D0FF;
}
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi > :nth-child(even){
  background-color: #FFE364;
}

/*
 con__title
========================================== */
.con__title{
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  color: #333;
  background: url(https://r.r10s.jp/evt/event/appliance/sports/_pc/img/20260206/h2_ashirai.png) no-repeat center bottom;
  padding-bottom: 16px;
}
.con__title > span{color: #d32836;}

/*
 sub-contents__title
========================================== */
.sub-contents__title{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  padding-bottom: 6px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #484848;
  position: relative;
}
.sub-contents__title::after{
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg,rgba(172, 206, 255, 1) 13%, rgba(255, 207, 157, 1) 50%, rgba(255, 153, 152, 1) 100%);
  position: absolute;
}

/*
 ecm-tab
========================================== */
.ecm-tab-container[data-layout="default"]{
  border-bottom:solid 4px #333;
  align-items: flex-end;
}
.ecm-tab-container[data-layout="default"] .ecm-tab{
  width: 50%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #333!important;
  background-color: #e5e5e5;
  line-height: 1;
  padding: 0!important;
  position: relative;
  border:none!important;
}
.ecm-tab-container[data-layout="default"] .ecm-tab:hover{cursor:pointer;}
.ecm-tab-container[data-layout="default"] .ecm-tab[aria-selected=true]{
  border-bottom:none!important;
  height: 56px;
  padding-bottom: 6px!important;
  color: #fff !important;
  background-color: #484848;
}
.ecm-tab-container[data-layout="default"] .ecm-tab[aria-selected=true]::after{
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg,rgba(172, 206, 255, 1) 13%, rgba(255, 207, 157, 1) 50%, rgba(255, 153, 152, 1) 100%);
  position: absolute;
}
[data-module-name=ecm-tab] .tab-contents[role=tabpanel]{
  display: block;
  height: 0;
  overflow:hidden;
}
[data-module-name=ecm-tab] .tab-contents[role=tabpanel][aria-hidden=false]{
  display: block;
  height: auto;
  overflow:visible;
}
.tab-contents__lead{
  width: 740px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 32px;
}

/*
 ecm-ad
========================================== */
.ecm-ad[data-layout="default"]{
  padding: 16px;
  box-shadow: 0 8px 10px rgba(0,0,0,.1);
}

/*
 ecm-search
========================================== */
.ecm-search[data-layout="default"]{
  border:solid 1px #20477F!important;
  width: 560px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 2px!important;
}
.ecm-search[data-layout="default"] .ecm-search-submit{
  padding: 0;
  background-color: #20477F!important;
}

/*
 keyword-button
========================================== */
.keyword-wrap{
  width: 560px;
  margin-right: auto;
  margin-left: auto;
}
.keyword-button{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 40px;
  font-size: 12px;
  color: #333 !important;
  border:solid 1px #20477f;
  background-color: #fff;
  border-radius: 2px;
}
.all-button{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 344px;
  height: 48px;
  font-size: 14px;
  margin: 0 auto;
  color: #fff !important;
  background-color: #20477f;
  border-radius: 2px;
}

/*
 ranking
========================================== */
.ecm-ranking-alcor-sptwoline[data-layout="default"]{
  margin: 0 -16px;
  padding: 0 16px;
}

/*
 category-item
========================================== */
.category-item{color: #333 !important;}
.category-item .category-name{
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  text-align: center;
}



/*periodWrap01*/
.periodWrap01 .periodTxt_wrap + .periodTxt_wrap {
  margin-top: 16px;
}
.periodWrap01 .periodTxt {
  text-align: center;
  font-size: 18px;
}
.periodWrap01 .periodTxt ._bold {
  font-weight: bold;
}

.periodWrap01 .campaignLinkList {
  justify-content: center;
  width: 270px;
  margin: 18px auto 0;
}
.periodWrap01 .campaignLink{
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  box-sizing: border-box;
}
.periodWrap01 .campaignLink span:hover {
  text-decoration: underline;
}
.periodWrap01 .campaignLink a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  /*color: #333;*/
  position: relative;
  text-decoration: none;
}
.periodWrap01 .campaignLink:nth-child(2n) a {
  padding-left: 12px;
  border-left: solid 1px #8e8e8e;
}


.ranking_info{
  margin-top: 20px;
  padding: 16px;
  font-size: 12px;
  color: #333;
  text-align: left;
  /*background-color: #fef6dd;*/
}
/*.ranking_info li{
  padding-left: 1em;
  text-indent: -1em;
}*/