@charset "UTF-8";
.maincon img{ width: 100%; height: auto;}
.maincon{ box-sizing: border-box; position: relative;}
.sidetxt{ letter-spacing: 0.3em; position: absolute; top: 40%; transform: rotate(90deg); font-weight: bold;}
.sidetxt.lefttext{ left: -56px;}
.sidetxt.righttext{ right: -48px;}
.aboutTit{text-align: center; margin-bottom: 45px;}
.aboutTit dt{  width: 154px; margin: 0 auto;}
.aboutTit img{ width: 100%; height: auto;}
.aboutTit dd{ font-size: 16px; margin-top: 18px;}



.aboutRead{ max-width: 722px; margin: 0 auto; margin-bottom: 115px;}
.aboutRead img{ width: 100%; height: auto;}

.inner{ width: 100%; box-sizing: border-box; padding: 0 30px;}
.contentW{ max-width: 1140px; margin: 0 auto;}
.txtread{ font-size: 15px; line-height: 32px; letter-spacing: 0.2em; padding-left: 5.263%;}

.aboutcon{ background: url(../img/item_about.png) right bottom no-repeat; background-size: 44.285%; padding-bottom: 184px;}


.menucon{ position: relative; margin-bottom: 360px;}
.menuTit{ width: 141px; text-align: center; margin-bottom: 60px;}
.menuTit img{ width: 100%; height: auto;}
.menuTit dd{ font-size: 16px; margin-top: 10px;}

.menuImgarea{ width: 76.285%; position: absolute; right: 0; top: 80px; max-width: 1068px;}
.menuImg{ width: 100%; height: 450px; background: url(../img/img_manu.jpg) center center no-repeat; background-size: cover; margin-bottom: 40px;}


.menuImgarea ul{ text-align: right;}
.menuImgarea ul li{ display: inline-block; padding: 0 25px; vertical-align: top;}
.menuImgarea ul li dl{display: list-item;
  list-style: disc;}
.menuImgarea li dt{ font-size: 16px;}
.menuImgarea li dd{ font-size: 12px;}



.storycon{ background: #f5e9d5;}
.styImg img{ width: 100%; height: auto;}
.story01img{ width: 64.56%;}

.storytxtcon{ margin-top: 40px;}
.sty01text{ width: 20.175%; position: relative;}
.story01img{ float: left;}
.sty01text{ float: right;}

.storytxtdt{	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
font-size: 14px; line-height: 33px; letter-spacing: 0.06em;
float: left;
min-height: 300px;}


.storyreadTit{     width: 147px;
    position: absolute;
    right: -29px;
    top: 98px;
transform: rotate(90deg);
}


.storyreadTit img{ width: 100%; height: auto;}

.storytxtcon .storyreadImg{ float: right;    padding-right: 37%;}


.tit_story_seccon{ width: 45.17%; position: absolute; bottom: 103px; right: 0;}
.tit_story_sectit{ margin-bottom: 30px;}
.tit_story_secDt{ font-size: 14px; line-height: 26px; color: #747474; box-sizing: border-box; padding-right: 30px;}


.storycon .contentW{ position: relative; padding-bottom: 200px; margin-top: 100px;}

.story01img,.sty01text{ /*margin-top: -178px;*/}
.stykistcon{background: #faf4ea; position: relative;}
.stykistcon:before{ content: ""; width: 100%; height: 270px; position: absolute; background: #f5e9d5; display: block; top: -100px;}

.sty02con{ background: #faf4ea; width: 100%; padding-bottom: 387px;}
.sty02con .inner{ max-width: 1320px; margin: 0 auto; box-sizing: border-box;}

.story02img{ width: 33.2%;}
.st02logoimg{width: 330px; margin-left: auto; padding-right: 70px; margin-bottom: 55px;}
.st02logoimg img{ width: 100%; height: auto;}
.story02img{ float: left;}
.storytext02{ float: left; width: 66.8%;}

.tit_story_02{ box-sizing: border-box; padding: 0 70px;}
.story02img{ margin-top: -138px;}

.storytext02{ margin-top: 53px;}

.styList{ font-size: 0; margin-top: -255px;}
.styList li{ width: 50%; display: inline-block; box-sizing: border-box; margin-bottom: 100px; vertical-align: top;}
.styList dt{ padding: 12px 0 28px 0;}
.styList dd{ color: #747474; font-size: 14px; line-height: 26px; letter-spacing: 0.03em;}
.styList li:nth-child(odd){ padding-right: 40px;}
.styList li:nth-child(even){ padding-right: 40px;}

.styList li:nth-last-child(1),.styList li:nth-last-child(2){ margin-bottom: 65px;}
.stykistcon .contentW{ padding-bottom: 0;}



.newsTit{ text-align: center; padding-top: 90px; margin-bottom: 60px;}

.newsTit dt{ width: 282px; margin: 0 auto;}
.newsTit dt img{ width: 100%; height: auto;}
.newsTit dd{ font-size: 16px; margin-top: 15px;}


.snsareaW{ letter-spacing: 0; font-size: 0;}
.fbareaWrapp{ width: 50%; display: inline-block; vertical-align: top;  box-sizing: border-box;}
.igareaWrapp{ width: 50%; display: inline-block; vertical-align: top; border-left: 1px solid #e1dad1; box-sizing: border-box; padding-left: 20px;}
.snsareaW h3{ margin-bottom: 30px;}

.newscon{background: #faf3e9;}
.newscon .contentW{ max-width: calc(1140px + 7.79%); padding-bottom: 94px;  text-align: center;}
.newsList{ font-size: 0; margin-right: -7.79%}
.newsList li{ width: 33.3%; display: inline-block; box-sizing: border-box; padding-right: 7.79%;}
.newsList li dt{ margin-bottom: 20px;}
.newsList li dd{ font-size: 14px; line-height: 23px;}
.newsList li dd.day{ font-size: 10px; margin-bottom: 10px;}
.newsList li dt img{ width: 100%; height: auto;}


.igList{ font-size: 0; letter-spacing: 0; text-align:left;}
.igList li{ display: inline-block; width: 33%; vertical-align: top; box-sizing: border-box; padding-left: 20px; margin-bottom: 20px;}
.igList li img{width: 100%; height: auto;}

.youtubecon{ margin-top: 80px; }
.youtubecon ul{ font-size: 0; letter-spacing: 0; }
.youtubecon h3{ margin-bottom: 30px;}
.youtubecon li{ display: inline-block; width: 33%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0 12px; margin-bottom: 20px;}
.youtubecon li img{ width: 100%; height: auto;}

.mapcon{ width: 100%; background: url(../img/bg_map.png) top center no-repeat;
background-size: cover; padding-bottom: 90px;}

.storeTit{ text-align: center; color: #fff; font-size: 16px; padding: 116px 0 50px;}
.storeTit_left { text-align:left; color: #fff; font-size: 16px; padding: 0px;}
.storeTit dt{ width: 142px; margin: 0 auto;}
.storeTit dd { font-size: 16px; margin-top: 13px;}
.storeTit_left dd{ font-size: 16px; margin-top: 0;}

.google-map {
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    /* padding-bottom: 35.1%;  */
    margin-bottom:16px;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}

.online{ position: relative;}
.online .onlineTit{ position: absolute; text-align: center;}

.online .contentW{ position: relative; max-width: 1280px;}
.onlineTit dt{ width: 282px;}
.onlineTit dd{ font-size: 16px; margin-top: 13px;}

.onlineitemLIst{ width: 66.4%; margin-left: auto; font-size: 0; letter-spacing: 0;}
.onlineitemLIst li{ width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; text-align: center; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; margin-bottom: 65px; }
.onlineitemLIst li dl{ padding-top: 35px;}
.onlineitemLIst li:nth-child(odd){ padding-right: 30px;}
.onlineitemLIst li:nth-child(even){ padding-left: 30px;}
.onlineitemLIst li dt{ font-size: 18px; font-weight: bold;}
.onlineitemLIst li dd{ font-size: 15px; padding-top: 25px; line-height: 25px; margin-bottom: 25px;}
.olimg img{ width: 100%; height: auto;}

.olBtn a{ margin-top: 25px; width: 100%; height: 60px; line-height: 60px; background: #cadb2e; text-align: center; color: #000; font-weight: bold; font-size: 18px; display: block; border-radius: 10px;}

.ytch{ max-width: 800px; margin: 0 auto;}
.ytch img{ width: 100%; height: auto;}



@media screen and (min-width:901px) {
.maincon{  padding: 0 40px; margin-top: -107px; }
}
@media screen and (max-width:900px) {
	.maincon{ margin-top: 24.13%;}
	
	.logo {
    width: 33%;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -16.55%;
}
	.aboutTit { padding-top: 40px;}
	.aboutTit dt{ width: 115px;}
	.aboutTit dd {
    font-size: 14px;
    margin-top: 9px;
}
	
	
	.aboutTit{ margin-bottom: 43px;}
	.aboutRead {
    margin-bottom: 50px;
}  
.txtread {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.2em;
    padding-left: 0;
}
	.aboutcon{ background: none; padding-bottom: 80px;}
	.menuTit {
    width: 106px;
    text-align: center;
    margin-bottom: 25px;
		text-align: left;
}
.menuTit dd {
    font-size: 14px;
	margin-top: 9px;}
	
.menuImg {
    width: 100%;
    height: 341px;
    background: url(../img/bg_menu_sp.jpg) center center no-repeat;
    background-size: cover;
    margin-bottom: 40px;
}
	
.menuImgarea {
    width: 100%;
    position: relative;
    right: 0;
    top: auto;
}
	
	.menuread{ width: 88px;
    position: absolute;
    right: 20px;
    top: -13px;
    z-index: 100;}
	.menuread img{ width: 100%; height: auto; }
	
	
	
	.menuImgarea ul{ text-align: left;}
	.menuImgarea li{ margin-bottom: 35px;}
	.menuImgarea li dt{ font-size: 14px;}
	.menuImgarea li dd{ font-size: 12px;}
	.menuImgarea ul li:last-child{ margin-bottom: 0;}
	.story01img {
    float: none;
}
	.sty01text{     float: none;
    width: 70%;
    margin: 0 auto;
    top: -70px;}
	
	.storyreadTit {
    width: 111px;
    position: absolute;
    right: -29px;
    top: 47px;
    transform: rotate(90deg);
}
	.storytxtdt{line-height: 31px;}
	
	.storytxtcon .storyreadImg {
    float: right;
    padding-right: 31%;
    width: 24px;
}
	
	.menucon{ margin-bottom: 60px;}
	.tit_story_seccon {
    width: 100%;
    position: relative;
    bottom: auto;
    right: 0;
		box-sizing: border-box;
		padding: 0 20px;
}
	
	.story01img {
    width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
}
	
	.tit_story_secDt{ font-size: 12px; color: #000; padding-right: 0;}
	.story02img{ float: none; width: 100%;}
	.story02img img{  margin-top: -102px;}
	
	
	.storycon .contentW {
    position: relative;
    padding-bottom: 310px;
}
	
	
	.st02logoimg {
    width: 160px;
    margin: 0 auto;
     padding-right: 0; 
    margin-bottom: 40px;
}
	
	.storytext02 {
    float: none;
    width: 100%;
}
	
	.tit_story_02{ padding: 0 20px;}
	
	.storytext02 {
    margin-top: 10px;
}
	.styList{ box-sizing: border-box; width: 100%;}
	.styList dl{box-sizing: border-box; width: 100%; padding: 0 20px;}
	.styList li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-bottom: 80px;
    vertical-align: top;
}
.styList li:nth-child(odd) {
    padding-right: 0;
}
	
	
	
.styList li:nth-child(even) {
    padding-right: 0;
}
	
	.styList {
		margin-top: -155px;}
	
	.sty02con {
    padding-bottom: 227px;
}
	
	.stykistcon .contentW {
    padding-bottom: 55px;
}
	.styList li:last-child{ margin-bottom: 0;}
	
	.newsTit{margin-top: 50px;
    margin-bottom: 40px;}
	
	.newsTit dt{ width: 92px;}
	
	.newsTit dd {
    font-size: 14px;
		margin-top: 13px;}
	
	
	
	
	.newsList {
    font-size: 0;
    margin-right: 0;
		box-sizing: border-box;
		padding: 0 20px;
}
	
	
	.newsList li {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-right: 0;
		margin-bottom: 40px;
}
	
	
	.newsList li dt {
    margin-bottom: 13px;
}
	
	.newsList li dd{ font-size: 12px;}
	
	
	.newsList li:last-child{ margin-bottom: 0;}
	.newscon .contentW {
    padding-bottom: 85px;
}
	
.storeTit {
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 25px 0 15px;
}
	.storeTit dt{ width: 128px;}
	.mapcon{ padding-bottom: 45px;}
	/* .google-map{ padding-bottom: 60%;} */
	.mapcon .contentW{ width: 100%; box-sizing: border-box; padding: 0 20px;}
	
	.onlineTit dt {
    width: 172px;
		margin: 0 auto;
}
.onlineitemLIst {
    width: 100%;
}
	
	.onlineitemLIst li{ width: 100%;} 
.onlineitemLIst li:nth-child(odd) {
    padding-right: 10px;
}
.onlineitemLIst li:nth-child(even) {
    padding-left: 10px;
}
	.onlineTit{ margin-bottom: 30px;}
	.onlineitemLIst li dl {
    padding-top: 20px;
}
.onlineitemLIst li dd {
    font-size: 14px;
    padding-top: 10px;
    line-height: 25px;
    margin-bottom: 25px;
}
.olBtn a {
    margin-top: 25px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #cadb2e;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    display: block;
    border-radius: 10px;
}
.newsTit dt {
    width: 202px;
}
.fbareaWrapp {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-bottom: 60px;
}
.igareaWrapp {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-left: none;
    box-sizing: border-box;
    padding-left: 0;
}
.igList li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 0;
    margin-bottom: 20px;
}
	.igList li:nth-child(odd){ padding-right: 10px;}
	.igList li:nth-child(even){ padding-left: 10px;}
	.snsareaW h3 {
   width: 130px; margin: 0 auto; margin-bottom: 30px;
}
.youtubecon h3 {
    width: 220px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.youtubecon li {
    width: 50%;
}
.online .onlineTit{ position: relative;}

	.onlineitemLIst li dt {
    font-size: 18px;
}
}

@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}

.storeTit dd.sabtxt{ font-size: 12px;}
	
	
@media screen and (min-width: 768px){   
  /* .pc { display:inline; }*/
  .sp { display:none; }
}
@media screen and (max-width: 768px){   
  .pc { display:none; }
  .sp { display:inline; }
}
.store-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
  }
  
  .store-item {
    width: 100%;
  }
  
  .store-item .google-map {
    width: 100%;
    height:300px;
  }
  
  .store-item .google-map iframe {
    width: 100%;
    height: 300px;
  }
  
  /* レスポンシブ対応 */
  @media screen and (max-width: 768px) {
    .store-grid {
      grid-template-columns: 1fr;
      gap: 50px;
      padding:0;
    }
    
  .store-item .google-map ,.store-item .google-map iframe {
      height: 250px;
    }
  }