/*------------------------------------------------------------------------------
  PC or ALL 
------------------------------------------------------------------------------*/
body{
	background: url(/mwp/wp-content/themes/mwp-theme/assets/images/bg.png) repeat center center;
}
.header-inner{
	height: 200px;
	.header-nav{
		transform: translateY(-20%);
		&>ul{
			&>li{
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				text-align: left;
				font-size: 1.5rem;
				&>ul{
					top: 100%;
					left: -500%;
					width: 250px;
					background: var(--main-color);
					transition: all 0.2s linear;
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					&>li{
						-ms-writing-mode: lr-tb;
						writing-mode: horizontal-tb;
						width: 250px;
						a{
							text-align: center;
							border: #fff 1px solid;
							&::before{
								display: none;
							}
						}
					}
					&>li:nth-child(2){
						a{
							border-top: none;
						}
					}
				}
			}
		}
	}
}
.mainvisual2{
	padding: 0;
	background: none;
}

.title-type02{
	&::before{
		display: none;
	}
}
	
.main-blog{
	margin-bottom: 75px;
	display: flex;
	justify-content: space-between;
	.title-type02{
		margin-bottom: 0;
		padding-bottom: 0;
		width: 30.2%;
		text-align: center;
		.box-h2{
			display: inline-block;
			text-align: left;
			.ja{
				font-size: 3.4rem;
			}
			.en{
				font-size: 1.6rem;
			}
		}
		&::before{
			display: none;
		}
	}
	.blog-type03{
		width: 70%;
		text-align: left;
	}
}

.main-message{
	margin-bottom: 0;
	.text{
		.box-h3.ja{
			font-size: 3.2rem;
		}
		p{
			font-size: 1.6rem;
		}
		.btn{
			a{
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				background: var(--main-color);
				font-size: 1.8rem;
				padding: 15px 50px 15px 30px;
			}
		}
	}
}

.main-recommend{
	margin-bottom: 0;
	padding: 120px 0;
	background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-recommend-bg.png) no-repeat center center / cover;
	.title-type02{
		padding: 0;
		margin-bottom: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-recommend-crest.png) no-repeat center center;
		.box-h2{
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			.ja{
				font-size: 3.8rem;
			}
		}
	}
	.image-text-type02{
		margin: 0 auto;
		padding-bottom: 80px;
		max-width: 1124px;
		.image{
			min-height: unset;
			aspect-ratio: 704 / 605;
		}
		.text{
			position: relative;
			z-index: 10;
			margin: 0 auto;
			padding: 120px 50px 120px 0;
			width: 40%;
			.box-h3,
			.copy,
			p,
			.btn{
				max-width: unset;
			}
			.box-h3{
				font-size: 3.2rem;
				margin-bottom: .5em;
				padding-left: 45px;
				background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-recommend-crest02.png) no-repeat 0 50%;
			}
			.copy{
				font-size: 2.2rem;
				margin-bottom: .5em;
			}
			p{
				font-size: 1.6rem;
			}
			.btn{
				a{
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					border-radius: 0;
					background: #2e2e2e;
					font-size: 1.8rem;
					padding: 10px 60px 10px 35px;
				}
			}
			&::before{
				display: block;
				content: '';
				position: absolute;
				top: 60px;
				right: 0;
				bottom: 60px;
				left: -60px;
				width: calc(100% + 60px);
				height: auto;
				background: #fff;
			}
		}
	}
	.image-text-type02.right{
		.text{
			padding: 120px 0 120px 50px;
			&::before{
				display: block;
				content: '';
				position: absolute;
				top: 60px;
				right: -60px;
				bottom: 60px;
				left: 0;
				width: calc(100% + 60px);
				height: auto;
				background: #fff;
			}
		}
	}
	.image-bg-type01{
		margin: 0 auto;
		max-width: 1124px;
		.text{
			padding: 60px;
			.box-h3{
				font-size: 3.2rem;
				margin-bottom: .5em;
				padding-left: 45px;
				background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-recommend-crest02.png) no-repeat 0 50%;
			}
			.copy{
				font-size: 2.2rem;
				margin-bottom: .5em;
			}
			p{
				font-size: 1.6rem;
			}
			.btn{
				a{
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					border-radius: 0;
					background: #2e2e2e;
					font-size: 1.8rem;
					padding: 10px 60px 10px 35px;
				}
			}
		}
	}
		.btn{
			text-align: center;
			a{
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				background: var(--main-color);
				font-size: 1.8rem;
				padding: 15px 50px 15px 30px;
			}
		}
}

.main-shop{
	padding: 100px 0 120px;
	.title-type02{
		padding: 0;
		margin-bottom: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-shop-crest.png) no-repeat center center;
		.box-h2{
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			.ja{
				font-size: 3.8rem;
			}
		}
	}
	.row{
		.col{
			padding: 60px 40px 80px;
			background: #fff;
			-webkit-box-shadow: 0 4px 4px 4px rgba(0,0,0,.05);
			-moz-box-shadow: 0 4px 4px 4px rgba(0,0,0,.05);
			box-shadow: 0 4px 4px 4px rgba(0,0,0,.05);
			.box-h3 {
				text-align: center;
				font-size: 3rem;
				margin-bottom: 40px;
				padding-bottom: 20px;
				background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-shop-header-bg.png) no-repeat center bottom;
			}
			.btn{
				text-align: center;
				a{
					margin: 0 auto;
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					border-radius: 0;
					background: #2e2e2e;
				}
			}
		}
	}
}

.main-banner{
	ul{
		li{
			a{
				.ja{
					color: #2e2e2e;
					font-size: 3.2rem;
				}
				&::after{
					bottom: 0;
					right: 0;
					width: 40px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					background: #2e2e2e;
				}
			}
		}
	}
}

.main-contact{
	margin-bottom: 0;
	.contact-type01{
		.title{
			width: 100%;
			padding: 0;
			margin-bottom: 80px;
			display: flex;
			justify-content: center;
			align-items: center;
			background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-contact-crest.png) no-repeat center center;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			.ja{
				font-size: 3.8rem;
			}
		}
		.tel{
			font-weight: 400;
		}
		.datetime{
			font-size: 1.6rem;
			margin-top: .5em;
		}
		.btn{
			.en{
				a{
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					border-radius: 0;
				}
				&:first-child{
					a{
						background: #862012;
					}
				}
			}
		}
	}
}

.fixed-footer{
	background: #2e2e2e;
	color: #fff;
	.tel.en{
		font-family: "Zen Old Mincho", serif;
		font-weight: 400;
	}
	.contact.ja{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 10px;
		a{
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			background: #862012;
			&:last-child{
				background: #8b6161;
			}
		}
	}
}

.pagetop {
	a{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #862012;
		color: #fff;
	}
}

/* ======================================
2024/10/29 added by tsuji
======================================== */

.box001 {
    padding: 5px 30px;
    margin: 15px 20px;
    background: #fff;
}

}




/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
.main-banner{
	ul{
		li{
			a{
				padding: 60px 20px;
				.ja{
					font-size: 3rem;
				}
			}
		}
	}
}
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
/* ======================================
2024/10/29 added by tsuji
======================================== */

.box001 {
    padding: 5px 30px;
    margin: 15px 0px;
    background: #fff;
}	
	
	.table-type01 table th {
    font-weight: bold;
    border-bottom: #aaa 2px dotted;
}
.table-type01 table td {
    border-bottom: #862012 2px solid;
}

	
.main-recommend{
	.box-wrap.sm{
		padding: 0;
	}
	.image-bg-type01,
	.image-text-type02{
		.image{
			margin-bottom: 20px;
		}
		.text{
			margin: 0 auto;
			width: 92vw;
			padding: 4vw !important;
			background: #fff;
			&::before{
				display: none !important;
			}
		}
	}
}
.sphone-fixed-footer ul li.website a:before{
	content: '\e30c';
}
.main-blog{
	.title-type02{
		.box-h2{
			.ja{
				font-size: 2.8rem;
			}
		}
	}
}
.main-message{
	.text{
		.box-h3.ja{
			font-size: 2.3rem;
		}
	}

		


}
