@charset "utf-8";
/* CSS Document */

.topMainTtl._ochugen{
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/main_ttl_bg_ochugen.jpg?v=202005291440) no-repeat top center;
}
.topMainTtl._ochugen._summergift{
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/main_ttl_bg_summer.jpg?v=202005291440) no-repeat top center;

}
.topMainTtl._ochugen .txt{
  width:960px;
  margin: 0 auto;
 position: relative;
  z-index: 2;
}

.topMainTtl._ochugen .txt .title{
  padding:34px 0 37px;
}
.topMainTtl._ochugen._summergift .txt .title{
  padding:25px 0 25px;
}

.topMainTtl{

  position: relative;
  overflow: hidden;
}

.topMainTtl .ttl_bg_slider{
  position: absolute;
  top:0;
  left:0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  width:100%;
}


.topMainTtl .ttl_bg_img{
  position: relative;
  top:0;
  left:0;
  right: 0;
  margin: 0 auto;
  width:1110px;
  height:351px; 
  text-align: center;
  z-index: 1;
}

.topMainTtl .ttl_bg_img .imageArea{
  width: 100%;
  height: 300px;
  position: absolute;
  top:0;
}

#slider {
  width:100%;
  height: 351px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background:transparent;
}

.pic {
  position: absolute;
  left:0;
  right: 0;
  margin:0 auto;
}

.pic ._inner{
  -moz-animation: imgTrans 12s infinite;
  -webkit-animation: imgTrans 12s ease-in infinite;
  animation: imgTrans 12s infinite;
  display: block;
  width: 100%;
  height: 351px;
}

.topMainTtl._ochugen #photo1 ._inner{
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/mainttl_ochugen_img01.jpg?v=202005291440) no-repeat top center;
}
.topMainTtl._ochugen #photo2 ._inner{
-moz-animation-delay: 4s;
-webkit-animation-delay: 4s;
animation-delay: 4s;
background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/mainttl_ochugen_img03.jpg?v=202005291440) no-repeat top center;  
}
.topMainTtl._ochugen #photo3 ._inner{
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/mainttl_ochugen_img02.jpg?v=202005291440) no-repeat top center;
}
.topMainTtl._ochugen._summergift #photo1 ._inner{
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/mainttl_summer_img05.jpg?v=7875326) no-repeat top center;
}
.topMainTtl._ochugen._summergift #photo2 ._inner{
-moz-animation-delay: 4s;
-webkit-animation-delay: 4s;
animation-delay: 4s;
background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/mainttl_summer_img02.jpg?v=27875326) no-repeat top center;  
}
.topMainTtl._ochugen._summergift #photo3 ._inner{
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mainttl/mainttl_summer_img04.jpg?v=27875326) no-repeat top center;
}


@-webkit-keyframes imgTrans {
0% { opacity:0; z-index: 10;}
8% { opacity:1;}
25% { opacity:1; }
45% { opacity:0;}
100% { opacity:0;}
}
@-moz-keyframes imgTrans {
0% { opacity:0; z-index: 10;}
8% { opacity:1;}
25% { opacity:1; }
45% { opacity:0;}
100% { opacity:0;}
}
@keyframes imgTrans {
0% { opacity:0; z-index: 10;}
8% { opacity:1;}
25% { opacity:1; }
45% { opacity:0;}
100% { opacity:0;}
}



/* rl-slider */

.liquidBannerArea{
  width:960px;
  margin: 0 auto;
}

.rl-slider._ochugen{}
.rl-slider._ochugen{}

.rl-slider._ochugen .-ratio250x77.ru-imageBox:before{
  padding-top: 100px;
}

.rl-slider._ochugen  .rl-slider__buttonNext {
    background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mv_banner/icon_next.png?v=202005291440) center center no-repeat;

}
.rl-slider._ochugen  .rl-slider__buttonPrev {
    background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/mv_banner/icon_prev.png?v=202005291440) center center no-repeat;

}

/* お中元マナーガイド */

.guideBg {
}
.guide_col2 {
  letter-spacing: -.5em;
  margin-bottom: 2px;
}
.guide_col2>div {
  display: inline-block;
  width: 479px;
  vertical-align: top;
  height: 350px;
}
.guide_col2 ._left{
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/guide/q1_bg.png?v=202005291440);
}
.guide_col2 ._right{
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/guide/q2_bg.png?v=202005291440);
  margin-left: 2px;
}

.guide_col2 ._text {
  padding: 190px 14px 0;
  letter-spacing: normal;
}
.guide_col2 ._left ._text {
}
.guide_col2 ._right ._text {
  text-align: right;
}
.guide_col2 ._text h3 {
  font-size: 30px;
  color: #000000;
  margin-bottom: 5px;
}
.guide_col2 ._text p {
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: -.02em;
}

.guide_linkList {
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/guide/guide_con_bg.png?v=202005291440);
  width:960px;
  height: 830px;
  position: relative;
}
.guide_linkList ._txt {
  width:450px;
  vertical-align: top;
}

.guide_linkList ._txt._right{
  position: absolute;
  left:466px;
  top:106px;
}

.guide_linkList ._txt._left{
  position: absolute;
  left:38px;
  top:491px;
  
}

.guide_linkList ._txt ul{
 letter-spacing: -.5em;
  text-align: left;
}
.guide_linkList ._txt ul li {
  display: inline-block;
  width: 50%;
  letter-spacing: normal;
  vertical-align: top;
  margin-bottom: 20px;
  text-align: left;
}
.guide_linkList ._txt ul li a {
  font-size: 22px;
  color: #000000 !important;
  background: url(https://r.r10s.jp/evt/event/ochugen/2020/_pc/img/top/guide/guide_linkarrow.png?v=202005291440) no-repeat left center;
  padding-left: 1em;
}

.iconSelectTieup--none {display: none!important;}
.iconSelectTieup--39shop span{color: #bf0000; background-color: #fef0c6; border: solid 1px #bf0000; padding: 2px;}
.iconSelectTieup--39shop span:after{content:"39ショップ";}