/* Scss Document */
/*
*
*
RSS
*
*
*/
#rss {
  background: url(../img/shared/bg1.jpg) repeat;
  position: relative;
}

#rss .tlt {
  padding: 15vw 0 5vw;
}

#rss #feed {
  letter-spacing: 0.12em;
}

#rss #feed dl dt {
  color: #7f7f7f;
}

#rss .button {
  padding: 10vw 20%;
}

#rss .button a {
  display: block;
  text-align: center;
  font-size: 5vw;
  border: 1px solid #000;
  line-height: 2.5;
  position: relative;
}

#rss .button a::after {
  content: '>';
  position: absolute;
  right: 10px;
}

@media only screen and (min-width: 768px) {
  #rss {
    padding-top: 74px;
  }
  #rss .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #rss .tlt {
    padding: 0 84px 27px;
    text-align: left;
  }
  #rss #feed {
    padding: 12px 43px 91px 24px;
    line-height: 28px;
  }
  #rss .button {
    padding: 0;
    top: 69px;
    left: 84px;
    width: 180px;
    position: absolute;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #rss .button:hover {
    opacity: 0.7;
  }
  #rss .button a {
    height: 45px;
    font-size: 17px;
    line-height: 45px;
    letter-spacing: 0.1em;
  }
}

/*
*
*
Sec1
*
*
*/
#sec1 {
  background: url(../img/index/sec1_deco1.png) no-repeat top right/70%;
  padding-bottom: 20vw;
}

#sec1 .top .tlt {
  padding: 35vw 0 10vw;
}

#sec1 .top .photo {
  margin-bottom: 7vw;
}

#sec1 .bot {
  background: url(../img/index/sec1_deco2.png) no-repeat top 10vw right 400%/104%;
}

#sec1 .bot .tlt {
  padding: 10vw 0 5vw;
}

#sec1 .bot .text {
  padding: 10vw 0;
}

#sec1 .btn a {
  display: block;
}

@media only screen and (min-width: 768px) {
  #sec1 {
    background-size: auto;
    padding-bottom: 10px;
  }
  #sec1 .top .tlt {
    padding: 226px 0 36px;
    width: 395px;
    margin-left: auto;
    margin-right: 14px;
  }
  #sec1 .top .photo {
    margin-bottom: 0;
    position: absolute;
    top: 161px;
    right: calc(50% - 55px);
  }
  #sec1 .top .text {
    width: 495px;
    margin-left: auto;
    margin-right: -82px;
  }
  #sec1 .bot {
    position: relative;
    background-position: bottom left;
    background-size: auto;
  }
  #sec1 .bot .tlt {
    padding: 105px 0 124px;
    width: 160px;
    margin-right: 50%;
    margin-left: auto;
  }
  #sec1 .bot .text {
    top: 173px;
    right: calc(50% + 191px);
    padding: 0;
    height: 480px;
    min-width: 195px;
    position: absolute;
  }
  #sec1 .bot .photo {
    position: absolute;
    top: 134px;
    left: calc(50% + 40px);
  }
  #sec1 .btn {
    position: absolute;
    top: 310px;
    left: 0;
  }
  #sec1 .btn a {
    display: block;
  }
}

@media only screen and (min-width: 1300px) {
  #sec1 .top .tlt {
    margin-right: -50px;
  }
  #sec1 .top .photo {
    right: calc(50% - 90px);
  }
  #sec1 .top .text {
    margin-right: -157px;
  }
}

/*
*
*
Sec2
*
*
*/
#sec2 {
  position: relative;
}

#sec2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60vw;
}

#sec2 .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#sec2 .tlt {
  padding: 25vw 0 0;
}

#sec2 .tlt-sm {
  padding: 10vw 0;
}

#sec2 .text {
  padding-bottom: 20vw;
}

@media only screen and (min-width: 768px) {
  #sec2 .bg {
    height: 550px;
  }
  #sec2 .tlt {
    padding: 217px 0 292px;
  }
  #sec2 .tlt-sm {
    padding: 0 0 33px;
  }
  #sec2 .text {
    padding-bottom: 0;
  }
  #sec2 .container {
    width: 728px;
    top: -190px;
    position: absolute;
    right: calc(50% - 90px);
  }
  #sec2 .container .slide-dots {
    margin-top: -26px;
    position: relative;
    z-index: 2;
  }
  #sec2 .box-text {
    width: 415px;
    margin-left: auto;
    margin-right: -8px;
    padding: 0 0 153px;
  }
}

@media only screen and (min-width: 1300px) {
  #sec2 .text {
    padding-left: 7px;
  }
  #sec2 .box-text {
    width: 405px;
  }
}

/*
*
*
Sec3
*
*
*/
#sec3 {
  background: url(../img/index/sec3_deco.png) no-repeat top 130vw right/60%, url(../img/shared/bg1.jpg) repeat;
}

#sec3 .photo {
  margin: 0 -7%;
}

#sec3 .tlt {
  padding: 25vw 0 7vw;
}

#sec3 .text {
  padding-bottom: 20vw;
}

@media only screen and (min-width: 768px) {
  #sec3 {
    position: relative;
    background-size: auto auto;
    background-position: top 67px left, top left;
  }
  #sec3 .photo {
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
  }
  #sec3 .tlt {
    padding: 196px 0 182px 270px;
  }
  #sec3 .text {
    padding-bottom: 0;
    position: absolute;
    top: 300px;
    right: calc(50% + 284px);
  }
}

@media only screen and (min-width: 1300px) {
  #sec3 .tlt {
    padding-left: 233px;
  }
  #sec3 .text {
    right: calc(50% + 318px);
  }
}

/*
*
*
Sec4
*
*
*/
#sec4 {
  position: relative;
  background: url(../img/index/sec4_bg_1.jpg) repeat;
  color: #fff;
}

#sec4::before, #sec4::after {
  content: '';
  position: absolute;
  left: 0;
}

#sec4::before {
  bottom: 0;
  top: 0;
  right: 0;
  background: url(../img/index/sec4_bg_2.jpg) repeat;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

#sec4::after {
  top: 15vw;
  width: 100%;
  left: 20%;
  height: 155vw;
  background: url(../img/index/sec4_deco.png) no-repeat center center/100%;
  z-index: 0;
}

#sec4 .tlt {
  padding: 20vw 0 10vw;
}

#sec4 .text {
  padding: 7vw 0 15vw;
}

#sec4 .wrap {
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  #sec4 .wrap {
    width: auto;
  }
  #sec4::before {
    -webkit-clip-path: polygon(60% 0, 100% 0%, 100% 100%, 20% 100%);
            clip-path: polygon(60% 0, 100% 0%, 100% 100%, 20% 100%);
  }
  #sec4::after {
    width: 584px;
    height: 870px;
    top: 0;
    bottom: 0;
    left: 50%;
    right: auto;
  }
  #sec4 .tlt {
    padding: 109px 0 197px;
    width: 174px;
    margin-left: calc(50% + 400px);
  }
  #sec4 .text {
    padding: 0;
    position: absolute;
    z-index: 2;
    height: 530px;
    top: 243px;
    left: calc(50% + 178px);
  }
  #sec4 .photo {
    position: absolute;
    top: -80px;
    left: -50px;
  }
}

@media only screen and (min-width: 1300px) {
  #sec4 .tlt {
    margin-left: calc(50% + 431px);
  }
  #sec4 .photo {
    left: 50px;
  }
}

/*
*
*
Sec5
*
*
*/
#sec5 {
  padding: 10vw 0 25vw;
}

#sec5 .photo {
  margin: 0 -3% 10vw;
}
#sec5 h2{
  text-align: center;
  padding-bottom: 5vw;
}

#sec5 .text {
  width: 50%;
  z-index: 1;
  top: 12vw;
  right: 3%;
}

#sec5 .text1 {
  top: 29vw;
  right: auto;
  left: 13%;
  width: 40%;
}

@media only screen and (min-width: 768px) {
  #sec5 {
    padding: 105px 0 102px;
  }
  #sec5 .photo {
    margin: 0 -71px 50px -50px;
  }
  #sec5 h2{
    padding-bottom: 30px;
  }
  
  #sec5 .text {
    width: auto;
    top: 141px;
    right: 0;
  }
  #sec5 .text1 {
    top: 379px;
    width: auto;
    left: 142px;
  }
}

/*
*
*
Sec6
*
*
*/
#sec6 {
  position: relative;
  background: url(../img/index/sec6_deco1.png) no-repeat top left/60%, url(../img/shared/bg1.jpg) repeat;
  padding: 50vw 0 15vw;
}

#sec6::after {
  content: '';
  position: absolute;
  top: -15vw;
  right: -17%;
  width: 73%;
  height: 90vw;
  background: url(../img/index/sec6_deco2.png) no-repeat top center/90%;
}

#sec6 .tlt {
  width: 80%;
  margin: 0 auto;
}

#sec6 .tlt-sm {
  width: 70%;
  margin: 0 auto;
}

#sec6 .text {
  padding: 4vw 0 7vw;
}

#sec6 .item {
  margin-bottom: 7vw;
}

#sec6 .map {
  margin: 0 -3%;
}

@media only screen and (min-width: 768px) {
  #sec6 {
    background-size: auto;
    padding: 127px 0 0;
  }
  #sec6::after {
    top: -140px;
    right: auto;
    left: calc(50% + 241px);
    width: 475px;
    height: 528px;
    background-size: auto;
    background-position: center center;
  }
  #sec6 .tlt {
    width: auto;
    text-align: center;
  }
  #sec6 .tlt-sm {
    width: auto;
    margin: 0;
    padding: 69px 170px 152px 7px;
  }
  #sec6 .text {
    padding: 30px 0 60px;
  }
  #sec6 .item {
    margin-bottom: 0;
  }
  #sec6 .item-container {
    margin-left: -40px;
    margin-right: -20px;
    margin-bottom: 36px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #sec6 .map {
    margin: 0;
  }
}



.oshirase{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  background: url(https://www.sakesakana-tarobo.com/shared/css/../img/shared/box-bg.png) repeat;
  border: 1px solid #cf0202;
	color:#000;
	padding:10px;
	display:block;
  width: 85%;
	margin:30px auto 0 auto;
	font-weight: normal;
	line-height: 1.8;
}
.oshirase .ttl{
	font-size:5vw;
	font-weight: bold;
	text-align: center;
  margin: 18px auto 10px auto;
}
.oshirase .txt{
  font-size:15px;
	margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
.oshirase{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  background: url(../img/shared/box-bg.png) repeat;
  border: 1px solid #cf0202;
  color:#000;
  padding: 20px 0 40px 0;
  display: block;
  width: 800px;
  margin: 50px auto 3px;
  font-weight: normal;
  line-height: 1.8;
}
.oshirase .ttl{
	font-size:22px;
	font-weight: bold;
  margin: 10px auto 15px auto;
}
.oshirase .txt{
	margin-bottom: -8px;
}
}