/* CSS Document */
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                一時利用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/
.news_231224_con {
  border: 3px solid #ca151d;
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
}
.news_231224_con h1, .news_231224_con h3 {
	    color: #ca151d;

}
@media screen and (min-width: 769px) {
  .news {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 90px;
    padding-right: 0;
    padding-left: 0;
    line-height: 1.6em;
    color: #ca151d;
  }
  .news_231224_con {
    padding: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .news {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    padding-top: 60px;
    padding-right: 0;
    padding-left: 0;
    line-height: 1.6em;
    color: #ca151d;
  }
  .news_231224_con {
    padding: 15px;
  }
}
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width: 769px) {
  /*ここにcss*/
  .main_img {
    box-sizing: border-box;
  }
  .main_img img {
    width: 100%;
    height: auto;
  }
  .message {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 90px;
    padding-right: 0;
    padding-left: 0;
    color: #1F955B;
    line-height: 1.6em;
  }
  /*
	
	*/
  .shop_slide {
    width: 1200px;
    margin: 0 auto 80px;
  }
  .swiper_txt {
    margin-bottom: 10px;
  }
  /*
	
	*/
  .shop_info {
    margin-bottom: 80px;
  }
  .shop_info table {
    margin: 0 auto;
    font-size: 1.3em;
  }
  .shop_info table th, .shop_info table td {
    padding: 8px;
    line-height: 1.5em;
  }
  .shop_info table th {
    font-weight: bold;
  }
  /*group*/
  .group {
    width: 100%;
    margin: 0 auto 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url("images/pc_group.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .group_head {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
  }
  .group_body {
    line-height: 0;
    width: 700px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px;
    text-align: left;
  }
  .group_body h2 {
    text-align: center;
    margin: 0 auto 40px;
  }
  .group_img {
    text-align: center;
    margin-bottom: 20px;
  }
  .group_img img {
    width: 400px;
  }
  .group_txt {
    margin-bottom: 15px;
  }
  .group_stitle {
    font-size: 1.3em;
    margin: 20px 0 10px;
  }
  .group_body .note_ul {
    margin-bottom: 20px;
  }
  .group_contact {
    text-align: center;
  }
  .group_contact img {
    width: 450px;
  }
  /*insta*/
  .insta_con {
    width: 1200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 200px;
    padding: 0;
  }
  .insta_l {
    width: 300px;
    text-align: left;
  }
  .insta_r {
    -webkit-flex: 1;
    flex: 1;
  }
  .insta_logo {
    margin-bottom: 10px;
  }
  .insta_logo img {
    width: 200px;
    height: auto;
  }
  .insta h2 {
    margin-bottom: 10px;
  }
  .insta_txt {
    line-height: 1.9em;
    box-sizing: border-box;
    text-align: left;
  }
  /*stamp*/
  .stamp {
    background-color: #eefff7;
    padding-bottom: 60px;
  }
  .stamp_head {
    margin-bottom: 50px
  }
  .stamp_head img {
    width: 100vw;
    height: auto;
  }
  .stamp_img {
    margin-bottom: 30px;
  }
  .stamp_txt {
    width: 820px;
    text-align: left;
    margin: 0 auto;
  }
  /*isohachi*/
  .isohachi {
    margin: 0 auto;
  }
  .isohachi_head {
    width: 100%;
    background: url("images/pc_isohachi_bga.png") repeat-x bottom center;
    height: 70px;
  }
  .isohachi_body {
    width: 100%;
    background-color: #CAEFDC;
    box-sizing: border-box;
    padding: 80px 0;
  }
  .isohachi_foot {
    width: 100%;
    background: url("images/pc_isohachi_bgb.png") repeat-x top center;
    height: 70px;
  }
  .isohachi_con {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    width: 1300px;
    margin: 0 auto;
  }
  .isohachi_l, .isohachi_r {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 50px;
    text-align: center;
  }
  .isohachi_r img {
    width: 600px;
    height: auto;
  }
  .isohachi_l img {
    margin-bottom: 40px;
  }
  .isohachi_txt {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
  }
  .cafe {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 90px 0;
    background-color: #EEFFF7;
  }
  .cafe_img {
    width: 70%;
    margin: 0 auto 50px;
  }
  .cafe_img img {
    width: 400px;
    height: auto;
  }
  .cafe_menu {
    text-align: center;
    margin: 0 auto 40px;
  }
  .cafe_note {
    width: fit-content;
    margin: 0 auto;
    background-color: #D6DC00;
    padding: 10px 25px 8px;
    border-radius: 30px;
    color: #292929;
  }
  .access {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 90px 0;
  }
  .access_map {
    width: 60%;
    margin: 0 auto 40px;
  }
  .gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 40%;
    position: relative;
  }
  .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
  .access_route_title {
    font-size: 1.6em;
    line-height: 1.4em;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .access_route_mov {
    margin-bottom: 30px;
  }
  .note {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 90px 0;
    background-color: #EEFFF7;
  }
  .note_txt {
    width: 800px;
    margin: 0 auto 15px;
    text-align: left;
  }
  .note_ul {
    width: -moz-fit-content; /* Firefox */
    width: fit-content; /* other browsers */
    text-align: left;
    margin: 0 auto;
  }
  .note_ul ul li {
    position: relative;
    padding-left: 30px;
  }
  .note_ul ul li::before {
    content: '\e96e';
    font-family: "icomoon";
    font-weight: 400;
    position: absolute;
    left: 0;
  }
  .contact {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 90px 0;
  }
  .contact_txt {
    margin-bottom: 10px;
  }
  .contact_img {
    text-align: center;
    margin-bottom: 20px;
  }
  .contact_img img {
    width: 300px;
    height: auto;
  }
  .contact_tel {
    font-size: 2.6em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .contact_mail {
    font-size: 2.3em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .contact_txt1 {
    font-size: 1.2em;
    width: -moz-fit-content; /* Firefox */
    width: fit-content; /* other browsers */
    margin: 0 auto 15px;
    text-align: left;
  }
  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
  /*ここにcss*/
  .main_img {
    box-sizing: border-box;
  }
  .main_img img {
    width: 100%;
    height: auto;
  }
  .message {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    padding-right: 0;
    padding-left: 0;
    color: #1F955B;
    line-height: 1.6em;
  }
  .message_txt {
    width: 80%;
    margin: 0 auto 40px;
  }
  /*
	
	*/
  .shop_slide {
    width: 100%;
    margin: 0 auto 80px;
  }
  .swiper_txt {
    margin: 0 5% 10px;
  }
  /*
	
	*/
  .shop_info {
    margin-bottom: 80px;
  }
  .shop_info table {
    width: 90%;
    margin: 0 auto;
  }
  .shop_info table th, .shop_info table td {
    display: block;
    padding: 8px;
    line-height: 1.5em;
  }
  .shop_info table th {
    font-weight: bold;
    border-bottom: 1px solid #1F955B;
  }
  /*group*/
  .group {
    width: 100%;
    margin: 0 auto 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .group_head {
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 0;
  }
  .group_body {
    line-height: 0;
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 25px;
    text-align: left;
  }
  .group_body h2 {
    text-align: center;
    margin: 0 auto 40px;
  }
  .group_img {
    text-align: center;
    margin-bottom: 20px;
  }
  .group_img img {
    width: 400px;
  }
  .group_txt {
    margin-bottom: 15px;
  }
  .group_stitle {
    font-size: 1.3em;
    margin: 20px 0 10px;
  }
  .group_body .note_ul {
    margin-bottom: 20px;
  }
  .group_contact {
    text-align: center;
  }
  .group_contact img {
    width: 300px;
  }
  /*insta*/
  .insta_con {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
  .insta_l {
    width: 100%;
    text-align: left;
  }
  .insta_r {
    width: 100%;
    text-align: left;
  }
  .insta_logo {
    margin-bottom: 10px;
  }
  .insta_logo img {
    width: 40%;
    height: auto;
  }
  .insta h2 {
    margin-bottom: 10px;
  }
  .insta_txt {
    line-height: 1.9em;
    box-sizing: border-box;
    text-align: left;
  }
  /*stamp*/
  .stamp {
    background-color: #eefff7;
    margin: 0;
    padding: 0 0 60px;
  }
  .stamp_head {
    margin: 0 0 50px;
    vertical-align: top;
    line-height: 1.0em;
  }
  .stamp_head img {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: auto;
  }
  .stamp_img {
    margin-bottom: 30px;
  }
  .stamp_txt {
    width: 90%;
    text-align: left;
    margin: 0 auto;
  }
  /*isohachi*/
  .isohachi {
    margin: 0 auto;
  }
  .isohachi_head {
    width: 100%;
    background: url("images/sp_isohachi_bga.png") no-repeat bottom center;
    height: 40px;
  }
  .isohachi_body {
    width: 100%;
    background-color: #CAEFDC;
    box-sizing: border-box;
    padding: 40px 0;
  }
  .isohachi_foot {
    width: 100%;
    background: url("images/sp_isohachi_bgb.png") no-repeat top center;
    height: 40px;
  }
  .isohachi_con {
    width: 90%;
    margin: 0 auto;
  }
  .isohachi_l, .isohachi_r {
    margin: 0;
    text-align: center;
  }
  .isohachi_l {
    margin-bottom: 50px;
  }
  .isohachi_r img {
    width: 100%;
    height: auto;
  }
  .isohachi_l img {
    margin-bottom: 40px;
  }
  .isohachi_txt {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
  }
  .cafe {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    background-color: #EEFFF7;
  }
  .cafe_img {
    width: 70%;
    margin: 0 auto 50px;
  }
  .cafe_img img {
    width: 400px;
    height: auto;
  }
  .cafe_menu {
    width: 90%;
    text-align: center;
    margin: 0 auto 20px;
  }
  .cafe_note {
    width: 85%;
    margin: 0 auto;
    background-color: #D6DC00;
    padding: 10px 25px 8px;
    border-radius: 15px;
    color: #292929;
  }
  .access {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
  }
  .access_map {
    width: 90%;
    margin: 0 auto 40px;
  }
  .gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 110%;
    position: relative;
  }
  .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
  .access_route_title {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .access_route_mov {
    width: 90%;
    margin: 0 auto 30px;
  }
  .access_route_mov video {
    width: 100%;
    height: auto;
  }
  .access_add {
    text-align: left;
    width: 85%;
    margin: 0 auto 15px;
  }
  .access_route img {
    width: 85%;
    height: auto;
    margin: 0 auto;
  }
  .note {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
    background-color: #EEFFF7;
  }
  .note_txt {
    width: 90%;
    margin: 0 auto 15px;
    text-align: left;
  }
  .note_ul {
    width: -moz-fit-content; /* Firefox */
    width: fit-content; /* other browsers */
    width: 90%;
    text-align: left;
    margin: 0 auto;
  }
  .note_ul ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
  }
  .note_ul ul li::before {
    content: '\e96e';
    font-family: "icomoon";
    font-weight: 400;
    position: absolute;
    left: 0;
  }
  .contact {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 60px 0;
  }
  .contact_tel {
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .contact_mail {
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .contact_txt {
    width: 75%;
    text-align: left;
    margin: 0 auto;
  }
  /*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/