@charset "utf-8";

/* -----------------------------
	com
-------------------------------- */

.copy {
	font-family: var(--basefont-jp);
	font-size: 4.0rem;
	font-weight: 400;
	color: var(--gold02);
	line-height: 1.5;
	font-feature-settings: "palt";
}

.box-02 .copy {
	line-height: 0.8;
}

.copy span {
	font-size: 2.0rem;
}

.txt {
	letter-spacing: 0;
}

@media screen and (max-width: 768px){

	.copy {
		font-size: 2.6rem;
	}
	
	.box-02 .copy {
		line-height: 1;
	}

	.copy span {
		font-size: 1.6rem;
	}

}


/* -----------------------------
	home-area
-------------------------------- */

.home-area {
	position: relative;
	padding: 120px 0 0;
}

.home-area::before {
	width: 43.75%;
	height: 600px;
	position: absolute;
	content: "";
	background: url("../img/custom-home-mv-pc.jpg") no-repeat center / cover;
	right: 0;
	top: 190px;
	z-index: -1;
}

.home-area .mv-area .inner {
	background: url("../img/custom-home-font.png") no-repeat left top / auto ;
	padding: 140px 0 100px;
}

.home-area .mv-area .inner .txt {
	padding: 20px 0 0;
}

.home-area .mv-area .link-area {
/*
	display: flex;
	gap:10px;
*/
	padding: 10px 0 0;
}

.home-area .mv-area .link-area li {
	background: url("../img/arrow-blk.svg") no-repeat right 20px center / 8px auto;
	display: flex;
	gap:10px;
	width: 500px;
	border: #A5915A solid 1px;
	height: 110px;
	transition: 0.5s;
	margin: 10px 0 0;
}

.home-area .mv-area .link-area li:hover {
	background:#F1EFEB url("../img/arrow-blk.svg") no-repeat right 10px center / 8px auto;
}

.home-area .mv-area .link-area li a {
	display: flex;
	align-items: center;
	gap:0 20px;
	padding: 10px;
}

.home-area .mv-area .link-area li a .image {
	width: 90px;
	height: 90px;
}

.home-area .mv-area .link-area li a .image img {
	width: 110%;
	height: 100%;
	object-fit: cover;
}

.home-area .mv-area .link-area li a .en {
	font-family: var(--quicksand);
    font-weight: 700;
	font-size: 2.6rem;
    color: var(--gold02);
}

.home-area .mv-area .link-area li a .copy {
	font-family: var(--basefont-jp);
    font-weight: 600;
	font-size: 1.4rem;
	padding: 5px 0 0;
}

.custom-home-area .slider-img {
	display: block;
	background: url("../img/custom-home-slider-imag-sp.png") repeat-x 0 0;
	width:100%;
	background-size: cover;
	height: 320px;
	-moz-animation: loop 60s linear infinite reverse;
	animation: loop 60s linear infinite reverse;
	left: 0;
	top: 0;
	margin: 0 0 100px;
}

@keyframes loop {

	0% {
		background-position: 0 0;
		}

	100% {
		background-position: -6450px 0;
		}
}

/*com*/
.home-area .txt {
	line-height: 1.875;
	padding: 0 0 10px;
}

.home-area .copy {
	padding: 10px 0 20px;
}

.home-area .no {
	font-family: var(--rubik);
	font-weight: 400;
	font-size: 2.0rem;
	color: var(--gold03);
	position: relative;
	/*background: var(--beige04);*/
	display: inline-block;
	padding: 0 90px 0 0;
}

.home-area .no::before {
	content: "";
	width: 80px;
	height: 1px;
	background: var(--gold03);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*box-01*/
.home-area .box-01 {
	background: var(--beige04);
	padding: 100px 0;
}

.home-area .box-01 .inner {
	display: flex;
	align-items: center;
}

.home-area .box-01 .inner .image {
	padding: 0 80px 0 0;
}

/*box-02*/
.home-area .box-02 {
	padding: 100px 0;
}

.home-area .box-02 .txt-box p {
	padding: 0 0 10px;
}

.home-area .box-02 .txt-box .copy {
	padding: 10px 0 20px;
}

.home-area .box-02 .txt-box p.no {
	padding: 0 90px 10px 0;
}

.home-area .box-02 .txt-box .att {
	font-size: 1.2rem;
}

.home-area .box-02 .flex {
	display: flex;
	align-items: center;
}

.home-area .box-02 ul {
	padding: 40px 0 50px 0;
	margin: 0 0 0 100px;
	width: 385px;
}

.home-area .box-02 ul li {
	padding: 20px;
	width: 385px;
	display: flex;
	gap:0 15px;
	margin: 0 0 30px;
}

.home-area .box-02 ul li.icon-01 {
	border: var(--gold01) solid 1px;
}

.home-area .box-02 ul li.icon-02 {
	border: var(--gold02) solid 1px;
}

.home-area .box-02 ul li.icon-03 {
	border: #B22B2B solid 1px;
	margin: 0;
}

.home-area .box-02 ul li .lv {
	font-weight: bold;
	line-height: 1.3;
	padding: 5px 0 0;
}

.home-area .box-02 ul li .lv .s-txt {
	font-feature-settings: "palt";
	font-size: 1.6rem;
}

.home-area .box-02 ul li .lv em {
	font-size: 3.0rem;
}

.home-area .box-02 ul li .lv .en-txt {
	font-size: 3.4rem;
	font-family: var(--rubik);
}

.home-area .box-02 .icon-01 .lv ,
.home-area .box-02 .icon-01 .lv .en-txt {
	color: var(--gold01);
}

.home-area .box-02 .icon-02 .lv ,
.home-area .box-02 .icon-02 .lv .en-txt {
	color: var(--gold02);
}

.home-area .box-02 .icon-03 .lv ,
.home-area .box-02 .icon-03 .lv .en-txt {
	color: #B22B2B;
}

.home-area .box-02 .box {
	background: #F7F6F4;
	text-align: center;
}

/*box-03*/
.home-area .box-03 {
	background: var(--beige04);
	padding: 100px 0;
	margin: 100px 0 0;
}

.home-area .box-03 .inner .image {
	margin: -200px 0 30px;
}

.home-area .box-03 .inner dl {
	padding: 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.home-area .box-03 .inner dl dt {
	color: var(--gold02);
	font-weight: bold;
	background: #D1C7A3;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	margin: 0 0 10px;
}

.home-area .box-03 .inner dl dd {
	width: 285px;
	border: var(--gold02) solid 1px;
	padding: 15px 0;
	color: var(--gold02);
	font-weight: bold;
	text-align: center;
}

.home-area .box-03 .inner dl dd.dd-box {
	display: flex;
	padding: 0;
	align-items: center;
}

.home-area .box-03 .inner dl dd.dd-box .no02 {
	font-size: 3.0rem;
	font-weight: 700;
	font-style: italic;
	font-family: var(--rubik);
	padding: 0 10px;
	color: #CBBF92;
	opacity: 0.6;
}

.home-area .box-03 .inner dl dd.dd-box .txt {
	border-left: var(--gold02) solid 1px;
	line-height: 1.3;
	padding: 10px;
	color: var(--gold02);
	font-weight: bold;
}

/*box-04*/
.home-area .box-04 {
	margin: 100px auto ;
	background: #F6F6F4;
	padding: 50px 500px 50px 50px;
	position: relative;
}

.home-area .box-04 .image {
	position: absolute;
	width: 420px;
	right: 50px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
}

.home-area .box-04 .image img {
	width: 100%;
}

.home-area .box-04 .txt {
	padding: 0;
}

/*box-05*/
.home-area .box-05 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 0 auto 100px;
}

.home-area .box-05 .bold {
	font-size: 2.0rem;
	font-weight: bold;
	padding: 0 0 10px;
}

.home-area .box-05 .txt {
	padding: 0 40px 0 0;
}

.home-area .freedesign-area .en-txt {
	bottom: 480px;
}

.home-area .freedesign-area .lineup-list {
	margin: 150px 0 100px;
}

@media screen and (max-width: 768px){
	
	.home-area {
		position: relative;
		padding: 0 0 0;
	}

	.home-area::before {
		width: 90%;
		height: 260px;
		top: 20px;
		margin: 0 auto;
		left: 0;
		right: 0;
	}

	/* .home-area .mv-area .inner {
		background: url("../img/custom-home-font.png") no-repeat left top / 100% auto ;
		padding: 300px 20px 50px;
	} */
	.home-area .mv-area .inner {
		background: url("../img/custom-home-font.png") no-repeat left top / 50% auto ;
		padding: 300px 20px 50px;
	}

	.home-area .mv-area .inner .txt {
		padding: 10px 0 0;
	}

	.home-area .mv-area .link-area {
		padding: 10px 0 0;
		display: block;
	}

	.home-area .mv-area .link-area li {
		background: url("../img/arrow-blk.svg") no-repeat right 10px center / 8px auto;
		width: 100%;
		margin: 10px 0 0;
		height: 80px;
	}

	.home-area .mv-area .link-area li:hover {
		background:#fff url("../img/arrow-blk.svg") no-repeat right10px20px center / 8px auto;
	}

	.home-area .mv-area .link-area li a {
		gap:0 10px;
		padding: 5px 20px 5px 5px;
	}

	.home-area .mv-area .link-area li a .image {
		width: 60px;
		height: 60px;
	}
	
	.home-area .mv-area .link-area li a .box {
		flex: 1;
	}
	
	.home-area .mv-area .link-area li a .en {
		font-size: 2.0rem;
		line-height: 1;
	}

	.home-area .mv-area .link-area li a .copy {
		font-family: var(--basefont-jp);
		font-weight: 600;
		font-size: 1.2rem;
		padding: 5px 0 0;
	}

	.custom-home-area .slider-img {
		height: 160px;
		-moz-animation: loop-sp 60s linear infinite reverse;
		animation: loop-sp 60s linear infinite reverse;
		margin: 0 0 50px;
	}

	/*com*/
	.home-area .txt {
		line-height: 1.7;
	}

	.home-area .copy {
		padding: 5px 0;
	}

	.home-area .no {
		font-size: 1.8rem;
		padding: 0 60px 0 0;
	}

	.home-area .no::before {
		content: "";
		width: 50px;
	}

	/*box-01*/
	.home-area .box-01 {
		padding: 50px 20px 40px;
	}

	.home-area .box-01 .inner {
		display: block;
	}

	.home-area .box-01 .inner .image {
		padding: 0 0 30px;
	}

	.home-area .box-01 .inner .image img {
		width: 100%;
	}

	/*box-02*/
	.home-area .box-02 {
		padding: 40px 20px;
	}
	
	.home-area .box-02 .txt-box p {
		padding: 0 0 5px;
	}
	
	.home-area .box-02 .txt-box .copy {
		padding: 10px 0;
	}

	.home-area .box-02 .txt-box p.no {
		padding: 0 60px 0 0;
	}

	.home-area .box-02 .flex {
		display: block;
	}

	.home-area .box-02 ul {
		display: block;
		padding: 10px 0;
		margin: 0;
		width: 100%;
	}

	.home-area .box-02 ul li {
		padding: 15px;
		width: 100%;
		margin: 0 0 5px;
		gap:0 10px;
	}

	.home-area .box-02 ul li .lv {
		font-weight: bold;
		line-height: 1.3;
		padding: 5px 0 0;
	}

	.home-area .box-02 ul li .image {
		width: 100px;
	}

	.home-area .box-02 ul li .image img {
		width: 100%;
	}

	.home-area .box-02 ul li .lv .s-txt {
		font-size: 1.4rem;
	}

	.home-area .box-02 ul li .lv em {
		font-size: 2.6rem;
	}

	.home-area .box-02 ul li .lv .en-txt {
		font-size: 3.0rem;
	}

	.home-area .box-02 ul li div p {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.home-area .box-02 .box {
		display: block;
	}

	.home-area .box-02 .box .image {
		width: 100%;
		margin: 0 0 10px;
	}

	.home-area .box-02 .box .image img {
		width: 100%;
	}

	/*box-03*/
	.home-area .box-03 {
		padding: 50px 20px 40px;
		margin: 50px auto 0;
	}

	.home-area .box-03 .inner {
		display: block;
	}

	.home-area .box-03 .inner .image {
		margin: -100px 0 10px;
	}

	.home-area .box-03 .inner .image img {
		width: 100%;
	}


	/*box-04*/
	.home-area .box-04 {
		padding: 50px 20px;
	}

	.home-area .box-04 .allergy-area {
		padding: 0 0 30px;
	}

	.home-area .box-04 .allergy-area .image {
		position: static;
		width: 80%;
		margin: 20px auto;
	}
	
	.home-area .box-03 .inner dl {
		padding: 0 0 10px;
		display: block;
	}

	.home-area .box-03 .inner dl dt {
		padding: 10px 0;
		width: 100%;
		margin: 0 0 10px;
	}

	.home-area .box-03 .inner dl dd {
		width: 100%;
		padding: 10px 0;
		margin: 0 0 5px;
	}

	.home-area .box-03 .inner dl dd.dd-box {
		display: flex;
		padding: 0;
		align-items: center;
	}

	.home-area .box-03 .inner dl dd.dd-box .no02 {
		font-size: 2.6rem;
		width: 60px;
		padding: 0;
		text-align: center;
	}

	.home-area .box-03 .inner dl dd.dd-box .txt {
		flex: 1;
		text-align: left;
	}
	
	/*box-04*/
	.home-area .box-04 {
		margin: 50px auto ;
		padding: 20px;
		position: static;
		width: calc(100% - 40px);
	}

	.home-area .box-04 .image {
		position: static;
		width: 70%;
		margin: 10px auto 30px;
	}

	.home-area .box-04 .txt {
		padding: 0;
	}

	/*box-05*/
	.home-area .box-05 {
		display: block;
		margin: 0 auto 50px;
	}

	.home-area .box-05 .bold {
		font-size: 1.8rem;
	}

	.home-area .box-05 .txt {
		padding: 0 20px 0 0;
	}

	.home-area .box-05 div {
		padding: 30px 20px 0;
	}

	.home-area .box-05 .image {
		padding: 0;
	}

	.home-area .box-05 .image img {
		width: 100%;
	}

	.home-area .freedesign-area .en-txt {
		bottom: 240px;
	}

	.home-area .freedesign-area .lineup-list {
		margin: 80px 0 50px;
	}

}


@keyframes loop-sp {

	0% {
		background-position: 0 0;
		}

	100% {
		background-position: -3225px 0;
		}
}

.home-area .mv-area .link-area li {
  background: url("../img/arrow-blk.svg") no-repeat right 20px center / 8px auto;
  display: flex;
  gap: 10px;
  width: 500px;
  border: #A5915A solid 1px;
  height: 130px;
  transition: 0.5s;
  margin: 10px 0 0;
}

p.img.logo.mini img {
    height: 32px; /* 高さを固定 */
    width: auto;  /* 横幅は自動調整 */
}
p.img.logo.mutenka img {
    height: 21px; /* 高さを固定 */
    width: auto;  /* 横幅は自動調整 */
	margin-top: 5px;
}

@media screen and (max-width: 768px){
.home-area .mv-area .link-area li {
    background: url("../img/arrow-blk.svg") no-repeat right 10px center / 8px auto;
    width: auto;
}
}