@charset "euc-jp";
/* CSS Document */



/*================�主���垂��================*/

#kanban {background: url(../../images/repeat/bg_03.jpg?798) center top;}
#kanban p{text-align: center;color: #000;padding: 0 0 1.5% 0;font-size: 20px;font-family: "UD ���吾�帥�� ��腱��娯� N-B",'Noto Sans JP','�＜�ゃ����', 'Meiryo',  sans-serif;}


#coupon {/* background: url(../../images/repeat/bg_02.jpg?798) center top; */ackground-color: #e3e7f0;}
#coupon ul.pc {text-align:center;/* width: 1200px; */ackground-color: #e3e7f0;}
#coupon ul.pc li {margin: 0 0.5%;display: inline-block;/* box-shadow: 0 10px 20px rgb(0 0 0 / 10%); */}


#coupon {background-color: #e9edf3;}

#coupon ul.sp li {width: calc(100%/1); float: left; margin-top: -3%;}




/*-------�鴻����茵�ず-------*/
@media (max-width: 1199px){

	#kanban p{padding: 3% 0 5% 0;font-size: 4vw;margin: 0;}

}



/*================�惹�膣≒��================*/



#search .searchform{width: 900px;margin: 1.5% auto; clear: both;}
#search form {text-align: center;}
#search h2 {font-size: 36px;margin: 0 auto 24px;color: #000;font-weight: 700;text-align: center;font-family: "UD ���吾�帥�� ��腱��娯� N-B",'Noto Sans JP','�＜�ゃ����', 'Meiryo',  sans-serif;}
#search .inputcontainer {display: flex;background: #0d469d;font-size: 16px;border: 2px solid #0d469d;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 20px rgb(0 0 0 / 20%);}
#search .text_input{height: 56px !important;border-top-left-radius: 10px;border-bottom-left-radius: 10px;background: #ffffff;position: relative;width: 93.5%;display: flex;align-items: stretch;border-right: none;}
#search .text_input input {outline: none;flex: 1 1 auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: flex;margin: 0;padding: 0;border: none;border-top-left-radius: 10px;border-bottom-left-radius: 10px;text-indent: 16px;line-height: 1.5;background: #ffffff;overflow: visible;font-size: 100%;}
#search .search-button{width: 6%; height: 6%;padding-left: 0.5%;}


/*-------�鴻����茵�ず-------*/
@media (max-width: 1199px){

	#search .searchform{width: 95%;}
	#search h2 {font-size: 2em;margin: 1rem auto}
	#search .text_input{height: 11.5vw !important;width: 90%;}
	#search .search-button{width: 12%; height: 12%;padding: 0.5% 0 0 1%;}
	#search .inputcontainer {box-shadow: 0 3px 9px rgb(0 0 0 / 33%);}

}



/*================�若�����眼���錫��================*/


#search , #category{/* background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u44587804/pc/common/css/../../images/repeat/bg_02.jpg) center top; */padding: 1%;color: #fff;background-color: #caf7e0;}
#category h2 {font-size: 36px;margin: 0 auto 24px;color: #1e1e1e;font-weight: 700;text-align: center;font-family: "N-B",'Noto Sans JP','�＜�ゃ����', 'Meiryo',  sans-serif;}
#category ul {width: 1200px;margin: 2% auto;display: flex;white-space: nowrap;justify-content: space-evenly;flex-wrap: wrap;}
#category ul::after{content: "";display: block;clear: both;}
#category ul li{position: relative;float: left;width: calc(90%/6 - 1%);margin: 0 1%;text-align: center;padding: 2% 0;cursor: pointer;box-shadow: 0 5px 12px rgb(0 0 0 / 33%);background-color: #0d9d7a;border-radius: 10px;}

#category ul li p {
    color: #fff;
}
#category ul li:hover{box-shadow:none;transform: translateY(5px);transition-duration: .3s;}
#category ul li a{color: #fff;position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-indent: 100%;white-space: nowrap;overflow: hidden;/* color: #fff; */}

a {}
#category ul li a::after {content: "";position: absolute;bottom: 6px;right: 6px;width: 0;height: 0;border-left: 12px solid transparent;border-bottom: 12px solid #fff;}
#category p {font-size: 16px;font-weight: bold;}



/*-------�鴻����茵�ず-------*/
@media (max-width: 1199px){

	#category h2 {font-size: 2em;margin: 5% auto;}
	#category ul {width: 100%;margin: 2% auto 5% auto;display: flex;white-space: nowrap;justify-content: start;flex-wrap: wrap;}
	#category ul li{position: relative;float: left;width: calc(98%/2 - 1%);margin: 1%;text-align: center;padding: 2% 0;box-shadow: 0 3px 9px rgb(0 0 0 / 16%);}
	#category p {font-size: 4vw;}

}



/*================�若�帥�������帥����================*/

/* .panel{
	display:none;
}

.tab.is-active{
	background:#000;
	color:#FFF;
	transition: all 0.2s ease-out;
	border: 1px solid #000;
}
.panel.is-show{
	display:block;
	position: relative;
	animation-name: fade;
	animation-duration: 2s;
} */



/*-------�鴻����茵�ず-------*/
/* @media (max-width: 1199px){

	.panel.is-show{
		animation-name: fade_sp;
        animation-duration: 1s;
		animation-timing-function: ease;
    }	

} */




/*================�若�＜�ゃ�潟�潟�潟���潟����================*/



/* #main{padding: 1%;background-color: #a8e7eb;} */
#main{/* background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/www.rakuten.ne.jp/gold/kurashikenkou/images/repeat/bg_03.jpg) center top; */padding: 1% 0;}
#block .item-content{margin-bottom: 5%;}
#block .item-content h2{color: #1e1e1e;font-size: 35px;font-weight: bold;text-align: center;margin: 1% auto;padding-top: 3%;padding-bottom: 3%;}
#block .item-box{margin: 0 auto;position: relative;}
#block .item-list {width: 1200px;display: flex;flex-wrap: wrap;align-content: center;align-items: flex-start;margin: 0 auto;}
#block .item-innner {width: calc(85%/5);margin: 1% 0.75%;box-shadow: 0 8px 16px 2px rgb(0 0 0 / 30%);background-color: #fff;border-radius: 10px;padding: 0.5%;}
#block .item-img {padding: 0 0 3% 0;}
/* #block .item-name{font-size: 14px;margin: 0 auto;text-align: left;line-height: 1.2;width: 98%;padding-bottom: 10px;height: 30px;} */
#block .price{align-items: center;display: flex;justify-content: space-between;}
#block .prices{align-items: baseline;cursor: text;display: flex;flex: 0 0 auto;color: #B22029;font-weight: bold;font-family: centuryGB,"Century Gothic",helvetica,Arial,sans-serif!important;font-size: 24px;font-weight: bold;}


/*-------������������-------*/
#block .osusume {width: 1000px;margin: 3% auto 2% auto;}
#block .osusume ul {display: inline-block;width: 100%;}
#block .osusume ul::after {content: "";display: block;clear: both;}
#block .osusume ul li.cal2 {float: left;width: calc(98%/2 - 2%);margin: 0 1%;}
#block .osusume .item-img {width: 49%;float: left;padding: 0 2% 0 0;}
#block .osusume .item-right {width: 49%;float: left;position: relative;}
#block .osusume .item-name{font-size: 1.25rem;height: 50px}
#block .osusume .item-info{margin: 4.5rem auto 0 auto;}
#block .osusume #modal-content{margin: 0 auto ;}

.item-innner form {margin: 3% auto 0 auto;}


/*-------�鴻����茵�ず-------*/

@media (max-width: 1199px){

	#block .item-content{margin-bottom: 10%;}

	#block .item-content h2 {font-size: 9vw;margin: 5% auto;padding-top: 5%;}
	#block .item-list {width: 100%;}
	#block .item-innner {width: calc(88%/2);margin: 2% 1%;padding: 2%;box-shadow: 0 3px 9px rgb(0 0 0 / 33%);}
	#block .item-name {width: 100%;padding-bottom: 2%;height: 5vh;font-size: 4vw;}
	#block .prices{font-size: 5vw;}


	/*-------������������-------*/
	#block .osusume {width: 98%;margin: 0 auto;}
	#block .osusume ul li.cal2 {float: left;width: 96%;margin: 0 auto 2% auto;}
	#block .osusume .item-name{font-size: 4vw;height: 10vw}
	#block .osusume .item-info{margin: 11vw auto 0 auto;}

}





/*================�若���若�����帥�鰍��================*/


.cart label {
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	display: inline-block;
	margin-bottom: 0.5rem;
  }

/* ���医�ュ�������� */
.input_area {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}
.input_area input {font-size: 1rem;padding: 10px 2px;background-color: #f5f5f5;border: none;box-shadow: 0 2px 0 0 #808080;border-top-left-radius: 4px;border-top-right-radius: 4px;font-size: 1.2rem;text-align: center;width: 35%;}
.input_area input:focus {outline: 0;}

/* FireFox鐚�IE���������������鴻�����若��羔��� */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Chrome��Safari���������������鴻�����若��羔��� */
input[type="number"] {-moz-appearance: textfield;}

/* ���医�羝����帥�� */
.btnspinner {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	/* ���㏍�鴻�����御���с���������������� */
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.btnspinner:hover {background-color: #f8f9fa;}
.btnspinner:focus {outline: 0;border-color: #6c757d;box-shadow: 0 0 0 0.2rem #6c757d80;}


@media screen and (max-width: 749px) {
.input_area {margin-bottom: 0;}
}








/*================�弱２������茵�ず��================*/

#block .osusume .soldout {margin: 0 auto ;}
.soldout {background-color: #4242427c;border-radius: 4px;text-align: center;font-size: 1rem;letter-spacing: 0.12em;margin: 3.5rem auto 0 auto;}
.soldout p {color: #fff;text-decoration: none;pointer-events: none;padding: 4px 0;}



/* �鴻����茵�ず */
@media (max-width: 1199px){

	.soldout p{padding: 0.5rem 0;margin:0;}

}


/*================�若���ｃ�������================*/

/*���ｃ�����*/
.event_bn{width: 1200px;margin: 30px auto;}
.event_bn a{width: 50%;display: block;background-color: #0d469d;margin: 0 auto;padding: 20px 0;position: relative;transition: 0.5s;border-radius: 10px;border: 2px solid #0d469d;}
.event_bn a:hover{background: none; text-decoration: none;}
.event_bn a::after{font-family: "Font Awesome 5 Free";content: '\f138';font-weight: 900;position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);transition: 0.5s;color: #fff;font-size: 23px;}
.event_bn a:hover::after{right: 5px;color: #333;}
.event_bn a p{font-size: 28px;color: #fff;text-align: center;transition: 0.5s;}
.event_bn a:hover p{color: #333;}


.event_bn ul {width: 100%;display: flex;white-space: nowrap;justify-content: start;flex-wrap: wrap;}
.event_bn li.cal2 {float: left;width: 48%;margin: 1%;}
.event_bn li.cal2 a{width: 100%;}
.event_bn li.cal2::after{content: "";display: block;clear: both;}

/* �鴻����茵�ず */
@media (max-width: 1199px){

    /*���ｃ�����*/
	.event_bn{width: 100%;margin: 4vw auto ;}
	.event_bn a{width: 95%;padding: 0;transition: 0.1s;}
	.event_bn a:active{background: none;}
	.event_bn a::after{right: 1vw;transition: 0.1s;font-size: 4.5vw;}
	.event_bn a:active::after{right: 0.2vw;}
	.event_bn a p{font-size: 4.5vw;transition: 0.1s;}

	.event_bn li.cal2 {float: left;width: 98%;margin: 1% auto;}

}

/*================�若�������も��================*/

#coupon .rpipoi{
	width: 53%;
    margin: 0 auto;
    padding: 2% 0 1%;
}

#coupon .rpipoi img{
	box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}

#coupon .rpipoi img:hover{
	opacity: 0.8;
}

@media (max-width: 1199px){
#coupon .rpipoi{
	width: 98%;
    margin: 0 auto;
    padding: 2% 0 0;
}

}



/*================��PC:�喝�眼��SMP:�������若���帥�鰍��================*/

.tabNavigation {display: flex;}
.fixTabButton {position: fixed;right: -0.5%;bottom: 10%;z-index: 1;}
.flex-clear {display: block;}
.tabNavigation > li {width: 50%;}
.tabNavigation > li > a{text-decoration: none;}
.tabNavigation > li:hover {transform: translateX(-10px);transition-duration: .4s;}
.flex-clear > li {width: 100%;margin: 3px 0;}
.tabNavigation-button {display: block;padding: 12px 20px 12px 16px;text-align: center;border-radius: 10px 0 0 10px;text-decoration: none;font-size: 20px;background-color: #0d9d7a;color: #fff;font-weight: bold;}
.labeltop{background-color: #a6a6a6;color: #0d9d7a;}


/* �鴻����茵�ず */
@media (max-width: 1199px){

    .flex-clear {display: flex;}
    .fixTabButton {position:fixed;left: 0;width: 100%;overflow-x: scroll;padding: 2% 0 3% 0;bottom: 0;background: #FFF6C8;display: flex;align-items: center;}
    .flex-clear > li {margin: 0 auto;min-width: 30%;}
    .tabNavigation > li:hover {transform: translateY(0);transition-duration: .4s;} 
    .tabNavigation-button{border-radius: 10px 10px;padding: 15% 5%;height: 25px;font-size: 4vw;margin: 0 3px}

}




/*================�若�����帥�錫��================*/



#stor_link {width: 100%;margin: auto;display: flex;justify-content: center;background-color: #fff;}
#stor_link li {margin: 2vw 0;font-size: 90%;color: #000;}
#stor_link li a {color: #000;}

/* �鴻����茵�ず */
@media (max-width: 1199px){

    #stor_link li {margin: 5vw 0;}
	.pc{display:none;}
}

/*================��1��������================*/


/*�����������演��*/
.column{
	margin-bottom: 4%;
}

.column,
.info {
	display: flex;
}
.info {
	margin-top: 5%;
}
.column .split-1,
.column .split-2,
.info .lineup {
	width: calc(100%/2);	
	margin-top: 5%;
}
/*.column .split-1{
	margin-right: 5%;
}*/
.column .split-2{
	padding: 0 8% 0 5%;
margin-top: 9%;
}

.tea-image {
    width: 21.5%;
    padding: 1%;
    border-radius: 10px 10px 10px 10px;
    margin: 0% 7% 0% 4%;
    position: absolute;
}

.stump{
    width: 111px;
    margin: -23% 0 0 34%;
}

.tyaba{
    width: 40px;
    margin: -21% 0 0 42%;
}
.prices span /*腮�昭*/{
	font-weight: 500;
	font-size: 8px;
}

.lineup {
	align-items: flex-end;
}





/* �主��睡�眼���� */
.item_1clm{
	width: 1200px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 2px rgb(0 0 0 / 30%);
	border-radius: 10px;
	margin: 0 auto 3%;
}

.item-info{
	display: flex;
	padding: 5%;
}

.item-info ul{
flex-basis: 50%;
text-align: center;
}


.item-info ul li img{
	width: 56%;
}

.item-txt{
	display: flex;
	flex-direction: column;
	font-weight: bold;
	flex-basis: 50%;
}


.item-catch{
	text-align: left;
	font-size: 18px;
	letter-spacing: 0.2em;
	line-height: 1.7;
	color: #0d9d7a;
	margin: 3% 0 4%;
}

.item-name-1{
	font-size: 25px;
	letter-spacing:0.1em;
	margin: 3% 0;
	line-height: 1.2;
}

.item-name-2{
	font-size: 25px;
	letter-spacing:0.1em;
	margin: 3% 0;
	line-height: 1.4;
}

.link-btn{
	background-color: #0d9d7a;
    padding: 4%;
    color: #fffbe7;
    border-radius: 10px 0 10px 0;
    text-align: center;
    font-size: 15px;
	margin-top: auto;
	width: 240px;
}

.link-btn a{
	display: block;
	transition: 0.4s;
}

/* �牙��睡�眼���� */



.green-tea{
    width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 2px rgb(0 0 0 / 30%);
    padding-bottom: 2%;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 10%;
	margin-bottom: -3%;
	color: #7b8911;
}




/*�����������ャ��=膩���=*/


.item_green .column_green .text{
	font-size: 18px;
	letter-spacing: 0.2em;
	margin-top: -4%;
	line-height: 1.7;
color: #0d9d7a;
}
.item_green .column_green .pricess {
    color: #cc0000;
    font-size: 34px;
    margin-bottom: 75%;
}


.item_green .column_green .pricess{
	color: #cc0000;;
font-size: 34px;
}
.item_green hr{
	background-color: #7b8911;
	height: 1px;
	width: 20px;
	margin: 4% 0 0 45%;
	border: none;
}
.item_green .column_green h2,
.item_green .column_green h3{
	letter-spacing: 0.1em;
	font-weight: 500;
}
.item_green .column_green h2{
	margin: 9.5% 0 -5% 0;
    color: #000000;
}
.item_green .column_green h3{
    color: #000000;
    margin-bottom: 6%;
    margin-top: 10%;
    font-size: 25px;
    font-weight: 700;
}

/*���帥��*/
.item_green .column_green .btn_item {  
    background-color: #0d9d7a;
    padding: 7%;
    color: #fffbe7;
    border-radius: 10px 0 10px 0;
margin: 21% 0% 0 -24%;
    text-align: center;
    font-size: 15px;
}
.item_green .column_green a {  
	display: block;
	transition: 0.4s;
}
/*���帥�潟�����障��*/




#main h2{
color: #1e1e1e;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin: 3% auto 1%;
	padding: 1% 0; 
}

p.point{margin-bottom: 6%;
    color: #ffffff;
    background-color: #cc0000;
    width: 300px;
    text-align: center;
    font-size: 24px;
    padding-bottom: 4%;
}


p.price2{
    color: #ffffff;
    background-color: #cc0000;
    width: 176px;
    text-align: center;
    font-size: 17px;
    padding-bottom: 4%;
}