@charset "utf-8";

body {

	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	color: #3E3E3E;
	background: #F7F7F7;
}
a:active img, a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
a.nofilter:active img, a.nofilter:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
a:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
a img, a {
	color: #3E3E3E;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
a:hover .photo_mask img {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
a:hover {/*
	color: #E6DF33;*/
	color: #3E3E3E;
	text-decoration: none;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 200%;
}
p {
	line-height: 200%;
}
img {
	max-width: 100%; height: auto;
}
.center {
	text-align: center;
}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb150{margin-bottom:150px !important;}
.mb100{margin-bottom:100px !important;}
.mb120{margin-bottom:120px !important;}
.mb130{margin-bottom:130px !important;}

.pt0{padding-top:0px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt160{padding-top:160px;}

.pb0{padding-bottom:0px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb110{padding-bottom:110px;}
.pb150{padding-bottom:150px;}
.pb160{padding-bottom:160px;}

.ls1{letter-spacing: 1px}
.ls2{letter-spacing: 2px}
.ls3{letter-spacing: 3px}
.ls10{letter-spacing: 10px}

.w710 {max-width: 710px;margin-right: auto;margin-left: auto;}
.w1080 {max-width: 1080px;margin-right: auto;margin-left: auto;}
.w1756 {max-width: 1756px;margin-right: auto;margin-left: auto;}

:root {
	--yellow: #E5DE32;
}
.yellow {
	color: var(--yellow) !important;
}
.hinamincho {
	font-family: 'Hina Mincho', serif;
}
.header_bt {
	height: 70px;
	background: #F7F7F7;
}
/*.sns_bt {
	top: 15px;
	right: 260px;
}*/

.sns_bt {
    top: 15px;
    right: calc(550px + 260px);
}

.sns_bt li {
	list-style: none;
	margin: 0 6px;
}
.contact_bt01 {
	width: 20%;
	max-width: 244px;
	font-size: 1.3rem;
	line-height: 70px;
	top: 0;
	right: 0;
	background: #E6DF33;
}

.contact_bt02 {
    width: 20%;
    max-width: 244px;
    font-size: 0.9rem;
    top: 0;
    right: 260px;
    background: #E6DF33;
    line-height: 1.3;
    padding: 17px;
    font-weight: 900;
}
.contact_bt03 {
	width: 20%;
	max-width: 244px;
	font-size: 1.1rem;
	top: 0;
	right: calc(260px + 244px + 16px);
	background: #E6DF33;
	font-weight: 900;
	line-height: 70px;
	position: relative;
}

.home .mainimg .logo {
	bottom: -94px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 1;
}
.home .mainimg .txt01 {
	top: 10%;
	left: 10%;
}
.intro h2 {
	font-size: 2.3rem;
	letter-spacing: 7px;
}
.intro p {
	font-size: 1rem;
}
.product_list {
	flex: 0 0 20%;
	max-width: 20%;
}
@media screen and (max-width: 1200px) {
	.product_list {
		flex: 0 0 50%;
		max-width: 50%;
	}

}
.product_list a {
	background: url("./images/product_list_arrow.svg") no-repeat 100% 100% / 50px;
}
.product_list .photo::after {
	content: "";
	display: block;
	padding-top: 100%;
}
.product_list .photo img {
	height: auto;
	left: 0;
	top: 0;
	object-fit: cover;
}
.product_list .txt {
	border-right: 1px solid #707070;
}
.arrow_circle_bt {
	background: url("./images/arrow_circle.svg") no-repeat calc(50% - 0px) 80% / 44px;
}
.taste .arrow_circle_bt {
	padding-bottom: 160px;
}
.taste .ttl01{
	font-size: .8rem;
}
.taste .taste_product_wrap {
	border-top: 2px solid #50442D;
}
.taste .cont01 {
	min-height: 490px;
	margin-top: -2px;
	background: url("./images/gateau_chocolat01.png?1") no-repeat 0 0 / contain;
}
.taste .cont02 {
	min-height: 490px;
	margin-bottom: -2px;
	background: url("./images/gateau_chocolat02.png?1") no-repeat 100% 0 / contain;
}
.taste .cont03 {
	min-height: 490px;
	margin-bottom: -2px;
	background: url("./images/gateau_chocolat03.png") no-repeat 0 0 / contain;
	border-bottom: 2px solid #50442D;
}
.taste .txt {
	position: relative;
	height: 486px;
	background-color: #F7F7F7;
}
.taste .cont03 .txt {
	background-color: inherit;
}
.taste .cont01 .txt::before {
	content: '';
	position: absolute;
	top: 0;
	left: -393px;
	border-bottom: 488px solid #F7F7F7;
	border-left: 393px solid transparent;
}
.taste .cont02 .txt::before {
	content: '';
	position: absolute;
	top: 0;
	right: -393px;
	border-top: 488px solid #F7F7F7;
	border-right: 393px solid transparent;
}
.taste .cont01 .txt > div, .taste .cont03 .txt>div {
	margin-left: -10%;
}
.taste .cont02 .txt > div {
	margin-left: 10%;
}
.intro h2 {
	font-size: 2.3rem;
	letter-spacing: 7px;
}
.bestby p {
	font-size: 1rem;
}
.bestby::before {
	content: '';
	position: absolute;
	top: -70px;
	width: 1px;
	right: 50%;
	height: 185px;
	background: #707070;
}
.bestby .arrow_circle_bt {
	padding-bottom: 160px;
}
.bestby .txt01 {
	font-size: 1.6rem;
}
footer {
	border-top: 1px solid #50442D;
}
footer .sns_bt {
	padding: 0;
}
footer .nav a {
	padding-left: 2em;
	font-size: .9rem;
}
footer .nav a::after {
	margin-left: 2em;
	content: "";
	border-right: 1px solid #403645;
}
footer .nav li:last-of-type a::after {
	content: none;
}
body:not(.home) header {
	background: #F7F7F7;
}
body:not(.home) .logo {
	top: -70px;
}
.profile .bg {
	background: url("./images/profile_bg.svg?2") repeat-y #F7F7F7 50% 0 / 100%;
}
.ttl_line::before {
	content: "";
	bottom: -40px;
	position: absolute;
	left: calc(50% - 25px);
	width: 50px;
	height: 2px;
	background: #E6DF33;
}
.profile_cont:not(:last-of-type)::after {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	border-bottom: 1px solid #50442D;
}
.intro_cont .photo {
	display: grid;
	gap: 10px;
}
.intro_cont .photo .item01 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.intro_cont .photo .item02 {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.intro_cont .photo .item03 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.creatorsName {
	font-size: 1.3rem;
}
.creatorsName span {
	font-size: 1rem;
}
.creators_ttl01 {
	font-size: 1.1rem;
}
.fs07 {font-size: .7rem;}
.fs08 {font-size: .8rem;}
.fs09 {font-size: .9rem;}
.fs1 {font-size: 1rem;}
.fs11 {font-size: 1.1rem;}
.fs12 {font-size: 1.2rem;}
.fs13 {font-size: 1.3rem;}
.fs14 {font-size: 1.4rem;}
.fs15 {font-size: 1.5rem;}
.fs19 {font-size: 1.9rem;}

.ttl_arrow span {
	font-size: 1.4rem;
	line-height: 2.4;
	position: relative;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin: 0 auto;
}
.ttl_arrow span:before {
	content: "";
	position: absolute;
	bottom: -27px;
	left: calc(50% - 15px);
	border: 16px solid transparent;
	border-top: 10px solid #555;
}
.ttl_arrow span:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: calc(50% - 15px);
	border: 16px solid transparent;
	border-top: 10px solid #fff;
}
.flow_cont {
	border-top: 1px solid #50442D;
	border-bottom: 1px solid #50442D;
}
.require {
	padding: 2px 8px;
	background: #CB2C25;
}
input[type="text"],
select {
	padding: 9px 15px;
}/*
input[type="submit"] {
	background: #E0D811;
	border: none;
	padding: 11px 48px;
}*/
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #50442D;
}/*

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

#send_btn {
	background:	#E0D811;
}*/

.story_btn {
	margin: 70px 0;
	display: inline-block;
	box-shadow: 0 3px 11px rgba(0, 0, 0, .16);;
}

.mainimg {
	position: relative;
	width: 100%;
	aspect-ratio: 136 / 65;
	overflow: hidden;
	margin: 0 auto;
}

.slide.img-01::after,
.slide.img-02::after,
.slide.img-03::after,
.slide.img-04::after,
.slide.img-05::after {
	content: "";
	position: absolute;
	background-image: url("./images/home_main_txt01.svg");
	background-repeat: no-repeat;
	background-size: contain;
	top: 10%;
	left: 10%;
	width: 506px;
	height: 181px;
}

.slide.img-02::after,
.slide.img-03::after,
.slide.img-05::after {
	background-image: url("./images/home_main_txt01_w.svg");
	background-repeat: no-repeat;
}

.slide.img-01,
.slide.img-02,
.slide.img-03,
.slide.img-04,
.slide.img-05 {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

.slide.img-01 {
	background-image: url("./images/home_main01.jpg");
	animation: slide-animation-01 30s infinite;
}

.img-02 {
	background-image: url("./images/home_main02.jpg");
	animation: slide-animation-02 30s infinite;
}

.img-03 {
	background-image: url("./images/home_main03.jpg");
	animation: slide-animation-03 30s infinite;
}

.img-04 {
	background-image: url("./images/home_main04.jpg");
	animation: slide-animation-04 30s infinite;
}

.img-05 {
	background-image: url("./images/home_main05.jpg");
	animation: slide-animation-05 30s infinite;
}

@keyframes slide-animation-01 {
	0% {opacity: 1;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	90% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes slide-animation-02 {
	0% {opacity: 0;}
	10% {opacity: 0;}
	20% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide-animation-03 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide-animation-04 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 1;}
	70% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide-animation-05 {
	0% {opacity: 0;}
	70% {opacity: 0;}
	80% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}

@media (max-width: 991px) {/* tablet */

	.tb_mb0{margin-bottom:0px;}
	.tb_mb30{margin-bottom:30px;}

	.tb_text-center {
		text-align: center;
	}
	.home .mainimg .logo {
		max-width: 130px;
		bottom: -158px;
	}
	.home .mainimg .txt01 {
		left: 19%;
		max-width: 40%;
	}
	/*.header_bt {
		height: 50px;
	}*/
	.header_bt {
		height: 67px;
	}

	.sns_bt {
		top: 10px;
		right: 530px;
	}
	.contact_bt01 {
		width: 26%;
		line-height: 50px;
		padding: 10px;
	}
	.contact_bt02 {
		width: 26%;
	}
	.contact_bt03 {
		width: 26%;
	}

	.taste .taste_product_wrap {
		border-top: none;
		border-bottom: none;
	}
	.taste .cont01,
	.taste .cont02,
	.taste .cont03 {
		min-height: auto;
		margin-bottom: 0;
		background: none;
		border-bottom: 0;
	}
	.taste .cont01 .txt > div,
	.taste .cont02 .txt > div,
	.taste .cont03 .txt>div {
		margin-left: auto;
	}
	.taste .txt {
		height: auto;
	}
	.taste .cont01 .txt::before,.taste .cont02 .txt::before,
	.taste .cont03 .txt::before {
		content: none;
	}
	.profile_cont {
		padding-right: 50px;
		padding-left: 50px;
	}
}
@media (max-width: 1200px) {/* phone */

	.sp_mb0{margin-bottom:0px !important;}
	.sp_mb10{margin-bottom:10px !important;}
	.sp_mb20{margin-bottom:20px !important;}
	.sp_mb30{margin-bottom:30px !important;}
	.sp_mb40{margin-bottom:40px !important;}
	.sp_mb50{margin-bottom:50px !important;}
	.sp_mb60{margin-bottom:60px !important;}
	.sp_mb70{margin-bottom:70px !important;}
	.sp_mb80{margin-bottom:80px !important;}
	.sp_mb90{margin-bottom:90px !important;}
	.sp_mb100{margin-bottom:100px !important;}

	.sp_pt40{padding-top:40px;}
	.sp_pt60{padding-top:60px;}
	.sp_pt70{padding-top:70px;}
	.sp_pt80{padding-top:80px;}
	.sp_pt100{padding-top:100px;}
	.sp_pt110{padding-top:110px;}
	.sp_pt140{padding-top:140px;}

	.sp_pb0{padding-bottom:0px;}
	.sp_pb40{padding-bottom:40px;}
	.sp_pb50{padding-bottom:50px;}

	.sp_text-center {
		text-align: center;
	}
	.sp_text-right {
		text-align: right;
	}
	.sp_fs11 {font-size: 1.1rem;}
	.sp_fs12 {font-size: 1.2rem;}
	.sp_fs13 {font-size: 1.3rem;}
	.sp_fs16 {font-size: 1.6rem;}

	.sp_ls3 {letter-spacing: 3px;}

	.sp_w-100 {
		width: 100% !important;
	}
	.sp_bg {
		background: #F7F7F7;
	}
	.contact_bt01 {
		width: 43%;
		top: 57px;
		z-index: 1;
	}
	.sp_text-left {
		text-align: left;
		top: -100px;
	}
	.header_bt {
		height: 100px;
	}
	.sns_bt {
		right: 0;
	}
	header,
	.intro,
	.bestby,
	.sp_pd_rl15 {
		padding-right: 15px;
		padding-left: 15px;
	}
	.home .mainimg .logo {
		top: 50%;
		bottom: auto;
		left: 0;
		transform: translateY(-50%) translateX(0);
	}
	.mainimg {
		aspect-ratio: 29 / 60;
	}
	.slide.img-01::after,
	.slide.img-02::after,
	.slide.img-03::after,
	.slide.img-04::after,
	.slide.img-05::after {
		top: 10%;
		left: 6.4%;
		width: 77%;
	}
	.slide.img-01 {
		background-image: url("./images/home_main01_sp.jpg");
	}
	.img-02 {
		background-image: url("./images/home_main02_sp.jpg");
	}
	.img-03 {
		background-image: url("./images/home_main03_sp.jpg");
	}
	.img-04 {
		background-image: url("./images/home_main04_sp.jpg");
	}
	.img-05 {
		background-image: url("./images/home_main05_sp.jpg");
	}
	.intro .logo2 {
		max-width: 230px;
		margin-right: auto;
		margin-left: auto;
	}
	.intro h2 {
		font-size: 1.3rem;
		letter-spacing: 3px;
	}
	.taste h2 {
		font-size: 3.5rem;
	}
	.bestby::before {
		top: -36px;
		height: 73px;
	}
	footer .nav a {
		padding-left: 1em;
		font-size: .8rem;
	}
	footer .nav a::after {
		margin-left: 1em;
	}
	body:not(.home) .logo {
		max-width: 125px;
		top: -100px;
	}
	body:not(.home) .sns_bt {
		right: 0;
	}
	.contact_bt01 {
		width: 37%;
		top: 57px;
		font-size: 1.2rem;
		line-height: 42px;
	}
	.profile .bg {
		background: url("./images/profile_bg_sp.svg") repeat-y #F7F7F7 50% 0 / 100%;
	}
	.profile_cont {
		padding-right: 40px;
		padding-left: 40px;
		display: flex;
		flex-flow: row wrap;
	}
	.profile_cont:not(:last-of-type)::after {
		width: 18%;
		left: 41%;
	}
	.intro_cont .pho_wrap {
		order: 1;
	}
	.intro_cont .txt_wrap {
		order: 2;
	}
	.package_cont {
		order: 1;
	}
	.concept_cont {
		order: 2;
	}
	.intro_cont .photo,
	.concept_cont .photo {
		margin-right: -40px;
		margin-left: -40px;
	}
	.intro_cont .photo {
		gap: 3px;
	}
	.intro_cont .photo .item01 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.intro_cont .photo .item02 {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.intro_cont .photo .item03 {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.intro_cont .photo > div {
		position: relative;
		left: 0;
		top: 0;
	}
	.intro_cont .photo > div::before {
		content:"";
		display: block;
		padding-top: 75.4%;
		padding-top: 132.6%;
	}
	.intro_cont .photo img {
		position: absolute;
		left: 0;
		top: 0;
		max-width: none;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.form .item {
		font-weight: 600;
	}
	input[type="submit"] {
		padding: 20px;
	}
	.contact_bt01 {
		width: 100%;
		font-size: 1.2rem;
		top: 0;
		right: 0;
		background: #E6DF33;
		position: relative!important;
	}
	.contact_bt02 {
		width: 100%;
    right: 0;
    font-size: 0.8rem;
    padding: 13px;
    z-index: 10;
		position: relative!important;
  }
	.contact_bt03 {
		width: 100%;
    right: 0;
		font-size: 0.9rem;
    z-index: 10;
		position: relative!important;
		line-height: inherit;
		padding: 13px;
	}
	.top-menu {
		position: absolute;
		top: 57px;
		right: 0;
		width: 37%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 10px;
	}
}
@media (max-width: 1200px) {
	.flex_space{
		display: block;
	}
}
@media (max-width: 767px) {
	.slide.img-01::after,
	.slide.img-02::after,
	.slide.img-03::after,
	.slide.img-04::after,
	.slide.img-05::after {
		width: 53%;
	}
}