/* /css/preset/slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* /css/preset/slick-theme.css */

/* Slider */
.slick-loading .slick-list
{
    background: #fff url("/css/preset/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url("/css/preset/fonts/slick.eot");
    src: url("/css/preset/fonts/slick.eot#iefix") format('embedded-opentype'), url("/css/preset/fonts/slick.woff") format('woff'), url("/css/preset/fonts/slick.ttf") format('truetype'), url("/css/preset/fonts/slick.svg#slick") format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 50px;
    height: 80px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background-color: rgba(0, 0, 0, .4);
    z-index: 2;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    background-color: rgba(0, 0, 0, .4);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev:before
{
    /* content: '←'; */
    content: '';
    width: 25px;
    height: 25px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    margin-top: -12px;
    top: 50%;
    left: 15px;
}
[dir='rtl'] .slick-prev:before
{
    /* content: '→'; */
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}
.slick-next:before
{
    /* content: '→'; */
    content: '';
    width: 25px;
    height: 25px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    margin-top: -12px;
    top: 50%;
    right: 15px;
}
[dir='rtl'] .slick-next:before
{
    /* content: '←'; */
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* /store/css/store_link.css */


.store_wrapper{
}

.store_wrapper .store_box{
  width: 20.3%;
  margin-bottom: 15px;
}

.store_wrapper .store_box:nth-of-type(5n){
  width: 18.8%;
}

.store_wrapper .store_box:nth-of-type(5n) .store_list_inner{
   padding-right: 0px;
}

.store_wrapper .store_box:nth-of-type(5n) .ctg_last{
   width: 100%;
}

.store_wrapper .store_list_title{
  position: relative;
  font-size: 14px;
  height: 29px;
  overflow: hidden;
}

.store_wrapper .store_list_title::after{
  position: absolute;
  content: '';
  margin-left: 15px;
  width: 100%;
  top: 12px;
  height: 1px;
  border-top: 1px solid #000000;
}

.store_wrapper .non_lbl.store_list_title::after{
  margin-left: 0px;
}

.store_wrapper .ctg_last.store_list_title{
  width: calc(100% - 15px);
}

.store_wrapper .store_lbl_link{
  pointer-events: none;
}

.store_wrapper .store_list_inner{
  padding-right: 15px;
  text-align: center;
}

.store_wrapper .store_list_inner .store_img{
   width: 100%;
   height: 125px;
}

.store_wrapper .store_list_inner .store_img .zoom_img{
    width: 100%;
    height: 100%;
}

.store_wrapper .store_list_inner .store_logo_wrapper{
   height: 80px;
   padding: 10px 0px;
}

.store_wrapper .store_list_inner .store_logo_wrapper .store_logo_inner{
    width: 100%;
    height: 100%;
    position: relative;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.store_wrapper .store_list_inner .store_logo_wrapper img{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0.5) rotateX(0deg);
    transform-origin: 50%;
}


/* /store/css/store_link.rsv1.css */
@media screen and ( max-width:768px ) {

.store_area{
 overflow-x: hidden;
}

.store_wrapper{
 margin-right: -15px;
}

.store_wrapper .store_box{
  width: 50%;
  margin-bottom: 0px;
}

.store_wrapper .store_box:nth-of-type(5n){
  width: 50%;
}

.store_wrapper .store_box:nth-of-type(5n) .store_list_inner{
   padding-right: 15px;
}

.store_wrapper .store_box:nth-of-type(5n) .ctg_last{
   width: 100%;
}

.store_wrapper .store_list_title{
  display: none;
  position: relative;
  font-size: 14px;
  height: 29px;
  overflow: visible;
  margin-bottom: 5px;
}

.store_wrapper .top_section{
  display: block;
}

.store_wrapper .store_list_title::after{
  position: absolute;
  content: '';
  margin-left: 15px;
  width: 200%;
  top: 14px;
  height: 1px;
  border-top: 1px solid #000000;
}

.store_wrapper .non_lbl.store_list_title::after{
  margin-left: 0px;
  display:none;
}

.store_wrapper .ctg_last.store_list_title{
  width: calc(100% - 0px);
}

.store_wrapper .store_lbl_link{
  position: absolute;
  display: block;
  top: 0px;
  height: 2em;
  width: calc(200% - 15px);
  pointer-events: auto;
  z-index: 10;
}

.store_wrapper .store_lbl_link:hover{
  opacity: 1;
}

.store_wrapper .store_lbl_link::after{
  position: absolute;
  content: '';
  display: block;
  width: 30px;
  height: 2em;
  right: 0px;
  background-color: #FFFFFF;
}

.store_wrapper .lbl_open::before{
  position: absolute;
  content: '';
  display: block;
  width: 16px;
  height: 2em;
  right: 0px;
  z-index: 5;
  background: url("/img/arrow_up.png") no-repeat center center;
  background-size:100%;
}

.store_wrapper .lbl_close::before{
  position: absolute;
  content: '';
  display: block;
  width: 16px;
  height: 2em;
  right: 0px;
  z-index: 5;
  background: url("/img/arrow_down.png") no-repeat center center;
  background-size:100%;
}

.store_wrapper .store_list_inner{
  //display: none;
  padding-right: 15px;
  text-align: center;
  margin-top: 5px;
}

.store_wrapper .store_list_inner .store_img{
   width: 100%;
   height: 125px;
}

.store_wrapper .store_list_inner .store_logo_wrapper{
   padding: 5px 0px;
}

.separator{
 width: 100%;
 display: block;
 margin-top: 50px;
}

}
/* /css/index.css */


.slide_wrapper{
}

.slide_wrapper .slide_img_wrapper{
  position: relative;
}

.slide_wrapper .slide_img_wrapper img{
   width: 100%;
}

.slide_wrapper .slide_img_wrapper a{
   display: inline-block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   color: #FFFFFF;
   border: 1px solid #FFFFFF;
   text-align: center;
   width: 170px;
   height: 30px;
   line-height: 30px;
   letter-spacing: 1px;
}

.slide_wrapper .slide_img_wrapper a:hover{
   border: 1px solid #000000;
   opacity: 1;
}

.slide_wrapper .slide_img_wrapper a::before{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   content: '';
   background: #000000;
   transform-origin: right top;
   transform: scale(0, 1);
   transition: transform .3s;
}

.slide_wrapper .slide_img_wrapper a:hover::before{
   transform-origin: left top;
   transform: scale(1, 1);
}

.slide_wrapper .slide_img_wrapper .sd_10{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_20{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_30{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_40{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_50{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_60{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 14px;
  background: url("/img/top/pc_arrow.png") no-repeat 0px 0px;
  background-size: 100%;
  bottom: 20px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  opacity: 1;
}

.slide_wrapper .slide_img_wrapper.moving::after{
  opacity: 0;
}

.gray_back{
 background-color: #EAEAEA;
 padding: 60px 0px;
}

.article_area{
}

.article_area .article_border{
  margin: 40px 0px;
  border-bottom: 1px solid #000000;
}

.article_area .article_title{
  width: 170px;
  font-size: 24px;
  line-height: 1.2em;
}

.article_area .article_list{
  width: 600px;
}

.article_area .article_list li{
   margin-bottom: 14px;
   font-size: 13px;
   color: #404040;
}

.article_area .article_list .article_date{
   display: block;
   width: 150px;
}

.article_area .article_list a{
   display: block;
   width: 450px;
   color: #404040;
}

.article_area .article_list .article_arrow{
   position: relative;
}

.article_area .article_list .article_arrow::after{
   position: absolute;
   bottom: 2px;
   content: '';
   display: inline-block;
   width: 15px;
   height: 18px;
   margin-left: 5px;
   background: url("/img/link_arrow.svg") no-repeat center center;
   background-size: 100%;
   vertical-align: baseline;
}

.article_area .article_link{
  margin-top: auto;
  margin-left: auto;
  margin-right: 4px;
}

.article_area .article_link a{
   font-weight: bold;
   font-size: 12px;
   color: #BBBABA;
}

.article_area .article_link .more_arrow::after{
   content: "";
   display: inline-block;
   width: 40px;
   height: 6px;
   margin-left: 6px;
   border-right: 1px solid #BBBABA;
   border-bottom: 1px solid #BBBABA;
   transform: skewX(45deg);
   -webkit-transform:skewX(45deg);
}

.section_title{
 margin: 60px 0px;
}

.company_wrapper{
}

.company_wrapper .company_box{
  position: relative;
}

.company_wrapper .company_box .company_box_inner{
   position: absolute;
   width: 100%;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: auto;
}

.company_wrapper .company_back_img{
}

.company_wrapper .company_back_img img{
   width: 100%;
}

.company_wrapper .type_10{
  width: 50%;
}

.company_wrapper .type_20{
  width: 50%;
}

.company_wrapper .type_30{
  width: 25%;
}

.company_wrapper .type_40{
  width: 25%;
}

.company_wrapper .type_50{
  width: 25%;
}

.company_wrapper .type_60{
  width: 25%;
}

.company_wrapper .company_img_title{
  width: 100%;
  text-align: center;
}

.company_wrapper .company_img_title img{
   width: 440px;
}

.company_wrapper .company_title{
  text-align: center;
  margin-top: 20px;
  font-size: 19px;
  color: #FFFFFF;
}

.company_wrapper .company_arrow{
  margin-top: 16px;
  text-align: center;
}

.company_wrapper .company_arrow img{
   width: 28px;
}

.company_wrapper .bottom_area{
}

.company_wrapper .bottom_area .company_img_title{
   width: 100%;
   height: 100%;
   text-align: center;
   position: relative;
}

.company_wrapper .bottom_area .company_img_title img{
    position: absolute;
    bottom: 60px;
    width: 240px;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.company_wrapper .bottom_area .company_title{
   position: absolute;
   width: 100%;
   text-align: center;
   bottom: 20px;
   margin-left: -10px;
   font-size: 17px;
}

.pickup_area{
 padding: 80px 0px;
}

.pickup_wrapper{
 display: flex;
 flex-wrap: nowrap;
}

.pickup_wrapper .pickup_box{
  width: 23%;
  max-width: 320px;
  min-width: 180px;
  background-color: #FFFFFF;
  margin: 0px 1%;
}

.pickup_wrapper .pickup_box .pickup_img_wrapper{
   width: 100%;
   height: 210px;
   font-size: 22px;
   color: #FFFFFF;
}

.pickup_wrapper .pickup_box .type_10{
   width: 100%;
   height: 100%;
   background: url("/img/top/pickup_10.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .type_20{
   width: 100%;
   height: 100%;
   background: url("/img/top/pickup_20.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .type_30{
   width: 100%;
   height: 100%;
   background: url("/img/top/pickup_30.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .type_40{
   width: 100%;
   height: 100%;
   background: url("/img/top/pickup_40.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .type_50{
   width: 100%;
   height: 100%;
   background: url("/img/top/pickup_50.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .pickup_title{
   margin-top: 30px;
   margin-left: -20px;
   text-align: center;
   font-size: 15px;
}

.pickup_wrapper .pickup_box .pickup_doc{
   text-align: center;
   padding: 15px 16px 40px 16px;
   font-size: 12px;
}

.pickup_wrapper .pickup_box .pickup_lbl{
   position: absolute;
   width: 100%;
   top: 50%;
   left:0px;
   transform: translateY(-50%);
   text-align: center;
}

.pickup_wrapper .pickup_box .pickup_lbl img{
    width: 190px;
}


/* /css/index.rsv1.css */
@media screen and ( max-width:768px ) {

.slide_wrapper{
}

.slide_wrapper .slide_img_wrapper{
  position: relative;
}

.slide_wrapper .slide_img_wrapper img{
   width: 100%;
}

.slide_wrapper .slide_img_wrapper a{
   display: inline-block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   color: #FFFFFF;
   border: 1px solid #FFFFFF;
   text-align: center;
   width: 240px;
   height: 40px;
   line-height: 40px;
   letter-spacing: 1px;
}

.slide_wrapper .slide_img_wrapper a:hover{
   border: 1px solid #000000;
   opacity: 1;
}

.slide_wrapper .slide_img_wrapper .sd_10{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_20{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_30{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_40{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_50{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper .sd_60{
   bottom: 34%;
}

.slide_wrapper .slide_img_wrapper::after{
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 14px;
  background: url("/img/top/sp_arrow.png") no-repeat 0px 0px;
  background-size: 100%;
  bottom: 15px;
}

.gray_back{
 background-color: #EAEAEA;
 padding: 40px 0px;
}

.article_area{
}

.article_area .article_border{
  margin: 40px 0px;
  border-bottom: 1px solid #000000;
}

.article_area .article_title{
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
}

.article_area .article_list{
  width: 100%;
  margin-top: 30px;
}

.article_area .article_list li{
   margin-bottom: 20px;
   color: #404040;
}

.article_area .article_list .article_date{
   display: block;
   width: 100%;
   font-size: 12px;
}

.article_area .article_list a{
   display: block;
   width: 100%;
   color: #404040;
}

.article_area .article_list .article_arrow{
   position: relative;
}

.article_area .article_list .article_arrow::after{
   position: absolute;
   bottom: 2px;
   content: '';
   display: inline-block;
   width: 15px;
   height: 18px;
   margin-left: 5px;
   background: url("/img/link_arrow.svg") no-repeat center center;
   background-size: 100%;
   vertical-align: baseline;
}

.article_area .article_link{
  width: 100%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 4px;
  text-align: right;
}

.article_area .article_link a{
   font-weight: bold;
   font-size: 12px;
   color: #BBBABA;
}

.article_area .article_link .more_arrow::after{
   content: "";
   display: inline-block;
   width: 40px;
   height: 6px;
   margin-left: 6px;
   border-right: 1px solid #BBBABA;
   border-bottom: 1px solid #BBBABA;
   transform: skewX(45deg);
   -webkit-transform:skewX(45deg);
}

.section_title{
 font-size: 22px;
 margin: 40px 0px;
}

.company_wrapper{
}

.company_wrapper .company_box{
  position: relative;
}

.company_wrapper .company_box .company_box_inner{
   position: absolute;
   width: 100%;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: auto;
}

.company_wrapper .type_10{
  width: 100%;
}

.company_wrapper .type_20{
  width: 100%;
}

.company_wrapper .type_30{
  width: 50%;
}

.company_wrapper .type_40{
  width: 50%;
}

.company_wrapper .type_50{
  width: 50%;
}

.company_wrapper .type_60{
  width: 50%;
}

.company_wrapper .company_img_title{
  width: 100%;
  text-align: center;
}

.company_wrapper .company_img_title img{
   width: 60%;
}

.company_wrapper .company_title{
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  color: #FFFFFF;
}

.company_wrapper .company_arrow{
  margin-top: 16px;
  text-align: center;
}

.company_wrapper .company_arrow img{
   width: 20px;
}

.company_wrapper .bottom_area{
}

.company_wrapper .bottom_area .company_img_title{
   width: 100%;
   height: 100%;
   text-align: center;
   position: relative;
}

.company_wrapper .bottom_area .company_img_title img{
    position: absolute;
    bottom: 40px;
    width: 85%;
    right: 0px;
    left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.company_wrapper .bottom_area .company_title{
   position: absolute;
   width: 100%;
   text-align: center;
   bottom: 10px;
   margin-left: -10px;
   font-size: 14px;
}

.pickup_area{
 padding: 40px 0px 20px 0px;
}

.pickup_wrapper{
}

.pickup_wrapper .pickup_box{
  width: 100%;
  background-color: #FFFFFF;
  margin-bottom: 20px;
}

.pickup_wrapper .pickup_box .pickup_img_wrapper{
   width: 100%;
   height: 210px;
   font-size: 22px;
   color: #FFFFFF;
}

.pickup_wrapper .pickup_box .type_10{
   background: url("/img/top/pickup_10.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .type_20{
   background: url("/img/top/pickup_20.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .type_30{
   background: url("/img/top/pickup_30.jpg") no-repeat center center;
   background-size: cover;
}

.pickup_wrapper .pickup_box .pickup_title{
   margin-top: 30px;
   margin-left: -20px;
   text-align: center;
   font-size: 15px;
}

.pickup_wrapper .pickup_box .pickup_doc{
   text-align: center;
   padding: 15px 16px 40px 16px;
   font-size: 12px;
}

.slick-prev{
 width: 30px;
 height: 50px;
}

.slick-next{
 width: 30px;
 height: 50px;
}

.slick-prev::before{
 width: 15px;
 height: 15px;
 margin-top: -8px;
 left: 10px;
}

.slick-next::before{
 width: 15px;
 height: 15px;
 margin-top: -8px;
 right: 10px;
}

.pickup_sp_wrapper{
 display: flex;
 flex-wrap: wrap;
}

.pickup_sp_wrapper .pickup_sp_box{
  position: relative;
  width: 50%;
}

.pickup_sp_wrapper .pickup_sp_box .pickup_sp_box_inner{
   position: absolute;
   width: 100%;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   margin: auto;
}

.pickup_sp_wrapper .pickup_sp_box.full_size{
  width: 100%;
}

.pickup_sp_wrapper .pickup_sp_back_img{
}

.pickup_sp_wrapper .pickup_sp_back_img img{
   width: 100%;
}

.pickup_sp_wrapper .pickup_sp_arrow{
  margin-top: 16px;
  text-align: center;
}

.pickup_sp_wrapper .pickup_sp_arrow img{
   width: 20px;
}

.pickup_sp_wrapper .pickup_sp_img_title{
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}

.pickup_sp_wrapper .pickup_sp_img_title img{
   position: absolute;
   bottom: 40px;
   max-width: 90%;
   height: 22px;
   max-height: 40px;
   right: 0px;
   left: 0px;
   margin-right: auto;
   margin-left: auto;
}

.pickup_sp_wrapper .pickup_sp_title{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 10px;
  margin-left: -10px;
  font-size: 13px;
  color: #FFFFFF;
}

}
/* ===== 静的化で追加（2026-10-23 依頼09・findings 41）=====
   ニュース一覧の題名が行末まで埋まると、絶対配置の矢印が右へ押し出されて見えなくなる。
   768px 以下だけ、矢印を文字の流れに置く（題名が長いときは次の行に回る）。縦位置は元と同じ（middle で一致を実測）。 */
@media screen and ( max-width:768px ) {
.article_area .article_list .article_arrow::after{
  position: static;
  vertical-align: middle;
}
}