@charset "utf-8";

.ibf .drink-box {
	background-size: 44%;
	background-repeat: no-repeat;
	background-position: 99% 14%;
	padding: 50px 0 0;
}

.ibf .box01 {
	background-image: url("../../common/img/ibf/bg01.png");
}

.ibf .box02 {
	background-image: url("../../common/img/ibf/bg02.png");
}

.ibf .box03 {
	background-image: url("../../common/img/ibf/bg03.png");
}

.ibf .box04 {
	background-image: url("../../common/img/ibf/bg04.png");
}

.ibf .box05 {
	background-image: url("../../common/img/ibf/bg05.png");
}

.ibf .box06 {
	background-image: url("../../common/img/ibf/bg06.png");
}

.ibf .box07 {
	background-image: url("../../common/img/ibf/bg07.png");
}

.ibf .drink-box dt {
	font-size: 2rem;
}

.ibf .drink-box img {
	width: 70%;
	padding-top: 7vw;
}

.ibf .merit {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.ibf .drink-tea .merit::after {
	content: "";
	display: block;
	width: 24%;
}

.ibf .drink-tea .merit li {
	border: 1px solid #f08300;
}

.ibf .drink-smoozie .merit::after {
	content: "";
	display: block;
	width: calc(48% + 1em);
}

.ibf .drink-smoozie .merit li {
	border: 1px solid #a9ca69;
}

.ibf .merit li {
	color: #fff;
	padding: .5em;
	margin-bottom: .5em;
	width: 24%;
}

.access-ginza2 {
	padding: 2em;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.kyotoForm table,
.roppongiForm table,
.nagoyaForm table,
.hakataForm table,
.umedaForm table,
.sapporoForm table,
.shinsaibashiForm table,
.kobeForm table,
.hanedaForm table,
.okinawaForm table {
	border-top: solid 1px #777;
	border-right: solid 1px #777;
	border-left: solid 1px #777;
	width: 100%;
}

.kyotoForm table tr,
.roppongiForm table tr,
.nagoyaForm table tr,
.hakataForm table tr,
.umedaForm table tr,
.sapporoForm table tr,
.shinsaibashiForm table tr,
.kobeForm table tr,
.hanedaForm table tr,
.okinawaForm table tr {
	border-bottom: solid 1px #777;
}

.kyotoForm table tr td,
.roppongiForm table tr td,
.nagoyaForm table tr td,
.hakataForm table tr td,
.umedaForm table tr td,
.sapporoForm table tr td,
.shinsaibashiForm table tr td,
.kobeForm table tr td,
.hanedaForm table tr td,
.okinawaForm table tr td {
	padding: 3em 2em;
}

.kyotoForm table tr td p,
.roppongiForm table tr td p,
.nagoyaForm table tr td p,
.hakataForm table tr td p,
.umedaForm table tr td p,
.sapporoForm table tr td p,
.shinsaibashiForm table tr td p,
.kobeForm table tr td p,
.hanedaForm table tr td p,
.okinawaForm table tr td p {
	margin: 0;
	text-align: center;
}

.kyotoForm table tr td p input[type="text"],
.kyotoForm table tr td p textarea,
.roppongiForm table tr td p input[type="text"],
.roppongiForm table tr td p textarea,
.nagoyaForm table tr td p input[type="text"],
.nagoyaForm table tr td p textarea,
.hakataForm table tr td p input[type="text"],
.hakataForm table tr td p textarea,
.umedaForm table tr td p input[type="text"],
.umedaForm table tr td p textarea,
.sapporoForm table tr td p input[type="text"],
.sapporoForm table tr td p textarea,
.shinsaibashiForm table tr td p input[type="text"],
.shinsaibashiForm table tr td p textarea,
.kobeForm table tr td p input[type="text"],
.kobeForm table tr td p textarea,
.hanedaForm table tr td p input[type="text"],
.hanedaForm table tr td p textarea,
.okinawaForm table tr td p input[type="text"],
.okinawaForm table tr td p textarea {
	border-radius: 0;
	padding: 0 1.5em;
	background-color: rgba(0, 0, 0, 0.2);
	width: 31%;
	height: 3em;
	outline: none;
	border: 1px solid #777;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.kyotoForm table tr td p select,
.roppongiForm table tr td p select,
.nagoyaForm table tr td p select,
.hakataForm table tr td p select,
.umedaForm table tr td p select,
.sapporoForm table tr td p select,
.shinsaibashiForm table tr td p select,
.kobeForm table tr td p select,
.hanedaForm table tr td p select,
.okinawaForm table tr td p select {
	color: #000;
	padding: .5em 1.5em;
}

.kyotoForm table tr td p#mail input[type="text"],
.roppongiForm table tr td p#mail input[type="text"],
.nagoyaForm table tr td p#mail input[type="text"],
.hakataForm table tr td p#mail input[type="text"],
.umedaForm table tr td p#mail input[type="text"],
.sapporoForm table tr td p#mail input[type="text"],
.shinsaibashiForm table tr td p#mail input[type="text"],
.kobeForm table tr td p#mail input[type="text"],
.hanedaForm table tr td p#mail input[type="text"],
.okinawaForm table tr td p#mail input[type="text"],
table tr td p.secret input[type="text"] {
	width: 24em;
}

.kyotoForm table tr td p#tel input[type="text"],
.roppongiForm table tr td p#tel input[type="text"],
.nagoyaForm table tr td p#tel input[type="text"],
.hakataForm table tr td p#tel input[type="text"],
.umedaForm table tr td p#tel input[type="text"],
.sapporoForm table tr td p#tel input[type="text"],
.shinsaibashiForm table tr td p#tel input[type="text"],
.kobeForm table tr td p#tel input[type="text"],
.hanedaForm table tr td p#tel input[type="text"],
.okinawaForm table tr td p#tel input[type="text"] {
	width: 21%;
}

.kyotoForm table tr td p label,
.roppongiForm table tr td p label,
.nagoyaForm table tr td p label,
.hakataForm table tr td p label,
.umedaForm table tr td p label,
.sapporoForm table tr td p label,
.shinsaibashiForm table tr td p label,
.kobeForm table tr td p label,
.hanedaForm table tr td p label,
.okinawaForm table tr td p label {
	margin-right: .5em;
}

.kyotoForm table tr td p#int label,
.roppongiForm table tr td p#int label,
.nagoyaForm table tr td p#int label,
.hakataForm table tr td p#int label,
.umedaForm table tr td p#int label,
.sapporoForm table tr td p#int label,
.shinsaibashiForm table tr td p#int label,
.kobeForm table tr td p#int label,
.hanedaForm table tr td p#int label,
.okinawaForm table tr td p#int label {
	display: block;
}

.kyotoForm table tr td p textarea,
.roppongiForm table tr td p textarea,
.nagoyaForm table tr td p textarea,
.hakataForm table tr td p textarea,
.umedaForm table tr td p textarea,
.sapporoForm table tr td p textarea,
.shinsaibashiForm table tr td p textarea,
.kobeForm table tr td p textarea,
.hanedaForm table tr td p textarea,
.okinawaForm table tr td p textarea {
	width: 90%;
	padding: 1.5em;
	height: auto;
}

.kyotoForm p.btn,
.roppongiForm p.btn,
.nagoyaForm p.btn,
.hakataForm p.btn,
.umedaForm p.btn,
.sapporoForm p.btn,
.shinsaibashiForm p.btn,
.kobeForm p.btn,
.hanedaForm p.btn,
.okinawaForm p.btn {
	text-align: center;
}

.kyotoForm p.btn input[type="submit"],
.roppongiForm p.btn input[type="submit"],
.nagoyaForm p.btn input[type="submit"],
.hakataForm p.btn input[type="submit"],
.umedaForm p.btn input[type="submit"],
.sapporoForm p.btn input[type="submit"],
.shinsaibashiForm p.btn input[type="submit"],
.kobeForm p.btn input[type="submit"],
.hanedaForm p.btn input[type="submit"],
.okinawaForm p.btn input[type="submit"] {
	color: #000;
	padding: 1.5em 4em;
	margin: 0 auto;
	background-color: #f6f6f6;
}

.kyotoForm .star,
.roppongiForm .star,
.nagoyaForm .star,
.hakataForm .star,
.umedaForm .star,
.sapporoForm .star,
.shinsaibashiForm .star,
.kobeForm .star,
.hanedaForm .star,
.okinawaForm .star {
	margin-left: 0.2em;
	color: #ffcc00;
}

@media screen and (max-width: 979px) {
	.ibf .merit li {
		width: 49%;
		font-size: 2vw !important;
	}

	.ibf .drink-tea .merit::after,
	.ibf .drink-smoozie .merit::after {
		width: 49%;
	}
}

@media screen and (max-width: 651px) {
	.ibf .drink-box {
		background-size: 100%;
		background-position: 99% 0;
		margin-bottom: 10vw;
	}

	.ibf .drink-box img {
		max-width: 300px;
	}

	.ibf .drink-box dt {
		margin-top: 1em;
		text-align: center;
	}

	.ibf .drink-box dd:first-of-type {
		text-align: center;
		margin-bottom: 0.5em;
	}

	.ibf .merit {
		margin-top: 4%;
	}

	.kyotoForm table tr td p input[type="text"],
	.kyotoForm table tr td p textarea,
	.roppongiForm table tr td p input[type="text"],
	.roppongiForm table tr td p textarea,
	.nagoyaForm table tr td p input[type="text"],
	.nagoyaForm table tr td p textarea,
	.hakataForm table tr td p input[type="text"],
	.hakataForm table tr td p textarea,
	.umedaForm table tr td p input[type="text"],
	.umedaForm table tr td p textarea,
	.sapporoForm table tr td p input[type="text"],
	.sapporoForm table tr td p textarea,
	.shinsaibashiForm table tr td p input[type="text"],
	.shinsaibashiForm table tr td p textarea,
	.kobeForm table tr td p input[type="text"],
	.kobeForm table tr td p textarea,
	.hanedaForm table tr td p input[type="text"],
	.hanedaForm table tr td p textarea,
	.okinawaForm table tr td p input[type="text"],
	.okinawaForm table tr td p textarea {
		padding: .5em;
	}

	.kyotoForm table tr td p input[type="text"],
	.roppongiForm table tr td p input[type="text"],
	.nagoyaForm table tr td p input[type="text"],
	.hakataForm table tr td p input[type="text"],
	.umedaForm table tr td p input[type="text"],
	.sapporoForm table tr td p input[type="text"],
	.shinsaibashiForm table tr td p input[type="text"],
	.kobeForm table tr td p input[type="text"],
	.hanedaForm table tr td p input[type="text"],
	.okinawaForm table tr td p input[type="text"] {
		width: 6em;
	}

	.kyotoForm table tr td p#mail input[type="text"],
	.roppongiForm table tr td p#mail input[type="text"],
	.nagoyaForm table tr td p#mail input[type="text"],
	.hakataForm table tr td p#mail input[type="text"],
	.umedaForm table tr td p#mail input[type="text"],
	.sapporoForm table tr td p#mail input[type="text"],
	.shinsaibashiForm table tr td p#mail input[type="text"],
	.kobeForm table tr td p#mail input[type="text"],
	.hanedaForm table tr td p#mail input[type="text"],
	.okinawaForm table tr td p#mail input[type="text"],
	table tr td p.secret input[type="text"] {
		width: 15em;
	}

	.kyotoForm table tr td p#tel input[type="text"],
	.roppongiForm table tr td p#tel input[type="text"],
	.nagoyaForm table tr td p#tel input[type="text"],
	.hakataForm table tr td p#tel input[type="text"],
	.umedaForm table tr td p#tel input[type="text"],
	.sapporoForm table tr td p#tel input[type="text"],
	.shinsaibashiForm table tr td p#tel input[type="text"],
	.kobeForm table tr td p#tel input[type="text"],
	.hanedaForm table tr td p#tel input[type="text"],
	.okinawaForm table tr td p#tel input[type="text"] {
		width: 4em;
	}

	.kyotoForm table tr td p#birth input[type="text"],
	.roppongiForm table tr td p#birth input[type="text"],
	.nagoyaForm table tr td p#birth input[type="text"],
	.hakataForm table tr td p#birth input[type="text"],
	.umedaForm table tr td p#birth input[type="text"],
	.sapporoForm table tr td p#birth input[type="text"],
	.shinsaibashiForm table tr td p#birth input[type="text"],
	.kobeForm table tr td p#birth input[type="text"],
	.hanedaForm table tr td p#birth input[type="text"],
	.okinawaForm table tr td p#birth input[type="text"] {
		width: 13em;
	}

	.kyotoForm table tr td p#int label,
	.roppongiForm table tr td p#int label,
	.nagoyaForm table tr td p#int label,
	.hakataForm table tr td p#int label,
	.umedaForm table tr td p#int label,
	.sapporoForm table tr td p#int label,
	.shinsaibashiForm table tr td p#int label,
	.kobeForm table tr td p#int label,
	.hanedaForm table tr td p#int label,
	.okinawaForm table tr td p#int label {
		margin-bottom: .5em;
	}

	.kyotoForm table tr td p#int label:last-of-type,
	.roppongiForm table tr td p#int label:last-of-type,
	.nagoyaForm table tr td p#int label:last-of-type,
	.hakataForm table tr td p#int label:last-of-type,
	.umedaForm table tr td p#int label:last-of-type,
	.sapporoForm table tr td p#int label:last-of-type,
	.shinsaibashiForm table tr td p#int label:last-of-type,
	.kobeForm table tr td p#int label:last-of-type,
	.hanedaForm table tr td p#int label:last-of-type,
	.okinawaForm table tr td p#int label:last-of-type {
		margin-bottom: 0;
	}

	.kyotoForm table tr td p textarea,
	.roppongiForm table tr td p textarea,
	.nagoyaForm table tr td p textarea,
	.hakataForm table tr td p textarea,
	.umedaForm table tr td p textarea,
	.sapporoForm table tr td p textarea,
	.shinsaibashiForm table tr td p textarea,
	.kobeForm table tr td p textarea,
	.hanedaForm table tr td p textarea,
	.okinawaForm table tr td p textarea {
		width: 90%;
	}
}



/*fastingページ*/

.fastingBody.side-open .pattern,
.fastingBody .pattern {
	background: #fcfcfc;
}

.fastingBody .post a,
.fastingBody .footer .footer-in2 li a,
.fastingBody .footer ul li a,
.fasting .flow-content h2,
.fastingBody h1,
.fastingBody h4,
.fastingBody li,
.fastingBody dd,
.fastingBody figcaption,
.fastingBody td,
.fastingBody p {
	color: #333;
}

.fastingBody .fasting .flow-content h3 {
	color: #99927A;
	border-bottom: solid #333 1px;
}

.fastingBody .solution li {
	background-color: #99927A;
	border-color: #fcfcfc;
	color: #fff;
}


.fastingBody .products-no-list li {
	color: #fcfcfc;
	background-color: #99927A;
}

.fastingBody .btn-a,
.btn-b {
	background: none;
}

.fasting table.brwsr2 th {
	background-color: #888;
}

.fastingBody .copyright {
	background: rgba(0, 0, 0, 0.8);
}

.fastingBody .copyright>p {
	color: #c0c0c0 !important;
}

.fastingBody .btn-b .hvr-fade {
	color: #333;
	border: solid 1px #333;
}

.fastingBody .btn-b2 .hvr-fade {
	color: #fff;
	border: solid 1px #fff;
}

.fastingBody .hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
	color: #333 !important;
}

.fastingBody .video-2 p a {
	color: #fff !important;
}

.fasting .flow-content .ready dt {
	color: #333;
}

.fastingBody .wrapper {
	background: #fcfcfc;
}

@media only screen and (min-width: 651px) {
	.fastingBody .wants-wrap .wants-box li:first-letter {
		font-size: 1.6em;
		color: #99927A;
	}
}

.fb-like {
	margin: 0 16px 5px 0;
}

p#int label {
	text-align: left;
	margin-left: 42%;
}

td.gray.check-list2 {
	text-align: left;
	padding-left: 30%;
}

@media only screen and (max-width: 650px) {
	p#int label {
		margin-left: 20%;
	}

	td.gray.check-list2 {
		padding-left: 18%;
	}
}

.shop-container {
	display: flex;
	justify-content: space-between;
}

.shop-list {
	width: 48%;
	box-sizing: border-box;
}

.shop-list:first-of-type {
	margin-right: 1em;
}

.shop-list li {
	color: #fff;
	border: 1px solid #fff;
	padding: 1em;
	margin-bottom: 1em;
	position: relative;
}

.shop-list li::before {
	position: absolute;
	right: 4vw;
	content: "〉";
}

@media screen and (max-width:650px) {
	.shop-container {
		display: flex;
		flex-direction: column;
	}

	.shop-list {
		width: 100%;
	}

	.shop-list:first-of-type {
		margin-right: 0;
	}
}

/* ---------------- roppongi start ---------------- */
div.container.rop .flexBox {
	display: flex;
	justify-content: space-between;
}
div.container.rop .flexBox div {
	width: 49%;
}
@media only screen and (max-width: 650px) {
	div.container.rop .flexBox {
		flex-direction: column;
	}
	div.container.rop .flexBox div {
		width: 100%;
	}
	div.container.rop .flexBox div:first-of-type {
		margin-bottom: 2em;
	}
}
/* ---------------- roppongi end ---------------- */

/* ---------------- sapporo start ---------------- */
div.container.sap .flexBox {
	display: flex;
	justify-content: space-between;
}
div.container.sap .flexBox div {
	width: 49%;
}
div.container.sap .flexBox div p {
	text-align: center;
}
@media only screen and (max-width: 650px) {
	div.container.sap .flexBox {
		flex-direction: column;
	}
	div.container.sap .flexBox div {
		width: 100%;
	}
	div.container.sap .flexBox div:first-of-type {
		margin-bottom: 2em;
	}
}
/* ---------------- sapporo end ---------------- */

/* ---------------- rank start ---------------- */
.rank table + h3 {
	margin-top: 2em;	
}
.rank table {
	width: 100%;
}
.rank table, .rank td, .rank th {
	border: 1px #777 solid;
}
.rank td, .rank th {
	padding: 8px;
}
.rank th {
    background-color: rgba(255, 255, 255, 0.8);
	color: #000;
}
.rank .txtcenter {
	text-align: center;
	margin-bottom: .5em;
}

.qa-list dl {
    position: relative;
    margin: 0;
    padding: 28px 80px 28px 30px;
    cursor: pointer;
    border-bottom: 1px solid #777;
}
.qa-list dl:first-child {
    border-top: 1px solid #777;
}
.qa-list dl::before {
    position: absolute;
    top: 36px;
    right: 35px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #777;
    border-right: 2px solid #777;
}
.qa-list .open::before {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0 !important;
    padding: 0 0 0 50px;
}
.qa-list dl dt::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    content: 'Q.';
    color: #ffcc00;
}
.qa-list dl dd::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 2px;
    display: block;
    content: 'A.';
    color: #ffcc00;
}
.qa-list dl dd {
    position: relative;
    display: none;
    height: auto;
    margin: 20px 0 0;
    padding: 0 0 0 50px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

.rank .sp { display: none; }

@media screen and (max-width: 767px) {
	.rank .pc { display: none; }
	.rank .sp { display: inherit; }
	.rank table, .rank td, .rank th {
		font-size: .9em;
	}
	.qa-list dl {
		position: relative;
		padding: 15px 40px 15px 10px;
	}
	.qa-list dl::before {
		top: 19px;
		right: 20px;
		width: 7px;
		height: 7px;
	}
	.qa-list dl dt {
		padding: 0 0 0 30px;
		font-size: 14px;
	}
	.qa-list dl dt::before {
		font-size: 14px;
		top: 3px;
		left: 5px;
		content: 'Q.';
	}
	.qa-list dl dd::before {
		font-size: 14px;
		top: 5px;
		left: 5px;
		content: 'A.';
	}
	.qa-list dl dd {
		margin: 10px 0 0;
		padding: 0 0 0 30px;
		font-size: 14px;
	}
	.qa-list dl dd p {
		margin: 30px 0 0;
	}
	.qa-list dl dd p:first-child{
		margin-top: 0;
	}
}
/* ---------------- rank end ---------------- */