@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v5.15.4/css/all.css");
/**
 * 1.0 - Normalize
 * 2.0 - Common
 * 3.0 - Header
 *    3.1 - Header Navigation
 * 4.0 - Footer
 * 5.0 - Contents
 *    5.1 - Main
 *    5.2 - Side
 * 6.0 - Option
 *    6.1 - Index
 *    6.2 - Program
 * 0.0 - Text
 */
/*----------------------------------------------------
	1.0 - Normalize-HTML5 Reset
----------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
/* Forms */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}
input,
select {
	vertical-align: middle;
}
button,
input {
	line-height: normal;
}
button,
select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
/*----------------------------------------------------
	2.0 - Common Setting
----------------------------------------------------*/
/* - option sp [base] - */
html {
	font-size: 62.5%; /* base-font-size:10px */
}
body {
	color: #222;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0;
	min-width: 320px;
}
ul {
	list-style-type: none;
}
body * {
	box-sizing: border-box;
	word-break: break-all;
	white-space: normal;
}
figure {
	line-height: 0%;
}
figure img {
	width: 100%;
	height: auto;
	line-height: 0%;
}
.inner_link {
	transform: translateY(-10em);
	z-index: -1;
	height: 0px;
	position: absolute;
	display: run-in;
}
@media (max-width: 999px) {
	.inner_link {
		transform: translateY(-2em);
	}
}

/* - option telephone link - */
@media (min-width: 999px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
/*icon*/
.nav-outer a:before,.nav-contact a:before,.nav-access a:before,
.list-banner a:after,.item-link a:after,footer button:after, 
.shop-mail a:before,.icon_phone a:before {
	font-family: 'Material Icons';
}
.nav-outer a:before {
	content: "\e89e";
}
.nav-contact a:before {
	content: "\e158";
}
.nav-access a:before {
	content: "\e55f";
}
.list-banner  a:after,.item-link a:after {
	content: "\e5e1";
}
footer button:after {
	content: "\e5d8";
}
.shop-mail a:before{
	content: "\e158";
	font-size: 24px;
    vertical-align: middle;
	margin-right: 6px;
	color: #101010;
	
}

.shop-mail a:hover::before {
	color: #fff;
	transition: 0.3s;
}



.icon_phone a::before {
	font-family: 'Material Icons'; /* ← アイコン部分だけに適用 */
	content: "\e0b0"; /* ← 電話のアイコンなど */
	font-size: 20px;
	margin-right: 6px;
	vertical-align: middle;
}

/*----------------------------------------------------
	3.0 - Header
----------------------------------------------------*/
/*----------------------------------------------------
	3.0 - Header
----------------------------------------------------*/
header {
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
header a {
	text-decoration: none;
}
header button {
	border: none;
	margin: 0;
	padding: 0;
}
/* containar */
.header-container {
	background-color: #101010;
	color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.heder-logo {
	background-color: #101010;
	flex-basis: calc(100% - 60px);
	width: calc(100% - 60px);
	max-width: calc(100% - 60px);
	height: 60px;
	padding: 15px 20px;
	z-index: 2;
}
.heder-logo h1 {
	height: 30px;
}
.heder-logo h1 img {
	width: auto;
	height: 40px;
}
/* Hamberger menu */
.header-button {
	font-size: 1.1rem;
	position: relative;
	flex-basis: 60px;
	width: 60px;
	max-width: 60px;
	height: 60px;
	z-index: 3;
}
.header-button button {
	background-color: #101010;
	color: #fff;
	padding-top: 32px;
	width: 60px;
	height: 60px;
}
.header-button:before, .header-button button:before, .header-button button:after {
	background-color: #fff;
	content: " ";
	position: absolute;
	transition: 0.2s;
	width: 28px;
	height: 2px;
}
.header-button:before {
	top: 24px;
	left: 16px;
}
.header-button button:before {
	top: 16px;
	left: 16px;
}
.header-button button:after {
	top: 32px;
	left: 16px;
}
.on-sp .header-button button {
	font-size: 0;
}
.on-sp .header-button:before {
	display: none;
}
.on-sp .header-button:after {
	content: "CLOSE";
	color: #fff;
	margin-left: -1.6em;
	position: absolute;
	top: 40px;
	left: 50%;
}
.on-sp .header-button button:before {
	top: 24px;
	transform: rotate(-45deg);
}
.on-sp .header-button button:after {
	top: 24px;
	transform: rotate(45deg);
}
/* - option tablet - */
@media screen and (min-width: 481px) {}
/* - option tablet wide - */
@media screen and (min-width: 601px) {}
/* - option pc - */
@media screen and (min-width: 960px) {
	header {
		border-bottom: 60px solid #101010;
		position: relative;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		background-color: #101010;
	}
	.header-container {
		background-color: #101010;
	}
	.heder-logo {
		background-color: transparent;
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
		height: 100px;
		padding: 20px 0;
	}
	.heder-logo h1 {
		margin: 0 auto;
		height: 40px;
		max-width: 1000px;
	}
	.heder-logo h1 img,
	#shopinfo h1 img{
		width: auto;
		height: 70px;
	}
	.header-button {
		display: none;
	}
}
/* - option pc - */
@media screen and (min-width: 1281px) {}
/*----------------------------------------------------
	3.1 - Header Navigation Setting
----------------------------------------------------*/
.header-navigation {
	background-color: #000;
	display: flex;
	flex-wrap: wrap;
	padding: 60px 20px 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.header-navigation.mobile {
	display: none;
}
.nav-primary {
	border-bottom: 1px solid #666;
	width: 100%;
	padding: 20px 0;
}
.nav-topics {
	border-bottom: 1px solid #666;
	width: 100%;
	padding: 20px 0;
}

.nav-list li {
	padding: 0.5em 0;
}
.nav-list>li.off a {
    color: #AAAAAA;
    cursor: default;
	pointer-events: none;
	
}

.header-navigation a:link, .header-navigation a:visited {
	color: #bababa;
}
.header-navigation a:hover, .header-navigation a:active {
	color: #fff;
	transition: 0.3s;
}
.nav-outer a,.nav-contact a,.nav-access a {
	position: relative;
	padding-left: 1.2em;
}
.nav-outer a:before,.nav-contact a:before,.nav-access a:before {
	width: 1em;
	height: 1em;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.45em;
}

.header-contact {
	padding: 20px 0;
	width: 100%;
}
.header-contact dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.header-contact dt, .header-contact dd {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 0.25em;
}
.header-contact dt {
	width: 5em;
	border-right: 1px solid #cbcbcb;
}
.header-contact dd {
	margin-left: 10px;
	width: calc(100% - 6em);
}
.header-contact dd:nth-of-type(1) span {
	width: 4em;
	display: inline-table;
}
.shop-data {
	font-size: 1.3rem;
}
.shop-data table {
	line-height: 1.2em;
}

.shop-data p {
	font-size: 1.3rem;
	margin-top: 0.3em;
}
@media (max-width: 959px) {
	.shop-data {
	font-size: 1.6rem;
	}
	.shop-data table {
	line-height: 1.4em;
	}
	.shop-data p{
		font-size: 1.6rem;
	}
}



dt.shop-tel span {
	font-size: 1.6rem;
	line-height: 1.5;
}
dd.shop-tel span {
	font-size: 2.8rem;
	line-height: 1.0;
}

dd.shop-tel a[href*="tel:"] {
		color: #fff;
	}
/* - option tablet - */
@media screen and (min-width: 481px) {}
/* - option tablet wide - */
@media screen and (min-width: 601px) {}
/* - option telephone link - */
@media (min-width: 751px) {
.header-navigation .shop-tel a[href*="tel:"] {
		color: #dcdcdc;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.header-navigation {
		background-color: transparent;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		margin: 0 auto -60px;
		padding: 0;
		overflow-y: visible;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 1000px;
		height: auto;
		z-index: 3;
	}
	.nav-primary {
		border-bottom: 0;
		padding: 0;
		order: 3;
	}
	.nav-primary .nav-list {
		display: flex;
		font-size: 1.5rem;
		margin: 0 auto;
		width: 100%;
		height: 60px;
		max-width: 1000px;
		justify-content: space-between;
	}
	.nav-primary .nav-list li {
		padding: 0;
		height: 100%;
	}
	.nav-primary .nav-list li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		white-space: nowrap;
		position: relative;
	}
	.nav-primary .nav-list li a:after {
		background-color: #910a2d;
		content: " ";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 4px;
		transition: 0.3s;
	}
	.nav-primary .nav-list li.on a:after,	.nav-primary .nav-list li a:hover:after,	.nav-primary .nav-list li a:active:after {
		width: 100%;
	}
	.nav-topics {
		border-bottom: none;
		border-left: 1px solid #cbcbcb;
		flex-basis: auto;
		width: auto;
		font-size: 1.4rem;
		margin: -85px 0 15px;
		padding: 0 0 0 20px;
		order: 2;
		height: 90px;
	}
	.nav-topics .nav-list li {
	padding: 0.45em 0;
}
	.header-contact {
		margin: -95px 0 0;
		padding: 0 20px 0 0;
		flex-basis: auto;
		width: 17em;
		order: 1;
		flex-shrink: 0;
		height: 90px;
	}
	.header-contact dt, .header-contact dd {
		color: #dcdcdc;
		font-size: 1.4rem;
		line-height: 1.6;
		margin-bottom: 0;
	}
	.header-contact dt {
		border-right: none;
	}
	dt.shop-tel span {
		font-size: 1.2rem;
	}
	dd.shop-tel span {
		font-size: 1.2rem;
	}
}

.header-contact ul.list_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.1;
    text-align: center;
}
.header-contact ul.list_button.btn_col01>li {
    width: 48%;
}
.header-contact ul.list_button li {
    margin: 0.45em 0;
}
.header-contact ul.list_button>li a {
	font-family: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #910a2d;
    width: 210px;
    height: 35px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.3s;
}
.header-contact ul.list_button>li a:hover {
		background-color: #fff;
		color: #101010;

}




/*----------------------------------------------------
	4.0 - Footer Setting
----------------------------------------------------*/
footer {
	background-color: #101010;
}

.footer-top, .footer-middle, .footer-bottom {
	padding-left: 20px;
	padding-right: 20px;
}
.footer-top {
	background-color: #101010;
}
.footer-middle {
	background-color: #f4f4f4;
}
.footer-bottom {
	background-color: #101010;
}
.nav-footer {
	font-size: 1.2rem;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	padding: 20px 0;
}
.nav-footer li {
	padding: 1em 0;
	flex-basis: 50%;
	width: 50%;
	max-width: 50%;
}
.footer-instagram {
	padding: 60px 0;
	text-align: center;
}
.footer-instagram a {
	color: #333;
	text-decoration: none;
}
.footer-instagram a:hover dl *, .footer-instagram a:active dl * {
	opacity: 0.7;
	transition: 0.3;
}
.footer-instagram dt {
	font-size: 2.1rem;
	font-weight: 500;
	margin-bottom: 10px;
}
.footer-instagram dd {
	font-size: 1.8rem;
}
.footer-instagram dd.icon {
	margin-bottom: 32px;
}
.footer-instagram dd.icon img {
	margin-top: 32px;
	width: auto;
	height: 64px;
}
.copyright {
	border-top: 1px solid #333;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	padding: 20px 0;
}
/* - option tablet - */
@media screen and (min-width: 481px) {
	.footer-top, .footer-middle, .footer-bottom {
		padding-left: 40px;
		padding-right: 40px;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.nav-footer li {
		flex-basis: 33.333%;
		width: 33.333%;
		max-width: 33.333%;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.footer-top {
		padding: 40px 0;
	}
	.footer-top .nav-footer {
		justify-content: center;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		max-width: 1000px;
	}
	.footer-top .nav-footer li {
		padding: 0;
		flex-basis: calc(100% / 6);
		width: calc(100% / 6);
		max-width: calc(100% / 6);
	}
	.footer-middle {
		padding: 0;
	}
	.footer-middle .footer-instagram {
		background-image: url(../img/common/bg_instagram.jpg);
		background-position: center top;
		background-size: 1500px;
		padding: 0;
	}
	.footer-instagram a {
		display: table;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
	}
	.footer-middle .footer-instagram dl {
		background-color: #f4f4f4;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
		height: calc(500px * 0.5625);
	}
	.footer-middle .footer-instagram dt {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
	.footer-middle .footer-instagram dd {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
	.footer-bottom {
		flex-wrap: nowrap;
		align-items: center;
		margin: 0 auto;
		padding: 30px 0;
		width: 100%;
		max-width: 1000px;
	}
	.footer-bottom .nav-footer {
		font-size: 1.4rem;
		padding: 0;
	}
	.footer-bottom .nav-footer li {
		padding: 0 20px 0 0;
		flex-basis: auto;
		width: auto;
		max-width: 100%;
	}
	.copyright {
		border-top: none;
		padding: 0;
	}
}
/* - option pc - */
@media screen and (min-width: 1281px) {}
/* color */
footer a:link, footer a:visited {}
footer a:hover, footer a:active, footer a:focus {}
.footer-top a:link, .footer-top a:visited {
	color: #fff;
}
.footer-top a:hover, .footer-top a:active, .footer-top a:focus {
	color: #666;
	transition: 0.3s;
}
.footer-bottom a:link, .footer-bottom a:visited {
	color: #bababa;
}
.footer-bottom a:hover, .footer-bottom a:active, .footer-bottom a:focus {
	color: #fff;
	transition: 0.3s;
}
/*----------------------------------------------------
	5.0 - Contents
----------------------------------------------------*/

.center {
	text-align: center;
	margin: 0 auto;
}
#contents {
	margin-top: 60px;
	text-align: center;
}

#contents .top_title p {
	padding-top: 0.5em;
	font-size: 2rem;
	text-align: left;
}

.index #contents {
	margin-top: 60px;
}
.contents_top {
	padding: 5rem 0;
	display: inline-block;
}

.contents-title {
	color: #101010;
	font-size: 3rem;
	font-weight: 400;
}

.contents_top p {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #000;
	font-size: 2rem;
}

.sections {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

section {
	padding: 4em 0;
	line-height: 1.75;
	text-align: left;
}
.sections section {
	margin: 0 auto;
	padding: 0;
	padding: 60px 20px 60px;
	width: 100%;
	overflow: hidden;
}
.sections .wrapper {
	margin: 3em auto 0;
	position: relative;
	width: 100%;
	max-width: 1000px;
}
section.bg_main {
	color: #101010;
	background-image: url(../img/index/news_bg_img.jpg);
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
}

section.bg_page_btm {
	color: #101010;
	background-image: url(../img/index/news_bg_img.jpg);
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
}

section.bg_gray {
	background-color: #f4f4f4;
}
section.bg_clear {
	background-color: transparent;
	color: #333;
}
section.bg_white {
	background-color: #fff;
}
.bg_page {
	background-color: #dadfe3;
}

.bg_dark a[href*="tel:"] {
	color: #fff !important;
}

.inner {
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
}


h2 {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.25;
	text-align: left;
}
@media (max-width: 480px) {
	h2 {
		font-size: 3rem;
	}
}
h2 span {
	border-top: 1px solid #136fb9;
	display: table;
	margin-top: -1px;
	padding-top: 0.75em;
}
h3 {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1.25em;
}
h4 {
	line-height: 1.5;
}
section p,
section li,
section dt,
section dd,
section table {
	line-height: 1.8;
}
.sections section.top_blank {
	padding-top: 0;
}
/* - option tablet - */
@media screen and (min-width: 481px) {
	.sections section {
		padding-left: 40px;
		padding-right: 40px;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.top_title {
		height: 5.5em;
		text-align: center;
	}

	.contents-sub_title {
		font-size: 3rem;
		margin-bottom: 2em;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	#contents,
	.index #contents {
		margin-top: 170px;
		text-align: center;
	}
	.sections {
		padding-left: 0;
		padding-right: 0;
	}
	.sections section {
		padding: 80px 0 80px;
	}
	.sections .wrapper {
	}
	.sections section.btm_blank {
		padding-bottom: 0;
	}
	.sections section.top_blank {
		padding-top: 0;
	}
	h2 {
		font-size: 3em;
	}
	h3 {
		font-size: 2.4rem;
		margin-bottom: 1em;
	}
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}
.bg_dark a {
	color: #fff;
}
.bg_dark a:hover {
	color: #999;
}
.bg_gray a {
	color: #101010;
	text-decoration: none;
}
.bg_gray a:hover {
	color: #910a2d;
}
/*----------------------------------------------------
	6.0 - Option
----------------------------------------------------*/
.bg_dark .box_attention {
	max-width: 100%;
	padding: 1em;
	line-height: 1.6;
	border: 1px solid #999;
}
.bg_dark .box_attention_bk {
	max-width: 100%;
	padding: 1em;
	line-height: 1.6;
	border: 1px solid #333;
	background-color: rgba(0, 0, 0, 0.5);
}
.bg_gray .box_attention {
	max-width: 100%;
	padding: 1em;
	line-height: 1.6;
	border: 1px solid #ccc;
}
.bg_gray .box_attention_wh {
	max-width: 100%;
	padding: 1em;
	line-height: 1.6;
	border: 1px solid #ddd;
	background-color: rgba(255, 255, 255, 0.5);
}
/* - option tablet - */
@media screen and (min-width: 481px) {
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
}
/* - option pc - */
@media screen and (min-width: 960px) {
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}
/*----------------------------------------------------
	6.0 - Index Setting
----------------------------------------------------*/
h2 {
    border: none;
    text-align: left;
}

.top_title {
    display: inline-block;
}

.top_title p {
    border-top: 1px solid #000;

}

.shopinfo {
    background-color: #e7e7e7;
}
.shop-container {
	margin: 0 auto;
	padding: 60px 20px;
	width: 100%;
	max-width: 1000px;
}
.shop-item p{
	margin-bottom: 1em;
	font-size: 0.9em;
}
.shop-item ul.list_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.1;
    text-align: center;
    margin-top: 2.1em;
}
.shop-item ul.list_button.btn_col01>li {
    width: 48%;
}
.shop-item ul.list_button li {
    margin: 0 auto 0.75em;
}
.shop-item ul.list_button>li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: #fff;
    min-width: 40%;
    width: 260px;
    height: 56px;
    color: #101010;
    text-decoration: none;
    border: 2px solid #101010;
    border-radius: 4px;
    box-shadow: 0 2px 5px #CCC;
    transition: 0.3s;
}

.shop-item ul.list_button>li a:hover {
	background-color: #910a2d;
	border: 2px solid #910a2d;
	color: #fff;
}


.shop-contact h1 {
	font-size: 2.1rem;
	font-weight: 500;
	margin-bottom: 1.1em;
}
.shop-contact dl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.shop-contact dt,
.shop-contact dd {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 0.75em;
	}
.shop-contact dt {
	background-color: #cbcbcb;
	width: 5em;
	text-align: center;
}
.shop-contact dd {
	margin-left: 1em;
	width: calc(100% - 6em);
}
.shop-contact a[href*="tel:"] {
	color: #101010;
	text-decoration: none;
}

.shop-contact a[href*="tel:"]:hover {
	color: #910a2d;
}


.shop-contact table {
	border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

.shop-contact .shop_tx {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}


.shop-calendar h2 {
	color: #222;
	font-size: 2rem;
	margin: 1em 0 0.5em;
}
.shop-calendar table {
	background-color: #fff;
	width: 100%;
	margin-bottom: 1em;
}
.shop-calendar th,
.shop-calendar td {
	border: 1px solid #e7e7e7;
	line-height: 1.3;
	padding: 0.55em 0;
	text-align: center;
	width: calc(100% - 7);
	background: #fff;
	color: #101010;
}
.shop-calendar th {
	background-color: #d5d5d5;
	color: #101010;
	font-size: 1.2rem;
	font-weight: 400;
	padding: 0.6em 0;
}
.shop-calendar ul {
	display: flex;
	flex-wrap: nowrap;
	font-size: 1.2rem;
}
.shop-calendar ul > li {
	margin-right: 20px;
}
.shop-event {
	color: #b01f3b;
}
.shop-holiday {
	color: #d5d5d5;
}
td.shop-event {
	background-color: #b01f3b;
	color: #fff;
}
td.shop-holiday {
	background-color: #d5d5d5;
	color: #999999;
}
td.sunday {
	color: #f06670;
}
td.saturday {
	color: #57a3f3;
}
/* - option tablet - */
@media screen and (min-width: 481px) {
	.shop-container {
		padding-left: 40px;
		padding-right: 40px;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.shop-container {
		display: flex;
	}
	.shop-contact {
		order: 2;
		padding-left: 20px;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
	}
	.shop-contact h1 {
		font-size: 2rem;
		text-align: left;
	}
	.shop-calendar {
		order: 1;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
	}
	.shop-calendar h2 {
		text-align: left;
	}
	.shop-calendar h2:first-of-type {
		margin-top: 0;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.shop-container {
		padding-left: 0;
		padding-right: 0;
	}
	.shop-contact {
		flex-basis: 31%;
		width: 31%;
		max-width: 31%;
	}
	.shop-calendar {
		flex-basis: 69%;
		width: 69%;
		max-width: 69%;
	}
	.shop-calendar {
		display: flex;
		flex-wrap: wrap;
	}
	.shop-calendar h2 {
		margin-top: 0;
	}
	.shop-calendar .calendar-data {
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
	}
	.shop-calendar .calendar-data:nth-of-type(odd) {
		padding-right: 10px;
	}
	.shop-calendar .calendar-data:nth-of-type(even) {
		padding-left: 10px;
	}
	.shop-calendar th {
		font-size: 1.2rem;
		padding: 0.6em 0;
	}
	.shop-calendar td {
		padding: 0.55em 0;
	}
}
/* - option pc - */

/* color */

/* 下層ページ */
/* recruit */
.recruit_box {
    display: flex;
    max-width: 1000px;
    height: 450px;
    margin: 2em auto 0 auto;
    background-color: #fff;
    justify-content: space-evenly;
}

.recruit_box p {
	font-size: 2.5rem;
    color: #101010;
	padding: 1em;
}
@media (max-width: 480px) {
	.recruit_box {
		height: 200px;

	}
	.recruit_box p {
		font-size: 1.5rem;
	}
}

.recruit_item {
	margin: auto;
}

.recruit_table {
	width: 100%;
}

.recruit_table th {
	border-bottom: 1px solid #ccc;
	width: 20%;
	text-align: center;
	padding: 1.5% 0;
	vertical-align: middle;
}

.recruit_table td {
	margin: 0;
    padding: 0.5em 0 0.5em 1em;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}

.recruit_contact_box {
	display: flex;
    max-width: 1000px;
    height: 300px;
    margin: 2em auto 0 auto;
	padding: 1em;
    border: 2px solid #101010;
	background: #fff;
    justify-content: space-evenly;
	text-align: center;
}
.recruit_contact_box p {
    color: #101010;
}

.recruit_contact_item {
	margin: auto;
}
.recruit_contact_item h4 {
	font-size: 1.5em;
	margin-bottom: 0.5em;
}








.sub__imgarea {
	position: relative;
}

.sub_backimg {
	margin-top: 100px;
	position: absolute;
	left: 0;
	height: 570px;
	width: 1920px;
	max-width: 100%;
	background-size: cover;
}
.sub_backimg-01 {
	background-image: url(../img/contents/recruit/img_recruit_mechanic.jpg);
}
.sub_backimg-02 {
	margin-top: 180px;
	background-image: url(../img/contents/recruit/img_recruit_sales.jpg);
}
.sub_backimg-03 {
	margin-top: 180px;
	background-image: url(../img/contents/bodywork/img_bodywork_main.jpg);
}
.sub_backimg-04 {
	margin-top: 180px;
	background-image: url(../img/contents/recruit/img_recruit_front.jpg);
}
.sub_backimg-05 {
	margin-top: 180px;
	background-image: url(../img/contents/recruit/img_recruit_accounting.jpg);
}
.mt-imgbox70 {
	margin-top: 700px;
}
.mt-imgbox90 {
	margin-top: 900px;
}
.mt-100 {
	margin-top: 100px !important;
}
.sub__contactbox {
	margin-top: 100px !important;
	padding: 40px;
	text-align: center;
	background: #000;
}
.sub__contactbox .flex_box {
	margin-top: 40px;
}
.flex_box {
	display: flex;
}
.contact__tel,
.contact__btn {
	width: 48%;
	font-size: 24px;
}
.contact__tel span {
	padding: 5px 10px;
	margin-right: 1em;
	background-color: #fff;
	color: #000;
}
.contact__btn {
	height: 50px;
}
.contact__btn a {
	text-decoration: none;
	color: inherit;
	margin: 0 auto;
	display: block;
	width: 360px;
	max-width: 90%;
	line-height: 50px;
	background: #fff;
	text-align: center;
	border: none;
	color: #000;
	font-size: 2.4rem;
}
/* 220627 custom */
.sub_backimgcs{
	width: 100vw;
	height: 35vw;
	max-height: 320px;
	background-size: cover;
	margin-left: calc(-50vw + 50%);
}
.sub_backimg-01cs {
	background-image: url(../img/contents/recruit/img_recruit_mechanic.jpg);
}
.sub_backimg-02cs {
	background-image: url(../img/contents/recruit/img_recruit_sales.jpg);
}
.sub_backimg-03cs {
	background-image: url(../img/contents/bodywork/img_bodywork_main.jpg);
}
.sub_backimg-04cs {
	background-image: url(../img/contents/recruit/img_recruit_front.jpg);
}
.sub_backimg-05cs {
	background-image: url(../img/contents/recruit/img_recruit_accounting.jpg);
}
@media screen and (max-width: 601px) {
	.sub_backimg {
		position: absolute;
		height: 160px;
		width: 100%;
	}
	.sub_backimg-03 {
		margin-top: 0;
	}
	.mt-imgbox70 {
		margin-top: 260px;
	}
	.mt-imgbox90 {
		margin-top: 250px;
	}
	.flex_box {
		display: block;
	}
	.contact__tel,
	.contact__btn {
		width: 100%;
		font-size: 16px;
	}
	.contact__tel {
		font-size: 20px;
	}
	.contact__tel a {
		text-decoration: none;
	}
	.contact__tel span {
		padding: 5px 10px;
		margin-right: 1em;
	}
	.contact__btn {
		height: 50px;
	}
	.contact__btn a {
		margin: 30px 0 auto;
		font-size: 2rem;
	}
	/* 220627 custom */
	.sub_backimgcs{
		height: 50vw;
		max-height: 320px;
	}
}
/* section.topics */
.ba_box {
	margin-top: 100px;
}
.ba_flex {
	margin: 40px auto 0;
	position: relative;
	width: 100%;
	max-width: 1000px;
	justify-content: space-between;
}
.ba_flex .before {
	width: 45%;
}
.ba_flex .after {
	width: 45%;
}
.ba_flex .arw {
	position: relative;
	width: 5%;
}
.ba_flex .arw img {
	width: 100%;
	position: absolute;
	top: 30%;
}

@media screen and (max-width: 601px) {
	.ba_box {
		margin-top: 60px;
	}
	.ba_flex {
		margin: 60px auto 0;
	}
	.ba_flex .before {
		width: 100%;
	}
	.ba_flex .after {
		width: 100%;
		margin-top: 20px;
	}
	.ba_flex .arw {
		transform: rotate(90deg);
		left: 46%;
		height: 50px;
		width: 50px;
	}
}
.linkarea {
	background-image: url(../img/common/link_car.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.linkarea_inner {
	height: 300px;
	padding: 50px;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.linkarea_ttl {
	font-size: 40px;
	color: #fff;
	font-family: "MazdaTypeRegular", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "Meiryo UI", "Yu Gothic Medium", sans-serif;
}
.linkarea_subttl {
	color: #fff;
	font-size: 16px;
}
.linkarea_btn {
	height: 60px;
	width: 400px;
	max-width: 100%;
	background: #fff;
	color: #000;
	margin: 50px auto 0;
}
.linkarea_btn a {
	text-decoration: none;
	color: inherit;
	display: block;
	line-height: 60px;
}
@media screen and (max-width: 601px) {
	.linkarea_inner {
		padding: 50px;
		max-width: 1000px;
		width: 100%;
	}
	.linkarea_ttl {
		font-size: 30px;
	}
	.linkarea_btn {
		height: 50px;
		margin: 40px auto 0;
	}
	.linkarea_btn a {
		line-height: 50px;
	}
}

#index_main {
	padding-top: 4em;
	background-color: #dadfe3;;
	width: 100%;
}

.index_slider .img_slider {
	margin-left: 2em;
	margin-right: 2em;
}

.index_slider .img_slider img {
	width: 100%;
	height: auto;
	max-width: 900px;
	display: block;
}

@media (max-width: 999px) {
    .index_slider .img_slider img {
		width: 100%;
		height: auto;
		max-width: 100vw;
		display: block;
	}
}


/*----------------------------------------------------
	6.0 - Option Setting Containar
----------------------------------------------------*/
/* containar */
.items {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
	margin-top: 3em;
}
.items.itemC {
	justify-content: center;
}
.items.itemR {
	justify-content: flex-end;
}
.items .item,
[class^="col"] .item,
[class*=" col"] .item {
	padding-bottom: 1.5em;
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}
.item img {
	width: 100%;
	height: auto;
}
.item .item-link {
	margin: 0 auto;
	max-width: 200px;
}
.item .item-link a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 0.75em 1em;
	position: relative;
}

.item .service_item-link a {
	display: flex;
	align-items: center;
	justify-content: end;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 0.75em 1em;
	position: relative;
	right: 40px;
}

.item .item-link.item-coming {
	color: #101010;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 0.75em 1em;
	position: relative;
}
.item-text h4 a:link,
.item-text h4 a:visited,
.item-text h3 a:link,
.item-text h3 a:visited,
.item .item-link a:link,
.item .item-link a:visited {
	color: #101010;
	text-decoration: none;
}
.item-text h4 a:hover,
.item-text h4 a:active,
.item-text h3 a:hover,
.item-text h3 a:active,
.item .item-link a:hover,
.item .item-link a:active {
	color: #910a2d;
	transition: 0.3s;
}

.item .service_item-link a:link,
.item .service_item-link a:visited {
	color: #101010;
	text-decoration: none;
}
.item .service_item-link a:hover,
.item .service_item-link a:active {
	color: #910a2d;
	transition: 0.3s;
}

.bg_dark .item .item-link a:link,
.bg_dark .item .item-link a:visited {
	color: #101010;
	text-decoration: none;
}
.bg_dark .item .item-link a:hover,
.bg_dark .item .item-link a:active {
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	color: #222;
	transition: 0.3s;
}
.item .item-link a:after {
	position: absolute;
	content: "";
	top: 50%;
	width: 40px;
	height: 1px;
	right: 0px;
	background-color: black;
}

.item .item-link a:hover::after,
.item .item-link a:active::after {
	background-color: #910a2d;
	transition: 0.3s;
}

.item .service_item-link a:after {
	position: absolute;
	content: "";
	top: 50%;
	width: 40px;
	height: 1px;
	right: -35px;
	background-color: black;
}

.item .service_item-link a:hover::after,
.item .service_item-link a:active::after {
	background-color: #910a2d;
	transition: 0.3s;
}

br.tb,
br.pc {
	display: none;
}
br.sp {
	display: block;
}
/* - option tablet - */
@media screen and (min-width: 481px) {
	br.sp,
	br.pc {
		display: none;
	}
	br.tb {
		display: block;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	[class^="col"] .item,
	[class*=" col"] .item {
		width: 50%;
		max-width: 50%;
		flex-basis: 50%;
		padding-bottom: 5em;
	}
	[class^="col"] .item:nth-of-type(odd),
	[class*=" col"] .item:nth-of-type(odd) {
		padding-left: 0;
		padding-right: 1em;
	}
	[class^="col"] .item:nth-of-type(even),
	[class*=" col"] .item:nth-of-type(even) {
		padding-left: 1em;
		padding-right: 0;
	}
	.col1 .item,
	.col1s .item {
		width: 100%;
		max-width: 480px;
		flex-basis: 100%;
	}
	.col1 .item:nth-of-type(n),
	.col1s .item:nth-of-type(n) {
		padding-left: 0;
		padding-right: 0;
	}
	.item .item-link {
		margin: 0;
	}
	.col2.itemRev .item:nth-of-type(odd) {
		order: 2;
		padding-left: 1em;
		padding-right: 0;
	}
	.col2.itemRev .item:nth-of-type(even) {
		order: 1;
		padding-left: 0;
		padding-right: 1em;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.col1 .item,
	.col1s .item {
		width: 100%;
		max-width: 480px;
		flex-basis: 100%;
	}
	.col3 .item {
		width: 33.333%;
		max-width: 33.333%;
		flex-basis: 33.333%;
	}
	.col3 .item:nth-of-type(3n + 1) {
		padding-left: 0;
		padding-right: 1em;
	}
	.col3 .item:nth-of-type(3n + 2) {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.col3 .item:nth-of-type(3n) {
		padding-left: 1em;
		padding-right: 0;
	}
	.col4 .item {
		width: 25%;
		max-width: 25%;
		flex-basis: 25%;
	}
	.col4 .item:nth-of-type(4n + 1) {
		padding-left: 0;
		padding-right: 16px;
	}
	.col4 .item:nth-of-type(4n + 2) {
		padding-left: 5px;
		padding-right: 11px;
	}
	.col4 .item:nth-of-type(4n + 3) {
		padding-left: 11px;
		padding-right: 5px;
	}
	.col4 .item:nth-of-type(4n) {
		padding-left: 16px;
		padding-right: 0;
	}
	.col5 .item {
		width: 20%;
		max-width: 20%;
		flex-basis: 20%;
	}
	.col5 .item:nth-of-type(5n + 1) {
		padding-left: 0;
		padding-right: 14px;
	}
	.col5 .item:nth-of-type(5n + 2) {
		padding-left: 4px;
		padding-right: 10px;
	}
	.col5 .item:nth-of-type(5n + 3) {
		padding-left: 7px;
		padding-right: 7px;
	}
	.col5 .item:nth-of-type(5n + 4) {
		padding-left: 10px;
		padding-right: 4px;
	}
	.col5 .item:nth-of-type(5n) {
		padding-left: 14px;
		padding-right: 0;
	}
	.col2-1 .item:nth-of-type(odd) {
		flex-basis: 33.333%;
		width: 33.333%;
		max-width: 33.333%;
	}
	.col2-1 .item:nth-of-type(even) {
		flex-basis: calc(100% - 33.333%);
		width: calc(100% - 33.333%);
		max-width: calc(100% - 33.333%);
	}
	.col2-2 .item:nth-of-type(odd) {
		flex-basis: calc(100% - 33.333%);
		width: calc(100% - 33.333%);
		max-width: calc(100% - 33.333%);
	}
	.col2-2 .item:nth-of-type(even) {
		flex-basis: 33.333%;
		width: 33.333%;
		max-width: 33.333%;
	}
	.item .item-link {
		max-width: 160px;
	}
	br.sp,
	br.tb {
		display: none;
	}
	br.pc {
		display: block;
	}
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}
/*----------------------------------------------------
	6.0 - Option Setting List
----------------------------------------------------*/
/* list */
[class^="list_"] li,
[class*=" list_"] li {
	list-style-type: none;
}
.list-text-jp {
	margin-left: 1em;
}
.list-text-jp li {
	text-indent: -1em;
}
.list-text-jp02 {
	margin-left: 1.2em;
}
.list-text-jp02 li {
	text-indent: -1.2em;
}
.list-text-jp03 {
	margin-left: 1.6em;
}
.list-text-jp03 li {
	text-indent: -1.6em;
}
.list-text-jp li *,
.list-text-jp02 li *,
.list-text-jp03 li * {
	text-indent: 0;
}
.list-text-jp li .list-text-jp li,
.list-text-jp02 li .list-text-jp li,
.list-text-jp03 li .list-text-jp li {
	text-indent: -1em;
}
.list-text-jp li .list-text-jp02 li,
.list-text-jp02 li .list-text-jp02 li,
.list-text-jp03 li .list-text-jp02 li {
	text-indent: -1.2em;
}
.list-text-jp li .list-text-jp03 li,
.list-text-jp02 li .list-text-jp03 li,
.list-text-jp03 li .list-text-jp03 li {
	text-indent: -1.6em;
}
.list-text-jp li .list-text-en li,
.list-text-jp02 li .list-text-en li,
.list-text-jp03 li .list-text-en li {
	text-indent: -0.5em;
}
.list-text-en {
	margin-left: 0.5em;
}
.list-text-en li {
	text-indent: -0.5em;
}
.list_disc {
	margin-left: 1em;
}
.list_disc li {
	position: relative;
}
.list_disc li:before,
.list_disc li .list_disc li:before {
	color: #94949c;
	content: "\025cf";
	display: inline-block;
	font-size: 0.6em;
	margin-right: 1.6em;
	padding-right: 0.666em;
	position: absolute;
	top: 1em;
	left: -1.6em;
	line-height: 1;
}
.list_disc li ul li:before {
	display: none;
}
.list_decimal {
	margin-left: 2em;
	counter-reset: num;
}
.list_decimal > li {
	position: relative;
}
.list_decimal > li:before {
	box-sizing: border-box;
	counter-increment: num;
	content: counter(num) ".";
	display: inline-block;
	position: absolute;
	width: 2em;
	top: 0;
	left: -2.25em;
	margin-right: 2em;
	padding-right: 0.25em;
	text-align: right;
}

/* text */
.list-num- {
}
.list-num- {
}
.list-num- {
}
.list-num- {
}
/* mark */
/* link */
.list-link {
	margin-left: 1em;
}
.list-link li:before {
	content: "\025b6";
	color: #94949c;
	font-size: 80%;
	margin-left: -1.3em;
	padding-right: 0.3em;
}
/* banner */
.list-banner {
	width: 100%;
}
.list-banner li {
}
.list-banner a,
.list-banner span {
	color: #fff;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-weight: 500;
	line-height: 1.2;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 100%;
	height: 3.5em;
	text-align: center;
}
.list-banner span {
	background-color: #ccc;
	color: #555;
}
.list-banner a span,
.list-banner span span {
	background-color: transparent;
	width: auto;
}
.list-banner a:link,
.list-banner a:visited {
	background-color: #222;
	color: #fff;
}
.list-banner a:hover,
.list-banner a:active,
.list-banner a:focus {
	background-color: #666;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	color: #fff;
	transition: 0.3s;
}
.bg_dark .list-banner a:link,
.bg_dark .list-banner a:visited {
	background-color: #f4f4f4;
	color: #222;
}
.bg_dark.list-banner a:hover,
.bg_dark .list-banner a:active,
.bg_dark .list-banner a:focus {
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
	color: #222;
	transition: 0.3s;
}
.banner-bgR a:link,
.banner-bgY a:visited {
	background-color: #ed1b42;
}
.banner-bgR a:hover,
.banner-bgY a:active,
.banner-bgY a:focus {
	background-color: #ff90a4;
}
.banner-bgY a:link,
.banner-bgY a:visited {
	background-color: #f78d07;
}
.banner-bgY a:hover,
.banner-bgY a:active,
.banner-bgY a:focus {
	background-color: #ffc243;
}
.banner-bgB a:link,
.banner-bgB a:visited {
	background-color: #3964c7;
}
.banner-bgB a:hover,
.banner-bgB a:active,
.banner-bgB a:focus {
	background-color: #6c8cd5;
}
.banner-bgG a:link,
.banner-bgG a:visited {
	background-color: #2cac3e;
}
.banner-bgG a:hover,
.banner-bgG a:active,
.banner-bgG a:focus {
	background-color: #56cd67;
}
.banner-bgBg a:link,
.banner-bgBg a:visited {
	background-color: #38a5c7;
}
.banner-bgBg a:hover,
.banner-bgBg a:active,
.banner-bgBg a:focus {
	background-color: #7dc4da;
}
.list-banner a:after {
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -0.5em;
}
/*----------------------------------------------------
	6.0 - Option Setting Table
----------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.table_normal {
	width: 100%;
	border: solid 1px #ddd;
}
table.table_normal th {
	padding: 10px;
	background: #f8f1dc;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-weight: 700;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
table.table_normal td {
	padding: 10px;
	background: #fff;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

table.table_about_us th {
	background: #e7e7e7;
}

table.table_about_us td {
	background: #fff;
}

table .nowrap {
	white-space: nowrap;
}
/* border */
.table-border {
	width: 70%;
}
@media (max-width: 480px) {
	.table-border {
		width: 100%;
	}
}

.table-border th,
.table-border td {
	border: 1px solid #666;
	line-height: 1.5;
	padding: 0.5em 0.75em 0.7em;
}
.table-border th {
	background-color: #333;
	color: #fff;
}
.table-border td {
	background-color: #fff;
	color: #333;
}
.table-border-btm {
	border-top: 1px solid #ddd;
	width: 100%;
}
.table-border-btm th,
.table-border-btm td {
	border-bottom: 1px solid #ddd;
	line-height: 1.8;
	padding-top: 0.7em;
	padding-bottom: 0.85em;
	display: table-cell;
	width: auto;
}
.table-border-btm th {
	font-weight: 500;
	padding-right: 1em;
	text-align: left;
	vertical-align: top;
}
/* no border */
.table-noborder {
}
.table-noborder th,
.table-noborder td {
	border: none;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}
.table-noborder th {
	font-weight: 400;
	text-align: left;
}
.table-noborder td {
}
/* no titlebox */
.table-titlebox {
}
.table-titlebox th,
.table-titlebox td {
	border: none;
	line-height: 1.8;
	margin: 0;
	padding: 0.5em 0 0;
}
.table-titlebox tr:first-of-type th,
.table-titlebox tr:first-of-type td {
	padding-top: 0;
}
.table-titlebox th {
	font-weight: 400;
	text-align: left;
	line-height: 1.2;
}
.table-titlebox th span {
	width: 100%;
}
.table-titlebox th span {
	background-color: #222;
	color: #fff;
	font-weight: 400;
	text-align: center;
	padding: 0.1em 1em;
	display: inline-block;
}
.bg_dark .table-titlebox th span {
	background-color: #fff;
	color: #222;
}
.table-titlebox td {
	padding-left: 1em;
}
th.table-subtitle {
	background: #666;
	font-weight: 400;
}
@media screen and (max-width: 768px) {
	.table-font {
		font-size: 0.85em;
	}
}
/*----------------------------------------------------
	6.0 - Option Setting Other
----------------------------------------------------*/
/* space */
.mgnT0 {
	margin-top: 0;
}
.mgnT10 {
	margin-top: 1em;
}
.mgnT20 {
	margin-top: 2em;
}
.mgnT30 {
	margin-top: 3em;
}
.mgnT40 {
	margin-top: 4em;
}
.mgnB0 {
	margin-bottom: 0;
}
.mgnB05 {
	margin-bottom: 0.5em;
}

.mgnB10 {
	margin-bottom: 1em;
}
.mgnB20 {
	margin-bottom: 2em;
}
.mgnB30 {
	margin-bottom: 3em;
}
.mgnB40 {
	margin-bottom: 4em;
}
.mgnB50 {
	margin-bottom: 5em;
}

.pdgT0 {
	padding-top: 0;
}
.pdgT10 {
	padding-top: 1em;
}
.pdgT20 {
	padding-top: 2em;
}
.pdgB0 {
	padding-bottom: 0;
}
.pdgB10 {
	padding-bottom: 1em;
}
.pdgB20 {
	padding-bottom: 2em;
}
section .pdgR10 {
	padding-right: 1em;
}
/* width */
.w100 {
	width: 100%;
}
.thumb240 {
	max-width: 240px;
	margin: 0 auto;
}
.thumb320 {
	max-width: 320px;
	margin: 0 auto;
}
.thumb480 {
	max-width: 480px;
	margin: 0 auto;
}
.thumb640 {
	max-width: 640px;
	margin: 0 auto;
}
.thumb800 {
	max-width: 800px;
	margin: 0 auto;
}
/* text */
.indent01 {
	text-indent: 1em;
}
.indent_01 {
	text-indent: -1em;
	padding-left: 1em;
}
/* icon */
.icon_pdf,
.icon_word,
.icon_excel,
.icon_ppt {
	padding-right: 36px;
	position: relative;
}
.icon_pdf_s,
.icon_word_s,
.icon_excel_s,
.icon_ppt_s,
.icon_out {
	padding-right: 16px;
	position: relative;
}
[class^="icon_"]:after,
[class*=" icon_"]:after {
	background-image: url(../img/common/bg_icon.png);
	background-repeat: no-repeat;
	content: " ";
	position: absolute;
	right: -4px;
	top: 50%;
}
.icon_pdf:after,
.icon_word:after,
.icon_excel:after,
.icon_ppt:after {
	width: 32px;
	height: 32px;
	margin-top: -16px;
}
.icon_pdf:after,
.icon_word:after,
.icon_excel:after,
.icon_ppt:after {
}
.icon_pdf:after {
	background-position: 0px -20px;
}
.icon_word:after {
	background-position: -40px -20px;
}
.icon_excel:after {
	background-position: -80px -20px;
}
.icon_ppt:after {
	background-position: -120px -20px;
}
.icon_pdf_s:after,
.icon_word_s:after,
.icon_excel_s:after,
.icon_ppt_s:after,
.icon_out:after {
	width: 14px;
	height: 14px;
	margin-top: -6px;
	position: relative;
	top: 2px;
	left: 5px;
	display: inline-block;
}
.icon_out:after {
	background-position: -80px 0px;
}
.icon_pdf_s:after {
	background-position: -100px 0px;
}
.icon_word_s:after {
	background-position: -120px 0px;
}
.icon_excel_s:after {
	background-position: -140px 0px;
}
.icon_ppt_s:after {
	background-position: -160px 0px;
}
/* preparation */
.preparation {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 25vh;
	height: 25vh;
	width: 100%;
}
.preparation p {
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.5em;
	position: relative;
}
.preparation p:before {
	content: "―";
}
.preparation p:after {
	content: "―";
}

/*  Icon
----------------------------------------------------*/
/*Link Blank Icon*/
.link:after {
	font-family: "Font Awesome 5 Free";
	content: "\f360";
	margin-left: 0.2em;
	color: #4369c4;
	font-size: 1.375em;
	font-weight: 900;
	text-decoration: none;
}
.pdf:after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c1";
	margin-left: 0.2em;
	color: #db0f22;
	font-size: 1.2em;
	font-weight: 900;
	text-decoration: none;
}
.ppt:after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c4";
	margin-left: 0.2em;
	color: #ce6243;
	font-size: 1.2em;
	font-weight: 900;
	text-decoration: none;
}
.word:after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c2";
	margin-left: 0.2em;
	color: #254c9b;
	font-size: 1.2em;
	font-weight: 900;
	text-decoration: none;
}
.excel:after {
	font-family: "Font Awesome 5 Free";
	content: "\f1c3";
	margin-left: 0.2em;
	color: #347241;
	font-size: 1.2em;
	font-weight: 900;
	text-decoration: none;
}
.ssl:after {
	font-family: "Font Awesome 5 Free";
	content: "\f023";
	margin-left: 0.2em;
	color: #ceaf28;
	font-size: 1.2em;
	font-weight: 900;
	text-decoration: none;
}
/* Triangle Icon */
.triangle {
	/* margin: 0; */
	padding-left: 1em;
	text-indent: -1em;
	position: relative;
}
.triangle:before {
	content: "\025b6";
	color: #19375b;
}
/*----------------------------------------------------
	6.0 - Option Setting Index
----------------------------------------------------*/
.index-hero {
	padding: 0;
	background-color: #dadfe3;
}
.hero-image {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.selected {
}
/* - option tablet - */
@media screen and (min-width: 481px) {
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
}
/* - option pc - */
@media screen and (min-width: 960px) {
	/*
	.index-hero {
		padding: 20px 0;
	}
	*/
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}
/*----------------------------------------------------
	6.0 - Option Setting Access
----------------------------------------------------*/
#accessmap {
}
.map-data {
	width: 100%;
}
.map-data iframe {
	width: 100%;
}

.gmap {
	margin-top: 3em;
}

/* - option tablet - */
@media screen and (min-width: 481px) {
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.map-data iframe {
		width: 100%;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}
/*----------------------------------------------------
	6.0 - Option Setting Used
----------------------------------------------------*/
/* - option tablet - */
@media screen and (min-width: 481px) {
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
}
/* - option pc - */
@media screen and (min-width: 960px) {
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}
/*----------------------------------------------------
	6.0 - Option Setting Index-selected
----------------------------------------------------*/
.selected-items {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.selected-items:last-of-type {
	margin-bottom: 0;
}
.selected-items * {
	flex-basis: 100%;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.selected-items .item-title {
	font-size: 1.8rem;
	margin-bottom: 1em;
	order: 1;
}
.selected-items .item-image {
	margin-bottom: 1em;
	order: 2;
}
.selected-items .item-info {
	margin-bottom: 1em;
	order: 3;
}
.selected-items .item-link {
	order: 4;
}
.selected-items .item-link a {
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 1em 2em;
	position: relative;
}
.selected-items .item-link a:link,
.selected-items .item-link a:visited {
	background-color: #f78c27;
	color: #fff;
	text-decoration: none;
}
.selected-items .item-link a:hover,
.selected-items .item-link a:active {
	background-color: #ffa754;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	color: #fff;
	transition: 0.3s;
}
.selected-items .item-link a:after {
	content: "◆";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -0.65em;
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.selected-items .item-image {
		flex-basis: 33.333%;
		width: 33.333%;
		max-width: 33.333%;
		margin-bottom: 0;
		padding-right: 1em;
	}
	.selected-items .item-link {
		width: 200px;
		margin-left: auto;
	}
	.selected-items .item-text {
		order: 3;
		flex-basis: calc(100% - 33.333%);
		width: calc(100% - 33.333%);
		max-width: calc(100% - 33.333%);
		padding-left: 1em;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.selected-items .item-title {
		order: 1;
	}
	.selected-items .item-image {
		order: 1;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
	}
	.selected-items .item-info {
		order: 2;
	}
	.selected-items .item-link {
		order: 3;
	}
	.selected-items .item-text {
		order: 2;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
	}
}
/*----------------------------------------------------
	6.0 - Option Setting Usedcar detail
----------------------------------------------------*/
.detail-items {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 60px;
	width: 100%;
}
.detail-items * {
	flex-basis: 100%;
	width: 100%;
	max-width: 100%;
}
.detail-items .item-title {
	font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 1.5rem;
	order: 1;
}
.detail-items .item-text {
	display: flex;
	flex-wrap: wrap;
	order: 2;
}
.detail-items .item-price {
	margin-bottom: 1em;
}
.detail-items .item-price dt {
	font-size: 1.4rem;
}
.detail-items .item-price dd {
	color: #d01a1a;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
}
.detail-items .item-price dd span {
	color: #333;
	font-size: 1.6rem;
}
.detail-items .item-summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.detail-items .item-summary dt,
.detail-items .item-summary dd {
	margin-bottom: 10px;
}
.detail-items .item-summary dt {
	background-color: #ebebeb;
	font-size: 1.2rem;
	padding: 0.5em 0.5em;
	text-align: center;
	flex-basis: 70px;
	width: 70px;
	max-width: 70px;
}
.detail-items .item-summary dd {
	font-size: 1.4rem;
	font-weight: 700;
	padding-left: 0.5em;
	flex-basis: calc(50% - 70px);
	width: calc(50% - 70px);
	max-width: calc(50% - 70px);
}
.detail-items .item-info {
	font-size: 1.4rem;
	margin-bottom: 1.5em;
}
.detail-items .item-image {
	order: 3;
}
.detail-items .item-slider {
	background-color: #ebebeb;
	order: 4;
	padding: 5px 0;
	overflow-x: scroll;
	width: 100%;
}
.detail-items .item-slider .list-slider {
	display: block;
	white-space: nowrap;
	width: 100%;
}
.detail-items .item-slider .list-slider div {
	display: inline-table;
	flex-basis: 60px;
	width: 60px;
	max-width: 60px;
	margin: 5px;
	flex-shrink: 0;
}
.detail-data {
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
	width: 100%;
}
.detail-data * {
	box-sizing: border-box;
}
.detail-data dt,
.detail-data dd {
	border-bottom: 1px solid #ddd;
	font-size: 1.3rem;
	padding: 0.75em 0.5em;
}
.detail-data dt {
	background-color: #e6f5ff;
	width: 35%;
}
.detail-data dd {
	background-color: #fff;
	width: 65%;
}
/* - option tablet - */
@media screen and (min-width: 481px) {
	.detail-items .item-summary dt {
		font-size: 1.2rem;
		flex-basis: 70px;
		width: 70px;
		max-width: 70px;
		text-align: center;
	}
	.detail-items .item-summary dd {
		font-size: 1.4rem;
		flex-basis: calc(33.333% - 70px);
		width: calc(33.333% - 70px);
		max-width: calc(33.333% - 70px);
		padding-left: 0.75em;
	}
	.detail-data dt {
		width: 20%;
	}
	.detail-data dd {
		width: 30%;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.detail-items .item-price {
		border-top: 2px solid #136fb9;
		padding: 10px 0;
		margin-right: 2em;
		flex-basis: 9em;
		width: 9em;
		max-width: 9em;
	}
	.detail-items .item-summary {
		flex-basis: calc(100% - 11em);
		width: calc(100% - 11em);
		max-width: calc(100% - 11em);
	}
	.detail-items .item-slider {
		white-space: normal;
		width: 1000px;
		height: 120px;
	}
	.detail-items .item-slider .list-slider {
		display: block;
		white-space: normal;
		flex-basis: 1000px;
		width: 1000px;
		max-width: 1000px;
	}
	.detail-items .item-slider .list-slider div {
		flex-basis: 80px;
		width: 80px;
		max-width: 80px;
		margin: 5px;
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.detail-items {
	}
	.detail-items .item-title {
		margin-top: 0;
		order: 1;
	}
	.detail-items .item-text {
		padding-left: 1em;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
		order: 3;
	}
	.detail-items .item-summary {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
	.detail-items .item-image {
		padding-right: 1em;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
		order: 2;
	}
	.detail-items .item-slider {
		white-space: normal;
		width: 100%;
		height: 120px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.detail-items .item-slider .list-slider {
		display: block;
		white-space: normal;
		flex-basis: 1000px;
		width: 1000px;
		max-width: 1000px;
	}
	.detail-data dt,
	.detail-data dd {
		border-bottom: 1px solid #ddd;
		font-size: 1.3rem;
		padding: 10px;
	}
	.detail-data dt {
		width: 15%;
	}
	.detail-data dt:nth-of-type(3n + 1) {
		width: 16%;
	}
	.detail-data dd {
		width: 18%;
	}
	.detail-data dd:last-of-type {
		width: calc(100% - 16%);
	}
}
/*----------------------------------------------------
	6.0 - Option Setting Test
----------------------------------------------------*/
.used-items {
	border-top: 1px solid #ddd;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 30px 0;
	width: 100%;
}
.used-items * {
	flex-basis: 100%;
	width: 100%;
	max-width: 100%;
}
.used-items .item-title {
	border-left: 0;
	font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 1.5rem;
	padding-left: 0;
	order: 1;
}
.used-items .item-text {
	display: flex;
	flex-wrap: wrap;
}
.used-items .item-price {
	border-top: 2px solid #136fb9;
	margin-bottom: 1em;
	margin-left: 1em;
	order: 3;
	padding: 10px 0;
	flex-basis: 7.5em;
	width: 7.5em;
	max-width: 7.5em;
}
.used-items .item-price dt {
	font-size: 1.2rem;
}
.used-items .item-price dd {
	color: #d01a1a;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
.used-items .item-price dd span {
	color: #333;
	font-size: 1.6rem;
}
.used-items .item-summary {
	order: 4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 1em;
	width: 100%;
}
.used-items .item-summary dt,
.used-items .item-summary dd {
	margin-bottom: 10px;
}
.used-items .item-summary dt {
	background-color: #ebebeb;
	font-size: 1.2rem;
	padding: 0.25em 0;
	text-align: center;
	flex-basis: 70px;
	width: 70px;
	max-width: 70px;
}
.used-items .item-summary dd {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	padding-left: 0.5em;
	flex-basis: calc(50% - 70px);
	width: calc(50% - 70px);
	max-width: calc(50% - 70px);
}
.used-items .item-info {
	font-size: 1.4rem;
	margin-bottom: 1.5em;
	order: 5;
}
.used-items .item-link {
	order: 6;
}
.used-items .item-link a {
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 1em 2em;
	position: relative;
}
.used-items .item-link a:link,
.used-items .item-link a:visited {
	background-color: #f78c27;
	color: #fff;
	text-decoration: none;
}
.used-items .item-link a:hover,
.used-items .item-link a:active {
	background-color: #ffa754;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	color: #fff;
	transition: 0.3s;
}
.used-items .item-link a:after {
	content: "◆";
	width: 1em;
	height: 1em;
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -0.65em;
}
.used-items .item-image {
	order: 2;
	flex-basis: calc(100% - 8.5em);
	width: calc(100% - 8.5em);
	max-width: calc(100% - 8.5em);
}
/* - option tablet - */
@media screen and (min-width: 481px) {
	.used-items .item-image {
		flex-basis: calc(100% - 11em);
		width: calc(100% - 11em);
		max-width: calc(100% - 11em);
	}
	.used-items .item-price {
		margin: 0;
	}
	.used-items .item-summary {
		margin-top: 0;
	}
	.used-items .item-summary dt {
		font-size: 1.2rem;
		padding: 0;
		flex-basis: 70px;
		width: 70px;
		max-width: 70px;
		text-align: center;
	}
	.used-items .item-summary dd {
		font-size: 1.2rem;
		flex-basis: calc(100% - 70px);
		width: calc(100% - 70px);
		max-width: calc(100% - 70px);
		padding-left: 0.5em;
	}
	.used-items .item-text {
		order: 3;
		margin-left: 1em;
		flex-basis: 10em;
		width: 10em;
		max-width: 10em;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.used-items .item-price {
		border-top: 2px solid #136fb9;
		padding: 10px 0;
		flex-basis: 8.5em;
		width: 8.5em;
		max-width: 8.5em;
	}
	.used-items .item-price dt {
		font-size: 1.4rem;
	}
	.used-items .item-price dd {
		font-size: 2.8rem;
	}
	.used-items .item-summary {
		padding-left: 2em;
		flex-basis: calc(100% - 8.5em);
		width: calc(100% - 8.5em);
		max-width: calc(100% - 8.5em);
	}
	.used-items .item-summary dt {
		background-color: #ebebeb;
		font-size: 1.2rem;
		text-align: center;
	}
	.used-items .item-summary dd {
		font-size: 1.4rem;
		flex-basis: calc(50% - 70px);
		width: calc(50% - 70px);
		max-width: calc(50% - 70px);
	}
	.used-items .item-image {
		flex-basis: 180px;
		width: 180px;
		max-width: 180px;
		order: 2;
	}
	.used-items .item-info {
		margin-bottom: 1em;
	}
	.used-items .item-link {
		margin-left: auto;
		flex-basis: 200px;
		width: 200px;
		max-width: 200px;
	}
	.used-items .item-text {
		order: 3;
		margin: 0;
		padding-left: 1em;
		flex-basis: calc(100% - 180px);
		width: calc(100% - 180px);
		max-width: calc(100% - 180px);
	}
}
/* - option pc - */
@media screen and (min-width: 960px) {
	.used-items {
	}
	.used-items .item-title {
		margin-top: 0;
		order: 1;
	}
	.used-items .item-text {
		padding-left: 1.5em;
		flex-basis: calc(100% - 240px);
		width: calc(100% - 240px);
		max-width: calc(100% - 240px);
		order: calc(100% - 240px);
	}
	.used-items .item-summary {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
	.used-items .item-price {
		flex-basis: 9em;
		width: 9em;
		max-width: 9em;
	}
	.used-items .item-price dd {
		font-size: 3.2rem;
	}
	.used-items .item-summary {
		padding-left: 9em;
		flex-basis: calc(100% - 9em);
		width: calc(100% - 9em);
		max-width: calc(100% - 9em);
	}
	.used-items .item-summary dt {
		padding: 0.5em 0;
	}
	.used-items .item-summary dd {
		font-size: 1.4rem;
		flex-basis: calc(33.333% - 70px);
		width: calc(33.333% - 70px);
		max-width: calc(33.333% - 70px);
	}
	.used-items .item-image {
		flex-basis: 240px;
		width: 240px;
		max-width: 240px;
		order: 2;
	}
}
/*----------------------------------------------------
	6.0 - Option Setting Index 210913
----------------------------------------------------*/
/* info box */
.info-items {
}
.info-items .item-box {
	height: 100%;
}
.info-items .item-box h3 {
	margin: 0 0 0.5em;
}
.info-items .item-box p {
	/*letter-spacing: -0.04em;*/
}
.info-items .item-box .item-text {
	padding: 20px 0;
}
.item-box a {
	text-decoration: none;
	height: 100%;
}
.item-box a:hover * {
	opacity: 0.75;
	transition: 0.3s;
}
#topics .item-box p {
	font-size: 1.3rem;
}
#topics .item-box .item-link {
	margin-left: auto;
	margin-right: 0;
}
#topics {
	background-color: #e7e7e7;
}

.info-list li {
	border-bottom: 1px solid #999999;
	padding: 1em 0 1em 1em;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	position: relative;
}

.info-list time {
	flex-basis: 6em;
	width: 6em;
	max-width: 6em;
	color: #999999;
}
.info-list span {
	color: #999999;
	border: solid 1px #999999;
	font-size: 1.1rem;
	padding: 0.1em 0.5em;
	text-align: center;
	flex-basis: 7em;
	width: 7em;
	max-width: 7em;
}
.info-list li .info_new {
	background-color: #707070;
	border: solid 1px #707070;
	color: #fff;
}

.info-list p {
	line-height: 1.8;
	margin-left: 0.5em;
}
.info-list p a {
	color: #101010;
}

.info-list p a:hover{
	color: #910a2d;;
}

.info-banner {
	margin-top: 60px;
}

.info-banner li {
	margin-bottom: 15px;
}
.info-banner li a {
	color: #222;
	display: flex;
	align-items: center;
	align-content: center;
	text-decoration: none;
	height: 100%;
}
.info-banner li a:link,
.info-banner li a:visited {
}
.info-banner li a:hover,
.info-banner li a:active,
.info-banner li a:focus {
	opacity: 0.8;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.info-banner li.banner-text {
	/*margin-top: 15px;*/
	height: 80px;
}
.info-banner li.banner-text a {
	transition: 0.3s;
}
.info-banner li.banner-text a#reserve:link,
.info-banner li.banner-text a#reserve:visited {
	background-color: #ffc913;
	color: #000;
}
.info-banner li.banner-text a#reserve:hover,
.info-banner li.banner-text a#reserve:active {
	background-color: #ffe74b;
	color: #222;
}
.info-banner li.banner-text img {
	width: 260px;
	height: auto;
}
.info-banner li.banner-text p {
	line-height: 1.2;
	font-weight: 500;
}
.info-banner li.banner-text .banner-caption {
	font-size: 1.6rem;
}
.info-banner li.banner-text .banner-reserve {
	font-weight: 700;
	line-height: 1.1;
	font-size: 2.4rem;
}
.info-banner li.banner-text .banner-reserve .reserve-sub {
	font-size: 1.6rem;
	font-weight: 500;
}
.info-banner li.banner-text .banner-reserve .reserve-caption {
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.5;
}
.info-box .item-link {
	margin-top: 20px;
}

/* - option tablet - */
.info-banner li.banner-text img {
	max-width: 260px;
	width: 100%;
}
@media screen and (min-width: 481px) {
	.info-banner li.banner-text {
	}

	.info-banner li.banner-text .banner-reserve {
		font-size: 2.4rem;
	}
	.info-banner li.banner-text .banner-reserve .reserve-caption {
		font-size: 1.3rem;
	}
}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
	.items .item.info-box {
		flex-wrap: wrap;
		padding-right: 0;
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
	.items .info-box h2 {
		text-align: left;
		font-size: 3em;
	}
	.items .info-box .info-list {
		order: 3;
		margin-top: 2em;
	}
	.info-list p {
		padding-left: 1em;
        flex-basis: calc(100% - 12.5em);
        width: calc(100% - 12.5em);
        max-width: calc(100% - 12.5em);
	}
	.items .info-box .item-link {
		order: 2;
		margin-top: 0;
		flex-basis: 160px;
		width: 160px;
		max-width: 160px;
	}
	.items .info-box .item-link a {
		padding: 0.5em 1em;
	}
	.items .item.info-banner {
		margin-top: 0;
		padding-left: 0;
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
	.items .item.info-banner ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: -20px;
		padding-left: 0;
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
		align-items: stretch;
		column-gap: 1em;
		row-gap: 1em;
		justify-content: space-evenly;
	}
	
	.info-banner li.banner-text .banner-caption {
		font-size: 1.2rem;
	}
	.info-banner li.banner-text .banner-reserve {
		font-size: 2rem;
	}
	.info-banner li.banner-text .banner-reserve .reserve-sub {
		font-size: 1.3rem;
	}
	.info-banner li.banner-text .banner-reserve .reserve-caption {
		font-size: 1.1rem;
		line-height: 1.2;
		padding: 0.25em 0;
	}
	.info-banner li.banner-text .banner-jp {
		font-size: 1.8rem;
	}
	#topics .item-box p {
		font-size: 1.4rem;
	}
}
.items .item.info-banner ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -20px;
	padding-left: 0;
	flex-basis: 100%;
	width: 100%;
	max-width: 100%;
	align-items: stretch;
	column-gap: 1em;
	row-gap: 1em;
	justify-content: space-around;
}

@media (max-width: 480px) {
	.items .item.info-banner li {
		width: calc(50% - 1em) / 2;
		height: auto;
		margin: 0;
	}
}

.info-link {
	margin: 1em 1em 2em 1em;
	text-align: center;
	position: relative;
}
.info-link a {
	color: #101010;
	text-decoration: none;
}

.info-link a:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #101010;
	border-right: 2px solid #101010;
	transform: rotate(45deg) translateY(-50%) translateZ(0);
	position: absolute;
	top: 45%;
	border-radius: 1px;
	margin-left: 1em;
	box-sizing: border-box; /* 追加 */
	backface-visibility: hidden; /* 追加（iOSのレンダリング改善） */
	-webkit-backface-visibility: hidden; /* Safari用 */
}

.info-link a:hover {
	color: #910a2d;
}

.info-link a:hover::after {
	border-top: 2px solid #910a2d;
	border-right: 2px solid #910a2d;
}

/* - option pc - */
@media screen and (min-width: 960px) {
	.items .item.info-box {
		padding-right: 1.5em;
		flex-basis: 70%;
		width: 70%;
		max-width: 70%;
	}
	.info-items .item-box h3 {
		font-size: 1.8rem;
	}
	.info-list {
	}
	.items .item.info-banner {
		flex-basis: calc(100% - 70%);
		width: calc(100% - 70%);
		max-width: calc(100% - 70%);
	}
	.items .item.info-banner ul {
		height: auto;
		align-items: center;
		margin-bottom: 0;
		margin-top: 6em;
	}
	.items .item.info-banner li:nth-of-type(n) {
		margin-bottom: 15px;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.items .item.info-banner li.banner-text {
		/*margin-top: 15px;*/
		height: 80px;
		font-size: 2.2rem;
		padding: 0 20px;
	}
	.items .item.info-banner li.banner-text a {
		letter-spacing: 0;
	}
	.info-banner li.banner-text p {
		flex-basis: calc(100% - 48px);
		width: calc(100% - 48px);
		max-width: calc(100% - 48px);
	}
	.info-banner li.banner-text p span {
		font-size: 1.6rem;
	}
	.info-banner li.banner-text .banner-reserve {
		font-size: 2.4rem;
	}
	.info-banner li.banner-text .banner-reserve .reserve-sub {
		font-size: 1.6rem;
	}
	.info-banner li.banner-text .banner-reserve .reserve-caption {
		letter-spacing: -0.04em;
	}
}
/* - option pc - */
@media screen and (min-width: 1281px) {
}


/*----------------------------------------------------
	6.0 - Option Setting shop 210913
----------------------------------------------------*/
iframe {
	width: 100%;
}
/*----------------------------------------------------
	6.0 - Option Setting color 210913
----------------------------------------------------*/
.txL {
	text-align: left;
}
.txR {
	text-align: right;
}
.txC {
	text-align: center;
}
.txT {
	vertical-align: top;
}
.txMd {
	vertical-align: middle;
}
.txB {
	vertical-align: bottom;
}
.txRed {
	color: #e7080b;
}
.bg_dark .txRed {
	color: #ff0003;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.txBlack {
	color: #222;
}
.txWhite {
	color: #fff;
}
.tx28 {
	font-size: 28px;
	font-size: 2.8rem;
}
.tx24 {
	font-size: 24px;
	font-size: 2.4rem;
}
.tx18 {
	font-size: 18px;
	font-size: 1.8rem;
}
.tx16 {
	font-size: 16px;
	font-size: 1.6rem;
}
.tx_s {
	font-size: 85%;
}
#topics * p.tx_s {
	font-size: 68.75%;
	line-height: 1.5;
}

#recruit .table-titlebox {
	width: 100%;
}
#recruit .table-titlebox th {
	font-weight: 400;
	text-align: left;
	line-height: 1.2;
	border-top: none;
	padding: 1.3em;
	flex-basis: 16em;
	width: 30%;
	max-width: 16em;
	border-bottom: 1px solid #666;
	background-color: #222;
	vertical-align: middle;
}

#recruit .table-titlebox th span {
	background-color: none !important;
	color: #fff;
}

#recruit .table-titlebox td {
	width: 70%;
	border-top: none;
	line-height: 1.8;
	margin: 0;
	border-bottom: 1px solid #666;
	vertical-align: middle;
	padding: 1em;
}
#recruit .contact__tel {
	width: 100%;
	font-size: 24px;
}

#shopinfo .item .item-link {
	margin-top: 2rem;
}

/*flyer*/
#flyer div {
}
.flyer_box {
	display: flex;
	max-width: 1000px;
	height: 450px;
	margin: 2em auto 0 auto;
	background-color: #e7e7e7;
	justify-content: space-evenly;
}
.flyer_item {
	margin: auto;
}

#flyer div img {
	width: 440px;
	height: auto;
}

.flyer_box p {
	font-size: 3rem;
	color: #fff;
}
@media (max-width: 480px) {
	.flyer_box p {
	}
}

/*about us*/
.text_about_us {
	text-align: center;
	margin-top: 50px;
}

/*eco action21*/
.eco_item {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 2em;
}

.eco_item > div {
	width: calc((100% - 2em) / 2);
}

.eco_item h3 {
	width: 100%;
	font-weight: 700;
}
@media (max-width: 768px) {
	.eco_item > div {
		width: 100%;
	}
}

ol.list_numberParenR {
	list-style-type: none;
	counter-reset: ul_lione;
	margin-left: 2em;
}

ol.list_numberParenR > li {
	position: relative;
}

ol.list_numberParenR > li:before {
	counter-increment: ul_lione;
	content: counter(ul_lione) ")";
	display: inline-block;
	position: absolute;
	width: 2em;
	top: 0;
	left: -2em;
	margin-right: 2em;
	text-align: center;
}
@media (max-width: 768px) {
	.eco_item h3 {
		margin-top: 2em;
	}
}

/*shop*/

/*privacy*/
.privacy h3 {
	margin-bottom: 0.5em;
	padding-top: 1em;
	border-top: 1px solid #999999;
}

.privacy ul {
	margin-bottom: 3em;
}






/*print 印刷の設定*/

@media print {
	header {
		display: none;
	}
	[class^="col"] .item,
	[class*=" col"] .item {
		width: calc((100% - 2em) / 3);
		max-width: 33%;
		flex-basis: calc((100% - 2em) / 3);
	}

}

@media print {
	#contents, .index #contents {
        margin-top: 160px;
        text-align: center;
    }
	#index_main {
    padding-top: 4em;
    background-color: #dadfe3;
    width: 100%;
    }
	.sections {
        padding-left: 0;
        padding-right: 0;
    }
	.sections section {
        padding: 80px 0 80px;
    }
	.sections .wrapper {
		margin: 3em auto 0;
		position: relative;
		width: 100%;
		max-width: 1000px;
	}
	.items {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
		margin-top: 3em;
	}
	.inner {
		max-width: 1000px;
		margin: 0 auto;
		text-align: left;
	}
	.top_title {
		display: inline-block;
		height: 5.5em;
		text-align: center;
	}
	.bg_page {
    background-color: #dadfe3;
    }
/*header*/
    
/*slider*/
	#index_main {
		padding-top: 4em;
		background-color: #dadfe3;
		width: 100%;
	}
	.index_slider .img_slider img {
		width: 100%;
		height: auto;
		max-width: 900px;
		display: block;
	}
	.index_slider .img_slider {
		margin-left: 2em;
		margin-right: 2em;
	}
	.slick-dots {
		display: table;
		list-style: none;
		line-height: 0;
		margin: 35px auto 0;
		padding: 0;
		position: relative;
		bottom: 0;
		text-align: center;
	}

/*information*/
	section.bg_main {
		color: #101010;
		background-image: url(../img/index/news_bg_img.jpg);
		background-size: contain;
		background-position: right bottom;
		background-repeat: no-repeat;
	}
	.items .item.info-box {
        padding-right: 1.5em;
        flex-basis: 70%;
        width: 70%;
        max-width: 70%;
    }
	.items .info-box h2 {
        text-align: left;
        font-size: 3em;
    }
	#contents .top_title p {
		padding-top: 0.5em;
		font-size: 2rem;
		text-align: left;
	}
	.items .info-box .info-list {
			order: 3;
			margin-top: 2em;
	}
	.info-list li {
		border-bottom: 1px solid #999999;
		padding: 1em 4em 1em 1em;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
	}

	.info-list time {
		flex-basis: 6em;
		width: 6em;
		max-width: 6em;
		color: #999999;
	}
	.info-list li .info_new {
		background-color: #707070;
		border: solid 1px #707070;
		color: #fff;
	}
	.info-list p {
		padding-left: 1em;
	}
	.info-link {
		margin: 1em;
		text-align: center;
		position: relative;
	}
	.info-link a {
		color: #101010;
		text-decoration: none;
	}
	.items .item.info-banner {
        flex-basis: calc(100% - 70%);
        width: calc(100% - 70%);
        max-width: calc(100% - 70%);
    }
	.items .item.info-banner ul {
        height: auto;
        align-items: center;
        margin-bottom: 0;
        margin-top: 6em;
    }
	.items .item.info-banner ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: -20px;
		padding-left: 0;
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
		align-items: stretch;
		column-gap: 1em;
		row-gap: 1em;
		justify-content: space-around;
	}
    .items .item.info-banner li.banner-text {
        height: 80px;
        font-size: 2.2rem;
        padding: 0 20px;
    }
    .items .item.info-banner li:nth-of-type(n) {
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
/*topics*/
    .col3 .item:nth-of-type(3n + 1) {
        padding-left: 0;
        padding-right: 1em;
    }
	.col3 .item:nth-of-type(3n + 2) {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
	.col3 .item:nth-of-type(3n) {
        padding-left: 1em;
        padding-right: 0;
    }
	.info-items .item-box .item-text {
		padding: 20px 0;
	}
/*shop info*/
	.shopinfo {
		background-color: #e7e7e7;
	}
	.shop-container {
		display: flex;
		margin: 0 auto;
		padding: 60px 0;
		width: 100%;
		max-width: 1000px;
		flex-basis: 69%;
        width: 69%;
        max-width: 69%;
    }
	.shop-contact {
        flex-basis: 31%;
        width: 31%;
        max-width: 31%;
		order: 2;
        padding-left: 20px;
    }
	.shop-contact h1 {
        font-size: 2rem;
        text-align: left;
		font-weight: 500;
    margin-bottom: 1.1em;
    }
	.shop-item p {
		margin-bottom: 1em;
		font-size: 0.9em;
	}
	.shop-item ul.list_button {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		line-height: 1.1;
		text-align: center;
		margin-top: 2.1em;
	}
	.shop-item ul.list_button li {
		margin: 0 auto 0.75em;
	}
	.shop-item ul.list_button>li a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		align-items: center;
		background-color: #fff;
		min-width: 40%;
		width: 260px;
		height: 56px;
		color: #101010;
		text-decoration: none;
		border: 2px solid #101010;
		border-radius: 4px;
		box-shadow: 0 2px 5px #CCC;
		transition: 0.3s;
	}
	.shop-mail a:before {
		content: "\e158";
		font-size: 24px;
		vertical-align: middle;
		margin-right: 6px;
		color: #101010;
	}
    .shop-calendar {
        display: flex;
        flex-wrap: wrap;
    }
	.shop-calendar {
        flex-basis: 69%;
        width: 69%;
        max-width: 69%;
		order: 1;
    }
	.shop-calendar .calendar-data:nth-of-type(odd) {
        padding-right: 10px;
    }
	.shop-calendar .calendar-data:nth-of-type(even) {
        padding-left: 10px;
    }
	.shop-calendar .calendar-data {
        width: calc((100% - 1em) / 2);
		max-width: 50%;
		flex-basis: calc((100% - 1em) / 2);
    }
	.shop-calendar h2:first-of-type {
        margin-top: 0;
    }
	.shop-calendar table {
		background-color: #fff;
		width: 100%;
		margin-bottom: 1em;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
    .shop-calendar th {
        font-size: 1.2rem;
        padding: 0.6em 0;
		background-color: #d5d5d5;
		color: #101010;
		font-weight: 400;
		border: 1px solid #e7e7e7;
		line-height: 1.3;
		text-align: center;
		background: #fff;
	}
	.shop-calendar ul {
		display: flex;
		flex-wrap: nowrap;
		font-size: 1.2rem;
	}
	.shop-calendar ul > li {
		margin-right: 20px;
	}
	.shop-holiday {
		color: #d5d5d5;
	}
/*footer*/
    .footer-top {
        padding: 40px 0;
		background-color: #101010;
    }
	.footer-top .nav-footer {
        justify-content: center;
        margin: 0 auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;
    }
	.nav-footer {
		font-size: 1.2rem;
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		padding: 20px 0;
	}
	.footer-top .nav-footer li {
        padding: 0;
        flex-basis: calc((100% - 3em) / 4);
        width: 25%;
        max-width: calc((100% - 3em) / 4);
    }
	.footer-top a:link, .footer-top a:visited {
		color: #fff;
	}
    .copyright {
        border-top: none;
        padding: 0;
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
    }
}