/* Sub-page tablet adjustments for the shared desktop HTML. */
#main {
	overflow: hidden;
}

#main .content {
	width: min(100% - 48px, 960px);
}

.sub-title {
	padding: 22px 24px;
	box-sizing: border-box;
	writing-mode: horizontal-tb !important;
	font-size: 28px !important;
	line-height: 1.45;
}

.sub-img {
	height: 320px;
}

.sub-img p {
	margin-top: 0;
	transform: translateY(-50%);
	font-size: 32px !important;
	line-height: 1.4;
}

.sub-text {
	width: min(100% - 48px, 800px);
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.8;
}

#main [class$="-con"],
#main [class*="-con "] {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

#main table {
	max-width: 100%;
}

#main iframe {
	max-width: 100%;
}

.shop-box,
.shop-detail-box1,
.shop-detail-box2,
.about-box,
.system-box,
.faq-box,
.policy-box,
.contact-box,
.joboffer-box,
.sitemap-box,
.media-box,
.mimich-box {
	width: 100% !important;
	max-width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

.about .about-con {
	height: auto !important;
}

.about .about-con .ab-textbox {
	float: none !important;
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
	box-sizing: border-box;
	writing-mode: horizontal-tb !important;
}

.about .about-con .ab-textbox p.ab-st,
.about .about-con .ab-textbox p.ab-text {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
	writing-mode: horizontal-tb !important;
}

.about .about-con .ab-textbox p.ab-st {
	margin-bottom: 16px !important;
	font-size: 24px;
	line-height: 1.6;
}

.about .about-con .ab-textbox p.ab-text {
	font-size: 17px;
	line-height: 1.9;
	overflow-wrap: anywhere;
}

.about .about-con .ab-imgbox {
	float: none !important;
	width: 100% !important;
	height: auto !important;
	margin-top: 28px;
}

.shop .shop-con .shop-box a {
	padding: 18px;
}

.shop .shop-con .shop-box ul {
	display: grid;
	grid-template-columns: minmax(260px, 42%) 1fr;
	gap: 24px;
	align-items: center;
}

.shop .shop-con .shop-box ul li.sb-imgbox,
.shop .shop-con .shop-box ul li.sb-textbox {
	display: block;
	width: auto;
	padding: 0;
	box-sizing: border-box;
}

.shop .shop-con .shop-box ul li.sb-imgbox img {
	display: block;
	width: 100%;
	max-height: 320px;
	object-fit: cover;
}

.shop .shop-con .shop-box ul li.sb-textbox dl {
	display: grid;
	grid-template-columns: 110px 1fr;
	width: 100%;
	gap: 12px;
}

.shop .shop-con .shop-box ul li.sb-textbox dl dt,
.shop .shop-con .shop-box ul li.sb-textbox dl dd {
	display: block;
	width: auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

.system .system-con .content,
.shop-detail .shop-detail-con .content {
	width: min(100% - 48px, 960px) !important;
}

.system .system-con .system-box {
	width: 100%;
}

.system .system-con .content .system-detail-box1 .sy-b-left,
.system .system-con .content .system-detail-box1 .sy-b-right,
.shop-detail-box1 .sd-b-left,
.shop-detail-box1 .sd-b-right {
	box-sizing: border-box;
}

.media .media-con .media-box,
.mimich .mimich-con .mimich-box,
.faq .faq-con .faq-box,
.policy .policy-con .policy-box,
.sitemap .sitemap-con .sitemap-box {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

.content04>.content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.content04 .con-inner {
	position: static !important;
	width: auto !important;
	height: auto !important;
}

#main .content04 .content .con-inner .con-subst,
#main .content04 .content .con-inner2 .con-subst {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 16px !important;
	padding: 0 0 8px 12px !important;
	border-top: 0 !important;
	border-left: 4px solid #ac9668;
	box-sizing: border-box;
	writing-mode: horizontal-tb !important;
	font-size: 22px !important;
	line-height: 1.5;
}

#main .content04 .content .con-inner .con-subst span,
#main .content04 .content .con-inner2 .con-subst span {
	display: block;
	margin: 2px 0 0 !important;
	writing-mode: horizontal-tb !important;
	font-size: 12px !important;
}

#main .content04 .con-inner .con-innerbox {
	margin: 0 !important;
	padding: 0 !important;
}

#main .content02 .content .con-inner2 .con-subst {
	position: static !important;
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 18px;
	padding: 0 0 8px 12px;
	border-top: 0;
	border-left: 4px solid #ac9668;
	box-sizing: border-box;
	writing-mode: horizontal-tb !important;
	font-size: 22px;
	line-height: 1.5;
}

#main .content02 .content .con-inner2 .con-subst span {
	display: block;
	margin: 2px 0 0;
	writing-mode: horizontal-tb !important;
	font-size: 12px;
}

.sitemap .sitemap-con {
	margin: 36px 0;
}

.sitemap .sitemap-con .sitemap-box {
	padding: 24px;
}

.sitemap .sitemap-con .sitemap-box::after {
	display: block;
	clear: both;
	content: "";
}

.sitemap .sitemap-con .sitemap-box ul {
	width: 50%;
	padding: 0 18px;
	box-sizing: border-box;
}

.sitemap .sitemap-con .sitemap-box ul.sm-b-right {
	margin-top: 0;
}

.sitemap .sitemap-con .sitemap-box ul li {
	margin: 0;
}

.sitemap .sitemap-con .sitemap-box ul li a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 8px 0;
	line-height: 1.5;
}

.sitemap .sitemap-con .sitemap-box ul li img {
	flex: 0 0 25px;
	margin: 0;
}

.sitemap .sitemap-con .sitemap-box ul li.sitemap-sub1 {
	margin-left: 24px;
}

.sitemap .sitemap-con .sitemap-box ul li.sitemap-sub2 {
	margin-left: 48px;
}

.joboffer .jobjffer-con {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin: 36px 0;
}

.joboffer .jobjffer-con .joboffer-box,
.joboffer .jobjffer-con .jo-staff,
.joboffer .jobjffer-con .jo-skype {
	float: none;
	width: 100% !important;
	margin: 0;
	box-sizing: border-box;
}

.joboffer .jobjffer-con .jo-staff dl dd,
.joboffer .jobjffer-con .jo-skype dl dd {
	overflow-wrap: anywhere;
}

.komachi-detail .komachi-detail-con .komachi-detail-box1,
.komachi-detail .komachi-detail-con .komachi-detail-box2 {
	width: min(100%, 900px);
}

.komachi-detail-box1 .kd-b-left {
	width: 30%;
	margin-right: 2%;
}

.komachi-detail-box1 .kd-b-right {
	width: 68%;
	margin-left: 0;
}

.komachi .komachi-searchbox p {
	float: none;
	width: auto;
	margin-bottom: 12px;
	line-height: 1.5;
}

.komachi .komachi-searchbox ul {
	float: none;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
}

.komachi .komachi-searchbox ul li {
	display: block;
	width: auto;
}

.komachi .komachi-listbox ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.komachi .komachi-listbox ul li {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
}

.komachi .komachi-listbox ul li dl dt {
	height: auto;
}

.komachi .komachi-listbox ul li dl dt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}