#main {background-image: url(../img/hiroshige/bg.jpg);color: #374653;}
@media print, screen and (max-width:575px) {
  #main {background-image: url(../img/hiroshige/bg_sp.jpg);}
}
.slider {margin-inline: auto;overflow: hidden;}

.slick-img img {width: 100%;height: 100%;}

/***** 「由比の桜えび」始まり *****/

.hero_hiroshige{margin: 3em 4em 0em 4em;}
@media print, screen and (max-width: 767px){
  .hero_hiroshige{margin: 3em 2em 0em 2em;}
}
@media print, screen and (min-width: 1280px) {
  .hero_hiroshige{margin-left: auto;margin-right: auto;width: 840px;}
}
@media print, screen and (min-width: 1600px) {
  .hero_hiroshige{margin-left: auto;margin-right: auto;width: 960px;}
}

.col-12{margin-bottom: 2em;margin-left: auto;margin-right: auto;max-width: 90%;}
@media print, screen and (max-width:575px) {
  .col-12{max-width: 100%;}
}

#main .hero_hiroshige{position: relative;}
#main .hero_hiroshige svg {height: 30vh;width: 100vw;position: absolute;top: 190px;left: 0;z-index: 1;}
#main .shop{position: relative;}
#main .shop h3.look{margin-bottom: 1.5em;}

.cp_tab .cp_tabpanel{display: block;}
.cp_tabpanel a:hover{opacity: 0.7; }


@media print, screen and (max-width:575px) {
  #main .hero_hiroshige h2{font-size: 35px;}
  #main .hero_hiroshige svg {height: 33vh;top: 170px;}
  #main .shop h3{font-size: 30px;}
  #main .shop h3.look{margin-bottom: 1em;margin-top: 3.5em;}
  .row{margin-left: 0; margin-right: 0;}
}
@media print, screen and (min-width:576px) and (max-width:959px) {
  #main .shop h3.look{margin-bottom: 1em;margin-top: 3.5em;}
  .row{margin-left: 0; margin-right: 0;}
}
@media print, screen and (min-width: 960px) and (max-width:1279px){
  #main .shop h3{font-size: 32px;}
  #main .shop h3.look{margin-bottom: 0.5em;}
}
/***** 「由比の桜えび」終わり *****/



@media print, screen and (max-width:575px) {
  .cp_tab{margin-left: 3%;margin-right: 3%;}
  .cp_tabpanel .text h4{font-size: 16px;}
  .cp_tabpanel .text p{font-size: 12px;}
}

/***** 各店舗紹介 始まり *****/
/*各店舗紹介 見出し*/
#main .hero_hiroshige h2{font-size: 20px;font-family: "Zen Old Mincho", serif;padding-top: 40px;text-align: center;letter-spacing: 1px;}
#main .hero_hiroshige h3{margin: 15px auto 30px auto;font-family: "Zen Old Mincho", serif;font-size: 34px;text-align: center;letter-spacing: 1.5px;}
#main .hero_hiroshige p{font-size: 16px;margin: 10px 62px 30px 62px;line-height: 200%;}
#main .hero_hiroshige h4{margin: 5em 4em -2em 4em;}
#main .hero_hiroshige h4 img{width: 328px;}

@media print, screen and (max-width:575px) {
  #main .hero_hiroshige h2{font-size: 16px;}
  #main .hero_hiroshige h3{font-size: 26px;margin: 10px auto 20px auto;}
  #main .hero_hiroshige p{font-size: 15px;margin-left: 1.5%;margin-right: 1.5%;}
  #main .hero_hiroshige h4{margin: 3em 2em -2em 2em;}
}

@media print, screen and (min-width: 1600px) {
  #main .hero_hiroshige h2{font-size: 24px;}
  #main .hero_hiroshige h3{font-size: 38px;}
  #main .hero_hiroshige p{font-size: 17px;}
}

.row{margin-left: 0.5em;margin-right: 0.5em;}


.detail{color: #374653;text-align: center;margin-left: 62px;margin-right: 62px;}
.detail .pr{text-align: left;font-size: 18px;width: 800px;margin: 0 auto;line-height: 180%;}

.slider-container {  position: relative;max-width: 600px;margin: 40px auto 60px auto;height: 395px;}
.image-container img {position: absolute;top: 0;left: 0;object-fit: cover;opacity: 0;transition: opacity 0.5s;border-radius: 25px;}
img.image-active {opacity: 1;transition: opacity 0.5s;}
.nav-container {position: absolute;bottom: -15px;width: 100%;display: flex;justify-content: center;align-items: center;}
.nav-btn {height: 12px;width: 12px;display: inline-block;margin: 8px;background-color: #9bb1c4;border-radius: 50%;border: none;cursor: pointer;}
.nav-btn.btn-active {background-color: #e7546b;}
.wrap-overview{margin:0 auto 2em auto;}

dl {display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 1.5em;}
dl:nth-of-type(1) {margin-top: 60px;}
dt{width: 140px;flex-shrink: 0;padding: 20px 20px 20px 0;border-top: solid 1px #e7546b; font-size: 16px;font-weight: bold;}
dd{-webkit-box-flex: 1;flex: 1 1 0;padding: 20px 0 20px 30px;border-top: solid 1px #9bb1c4;font-size: 16px;text-align: left;}

@media print, screen and (min-width: 1600px) {
  dt,dd{font-size: 17px;}
}


.wrap-overview a{color: #e7546b;text-decoration: underline;}
.wrap-overview a:hover{color: #374653;text-decoration: none;}

.mapsize{margin:0 auto;}
.map {position: relative;width: 100%;padding-top: 56.25%;height: 0;}
.map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.detail h5{margin: 80px auto 40px auto;font-family: "Zen Old Mincho", serif;font-size: 30px;}
.detail .cp_tabpanels{margin-left: 6%;margin-right: 6%;}

.detail .link_detail{font-size: 16px;margin: 50px auto 100px auto;font-weight: normal;}
.detail .link_detail a:hover{text-decoration: ;}
.link_detail a {
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    color: #333;
    line-height: 1.4;
    text-decoration: none;
    text-align: center;
    transition: 0.3s ease-in-out;
    border: 1px #374653 solid;
}
.link_detail a:hover {
    background: #333;
    color: #FFF;
}
.link_detail a:after {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.link_detail a:hover:after {
    border-color: #FFF;
}
.detail .link_detail span{position: absolute;right: 18px;font-size: 13px;}

@media print, screen and (min-width: 1600px) {
  .detail .link_detail{font-size: 17px;}
}


@media print, screen and (max-width:575px) {
  .detail{margin: 0 6%;}
  .slider-container{max-width: 300px; height: 180px;}
  .nav-container{bottom: -15%}
  .detail .pr{text-align: left;font-size: 16px;width: auto;}
  .wrap-overview{width: auto;}
  dt{font-size: 14px;width: 85px;padding: 20px 10px 20px 0;}
  dd{font-size: 14px;padding: 20px 0 20px 10px;}
  .mapsize{width: auto;}
  .detail h5{font-size: 24px;}
  .detail .link_detail{font-size: 15px;}
  .detail .row{margin-left: -30px;margin-right: -30px;}
  .cp_tabpanel .text p{font-size: 12px;}
}

@media print, screen and (min-width: 576px) and (max-width:959px) {
  .detail{margin: 0 6%;}
  .slider-container{max-width: 400px; height: 260px;}
  .detail .pr{text-align: left;font-size: 16px;width: auto;}
  .wrap-overview{width: auto;}
  dt{font-size: 15px;padding: 20px 10px 20px 0;width: 120px;}
  dd{font-size: 15px;padding: 20px 0 20px 10px;}
  .mapsize{width: auto;}
}







#footer{background: none;background-image: none;}

#main #footer h3{font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;text-align:center;font-size: 1.07143rem;text-align: center;margin-top: 0;color: #231815;}

@media print, screen and (min-width: 768px){
  #main #footer h3{font-size: 1.28571rem;text-align: left;} 
}