@charset "UTF-8";
.block-text .break {
  margin-bottom: 25px; }

.block-text .bold {
  font-weight: bold; }

.f-gothic2 {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

@media screen and (min-width: 768px), print {

  /* con01 */
#con01{background: url(../images/cafe/con01-bg01.jpg) no-repeat center top;width: 100%; max-width: 1920px; margin: 0 auto;}
#con01 .inner-box{}
#con01 .title{width: 100%;height: 700px;position: relative;}
#con01 .title img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#con01 .box1{background-image: url(../images/cafe/con01-bg02.jpg);width: 100%;height: 360px;}
#con01 .title1{font-weight: bold;font-size: 20px;letter-spacing: 0.05em;line-height: calc(25 / 20);color: #fff;text-align: center;padding: 78.5px 0 38.5px 0;}
#con01 .list{display: flex;justify-content: center;padding-bottom: 107px;}
#con01 .list li{width: 340px;}
#con01 .list li:not(:first-child){margin-left: 40px;}
#con01 .list a{}
#con01 .list img{}
#con01 .list__item{margin-top: auto;padding-bottom: 10px;}

/* access */
#access{background: url(../images/cafe/access-bg.jpg) no-repeat center top;width: 100%; max-width: 1920px; margin: 0 auto;height: 540px;padding-top: 64px;}
#access .access__inner{max-width: 900px; width: 100%;margin: 0 auto;}
#access .access__title{text-align: center;}
#access .access__title img{}
#access .access__sub-title{text-align: center;letter-spacing: 0.8px;line-height: 25px;font-weight: bold;margin-top: 10px;}
#access .access__box{margin-top: 27px;display: flex;}
#access .access__img{width: 50%;}
#access .access__img img{}
#access .access__text-box{width: 50%;padding: 35px 40px;background: #fff;}
#access .access__text-box .text1{font-size: 16px;line-height: 30px;letter-spacing: 0.8px;margin-bottom: 7px;}
#access .access__text-box .text1 span{background-color: #000;color: #fff;text-align: center;width: 80px;display: inline-block;margin-right: 8px;}
#access .access__text-box .text2{margin-top: 23px;font-size: 14px;letter-spacing: 0.7px;}

/* menu */
#menu{padding: 40px 0 80px 0;}
#menu .menu__inner{width: 1100px; margin: 0 auto;position: relative;}
#menu .menu__logo{text-align: center;}
#menu .menu__logo img{}
#menu .menu__title{text-align: center;}
#menu .menu__title img{}
#menu .menu__sub-title{text-align: center; font-weight: 700;}
#menu .menu__title-img1{position: absolute;top: -150px;left: -75px;}
#menu .menu__title-img2{position: absolute;top: -100px;right: -70px;}
#menu .menu__box{margin-top: 49px;}
#menu .menu__box-items{display: flex;flex-wrap: wrap;}
#menu .menu__box-item{width: calc(25% - 99px / 4);letter-spacing: 0.8px;line-height: 26px;}
#menu .menu__box-item:nth-child(n+5){margin-top: 37px;}
#menu .menu__box-item:not(:nth-child(4n + 1)){margin-left: 33px;}
#menu .system-pic{ width: 100%; height: 200px; margin: 0 auto; }
#menu .system-pic img{ width: 100%; height: 200px; }
#menu .menu__box-text{margin-top: 10px; font-weight: medium;}
#menu .menu__box-price{font-weight: bold;margin-top: 5px;}
#menu .menu__info{text-align: right;margin-top: 35px;}

/* interior */
#interior {background: url(../images/cafe/interior-bg.jpg) no-repeat center top;padding: 38px 0 120px;}
#interior .interior__innner{width: 1200px;margin: 0 auto;position: relative;}
#interior .interior__title{text-align: center;}
#interior .interior__title img{}
#interior figure img{position: absolute;top: -38px;right: 407px;}
#interior .interior__sub-title{text-align: center;margin-top: 35px;font-size: 16px;font-weight: bold;letter-spacing: 0.05px;line-height: 25px;}
#interior .interior__main{margin-top: 42px;}
#interior .interior__main img{}


/* house */
#house {background: url(../images/cafe/house-bg.jpg)no-repeat center top;width: 100%; max-width: 1920px; margin: 0 auto 100px;}
#house .house__inner{width: 800px;margin: 0 auto;padding-top: 80px;position: relative;}
#house .house__title{text-align: center;}
#house .house__text-box{background: url(../images/cafe/house-text-box.png)no-repeat top center;width: 630px;margin: 0 auto;padding: 87px 70px 75px;}
#house .house__text-box p{font-size: 16px;letter-spacing: 0.08px;line-height: 30px;margin-bottom: 30px;}
#house figure{position: absolute;top: -65px;right: -200px;}
#house .house__btn{position: absolute;bottom: -10px;right: 22px;}

#event { background-color: #fff; margin-bottom: 140px;}
#event .contents-wapper{width: 1200px; margin:50px auto 0px;}
#event .contents-wapper .block-title {width: 550px; margin: 0 auto; margin-bottom: 50px; }
#event .contents-wapper .block-title .ttl {text-align: center; margin-bottom: 10px;}
#event .contents-wapper .block-title .ttl1 {text-align: center; font-size: 26px; letter-spacing: 3px;}
#event .contents-wapper .event-list {margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#event .contents-wapper .event-list li {width: 380px;line-height: 1.5;margin-right: 24px;}
#event .contents-wapper .event-list li:nth-child(3){margin-right: 0;}
#event .contents-wapper .event-list li:nth-child(4){display: none;}
#event .contents-wapper .event-list li article .system-pic {width: 380px;height: 280px;text-align: center;overflow: hidden;margin-bottom: 20px;}
#event .contents-wapper .event-list li article .system-pic img {transform: scale(1);transition: .5s ease-in-out; }
#event .contents-wapper .event-list li article .system-pic img:hover {transform: scale(1.1); }
#event .contents-wapper .event-list li article .system-pic img {max-width: 100%;height: 280px; }
#event .contents-wapper .event-list li article .event-data {background-color: #9c3535;padding: 5px 8px;margin-bottom: 8px; }
#event .contents-wapper .event-list li article .event-data .date {color: #fff; }
#event .contents-wapper .event-list li article .event-title {font-size: 14px; font-weight: bold; border-bottom: 1px dotted #000; margin: 15px auto 15px; padding-bottom: 15px;}
#event .contents-wapper .event-list li article .date{font-size: 12px; border-bottom: 1px dotted #000; margin: 15px auto 15px; padding-bottom: 15px;}
#event .contents-wapper .event-list li article .event-located{ font-size: 12px;color: #000; border-bottom: 1px dotted #000; margin: 15px auto 15px; padding-bottom: 15px;}
#event .contents-wapper .event-list li article .dt-area{font-weight: bold; background: #fff600; padding: 5px; margin-right: 10px;}
#event .contents-wapper .event-list li article .category{ padding: 4px 14px; display: inline-block; color: #fff; background-color: #577754; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 0.8px; }
#event .contents-wapper .event-list li article .category a{ color: #fff; }
#event .btn {text-align: center;}

#end-con{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/cafe/end-bg01.jpg) no-repeat center top; }
#end-con .inner-Box{ width: 960px; margin: 0 auto; padding: 60px 0 70px; }
#end-con .ttl{ color: #fff; font-size: 22px; font-weight: 700; line-height: 35px; letter-spacing: 1.1px; text-align: center; margin-bottom: 30px; }
#end-con .list{ display: flex; justify-content: space-between; }
#end-con .list li{ width: 460px; }



  /*------------------------ここまでPC---------------------------------------------------------------------------------------------------------------------------------*/ }

@media screen and (max-width: 767px) {

/* con01 */
#con01{background: url(../images/cafe/sp-con01-bg01.png) no-repeat center top;background-size: 100% auto;}
#con01 .inner-box{}
#con01 .title{height: 67.391vw;position: relative;}
#con01 .title img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 39.855vw;width: 69.082vw;}
#con01 .box1{background-image: url(../images/cafe/sp-con01-bg02.png);width: 100%;height: 126.812vw;}
#con01 .title1{font-weight: bold;font-size: 4.831vw;letter-spacing: 0.01vw;line-height: 7.729vw;color: #fff;text-align: center;padding: 8.454vw 0 5.556vw 0;}
#con01 .list{}
#con01 .list li{width: 82.126vw;padding-bottom: 7.246vw;margin: 0 auto;}
#con01 .list li:not(:first-child){}
#con01 .list a{}
#con01 .list img{}
#con01 .list__item{}

/* access */
#access{background: url(../images/cafe/sp-access-bg.jpg) no-repeat center top;background-size: 100% auto;height: 149.034vw;padding-top: 12.802vw;}
#access .access__inner{max-width: 89.372vw; width: 100%;margin: 0 auto;}
#access .access__title{width: 30.435vw;margin: 0 auto;}
#access .access__title img{}
#access .access__sub-title{text-align: center;letter-spacing: 0.193vw;line-height: 6.039vw;font-weight: bold;margin-top: 2.415vw;}
#access .access__box{margin-top: 4.589vw;}
#access .access__img{width: 100%;}
#access .access__img img{}
#access .access__text-box{width: 100%;padding: 4.831vw;background: #fff;}
#access .access__text-box .text1{font-size: 3.865vw;line-height: 7.246vw;letter-spacing: 0.193vw;margin-bottom: 1.691vw;}
#access .access__text-box .text1 span{background-color: #000;color: #fff;text-align: center;width: 19.324vw;display: inline-block;margin-right: 1.932vw;}
#access .access__text-box .text2{margin-top: 4.348vw;font-size: 3.382vw;letter-spacing: 0.169vw;line-height: 7.246vw;}

/* menu */
#menu{padding: 12.56vw 0 9.42vw;}
#menu .menu__inner{width: 94.203vw; margin: 0 auto;position: relative;}
#menu .menu__logo{width: 17.633vw;margin: 0 auto;}
#menu .menu__logo img{}
#menu .menu__title{width: 31.401vw;margin: 0 auto;}
#menu .menu__title img{}
#menu .menu__sub-title{text-align: center;font-weight: bold;}
#menu .menu__title-img1{position: absolute;top: -20.531vw;left: -6.246vw;width: 45.478vw;}
#menu .menu__title-img2{position: absolute;top: -13.768vw;right: -1.208vw;width: 42vw;}
#menu .menu__box{margin-top: 6.522vw;}
#menu .menu__box-items{display: flex;flex-wrap: wrap;}
#menu .menu__box-item{width: calc(50% - 5.797vw / 2);letter-spacing: 0.193vw;line-height: 6.28vw;}
#menu .menu__box-item:nth-child(n+3){margin-top: 5.314vw;}
#menu .menu__box-item:not(:nth-child(2n + 1)){margin-left: 5.797vw;}
#menu .menu__box-img{}
#menu .menu__box-text{margin-top: 1.865vw;}
#menu .menu__box-price{font-weight: bold;margin-top: 0.14vw;}
#menu .menu__info{text-align: right;margin-top: 7.488vw;}


/* interior */
#interior {background: url(../images/cafe/sp-interior-bg.jpg) no-repeat center top;padding: 40px 0 50px;}
#interior .interior__innner{width: 390px;margin: 0 auto;position: relative;}
#interior .interior__title{width: 251px;margin: 0 auto;}
#interior .interior__title img{}
#interior figure img{position: absolute;top: -38px;right: 20px;width: 55px;}
#interior .interior__sub-title{display: none;}
#interior .interior__main{margin-top: 23.5px;}
#interior .interior__main img{}

/* house */
#house {background: url(../images/cafe/sp-house-bg.jpg)no-repeat center top;width: 100%;background-size: 100% auto;height: 306.522vw;}
#house .house__inner{width: 89.372vw;margin: 0 auto;position: relative;}
#house .house__title{width: 70.531vw;margin: 0 auto 10px;padding-top: 38.164vw;}
#house .house__text-box{background: url(../images/cafe/sp-house-text-box.png)no-repeat top center;background-size: 100% auto;width: 89.372vw;margin: 0 auto;padding: 15.7vw 6.159vw 16.908vw;}
#house .house__text-box p{font-size: 3.865vw;letter-spacing: 0.019vw;line-height: 7.246vw;margin-bottom: 6.039vw;}
#house figure{position: absolute;top: 87px;right: -8px;width: 103px;}
#house .house__btn{position: absolute;bottom: 5.556vw;right: 9.662vw;width: 72.464vw;display: inline-block;}

#event { background-color: #fff; margin-bottom: 22vw; margin-top: 7vw;}
#event .contents-wapper{width: 100vw; margin: 0 auto;}
#event .contents-wapper .block-title {width: 85vw; margin: 0 auto; margin-bottom: 5vw; }
#event .contents-wapper .block-title .ttl {width: 15vw; margin: 0 auto 1vw;}
#event .contents-wapper .block-title .ttl1 {text-align: center; font-size: 5.6vw; letter-spacing: 0.3vw; font-weight: bold;}
#event .contents-wapper .event-list {margin-bottom: 5vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#event .contents-wapper .event-list li {width: 45vw; line-height: 1.4; margin-right: 2vw; margin-left: 2vw}
#event .contents-wapper .event-list li:nth-child(2){margin-right: 0vw; margin-left: 2vw}
#event .contents-wapper .event-list li article .system-pic {text-align: center;max-width: 100%;height: 40vw;overflow: hidden;margin-bottom: 5%; }
#event .contents-wapper .event-list li article .system-pic img {transform: scale(1);transition: .5s ease-in-out; }
#event .contents-wapper .event-list li article .system-pic img:hover {transform: scale(1.1); }
#event .contents-wapper .event-list li article .system-pic img {max-width: 100%;height: 40vw;margin-bottom: 5%; }
#event .contents-wapper .event-list li article .event-data {background-color: #9c3535;padding: 1vw;margin-bottom: 3vw; }
#event .contents-wapper .event-list li article .event-data .date {color: #fff; }
#event .contents-wapper .event-list li article .event-title {font-size: 1.2rem; font-weight: bold; border-bottom: 1px dotted #000; margin: 3vw auto 3vw; padding-bottom: 3vw; max-height: 30vw;overflow-y: hidden;}
#event .contents-wapper .event-list li article .date{font-size: 1.2rem; border-bottom: 1px dotted #000; margin: 3vw auto 3vw; padding-bottom: 3vw; line-height: 1.6}
#event .contents-wapper .event-list li article .event-located{ font-size: 1.2rem;color: #000; border-bottom: 1px dotted #000; margin: 3vw auto 3vw; padding-bottom: 3vw; line-height: 1.6}
#event .contents-wapper .event-list li article .dt-area{font-weight: bold; background: #fff600; padding: 0.5vw; margin-right: 1vw;}
#event .contents-wapper .event-list li article .category{ padding: 0.8vw 1.5vw; display: inline-block; color: #fff; background-color: #577754; font-size: 3.2vw; font-weight: 700; line-height: 1.4; letter-spacing: 0.2vw; }
#event .contents-wapper .event-list li article .category a{ color: #fff; }
#event .btn {width: 80vw; margin: 0 auto;}

#end-con{ width: 100%; margin: 0 auto; background: url(../images/cafe/sp-end-bg01.jpg) no-repeat center top; }
#end-con .inner-Box{ margin: 0 auto; padding: 15vw 0 15vw; }
#end-con .ttl{ color: #fff; font-size: 4.4vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.242vw; text-align: center; margin-bottom: 6vw; }
#end-con .list{ padding: 0 12vw; }
#end-con .list li{ margin-bottom: 9vw; }
#end-con .list li:nth-child(2){ margin-bottom: 0vw; }

  /*------------------------ここまでSP-----------------------------------------------------------------------------------------------*/ }