@charset "utf-8";
/* CSS Document */

/* 基本色 */

:root {
	--main-color:#333;
	--accent-color:#C93;
	--dark-main-color:#6A3500;
}

/* 基本設定 ページ全体 */

* {
	margin: 0px;
	padding: 0px;
	}

a:link{
	color: #a07c40;
	text-decoration: none;
}
a:visited{
	color: #a07c40;
	text-decoration: none;
}
a:hover{
	text-decoration:none;
}
a:active{
	text-decoration:none;
}



body {
	/* ゴシック体指定 */
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
	font-style: normal;
	font-weight: 300;
	font-size:11px;
	letter-spacing:0.1em;
	
	}
		
h1 {
	font-family: 'Noto Serif JP', sans-serif; /*"リュウミンR-KL","acta-display","heisei-mincho-std",serif;*/
	height:50px;
	vertical-align:middle;
	margin-top:7px;
	
	}
	

h2 {
	font-family:'Noto Serif JP', sans-serif; /* "リュウミンR-KL","acta-display","heisei-mincho-std",serif;*/
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #a07c40;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
	
}


h3 {
	font-family:'Noto Serif JP', sans-serif; /* "リュウミンR-KL","acta-display","heisei-mincho-std",serif;*/
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #a07c40;
	text-align: center;
	margin-bottom: 0.5em;
	
}

.text01 {
	/*	font-family: "heisei-mincho-std",serif;*/
	font-family: 'Noto Serif JP', sans-serif;  /*"リュウミンR-KL","acta-display","heisei-mincho-std",serif;*/
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	color: #a07c40;
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 90%;
	margin-bottom: 1em;
}

.text02 {
	line-height: 18px;
	color: #333333;
	text-align: left;
	display: block;
	margin: 0 auto;
	width: 85%;
	clear: both;
}



.text03 {
	font-size: 0.7em;
	display: block;
	margin: 1em auto 0.5em auto;
	max-width:90%;
	clear: both;
	text-align: left;
	text-indent: -1em;
	padding-left: 2em;
	line-height: 1.2;
}


/****************************************
Font Awesome
*****************************************/

.icon-insta01 {
	color: #C8A975;
	font-size: 40px;
	position: fixed;
	top: 10px;
	right: 5px;
}

.icon-arrows01 {
/*	font-family: "Font Awesome 5 Brands";
	content: "\f0da";
	color:#a07c40;
*/}


/****************************************
改行指定
*****************************************/

	
/* スマホで見たとき */
  .br-pc { display:none; }
  .br-sp { display:block; }
  
/* パソコンで見たとき */
@media screen and (min-width: 960px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}




/****************************************
TEL ボタン
*****************************************/

.tel-btn {
	background-color: #d3837f;
	color: #FFF;
	width: 80%;
	text-align: center;
	padding: 1em;
	margin: 1em auto;
	font-size: 18px;
	clear: both;
}

.tel-btn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.tel-btn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.tel-btn p{
	font-size: 0.7em;
}



.tel-btn-nav {
	background-color: #d3837f;
	color: #FFF;
	width: 95%;
	text-align: center;
	padding: .7em;
	margin: 1em 0 .5em 0;
	font-size: 15px;
}

.tel-btn-nav a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.tel-btn-nav a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.tel-btn-nav p{
	font-size: 0.7em;
}
	

/****************************************
STORES ボタン
*****************************************/

.stores-btn {
	background-color: #a07c40;
	color: #FFF;
	width: 80%;
	text-align: center;
	padding: 1em;
	margin: 1em auto;
	font-size: 18px;
	clear: both;
}

.stores-btn a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.stores-btn a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.stores-btn p{
	font-size: 0.7em;
}



.stores-btn-nav {
	background-color: #a07c40;
	color: #FFF;
	width: 95%;
	text-align: center;
	padding: .7em;
	margin: 1em 0 .5em 0;
	font-size: 15px;
}

.stores-btn-nav a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.stores-btn-nav a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.stores-btn-nav p{
	font-size: 0.7em;
}
	

.mail-btn-nav {
	background-color: #c8a975;
	color: #FFF;
	width: 95%;
	text-align: center;
	padding: .7em;
	margin: 1em 0 .5em 0;
	font-size: 15px;
}

.mail-btn-nav a:link{
	color: #FFFFFF;
	text-decoration: none;
}
.mail-btn-nav a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.mail-btn-nav p{
	font-size: 0.7em;
}
	
	

/****************************************
リンク用ボタン
*****************************************/

.button-soto {
	width:80%;
	margin:2em auto 1em;
}


.button-rollover {
    color: #a07c40;
    border: #a07c40 solid 1px;
    padding: 10px;
    background-color: #ffffff;
	text-align:center;
	transition: .4s;
	/*margin:0 auto;*/
	margin-bottom:30px;
}

.button-rollover:hover {
    color: #ffffff;
    background-color: #a07c40;
}

/****************************************
右下固定ボタン
*****************************************/

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
position: fixed; /*ボタンの配置場所を固定*/
bottom: -10px; /*下からのボタンの配置場所を指定*/
right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
	display: block; /*配置の調整*/
	text-decoration: none; /*文字の下線を消す*/
	color: #fff; /*文字の色*/
	background: #d3837f; /*ボタンの背景色*/
	text-align: center; /*文字を中央に配置*/
	border-radius: 5%; /*ボタンの角を少し丸くする*/
	outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
	text-decoration: none; /*マウスオーバー時の背景色*/
	background-color: #E4B4B1;
}
/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
width: 100px; /*ボタンの幅*/
height: 70px; /*ボタンの高さ*/
padding: 24px 0; /*文字の配置場所の調整*/
}
}
/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
font-size: 10px;
}
#PageTopBtn a {
width: 70px;
height: 50px;
padding: 17px 0;
}
}




/****************************************
header
*****************************************/

/*ヘッダー*/
header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 60px;
	background-color: #FFF;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);	
}

.head-fixed {
	position: fixed;
}



/****************************************
slider
*****************************************/

/*スライダー*/


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



.slider img{
	padding-top:50px;
	width:100%;
}



/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
/*@media only screen and (max-width: 750px) {*/
.slider-img-pc { display: none !important; }
.slider-img-sp { display: block !important; }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width:960px){
.slider-img-pc { display: block !important; }
.slider-img-sp { display: none !important; }

.swiper-container {
      width: auto;
      height: 100vh;
    }
	
.slider img{
  object-fit: cover;
  }


}







/****************************************
news
*****************************************/

.news {
	background-color: #ffffff;
	padding: 3em 0;
}

.news-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	max-width: var(--large-width);
	margin 30px auto;
	text-overflow: ellipsis;
	}
	
.news article {
	flex: 1 1 300px;
	/*flex: 1 1 384px;*/
	display:flex;
}

.news-container a {
	flex: 1;
	margin: 10px;
	display: flex;
	height:200px !important;
	/*border: solid 1px #ddd;*/
	/*border: solid 1px var(--white-color);*/
	color:inherit;
	text-decoration:none;
	min-height:100px;
}
.news-container a:hover {
	opacity: 0.8;
}

.news-container02 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	max-width: var(--large-width);
	margin 30px auto;
	text-overflow: ellipsis;
	}
	
.news article {
	flex: 1 1 300px;
	/*flex: 1 1 384px;*/
	display:flex;
}

.news-container02 a {
	flex: 1;
	margin: 10px;
	display: flex;
	height:200px !important;
	/*border: solid 1px #ddd;*/
	/*border: solid 1px var(--white-color);*/
	color:inherit;
	text-decoration:none;
	min-height:100px;
}
.news-container02 a:hover {
	opacity: 0.8;
}


.news .photo {
	flex: 3;
	height: auto;
	background-position: center;
	background-size: cover !important;
}

.news .text {
	flex: 3;
	margin: 10px;
}

.news h3 {
	margin: 5px;
	text-align:left;
	font-size:15px;
}

.news-title {
	font-size: 16px;
	color: #333;
}

.news p{
	font-size: 13px;
	opacity: 0.8;
	letter-spacing:0px;
	padding-top: 0.5em;
}

.news-date {
	font-size: 12px;
	padding-top: 0.5em;
}

/*@media (max-width: 384px) {
	.news .photo {
		flex: 1;
	}
	
	.news p {
		display:none;
	}
}
*/

/****************************************
menu
*****************************************/

.menu {
	background-color: #fff5f6;
	padding: 3em 0;
}

.menu-pc {
	width:100%;
	}

.menu-left img {
	margin: 0 auto;
	text-align:center;
	width: 90%;
	float: clear;
}

.menu-left02 img {
	margin: 0 auto;
	text-align:center;
	width: 90%;
	float: clear;
}

.menu-right img {
	margin: 0 auto;
	text-align:center;
	width: 90%;
	float: clear;
}

.menu-right02 img {
	margin: 0 auto;
	text-align:center;
	width: 90%;
	float: clear;
}

/*181114以前
.menu img {
	margin: 1em 0;
	text-align:left;
	width: 100%;
	float: clear;
}
*/

.menu-list {
	width: 85%;
	text-align: center;
	margin: 10px auto;
	float: clear;
}

.menu-list02 {
	width: 85%;
	text-align: center;
	margin: 10px auto;
	float: clear;
}

.menu ul {
	list-style:none;
}

.menu li {
	margin-bottom: 35px;
	position: relative;
	}


.memu-name {
	font-family: 'Noto Serif JP', sans-serif; /* "リュウミンR-KL","acta-display","heisei-mincho-std",serif;*/
	text-align: left;
	clear: both;
	font-size: 1.3em;
}



.memu-name-ja {
	text-align: left;
	float: left;     /* 左端に寄せて、後続を右側へ回り込ませる */
	font-size: 0.8em;
	clear: both;
}

.menu-price {
	font-family: "リュウミンR-KL","acta-display","heisei-mincho-std",serif;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	clear: both;
	font-size: 1.3em;
}

.box{
 display: flex;
}
@media screen and (max-width: 960px) {
 .box{
  flex-direction: column;
 }
}

@media screen and (max-width: 960px) {
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
}



/****************************************
about
*****************************************/

.about {
	background-color: #ffffff;
	padding: 3em 0;
}

.about img {
	display: block;
	width: 90%;
	margin: 30px auto;
}


.about .text02 {
	margin-top:30px;
}

/* .viewer
------------------------- */

.viewer {
    margin: 0 auto !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    z-index:30;
    display:inline-block;
    text-align: center;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
@media only screen and (max-width: 959px) {
	.viewer {
		margin: 0 auto;
		width: 90% !important;
		position: relative;
		overflow: hidden;
		z-index:30;
	}
}





/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(https://b674ca.claudeassets.com/20250316072706im_/https://ch-tearoom.com/images/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(https://bbce33.claudeassets.com/20250316072706im_/https://ch-tearoom.com/images/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}


/****************************************
party
*****************************************/

.party {
	padding: 3em 0;
	background-color: #fff5f6;
}


.party img {
	display: block;
	width: 90%;
	margin: 30px auto;
}

/****************************************
goods
*****************************************/

.goods {
	
	padding: 3em 0;
}


.goods-pc {
	width:100%;
}

.goods-left img {
	margin: 0 auto;
	display: block;
	text-align:center;
	width: 90%;
	float: clear;
}


.goods-text {
	margin: 0 auto;
	text-align: center;
}

.goods p{
	color: #333333;
	text-align: left;
	margin: 0 auto;
	width: 90%;
}

/****************************************
access
*****************************************/

.access {
	background-color: #fff5f6;
	padding: 3em 0;
	color: #666666;

}
.access iframe{
	width:100%;
	height:400px;
	vertical-align:bottom;
}


address {
	font-style: normal;
	text-align: center;
}

.access dl {
	margin: 1em auto;
	font-size: 0.9em;
	width: 320px;
}

.access dt {
	display: block;
	text-align: right;
	clear: left;
	width: 80px;
	clear: left;
	float: left;
	margin-right: 0.5em;
}

.access dd {
	display: block;
	text-align: left;
	float: left;
}


/****************************************
フッター コピーライト
*****************************************/


/* フッター コピーライト*/
.copyright {
	width: 100%;
	font-size: 12px;
	text-align: center;
	background-color: #6f470a;
	color: #C0B5A7;
	padding-top:0.4em;
	padding-bottom:0.4em;
	/*	position: fixed;*/
	bottom: 0;
	z-index: 90;
	margin: 0 auto;
	font-family:'Times New Roman', 'Times';	
}


/****************************************
PC用
*****************************************/

@media screen and (min-width:960px){
	
	
body {
	font-size:15px;
	}
	
h2 {
	font-size: 32px;
	
}

    
h3 {
	font-size: 20px;
	margin:30px　0px　30px　0px;
	
}
	
.section {
}
	

.text01 {
	font-size:17px;
}
	
.text02 {
	width: 100%;
	text-align:center;
	font-size:13px;
}

.text03 {
	width: 500px;
}

.tel-btn {
	width: 30%;
	margin-top:40px;
}

.button-soto {
	width:230px;
	/*width:200px;*/
	margin:2em auto 1em;
}

.news p{
	font-size: 13px;
	opacity: 0.8;
	letter-spacing:2px;
	padding-top: 0.5em;
}

.news-container {
	margin:10px auto 0;
	width:960px;
}

.about .text02{
	margin-top:30px;
	max-width:900px !important;
	line-height:1.5;
}

.about img,
.party img {
	max-width: 960px;
}



.menu-pc{
	margin: 0 auto;
	max-width: 960px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/*align-items: center;*/
	margin-bottom:30px;
}

.goods-pc {
	margin: 0 auto;
	max-width: 960px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/*align-items: center;*/
}

.menu-left img,
.goods-left img {
	max-width: 430px;
	text-align:left;
	float: left;
	flex: 1px;
}
    
    
.menu-left02 img {
	max-width: 350px;
	text-align:left;
	margin-top:18px;
	float: left;
	flex: 1px;
}

.menu-right img{
	max-width: 430px;
	text-align:right;
	float: right;
	flex: 1px;
}

/* 181114以前
.menu img {
	max-width: 400px;
	text-align:left;
	float: left;
	flex: 1px;
} */



.menu-text {
	float: right;
	flex: 1px;
}

.menu-text02 {
	float: left;
	flex: 1px;
}

.menu-list {
	width: 500px;
	/*width: 100%;*/
	text-align: center;
	margin: 0 auto;
	/*padding-left:2em;*/
}


.goods-pc {
	margin: 0 auto;
	max-width: 960px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*.goods img {
	text-align: right;
	float: left;
	flex: 0 0 300px;
}*/

.goods-text {
	float: left;
	text-align: left;
	flex: 1;
	margin: 0 auto;
}


.copyright {
	font-size: 12px;
	}

}

/*
     FILE ARCHIVED ON 08:28:53 Oct 02, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:08:15 Sep 18, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.37
  exclusion.robots: 0.044
  exclusion.robots.policy: 0.034
  esindex: 0.007
  cdx.remote: 23.044
  LoadShardBlock: 70.572 (3)
  PetaboxLoader3.datanode: 95.783 (5)
  PetaboxLoader3.resolve: 274.017 (2)
  load_resource: 316.387
  loaddict: 27.68
*/