@charset "utf-8";

/* --------------------- common --------------------- */
body {color: #333;}

section + section {}

a:hover {}

/* --------- nav --------- */

@media (max-width:1080px) {
	nav {
		padding: 1.667em 7.8125%;
		background: rgba(255,240,245,0.75);
		border-top: solid 2px #ebc8d4;
		border-bottom: solid 2px #ebc8d4;}
}
@media (max-width:640px) {}

/* --------- header --------- */

/* --------- footer --------- */

footer {background: #333;}

@media (min-width:641px) {}
@media (max-width:640px) {}


/* --------- top --------- */
[class^="info-"] h2 + div {
	width: calc(100% - 18.391% - 4.087% - 6.003%);
	margin-left: 4.087%;}

@media (min-width:1281px) {
	.top .info-kihon h2 + div {
		width: calc(100% - 18.182%);
		margin-left: 2.273%;}
}
@media (max-width:1280px) {
	[class^="info-"] h2 + div {
		width: calc(100% - 17.046% - 3.4091% - 3.4091%);
		margin-left: 3.4091%;}
}
@media (min-width:641px) {	
	[class^="info-"] + [class^="info-"] {margin-top: 6em;}
}
@media (max-width:640px) {
	[class^="info-"] h2 + div {
		width: 100%;
		margin-left: 0;}
}

/* ---------------------------------------------------------

		body：mp-group

------------------------------------------------------------ */

/* --------------- common --------------- */
h2 + p + .entry_URL {margin-top: 5.45em;}
.entry_URL p > * {display: block;}
.entry_URL b {
	font-size: 1.2em;
	padding: 0 0.834em;
	color: #e44379;}
.entry_URL small {
	font-size: 1em;
	padding: 0 1em;}
.entry_URL span {
	display: inline-block;
	letter-spacing: 0.034em;
	padding: 0.584em 1.334em;
	background: #fce8ef;
	border-radius: 3em;}

.entry_URL b + small {margin-top: 0.117em;}
.entry_URL small + span {margin-top: 0.834em;}

.entry_URL .qr_wk {
	width: 50%;
	text-align: center;
	padding: 2em 0 1em;}
.entry_URL .qr_wk img {
	width: 68.966%;
	border: solid 2px #ccc;}
.entry_URL .btn-DL {
	padding: 0.25em 0;
	background-color: #e44379;
	border: solid 2px #ffbdc2;}

@media (min-width:641px) {
	.entry_URL .qr_wk {max-width: 240px;}
	.entry_URL .qr_wk img {width: 75%;}
}
@media (max-width:640px) {
	.entry_URL .btn-DL {width: 290px;}
}

/* --------- header --------- */
.mp-group header {background-color: #f7f6f0;}



@media (min-width:1081px) {
	
	/* --- section: order --- */
	.mp-group .order .item {width: calc(100% - 4em - 57.144%);}
}
@media (min-width:641px) {
	
	/* --- section: member --- */
	.mp-group .list .name {width: 12em;}
	.mp-group .tl-ml + .address {width: 48.572%;}
}
@media (max-width:640px) {
		
	/* --- section: order --- */
	.mp-group .list th {
		width: 50%;
		background-color: #f7f6f0;}

	.mp-group .list .order-day {width: 25.862%;}
	.mp-group .list .hitt-nm {width: 32.758%;}
	
	/* --- section: member --- */
	.mp-group .member th {width: 100%;}
	
}

/* --------- container：sinsei → snsi --------- */
.snsi header h1 b::after {display: none;}

@media (max-width:1080px) {
	.snsi nav {
		padding: 0;
		background: none;
		border:none;}
}

/* --------- contents：top --------- */

.mp-group .top {}

	.info-member dl {align-items: flex-end;}
	.info-member dd {text-align: right;}
	.info-member dd b {
		position: relative;
		font-size: 2.4em;
		line-height: 1;
		letter-spacing: 0;
		padding-right: 0.695em;}
	.info-member dd b::after {
		position: absolute;
		top: 50%; right: 0;
		content: '人';
		font-size: 0.556em;}

@media (min-width:1281px) {	
	.mp-group [class^="info-"] .table-base table {max-width: 400px;}
}
@media (max-width:1280px) {
	.info-order .btn_wk p {width: 100%;}
}
@media (min-width:641px) {	
	.mp-group .info-kihon dt {width: 12em;}
	.mp-group .info-kihon dd {width: calc(100% - 12em);}
}
@media (max-width:640px) {
	.info-order .btn_wk p {
		text-align: center;
		margin-top: 2.6072em;}
}

/* --------------- contents：list --------------- */
.list .member .entry_URL + .table-base {margin-top: 60px;}


/* --------- ●●● --------- */

@media (min-width:641px) {}
@media (max-width:640px) {}


/* --------------- contents：detail --------------- */

/* --------- info --------- */
.info p + .dl-base {margin-top: 3.25em;}
.info dl + h3 {margin-top: 2.607em;}

.info .kbn-pay + dd {
	display: flex; flex-wrap: wrap; justify-content: flex-start;}
.info .howto-pay + .simebi {margin-left: 20px;}

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- contents：total club → ttl-club --------------- */
/* --------------- contents：total jidou → ttl-jdu --------------- */

[class^="ttl-"] .search-data {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: center;}
[class^="ttl-"] .search-data input {
	width: 34.483%;
	max-width: 200px;
	margin: 0 10px 0 5px;}

[class^="ttl-"] .t-heade th {background: #f7f6f0;}
[class^="ttl-"] td b {
	display: inline-block;
	padding: 0 5px;}
[class^="ttl-"] td:first-of-type a {
	color: #6699ff;
	text-decoration: underline;}

[class^="ttl-"] th {text-align: center;}
[class^="ttl-"] th ~ th,
[class^="ttl-"] td ~ td {border-left: dashed 1px #a0a0a0;}
[class^="ttl-"] td ~ td {text-align: right;}

[class^="ttl-"] tr:first-of-type th {text-align: left;}
[class^="ttl-"] .scroll_wk + p {margin-top: 0.75em;}
[class^="ttl-"] .scroll_wk + p + p {display: none;}

[class^="ttl-"] p + .btn_wk {margin-top: 3.75em;}


/* --- ttl-club --- */
.ttl-club form + .scroll_wk {margin-top: 1.3997em;}

/* --- ttl-jdu --- */
.ttl-jdu .scroll_wk h3 {
	line-height: 1.0953;
	margin-top: 1.857em;}


.ttl-jdu tr.total td {color: #e44379;}
.ttl-jdu tr.total td b {
	font-size: 1.2em;
	font-weight: bold;}
.ttl-jdu td b {padding: 0 5px 0 10px;}

@media (min-width:641px) {}
@media (max-width:640px) {
	.ttl-club .scroll_wk {overflow-x: scroll;}
	.ttl-club .scroll_wk + p + p {display: block;}
	.ttl-club table {width: 960px;}
	.ttl-club tr {display: table-row;}
	.ttl-club th,
	.ttl-club td {
		display: table-cell;
		width: auto;}
	
	.ttl-jdu .t-heade th,
	.ttl-jdu td {width: 60%;}
	.ttl-jdu .t-heade th +th,
	.ttl-jdu td +td {width: 40%;}
	
}

/* --------------- contents：thanks --------------- */

.snsi .thanks .btn_wk {justify-content: center;}

@media (min-width:641px) {}
@media (max-width:640px) {}



/* ---------------------------------------------------------

	body：mypage personal → mp-prsnl

------------------------------------------------------------ */

/* --------------- common --------------- */

.mp-prsnl [class$="put"] .btn_wk {justify-content: space-between;}

/* --------- header --------- */
.mp-prsnl {background-color: #f7f6f0;}
.mp-prsnl header {background-color: #fff;}

/* --------- contents: top --------- */
.mp-prsnl .info-kihon dt,
.mp-prsnl .info-kihon dd {width: 100%;}

.mp-prsnl .info-order th,
.mp-prsnl .info-order td,
.mp-prsnl .info-sinsei th,
.mp-prsnl .info-sinsei td {width: 6em;}
.mp-prsnl .info-order .date-time,
.mp-prsnl .info-sinsei .date-id {width: calc(100% - 13em);}

.info-sinsei h3 + ul {margin-top: 0.4em;}

@media (min-width:1281px) {
	.mp-prsnl .info-order table,
	.mp-prsnl .info-order table + .btn_wk {max-width: 450px;}
}
@media (min-width:641px) {
	.mp-prsnl .info-kihon dt {width: 10em;}
	.mp-prsnl .info-kihon dd {width: calc(100% - 10em);}
}
@media (max-width:640px) {
	.mp-prsnl .info-sinsei tr {align-items: flex-end;}
	
	.mp-prsnl .info-order + .info-sinsei {margin-top: 120px;}
}

/* --------- contents：list --------- */
.mp-prsnl .list th {}

/* --- order --- */

.list .order h2 + p + a {margin-top: 30px;}


/* --------- contents：detail --------- */

/* --- section: order --- */
.mp-prsnl .list .order-ID:hover {color: #4cd2ff;}

@media (min-width:641px) {}
@media (max-width:640px) {
	.mp-prsnl .list th,
	.mp-prsnl .list .date-time {background: #fff;}
	
	.mp-prsnl .list .date-time {
		text-align: right;
		border-top: none;}
	
	/* --- section: cncl-going キャンセル中 --- */
	.detail .cncl-going .btn_wk {justify-content: center;}
	
}

/* --------- contents：entry --------- */
.entry dl {margin-top: 2.6em;}
.entry dl +h3 {margin-top: 2.453em;}
.page h3 + p small {display: block;}

.entry .haiso ,
.entry .haiso + dd {
	padding: 0;
	border: none;
	background: none;}
.entry .his-detail,
.entry .his-detail + dd {margin-top: 1.084em;}

.entry .haiso,
.entry .his-detail {padding-left: 3.534em;}

.entry .haiso + dd {
	padding-left: 0.867em;
	padding-right: 0.867em;}

/*  information jidou → info-jdu  */
.info-jdu dt {
	position: relative;
	padding-left: 3.667em;}
.info-jdu dt::before {
	position: absolute;
	top: 0.75em; left: 0;}
.info-jdu dt span {
	display: inline-block;
	margin-right: 5px;}

.info-jdu dd input + select {
	margin-top: 0.667em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    border-top: none;
    border-left: none;}

@media (min-width:641px) {
	.info-jdu dd > * + * {max-width: 300px;}
}

/* --------- contents：confirm --------- */

.confirm dl +h3 {margin-top: 2.453em;}
.confirm .info-jdu dd {
	background: none;
	border: none;}
.confirm .info-jdu dd p {
	padding: 0.75em 0.867em;
	background: #fff;
    border-bottom: solid 1px #a0a0a0;
    border-right: solid 1px #a0a0a0;}
.confirm .info-jdu dd p + p {margin-top: 0.334em;}


/* --------- contents：edit --------- */
.edit {}
.info-jdu dt {padding-left: 3.667em;}
.info-jdu .jdu.hsu {position: relative;}
.info-jdu .jdu.hsu::before {
	position: absolute;
	left: 0;}

.info-jdu .club {
	margin-top: 0.667em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    border-top: none;
    border-left: none;}

@media (min-width:641px) {
	.info-jdu .club {max-width: 300px;}
}
@media (max-width:640px) {
	.info-jdu .jdu br {display: none;}
}

/* --------- contents：henkou → hnku --------- */

.hnku.fin dt.date + dd {letter-spacing: 0;}

/* --- section：order --- */
.hnku .odr-detail [class^="item"] {margin-left: 0;}

/* --- section：input＆output --- */
.hnku [class$="put"] p b {color: #e83b0c;}

	.hnku [class$="put"] .kosu + dd dt,
	.hnku [class$="put"] .kosu + dd dd {margin-top: 1em;}

	.hnku [class$="put"] .kosu + dd {margin-top: 0;}
	.hnku [class$="put"] .kosu + dd input {
		max-width: 120px;
		margin: 0 5px;}

/* --- section：input --- */

	.hnku .naiyo + dd {
		display: flex; flex-wrap: wrap; justify-content: flex-start;}

	.hnku .naiyo + dd label {margin: 0.65em 2em 0 0;}
	.hnku .naiyo + dd span {margin-right: 5px;}


/* --- section：output --- */

.hnku .output dl {
	display: flex; flex-wrap: wrap; justify-content: flex-start;}
.hnku .output > dl > dt,
.hnku .output > dl > dd {padding-bottom: 0;}
.hnku .output > dl > dd {
	background: none;
	border: none;}
.hnku .output > dl > .kosu + dd {
	padding-top: 0;
	padding-bottom: 0;}

.hnku .output dl dl dd {border: none;}
.hnku .output dl dl dd span {
	display: inline-block;
	width: calc(100% - 6em);
	text-align: right;
	padding-right: 5px;}

@media (min-width:641px) {
	.hnku.fin dt.date {padding-left: 4.385em;}
	
	/* --- section：input＆output --- */
	.hnku [class$="put"] .kosu {width: 100%;}
	.hnku [class$="put"] .kosu + dd dt {padding-left: 3.518em;}
	
	/* --- section：input --- */
	.hnku .btn-cancel {width: 300px;}
	
	/* --- section：output --- */
	.hnku .output dl dl dd {
		width: 200px;
		margin-right: calc(100% - 400px);}
}
@media (max-width:640px) {
	
	/* --- section：input＆output --- */
	.hnku [class$="put"] dd dt {
		width: 39.655%;
		margin-top: 0.75em;}
	.hnku [class$="put"] dd dd {width: calc(100% - 39.655%);}
	
	.hnku .date,
	.hnku .naiyo {margin-top: 0;}
	
	.hnku .btn-cancel {width: 300px;}
	
	.hnku .output > dl > dt {width: 13.334rem;}
	.hnku .output > dl > dd {width: calc(100% - 13.334rem);}
}

/* --------------- container：touroku --------------- */

.touroku header h1 b::after {display: none;}

.touroku nav .snkk {
	cursor: default;
	pointer-events: none;}

@media (max-width:1080px) {
	.touroku nav {
		padding: 0;
		background: none;
		border: none;}
}
@media (max-width:640px) {}

/* --------- contents：thanks --------- */

.touroku .thanks .btn_wk {justify-content: center;}

/* --------------- ●●● --------------- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------- ●●● --------- */

@media (min-width:641px) {}
@media (max-width:640px) {}