@charset "utf-8";

/* 汎用 */
.t-right{text-align: right;}
.t-center{text-align: center;}
.clear{clear:both;}
.disnon{display:none;}
.bold{font-weight:bold;}
.tpink{color:#e75a86;}
.min{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;}
.chui{font-size:12px;color: #333;}
.inner_s{
	max-width: 840px;
	margin: 0 auto;
}
.inner_m{
	max-width: 918px;
	margin: 0 auto;
}
.inner_l{
	max-width: 1000px;
	margin: 0 auto;
}
.inner_xl{
	max-width: 1100px;
	margin: 0 auto;
}
.box{margin: 40px auto 0;overflow:visible;border:1px solid #d5ccb6;background:#fff;padding: 50px 65px;}
@media screen and (max-width:767px) {
	.chui{font-size:10px;}
	.inner_s,
	.inner_m,
	.inner_l,
	.inner_xl{
		max-width:90vw;
	}
	.t-sp-left{text-align: left !important;}
	.box{margin: 7vw auto 0;padding: 5vw 6vw;}
}
/* nav */
.fs-l-main nav{width:100%;position:relative;background:#AA9677b3;box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);-webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);z-index: 2;margin-top: -2px;}
.fs-l-main nav.fixed{margin:0; position:fixed;  top:0; left:0; display:block; z-index:10000; background-image:none; background:#ab9980;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
.fs-l-main nav ul{margin:0 auto;display: flex;flex-wrap:wrap;justify-content: center;}
.fs-l-main nav ul li{flex: 0 0 25%;max-width: 273px;text-align: center;height: 4.42em;max-height: 66px;}
.fs-l-main nav ul li:nth-child(n+2){border-left:1px solid #FFF;}
.fs-l-main nav ul li:nth-child(1) a{font-weight: normal;}
.fs-l-main nav ul li a{color:#FFF;display:flex;justify-content:center;align-items:center;height:100%;}
.fs-l-main nav ul li:hover a{background:#85735e;color:#FFF;}
@media screen and (max-width:767px) {
	.fs-l-main nav {
		position:relative;
		margin-top: 0;
	}
	.fs-l-main nav ul li{
		flex: 1 1 50%;
		max-width: unset;
	}
	.fs-l-main nav ul li:nth-child(n+3){
	    border-top: 1px solid #FFF;
	}
	.fs-l-main nav ul li:nth-child(2n+1){
		border-left: none;
	}
}

/* product */
.product {
	position:relative;
	text-align:center;
	display:flex;
	flex-direction:column;
    align-items: center;
}
.product .layout{
	display:contents;
}
.product .sale {
	position:absolute;
	left:-1em;
	top:-1em;
	line-height:1.2;
	border:1px solid #6E5D37;
	border-radius:50%;
	display:block;
	width:5.4em;
	height:5.4em;
	padding:1em 0.6em 0.6em;
	text-align:center;
	color:#6E5D37;
	font-family: 'Noto Serif JP', serif;
	font-size:14px;
	background: #FFF;
}
.product .sale b{
	font-size:1.71428em;
}
.product .sale span{
	font-size:1.142857em;
}
.product .name{
	margin-bottom:0.7em;
	flex: 1 1 auto;
	font-size: 16px;
}
.product .price{
	margin-bottom:0.7em;
	color:#6E5D37;
	font-size:18px;
	font-weight:bold;
    flex: 1 1 auto;
}
.product .price span.before{
	display:block;
	color:#33281F;
	font-size:0.888888em;
	font-weight:normal;
}
.product .price span.before:after{
	content:"";
	--iconsize:0.6em;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: var(--iconsize) var(--iconsize) 0 var(--iconsize);
	border-color: #6E5D37 transparent transparent transparent;
	display:block;
	margin:0 auto;
}
.product input{
	border-radius: 0;
}
.product a{
    width: 100%;
    border: 1px solid #695935;
    background: #FFF;
	margin-top: 10px;
    padding: 0.3em 0.6em;
	position:relative;
	display: block;
}
.product a:after{
	--iconsize:0.6em;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-right: 1px solid #695935;
	border-top: 1px solid #695935;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top: 0.85em;
}
.product form button{
    width: 100%;
    min-width: 247px;
    border: 1px solid #695935;
    background: #695935;
	color: #FFF;
    padding: 0.3em 0.7em;
	position:relative;
}
.product form button:after{
	--iconsize:0.6em;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transform: rotate(45deg);
	position:absolute;
	right:20px;
	top: 0.85em;
}
.product form button[disabled]{
	pointer-events:unset;
	cursor:unset;
	background-color: #bdb9b5;
	border: #bdb9b5;
}
.product form button[disabled]:after{
	content: unset;
}
.product form button[disabled]:hover{
	opacity:1;
}
@media screen and (max-width:767px) {
	.product {
		padding:7vw 0;
		margin:0;
		display:block;
	}
	.product a{
		margin: 10px auto 0;
	}
	.product a,
	.product form button{
		min-width:unset;
		width: 70vw;
	}
	.product.sp_sbs .layout{
		display:grid;
		grid-template-columns:2fr 3fr;
	}
	.product .layout{
		margin: 4vw 8vw;
	}
	.product .layout picture{
		grid-row:1 / 3;
	}
	.product .sale{
		font-size:3.5vw;
		left: 5vw;
		top: 5vw;
	}
	.product .name,
	.product .price{
		font-size:4vw;
		height:100%;
	}
	.product .name{
		height: fit-content;
		margin: auto 0 2vw;
	}
}

/* expository */
.expository{
	padding: 20px 5px 5px;
	border:1px solid #E2DDD8;
}
.expository dt{
	cursor: pointer;
	position:relative;
	padding: 0 25px 15px;
	font-size:18px;
	font-weight:bold;
	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "MS P明朝", "MS PMincho", serif;
}
.expository dt:after{
	position:absolute;
	right:25px;
	top:20%;
	--iconsize:10px;
	content: '';
	display: inline-block;
	width: var(--iconsize);
	height: var(--iconsize);
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	transform: rotate(225deg);
}
.expository dt.open:after{
	top:30%;
	transform: rotate(45deg);
}
.expository dd{
	border-top: 1px solid #E2DDD8;
	padding: 15px 25px;
	font-size:14px;
	display: none;
}
@media screen and (max-width:767px) {
	.expository dt{
		font-size:4vw;
		padding:0 5vw 3vw;
	}
	.expository dd{
		font-size:3.5vw;
		padding:3vw 5vw 0;
	}
}

/* preend */
.endbtn,.prebtn{margin:0; padding:10px 0; display:none; text-align:center; letter-spacing:1px;}
.endbtn{background:#666; color:#fff;}
.prebtn{background:#bba57d; color:#fff;}
.end .endbtn,.pre .prebtn{display:block;}
.end form,.pre form{display:none;}

/* base */
.comBox{width:1100px; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box;}

/* title */
h2{
	font-size:42px;
	font-family: 'Noto Serif JP', serif;
	margin: 0.5em 0;
	line-height: 1.7;
}
h3{
	font-size:25px;
	font-family: 'Noto Serif JP', serif;
	margin: 0;
	line-height: 1.7;
}
h4{
	font-size:20px;
	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "MS P明朝", "MS PMincho", serif;
	margin: 0;
	line-height: 1.7;
}
h2 span.point_no{
	display:block;
	margin-bottom:10px;
}
@media screen and (max-width:767px) {
	h2{
		font-size: 5.8vw;
	}
	h2 span.point_no{
		margin-bottom:0.2em;
	}
	h2 span.point_no img{
		height:1.1em;
	}
}


/* kv */
.kvwrap{position:relative;}
.kv{text-align: center; margin:0 auto; position:relative;}
.kv img{width:100vw;}

/* section01 */
.section01{padding:100px 0 120px;background: url(https://amritara.itembox.design/item/images/whitebircham/sec01_bg.jpg) no-repeat top center;background-size:cover;}
.section01 h2{margin-top:20px;}
.section01 .lead{margin-top: 50px;font-size: 18px;line-height:2;text-align: center;}
.section01 .chui{margin-top:10px;}
.section01 .box h3{}
.section01 .box ul.check{margin-top: 32px;display: grid;grid-template-columns: auto auto;font-family: 'Noto Serif JP', serif;}
.section01 .box ul.check li{display:inline-block; overflow:hidden; position:relative; font-size:20px; text-align:left; line-height:2;}
.section01 .box ul.check li:before{content:"";display:inline-block;height: 0.7em;width: 0.7em;border: 1px solid #594C41;border-radius: 0.2em;margin-right: 0.6em;}

@media screen and (max-width:767px) {
	.section01{padding: 10vw 0 20vw;background-size:cover;
	background-image: url(https://amritara.itembox.design/item/images/whitebircham/sp/sec01_bg.jpg);}
	.section01 .lead{
		margin:6vw 0 0;
		font-size:3.6vw;
	}
	.section01 .box ul.check{
		margin-top: 4vw;
		grid-template-columns:1fr;
	}
	.section01 .box ul.check li{
		font-size:3.8vw;
	}
}

/* cart */
.cartsection{background:url(https://amritara.itembox.design/item/images/whitebircham/sec05_bg.jpg) no-repeat top center; background-size:cover;}
.cartwrap{padding:55px 0 73px;}
.cart li{margin: 0 60px;/* display:inline-block; *//* font-size:14px; */}
.cart li .name{ line-height:1.6;}
.cart li .price{letter-spacing:1px !important;}
.cart li .price span{font-size:14px;}
.cart li form{}
.cart a{display:block;}
@media screen and (max-width:767px) {
	.cartsection{
		background-image:url(https://amritara.itembox.design/item/images/whitebircham/sp/sec03_bg.jpg);
		background-size:cover;
	}
	.cart li{
		margin:0;
		padding:7vw 0;
	}
}

/* section02 */
.section02{margin: 20px 0 100px;background:url("https://amritara.itembox.design/item/images/whitebircham/sec02_bg.jpg") no-repeat top center;}
.section02 .campaingn_lead {margin-right:-70px;align-items:center}
.section02 .campaingn_lead div p{line-height:1.6;}
.section02 .campaingn_lead div ul{margin-top:1.2em;}
.section02 .campaingn_lead > p{flex:0 0 auto;}
.section02 .box{margin: 0 0 38px;}
.section02 .drink > p {flex:0 0 auto;margin-left:45px;}
.section02 .drink h4 {margin-bottom:15px;}
@media screen and (max-width:768px){
	.section02{margin: 10vw 0 7vw;}
	.section02 h2{ text-align: center;}
	.section02 .campaingn_lead {margin-right:0px;}
	.section02 .campaingn_lead > p {
		width: 55vw;
		margin: 0 auto;
		transform: translateX(-6%);
	}
	.section02 .drink > p{
		margin:2vw 0 0;
		text-align:center;
	}
	.section02 .drink h4{
		text-align: center;
	}
}

/* point01 */
.point01{padding: 86px 0 0;background:url("https://amritara.itembox.design/item/images/whitebircham/point01_bg.jpg") no-repeat top left;background-size: 50% auto;}
.point01 .inner_l{
	transform:translateX(3%);
}
.point01 .inner_l > div{
	padding:0;
}
.point01 .inner_l h2{
	margin-bottom:45px;
}
.point01 .inner_m{
	margin-top:100px;
}
.point01 .inner_m p{
	font-weight:bold;
	margin-bottom:45px;
    margin-top: 1em;
}
.point01 .expository{
	margin-top:50px;
}
.point01 .landscape {
	margin-top:80px;
}
#youtube {
    width: 100%;
    max-width: 912px;
    padding: 10px 0 0px 0;
    box-sizing: border-box;
}
#youtube{width:100%;max-width:912px;padding:10px 0 0px 0;box-sizing:border-box}
#youtube .youtube_inner{padding-top:56.25%;position:relative;height:0;overflow:hidden}
#youtube .thumb{width:100%;aspect-ratio:16/9;top:0;left:0;z-index:0;cursor:pointer;position:absolute}
#youtube .thumb.start.pause{visibility:visible;z-index:1}#youtube #player1{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
#youtube.start #player1{opacity:1}

@media screen and (max-width:768px){
	.point01 {
		background:none;
		padding: 12vw 0 0;
	}
	.point01 .inner_l{
		transform:unset;
	}
	.point01 .image{
		margin: 0 -5vw 6vw;
	}
	.point01 .inner_l h2{
		text-align:center;
		margin-bottom: 7vw;
	}
	.point01 .expository{
		margin-top:8vw;
	}
	.point01 .inner_m{
		margin-top:15vw;
	}
	.point01 .movie iframe{
		max-width:90vw;
	  height: auto;
	  aspect-ratio: 16/9;
	}
	.point01 .inner_m p{
		margin-bottom:7vw;
	}
	.point01 .landscape{
		margin-top: 10vw;
	}
}
.point02{padding: 50px 0 76px;}
.point02 .inner_s .chui{padding: 40px  40px 0;}
.point02 .box{margin: 80px  0 0;padding:50px;align-items:flex-end}
.point02 .box div{margin-top:30px;}
.point02 .box div p.text{line-height:2;}
.point02 .box div p.img{padding:0 0 0 30px;}
.point02 .sozai{margin: 77px 0 0;}
.point02 .sozai li{max-width:200px;flex: 1 1 calc(100% / 7);}
.point02 .sozai li p img{margin: 20px auto 10px;display: block;}
@media screen and (max-width:768px){
	.point02{padding: 10vw 0 12vw;}
	.point02 .inner_s .chui{
		padding:5vw 0;
	}
	.point02 .box{
	    margin: 10vw 0 0;
	    padding: 7vw;
	}
	.point02 .box h4{
		text-align: center;
	}
	.point02 .box div{
		margin-top:5vw;
	}
	.point02 .box div p.img{
		text-align:center;
		padding:6vw 0 0;
	}
	.point02 .sozai{
		margin: 5vw 0 0;
		flex-wrap: wrap;
	}
	.point02 .sozai li{
		margin-top:2vw;
		flex: 0 0 33%;
		display: flex;
		flex: 0 0 100%;
		max-width: 85vw;
		max-height: 14vw;
		overflow:hidden;
		position:relative;
		height: 14vw;
	}
	.point02 .sozai li > img{
		position:absolute;
		right:0;
		width:45vw;
		height:100%;
		object-fit:cover;
	}
	.point02 .sozai li p br{
		/* display:none; */
	}
	.point02 .sozai li p{
		padding: 1vw 0 0;
		font-size:3vw;
		position:relative;
		z-index:2;
		background:#FFF;
		height: 14vw;
		background: #FFF;
		background: linear-gradient(134deg, #FFF 54%, #FFF0 65%);
		width: 100%;
	}
	.point02 .sozai li p img{
		flex:0 0 auto;
		display: inline;
		vertical-align: middle;
		margin: 0 2vw 0 0;
	}
}

/* point03 */
.point03{padding: 76px 0 120px;background:url("https://amritara.itembox.design/item/images/whitebircham/point03_bg.jpg") no-repeat top center;}
.point03 h2 {margin: 0;}
.point03 h2 .point_no{margin-left:40px;}
.point03 h3{margin-bottom: 40px;}
.point03 .chui{margin-top: 20px;}
.point03 .inner_xl > div > div {margin-right: 50px;}
@media screen and (max-width:768px){
	.point03{
		padding:13vw 0 20vw;
		background-size: cover;
	}
	.point03 h2 .point_no{
		margin:0 0 3vw;
	}
	.point03 h2{
		text-align:center;
	}
	.point03 h3{
		text-align:center;
		font-size:4vw;
		margin-bottom: 7vw;
	}
	.point03 .inner_xl > div > div {margin: 0 0 5vw 0;}
}

.point03 .sozai li{width:16.6%; display:inline-block;}
.point03 .sozai li img{width:100%;}

/* section03 */
.section03{padding: 100px 0 115px;background:url(../images/bg05.jpg) no-repeat top center;background-size:cover;}
.section03 .comBox{width:1170px; text-align:center;}
.section03 h2{margin-top:30px;}
.section03 p{margin-top:50px; line-height:2;}

/* section04 */
.section04{padding:70px 0 70px;}
.section04 h2{margin-top:20px;}
.section04 .wrap{margin-top:65px; text-align:center;}
.section04 .wrap img,.section04 p,.section04 .refill img,.section04 .refill .textBox{display:inline-block; vertical-align:middle;}
.section04 .wrap p{margin-left:50px; text-align:left; font-size:17px;}
.section04 .refill{margin:60px 0 0; padding:35px 40px; text-align:center; background:#f9f9f9;}
.section04 .refill .textBox{margin:10px 0 0 50px; text-align:left}
.section04 .refill .textBox p:not([class]){margin:24px 0 0; font-size:17px; letter-spacing:1px; line-height:1.875;}
.section04 .refill .textBox p.chui{margin-top:10px; display:block; font-size:12px; letter-spacing:1.6px; color:#888;}
@media screen and (max-width:768px){
	.section04{padding: 10vw 0 12vw;}
	.section04 .wrap{
		margin-top:10vw;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin: 10vw 5vw 0;
	}
	.section04 .wrap img{
    	flex: 0 0 17vw;
	}
	.section04 .wrap p{
		margin: 0vw 7vw 0 0;
		font-size: 3.7vw;
	}
	.section04 .refill{
	    margin: 10vw 5vw 0;
	    padding: 5vw;
	    display: grid;
		grid-template-columns:1fr 2fr;
		grid-gap:4vw;
	}
	.section04 .refill .textBox{
	    margin: 3vw 0 0 0;
		display:contents;
	}
	.section04 .refill h3{
		grid-column:1 / 3;
		grid-row:1;
		font-size:5.5vw;
		text-align:center;
	}
	.section04 .refill .textBox p:not([class]){
		margin-top: 0;
		font-size: 3.7vw;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.section04 .refill .textBox p.chui{
		grid-column: 1/3;
	}
}

/* section05 */
.section05{background:url(https://amritara.itembox.design/item/images/whitebircham/voice_bg.jpg) repeat-x top center;}
.section05 .comBoxwrap{ max-height: 642px;padding:100px 0 60px; background:url(../images/bg09.jpg) no-repeat bottom center;}
.section05 h2{margin-top:30px;}
.section05 .comBox{width:900px; margin:0 auto;}
.section05 .singleReview {background: #FFFc;}
@media screen and (max-width:768px){
	.section05 .comBoxwrap{
		padding: 10vw 0 7vw;
	}
	.fs-l-page .fs-l-pageMain .section05 .review-container{
		margin-top: 4vw;
	}
}

/* section06 */
.section06{padding:240px 0 260px;background-image: url("https://amritara.itembox.design/item/images/whitebircham/sec06_bg01.jpg"),url("https://amritara.itembox.design/item/images/whitebircham/sec06_bg02.jpg");background-repeat:repeat-x, repeat-x;background-position:top center,bottom center;}
.section06 .lead{margin-top:40px; font-family: 'Noto Serif JP', serif;}
@media screen and (max-width:768px){
	.section06{
		background-size: 150% auto;
		padding: 22vw 0 25vw;
	}
	.section06 .lead{
		margin-top: 7vw;
	}
}

/* KaiU */
#cv-tech-modal-main-top,
.cv-tech-fancybox-outer,
.cv-tech-fancybox-skin{
overflow:visible;
}