@charset "UTF-8";

.topLead{
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  background-color: #d5af64;
  line-height: 1.5;
  padding: 32px 0;
  margin-bottom: 20px;
}
.topLead p{
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  width:960px;
margin:  0 auto;
}

.conBg{
  padding: 32px 0;
  background-color: #f3ebdd;
}

.furusato-headline__headline {
  margin: 0 0 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

/* .conTtl */
.conTtl{
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 32px;
}
.conTtl>span{
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 32px;
  font-weight: bold;
  padding: 0 5px;
}
.conTtl>span:before{
  content: '';
  display: block;
  width: 100%;
  height: 16px;
  background-color: #e788a0;
  border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/* .ancNav */
.ancNav>ul{
  text-align: center;
  margin-top: -8px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.ancNav>ul>li{
  text-align: left;
  font-size: 16px;
  line-height: 1.3;
}
.ancNav>ul>li a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  color:#0783c2;
}
.ancNav>ul>li:nth-child(3n){
  margin-right: 0;
}

/* .searchAlcorList */

.alcol-collumn2{
  letter-spacing: -.5em;
  display: flex;
  flex-wrap: wrap;
}
.alcol-collumn2 > li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width:468px;
  margin-top: 24px;
  flex: 1 1 auto;
  background-color: #ffffff;
}

.alcol-collumn2 > li:nth-child(2n){
  margin-left: 24px;
}

.searchAlcorList{
  letter-spacing: -.5em;
  background-color: #ffffff;
  padding: 16px 0;
  box-sizing: content-box;
}
.searchAlcorList .left,
.searchAlcorList .right{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
.searchAlcorList .left{
  width: 41.32%;
  margin-left: 3.47%;
  margin-right: 2.95%;
}
.searchAlcorList .right{
  width: 48.79%;
  margin-right: 3.47%;
}
.searchAlcorList .desc{
  font-size: 16px;
  line-height: 1.5;
}

.searchAlcorList .ri-searchAlcor {
  display: flex;
  flex-direction: column-reverse;
}
/*
.searchAlcorList .ri-searchAlcor a.ri-searchAlcor__tooltipLink {
  display: none !important;
}
*/
.searchAlcorList .ri-searchAlcor a.ri-searchAlcor__tooltipLink {
    margin-top: 121.20% !important;
}

.searchAlcorList .ecm-search-alcor-v2-title {
  height: inherit;
  margin-bottom: 12px;
  font-size: 19.52px;
  font-weight: bold;
  color: #333 !important;
  text-decoration: none !important;
  padding: 0;
}
.searchAlcorList .ri-searchAlcor__keywordIcon {
  margin: 0 4px 0 0px;
}
.searchAlcorList .ri-searchAlcor__keywordIcon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/20210319/search_icon.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  width: 21px;
  height: 21px;
}

.furusato-searchItem {
  display: flex;
  background: #fff;
  font-size: 12px;
}
.furusato-searchItem__link {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  align-items: center;
  align-content: flex-start;
}
.furusato-searchItem--small .furusato-searchItem__link {
  align-content: center;
  padding: 2px;
}
.furusato-searchItem__imageBox {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
}
.furusato-searchItem--small .furusato-searchItem__imageBox {
  width: 36px;
}
.furusato-searchItem__imageBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.furusato-searchItem__imageBox img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  min-width: 30%;
  min-height: 30%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.furusato-searchItem__keyword .ecm-icon-search {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  color: #828282;
  font-size: 14px;
}
.furusato-searchItem__textBox {
  width: 100%;
  padding: 8px;
}
.furusato-searchItem--small .furusato-searchItem__textBox {
  box-sizing: border-box;
  max-width: calc(100% - 36px);
  flex-basis: calc(100% - 36px);
  padding: 0 0 0 11px;
}
.furusato-searchItem__keyword {
  position: relative;
  display: inline-block;
  padding: 0 0 0 20px;
  color: #333;
}
.furusato-searchItem__keyword:hover {
  text-decoration: underline;
}
.conBg .furusato-searchItem  {
  font-size: 16px !important;
}

.icon {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.icon span {
  background-color: #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 13.5px;
  width: 5.2em;
  padding: 0.4em -0px;
  text-align: center;
}
.icon span + span {
  margin-left: 8px;
}
.icon span[icon="hokkaidou"] {background-color: #1f497d;}
.icon span[icon="hokkaidou"]:before {content: "北海道";}
.icon span[icon="touhoku"] {background-color: #4f81bd;}
.icon span[icon="touhoku"]:before {content: "東北";}
.icon span[icon="kantou"] {background-color: #01b0f0;}
.icon span[icon="kantou"]:before {content: "関東";}
.icon span[icon="chubu"] {background-color: #92d050;}
.icon span[icon="chubu"]:before {content: "中部";}
.icon span[icon="kinki"] {background-color: #f79646;}
.icon span[icon="kinki"]:before {content: "近畿";}
.icon span[icon="chugoku"] {background-color: #ff0000;}
.icon span[icon="chugoku"]:before {content: "中国";}
.icon span[icon="shikoku"] {background-color: #ff33cc;}
.icon span[icon="shikoku"]:before {content: "四国";}
.icon span[icon="kyusyu"] {background-color: #8064a2;}
.icon span[icon="kyusyu"]:before {content: "九州";}


/* button */

.btnWrapper{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}


.btnWrapper._1col .more-button{
  width:500px;
}
.btnWrapper._2col .more-button{
  width:465px;
}
.btnWrapper._2col .more-button + .more-button{
  margin-left:30px;
}
.btnWrapper._3col .more-button{
  width:300px;
}
.btnWrapper._3col .more-button + .more-button{
  margin-left: 30px;
}

.more-button {
  position: relative;
  height: 70px;
  background-color: #e788a0;
  border-radius: 35px;
  color: #fff !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  text-align: center;
  box-shadow: 2px 2px 0px 2px rgba(203,195,185,1);
}
.more-button:hover {
  text-decoration: none;
}
.more-button .button-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.more-button:after  {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(https://r.r10s.jp/evt/event/furusato/special/japan/_pc/img/20210319/btn_arrow.png?v=202606051328);
  width: 12px;
  height: 18px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.more-button > span span{
  font-size:19.52px;
  font-weight: bold;
}
.ml-n4, .pc-ml-n4 {
  margin-left: -4px !important;
}
.ml-n16, .pc-ml-n16 {
  margin-left: -16px !important;
}
.ml-n24, .pc-ml-n24 {
  margin-left: -24px !important;
}
.ml-n28, .pc-ml-n28 {
  margin-left: -28px !important;
}

.ecm-wrap[data-layout="furusato"] .ecm-search-alcor-v2-image-link-tag {
  font-size: 14px;
  color: #fff!important;
}
.ecm-wrap[data-layout="furusato"] .ecm-du-ranking-pc .ecm-du-ranking-item {
  font-weight: 400;
}