@charset "utf-8";
@import url("https://unpkg.com/swiper@7/swiper-bundle.min.css");
@import url('https://fonts.googleapis.com/css2?family=Train+One&display=swap');

#specialListPage{
  max-width:960px;
  margin: 0 auto;
}
/*======================== キービジュアル =========================*/
.keyVisual{
  width: 100%;
}

.keyVisual img{
  width:100%;
}

/*======================== スライダー =========================*/
.monthlySlider{
  width:100%;
  background: rgb(66,75,83);
  background: linear-gradient(180deg, rgba(66,75,83,1) 0%, rgba(97,114,117,1) 100%);
  margin:2.4rem 0;
}

.monthlySliderTitle{
  display:flex;
  justify-content:center;
  align-items:center;
}

.monthlySliderText{
  text-align:center;
  color:#ffffff;
  font-weight:600;
}

.monthlySlider .sliderBox{
  padding:2.4rem 0;
}
.monthlySlider .swiper{
  padding:0 50px;
}

.monthlySlider .swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  min-height: 280px;
}

.monthlySlider .swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
  text-align: center;
}

.monthlySlider .swiper-pagination-bullets {
  position: static;
  margin-top: 16px;
}

.monthlySlider .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #333 !important;
}

.monthlySlider .swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
/*===================================スライダー共通========================================*/
.specialTopicsLink{
  width:250px;
  height:260px;
  overflow: hidden;
  background: #ffffff;
}

.specialTopics{
  display: flex;
  flex-wrap:wrap;
  flex-direction:row;
}

.specialTopicsTop{
  width:100%;
  position:relative;
}
.specialTopicsTop .newTag{
  position:absolute;
  top: 6px;
  left: -35px;
  font-size:1.2rem;
  font-family: 'Train One', cursive;
  color:#FF0000;
  background: #FFF707;
  box-shadow:0 3px 6px rgba(0,0,0,0.5);
  padding:0.5rem 4rem;
  transform:rotate(-40deg);
}

@media screen and (min-width:960px){
  .specialTopicsTop .newTag{
    position:absolute;
    top: 6px;
    left: -45px;
    font-size:1.2rem;
  }
}

.specialTopicsImage{
position: relative;
z-index: 1;
}

.specialTopicsTop .newTag,
.specialTopicsTop p{
position: absolute;
z-index: 2;
}

.specialTopicsTop p{
  font-family: 'Noto Sans JP', sans-serif;
  font-size:2rem;
  font-weight:600;
  position:absolute;
  bottom:0;
  left:0;
  line-height: 1.2;
  letter-spacing:1px;
  color:#ffffff;
  width:100%;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  padding:1.5rem 0;
}

@media screen and (min-width:960px){
  .specialTopicsTop p{
    font-size:1.8rem;
  }
}

.specialTopicsBottom{
  padding:1rem;
  display:flex;
  align-items:flex-end;
  flex-direction: column;
}
.specialTopicsBottom p{
  font-size:1.25rem;
  font-weight:700;
  text-align:left;
  line-height:1.6;
}

.unLinkBtn{
  display: block;
  width:49%;
  color:#ffffff;
  background: #f18c08;
  text-align:left;
  margin:1rem 0 0 0;
  padding:0.5rem 1rem 0.5rem 1.5rem;
  position:relative;
  font-size:1.2rem;
}

@media screen and (min-width:960px){
  .unLinkBtn{
    display: block;
    width:60%;
    color:#ffffff;
    background: #f18c08;
    text-align:left;
    margin:0 0 0 0;
    padding:0.5rem 1rem 0.5rem 1.5rem;
    position:relative;
    font-size:1.2rem;
  }
}

.unLinkBtn:after {
  border-width: 2px 2px 0 0;
  border-style: solid;
  content: "";
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  right: 13%;
  top: 38%;
  transform: rotate(45deg);
}

/*============================ トピックス　oosakaamugreen =======================================*/
.specialTopicsLink.oosakaamugreen .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(22,154,109,1) 0%, rgba(22,154,109,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(22,154,109,1) 0%, rgba(22,154,109,0) 100%);
  background: linear-gradient(0deg, rgba(22,154,109,1) 0%, rgba(22,154,109,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#169A6D",endColorstr="#169A6D",GradientType=1);
}
/*============================ トピックス　chibakougyoublue =======================================*/
.specialTopicsLink.chibakougyoublue .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(30,0,183,1) 0%, rgba(30,0,183,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(30,0,183,1) 0%, rgba(30,0,183,0) 100%);
  background: linear-gradient(0deg, rgba(30,0,183,1) 0%, rgba(30,0,183,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1E00B7",endColorstr="#1E00B7",GradientType=1);
}
/*============================ トピックス　goldyellow =======================================*/
.specialTopicsLink.goldyellow .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(119,112,5,1) 0%, rgba(119,112,5,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(119,112,5,1) 0%, rgba(119,112,5,0) 100%);
  background: linear-gradient(0deg, rgba(119,112,5,1) 0%, rgba(119,112,5,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777005",endColorstr="#777005",GradientType=1);
}
/*============================ トピックス　orange =======================================*/
.specialTopicsLink.orange .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(241,140,8,1) 0%, rgba(241,140,8,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(241,140,8,1) 0%, rgba(241,140,8,0) 100%);
  background: linear-gradient(0deg, rgba(241,140,8,1) 0%, rgba(241,140,8,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f18c08",endColorstr="#f18c08",GradientType=1);
}
/*============================ トピックス　green =======================================*/
.specialTopicsLink.green .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(65,216,2,1) 0%, rgba(65,216,2,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(65,216,2,1) 0%, rgba(65,216,2,0) 100%);
  background: linear-gradient(0deg, rgba(65,216,2,1) 0%, rgba(65,216,2,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41D802",endColorstr="#41D802",GradientType=1);
}
/*============================ トピックス　skyblue =======================================*/
.specialTopicsLink.skyblue .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(14,140,197,1) 0%, rgba(14,140,197,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(14,140,197,1) 0%, rgba(14,140,197,0) 100%);
  background: linear-gradient(0deg, rgba(14,140,197,1) 0%, rgba(14,140,197,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0E8CC5",endColorstr="#0E8CC5",GradientType=1);
}
/*============================ トピックス　lightblue =======================================*/
.specialTopicsLink.lightblue .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(10,178,178,1) 0%, rgba(10,178,178,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(10,178,178,1) 0%, rgba(10,178,178,0) 100%);
  background: linear-gradient(0deg, rgba(10,178,178,1) 0%, rgba(10,178,178,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0AB2B2",endColorstr="#0AB2B2",GradientType=1);
}
/*============================ トピックス　salmonpink =======================================*/
.specialTopicsLink.salmonpink .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(234,90,90,1) 0%, rgba(234,90,90,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(234,90,90,1) 0%, rgba(234,90,90,0) 100%);
  background: linear-gradient(0deg, rgba(234,90,90,1) 0%, rgba(234,90,90,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EA5A5A",endColorstr="#EA5A5A",GradientType=1);
}
/*============================ トピックス　honeyyellow =======================================*/
.specialTopicsLink.honeyyellow .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(255,179,0,1) 0%, rgba(255,179,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,179,0,1) 0%, rgba(255,179,0,0) 100%);
  background: linear-gradient(0deg, rgba(255,179,0,1) 0%, rgba(255,179,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFB300",endColorstr="#FFB300",GradientType=1);
}
/*============================ トピックス　lightpurple =======================================*/
.specialTopicsLink.lightpurple .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(165,111,246,1) 0%, rgba(165,111,246,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(165,111,246,1) 0%, rgba(165,111,246,0) 100%);
  background: linear-gradient(0deg, rgba(165,111,246,1) 0%, rgba(165,111,246,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A56FF6",endColorstr="#A56FF6",GradientType=1);
}
/*============================ トピックス　indigoblue =======================================*/
.specialTopicsLink.indigoblue .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(10,100,141,1) 0%, rgba(10,100,141,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(10,100,141,1) 0%, rgba(10,100,141,0) 100%);
  background: linear-gradient(0deg, rgba(10,100,141,1) 0%, rgba(10,100,141,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0A648D",endColorstr="#0A648D",GradientType=1);
}
/*============================ トピックス　limegreen =======================================*/
.specialTopicsLink.limegreen .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(129,208,178,1) 0%, rgba(129,208,178,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(129,208,178,1) 0%, rgba(129,208,178,0) 100%);
  background: linear-gradient(0deg, rgba(129,208,178,1) 0%, rgba(129,208,178,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81d0b2",endColorstr="#81d0b2",GradientType=1);
}
/*============================ トピックス　leafgreen =======================================*/
.specialTopicsLink.leafgreen .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(133,206,6,1) 0%, rgba(133,206,6,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(133,206,6,1) 0%, rgba(133,206,6,0) 100%);
  background: linear-gradient(0deg, rgba(133,206,6,1) 0%, rgba(133,206,6,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#85CE06",endColorstr="#85CE06",GradientType=1);
}
/*============================ トピックス　vividorange =======================================*/
.specialTopicsLink.vividorange .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(255,101,9,1) 0%, rgba(255,101,9,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,101,9,1) 0%, rgba(255,101,9,0) 100%);
  background: linear-gradient(0deg, rgba(255,101,9,1) 0%, rgba(255,101,9,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF6509",endColorstr="#FF6509",GradientType=1);
}
/*============================ トピックス　vividorange =======================================*/
.specialTopicsLink.vividorange .specialTopicsTop p{
  background: -moz-linear-gradient(0deg, rgba(106,170,189,1) 0%, rgba(106,170,189,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(106,170,189,1) 0%, rgba(106,170,189,0) 100%);
  background: linear-gradient(0deg, rgba(106,170,189,1) 0%, rgba(106,170,189,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6AAABD",endColorstr="#6AAABD",GradientType=1);
}
/*============================ トピックス　kangoiryoGreen =======================================*/
.specialTopicsLink.kangoiryoGreen .specialTopicsTop p{
  background: -moz-linear-gradient(top,  rgba(123,243,198,1) 0%, rgba(85,190,173,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(123,243,198,1) 0%,rgba(85,190,173,1) 100%);
  background: linear-gradient(to bottom,  rgba(123,243,198,1) 0%,rgba(85,190,173,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7BF3C6', endColorstr='#55BEAD',GradientType=0 );
}
/*==============================特集box色追加ここから　kangoiryoGreen=================================*/
.specialBox.kangoiryoGreen .sbLinkBar{background: #55BEAD;}
.specialBox.kangoiryoGreen .specialBoxWrap{border:2px solid #55BEAD;}
.specialBox.kangoiryoGreen .sbTitleL{border-left:9px solid #55BEAD;padding-left:12px;}
.specialBox.kangoiryoGreen .sbContentText{border:1px solid #55BEAD;}
/*==============================特集box色追加ここから　oosakaamugreen=================================*/
.specialBox.oosakaamugreen .sbLinkBar{background: #169A6D;}
.specialBox.oosakaamugreen .specialBoxWrap{border:2px solid #169A6D;}
.specialBox.oosakaamugreen .sbTitleL{border-left:9px solid #169A6D;padding-left:12px;}
.specialBox.oosakaamugreen .sbContentText{border:1px solid #169A6D;}
/*==============================特集box色追加ここから　chibakougyoublue=================================*/
.specialBox.chibakougyoublue .sbLinkBar{background: #1E00B7;}
.specialBox.chibakougyoublue .specialBoxWrap{border:2px solid #1E00B7;}
.specialBox.chibakougyoublue .sbTitleL{border-left:9px solid #1E00B7;padding-left:12px;}
.specialBox.chibakougyoublue .sbContentText{border:1px solid #1E00B7;}
/*==============================特集box色追加ここから　goldyellow=================================*/
.specialBox.goldyellow .sbLinkBar{background:#CBC12F;}
.specialBox.goldyellow .specialBoxWrap{border:2px solid #CBC12F;}
.specialBox.goldyellow .sbTitleL{border-left:9px solid #CBC12F;padding-left:12px;}
.specialBox.goldyellow .sbContentText{border:1px solid #CBC12F;}
/*==============================特集box色追加ここから　orange=================================*/
.specialBox.orange .sbLinkBar{background: #FF9100;}
.specialBox.orange .specialBoxWrap{border:2px solid #FF9100;}
.specialBox.orange .sbTitleL{border-left:9px solid #FF9100;padding-left:12px;}
.specialBox.orange .sbContentText{border:1px solid #FF9100;}
/*==============================特集box色追加ここから　green=================================*/
.specialBox.green .sbLinkBar{background: #45C11A;}
.specialBox.green .specialBoxWrap{border:2px solid #45C11A;}
.specialBox.green .sbTitleL{border-left:9px solid #45C11A;padding-left:12px;}
.specialBox.green .sbContentText{border:1px solid #45C11A;}
/*==============================特集box色追加ここから　skyblue=================================*/
.specialBox.skyblue .sbLinkBar{background: #0E8CC5;}
.specialBox.skyblue .specialBoxWrap{border:2px solid #0E8CC5;}
.specialBox.skyblue .sbTitleL{border-left:9px solid #0E8CC5;padding-left:12px;}
.specialBox.skyblue .sbContentText{border:1px solid #0E8CC5;}
/*==============================特集box色追加ここから　lightblue=================================*/
.specialBox.lightblue .sbLinkBar{background: #0AB2B2;}
.specialBox.lightblue .specialBoxWrap{border:2px solid #0AB2B2;}
.specialBox.lightblue .sbTitleL{border-left:9px solid #0AB2B2;padding-left:12px;}
.specialBox.lightblue .sbContentText{border:1px solid #0AB2B2;}
/*==============================特集box色追加ここから.glassgreen=================================*/
.specialBox.glassgreen .sbLinkBar{background: #85CE06;}
.specialBox.glassgreen .specialBoxWrap{border:2px solid #85CE06;}
.specialBox.glassgreen .sbTitleL{border-left:9px solid #85CE06;padding-left:12px;}
.specialBox.glassgreen .sbContentText{border:1px solid #85CE06;}
/*==============================特集box色追加ここから　honeyyellow=================================*/
.specialBox.honeyyellow .sbLinkBar{background: #FFB300;}
.specialBox.honeyyellow .specialBoxWrap{border:2px solid #FFB300;}
.specialBox.honeyyellow .sbTitleL{border-left:9px solid #FFB300;padding-left:12px;}
.specialBox.honeyyellow .sbContentText{border:1px solid #FFB300;}
/*==============================特集box色追加ここから　lightpurple=================================*/
.specialBox.lightpurple .sbLinkBar{background: #A56FF6;}
.specialBox.lightpurple .specialBoxWrap{border:2px solid #A56FF6;}
.specialBox.lightpurple .sbTitleL{border-left:9px solid #A56FF6;padding-left:12px;}
.specialBox.lightpurple .sbContentText{border:1px solid #A56FF6;}
/*==============================特集box色追加ここから　salmonpink=================================*/
.specialBox.salmonpink .sbLinkBar{background: #EA5A5A;}
.specialBox.salmonpink .specialBoxWrap{border:2px solid #EA5A5A;}
.specialBox.salmonpink .sbTitleL{border-left:9px solid #EA5A5A;padding-left:12px;}
.specialBox.salmonpink .sbContentText{border:1px solid #EA5A5A;}
/*==============================特集box色追加ここから　indigoblue=================================*/
.specialBox.indigoblue .sbLinkBar{background: #0A648D;}
.specialBox.indigoblue .specialBoxWrap{border:2px solid #0A648D;}
.specialBox.indigoblue .sbTitleL{border-left:9px solid #0A648D;padding-left:12px;}
.specialBox.indigoblue .sbContentText{border:1px solid #0A648D;}
/*==============================特集box色追加ここから　limegreen=================================*/
.specialBox.limegreen .sbLinkBar{background: #81d0b2;}
.specialBox.limegreen .specialBoxWrap{border:2px solid #81d0b2;}
.specialBox.limegreen .sbTitleL{border-left:9px solid #81d0b2;padding-left:12px;}
.specialBox.limegreen .sbContentText{border:1px solid #81d0b2;}
/*==============================特集box色追加ここから　leafgreen=================================*/
.specialBox.leafgreen .sbLinkBar{background: #89BC2F;}
.specialBox.leafgreen .specialBoxWrap{border:2px solid #89BC2F;}
.specialBox.leafgreen .sbTitleL{border-left:9px solid #89BC2F;padding-left:12px;}
.specialBox.leafgreen .sbContentText{border:1px solid #89BC2F;}
/*==============================特集box色追加ここから　vividorange=================================*/
.specialBox.vividorange .sbLinkBar{background: #FF6509;}
.specialBox.vividorange .specialBoxWrap{border:2px solid #FF6509;}
.specialBox.vividorange .sbTitleL{border-left:9px solid #FF6509;padding-left:12px;}
.specialBox.vividorange .sbContentText{border:1px solid #FF6509;}
/*==============================特集box色追加ここから　mousegray=================================*/
.specialBox.mousegray .sbLinkBar{background: #6AAABD;}
.specialBox.mousegray .specialBoxWrap{border:2px solid #6AAABD;}
.specialBox.mousegray .sbTitleL{border-left:9px solid #6AAABD;padding-left:12px;}
.specialBox.mousegray .sbContentText{border:1px solid #6AAABD;}
/*=========================== dotBg　ドット背景 =============================*/
.dotBg{
  width:100%;
  background: radial-gradient(#D5E9EC 25%, transparent 0),
              radial-gradient(#D5E9EC 25%, transparent 0);
  background-size: 12px 12px;
  background-position: 0 0, 6px 6px;
}

.dotBgWrap{
  max-width:960px;
  margin:0 auto;
}
/*=========================== /.dotBg =============================*/

/*=========================== 特集一覧　pc =============================*/
.allSpecialTitle{
  padding:6rem 0;
  text-align: center;
}

.allSpecialList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding:0 1rem;
}
.specialBox{
  width:100%;
  margin-bottom:4rem;
  background: #ffffff;
}

.specialBox .specialBoxWrap{
  background: #ffffff;
  border-radius:8px;
  filter: drop-shadow(0px 6px 8px #dddddd);
}

.specialBoxContentWrap{
  padding: 3rem 2rem;
}

.sbTitle{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  align-items:flex-start;
  padding:0 0 1.6rem 0;
  border-bottom:1px solid #BBBBBB;
}

.sbTitleL p{
  font-size:1.167rem;
  font-weight:bold;
  margin-bottom:0.5rem;
}

.sbTitleL h3{
  font-size:2rem;
}

.sbTitleR .sbtag{
  color:#FF9100;
  border:1px solid #FF9100;
  border-radius:4px;
  padding:0.75rem;
  font-size:1.333rem;
  font-weight:bold;
  margin:1rem 0 0 0;
}

.sbContent{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
  margin: 1rem 0;
}

.sbContentL{
  width:100%;
}

.sbContentR{
  width:100%;
  margin:2rem 0 0 0;
}

.sbContentThumb,.sbContentThumb img{
  width:100%;
}

.sbContentL{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content: flex-start;
  align-items:flex-start;
}

.sbContentR{
  display:flex;
  justify-content:center;
  align-items:center;
}

.sbContentText{
  padding:1rem;
  width:100%;
  min-height:70px;
  position:relative;
  z-index:1;
  margin:1rem 0 3rem 0;
}

@media screen and (min-width:960px){
  .sbContentText{
    min-height:90px;
  }
}

.sbContentText:before{
  content:"";
  display: block;
  background: #ffffff;
  width:180px;
  height:16px;
  position:absolute;
  top:-15px;
  right:0px;
  z-index:2;
}

.sbContentText:after{
  content:"";
  display: block;
  background: #ffffff;
  width:180px;
  height:16px;
  position:absolute;
  bottom:-15px;
  left:0px;
  z-index:2;
}

@media screen and (min-width:960px){
  .sbContentText:before{
    content:"";
    display: block;
    background: #ffffff;
    width:180px;
    height:16px;
    position:absolute;
    top:-15px;
    right:0px;
    z-index:2;
  }

  .sbContentText:after{
    content:"";
    display: block;
    background: #ffffff;
    width:180px;
    height:16px;
    position:absolute;
    bottom:-15px;
    left:0px;
    z-index:2;
  }
}

.sbContentText p{
  font-size:1.4rem;
  line-height:1.6;
  display:inline-block;
  z-index:10;
}

.sbContentPoint{
  width:100%;
  background: #FEF1E1;
  padding:2rem 2rem 1rem 2rem;
  margin:0 0 0 1rem;
  position:relative;
}

.sbContentPoint:before{
  content:"POINT";
  display: block;
  color:#ffffff;
  background:#FF9100;
  border-radius:8px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:600;
  position:absolute;
  top:-1.6rem;
  left:-1rem;
  filter:drop-shadow(3px 3px 0px #D6D6D6);
  padding:0.5rem 1rem;
}

.sbContentPoint:after{
  content:"";
  display: block;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FF9100 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
  position: absolute;
  top: 8px;
  left: 15px;
  filter:drop-shadow(3px 3px 0px #D6D6D6);
}

ul.sbContentPointList{
  margin: 0;
  padding: 0;
  list-style: inside;
}

ul.sbContentPointList li{
  font-size:1.2rem;
  margin:0 0 0.5rem 0;
}


.sbLinkBar{
  margin: 0;
  padding: 1rem 0;
}

.sbLinkBar p{
  color:#ffffff;
  text-align:center;
  display: block;
  margin: 0 auto;
  padding:0;
  width:35%;
  position:relative;
}

.sbLinkBar p:after{
  border-width: 2px 2px 0 0;
  border-style: solid;
  content: "";
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  right: 10%;
  top: 23%;
  transform: rotate(45deg);
}

/*=========================== 特集一覧　sp =============================*/

@media screen and (min-width:960px){
  .allSpecialTitle{
    padding:6rem 0;
    text-align: center;
  }

  .allSpecialList{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  }
  .sbTitle{
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items:flex-end;
    padding:0 0 1.6rem 0;
    border-bottom:1px solid #BBBBBB;
  }

  .sbTitleR .sbtag{
    color:#FF9100;
    border:1px solid #FF9100;
    border-radius:4px;
    padding:0.75rem;
    font-size:1.333rem;
    font-weight:bold;
    margin:1rem 0 0 1rem;
  }

  .sbContent{
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-between;
    align-items:center;
    margin: 1rem 0;
  }

  .sbContentL{
    width:52%;
  }

  .sbContentR{
    width:48%;
    margin:0 0;
  }
  .sbContentL{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items:flex-start;
  }

  .sbContentText{
    padding:1rem;
    width:100%;
    display:flex;
    justify-content: center;
    align-items:center;
    position:relative;
    z-index:1;
    margin:1rem 0 3rem 0;
  }

  .sbContentText p{
    font-size:1.2rem;
    line-height:1.6;
    display:inline-block;
    z-index:10;
  }

  .sbContentR{
    display:flex;
    justify-content: flex-end;
    align-items:center;
  }

  .sbContentThumb{
    width:94%;
    margin:1rem 0 0 0;
  }
  .sbContentThumb img{
    width:100%;
  }


  .sbLinkBar p{
    color:#ffffff;
    text-align:center;
    display: block;
    margin: 0 auto;
    padding:0;
    width:15%;
    position:relative;
  }
  .sbLinkBar p:after{
    border-width: 2px 2px 0 0;
    border-style: solid;
    content: "";
    width: 0.6em;
    height: 0.6em;
    position: absolute;
    right: 10%;
    top: 23%;
    transform: rotate(45deg);
  }

  .specialBoxContentWrap{
    padding: 1.6rem;
  }

  .specialTopicsBottom{
    padding:1rem;
    display:flex;
    align-items:flex-end;
    flex-direction: column;
  }
  .specialTopicsBottom p{
    font-size:1.0rem;
    font-weight:700;
    text-align:left;
    line-height:1.6;
    min-height: 66px;
  }

}

/*=========================== 特集一覧 =============================*/