@charset "UTF-8";
html{
	line-height: inherit;
}
body,
li,
input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Arial',"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'Hiragino Kaku Gothic Pro',-apple-system,Segoe UI,'ヒラギノ角ゴ Pro W3','Meiryo','メイリオ', sans-serif;
	font-weight: 500;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color: #000;
	text-rendering: optimizeLegibility;
	box-sizing: border-box;
}
body {
	color: #000;
	background: #fff;
	margin: 0;
	position: relative;
	overflow: hidden;
	overflow-y: visible;
	transition: all 0s;
	max-width: 100%;
	box-sizing: initial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	text-rendering:optimizeLegibility;
}
input,
select,
textarea{
	font-family: sans-serif;
	font-weight: normal;
	box-sizing: border-box;
}
button,
.button {
	box-sizing: border-box;
	transition: all .3s;
}
a {
	color: #21af68;
	text-decoration: none;
	transition: all .5s;
}
a:hover {
	color: #4b976d;
}
a:link,
a:visited,
a:active{
	color: #4b976d;
	transition: all .3s;
}
p {
	font-weight: 500;
	line-height: 2;
	margin-top: 0;
	margin-bottom: 1rem;
	text-rendering:optimizeLegibility;
}
div{
	box-sizing: border-box;
}
ul {
	margin-left: 1rem;
	padding-left: 20px;
}
ol {
	margin-left: 0;
}
li {
	line-height: 2;
}
ol > li{
	margin-bottom: 0.25rem;
}
li > ol{
	margin-top: 0.5rem;
	margin-left: 1rem;
}
li > ol > li{
	margin-bottom: 0.5rem;
}
hr{
	border-top: solid 1px #666;
	opacity: 1;
	margin: 15px 0;
}
hr.dotline {
	height: 1px;
	position: relative;
	border: none;
	margin: 30px 0;
}
hr.dotline::before {
	content: "";
	background-image: linear-gradient(to right, #666, #666 3px, transparent 3px, transparent 3px);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
hr.separator {
	border-top: solid 1px #ccc;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[name=postnumber],
input[type=search],
input[type=password],
select,
textarea {
	font-size: 1rem;
	line-height: 1.42857;
	color: #555;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px 8px;
	margin-bottom: 15px;
}
.ec-telInput input[type=text],
input[type=tel] {
	max-width: 300px;
}
input[name=postnumber] {
	max-width: 300px;
}
input[type=radio] {
	width: 22px;
	height: 22px;
	margin: 8px 4px 0 0;
	vertical-align: -2px;
	display: inline-block;
	border: 1px solid #666;
	border-radius: 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
}
input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #5685fc;
	content: '';
}
input[type=checkbox] {
	width: 22px;
	height: 22px;
	margin-right: 5px;
}
label input[type=checkbox]{
	vertical-align: middle;
}
.input__error input[type=text],
.input__error input[type=tel],
.input__error input[type=email],
.input__error input[type=number],
.input__error input[name=postnumber],
.input__error input[type=search],
.input__error input[type=password],
.radio__error input[type=radio],
.checkbox__error input[type=checkbox]{
	border: 1px solid #ff0000;
	filter: drop-shadow(0 0 2px #ff0000);
}
select{
	font-size: 1rem;
	border-radius: 3px;
	height: 2.4375rem;
	border:1px solid #cacaca;
	padding:1px 10px 4px;
	margin:0 0 1rem;
	line-height:normal;
	background-color:#fefefe;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: %235fc18b'></polygon></svg>");
	background-size:9px 6px;
	background-position:right -1rem center;
	background-origin:content-box;
	background-repeat:no-repeat;
	padding-right:1.5rem;
	width: 100%;
}
input[type="submit"],
button[type="submit"],
.okButton,
.btn-primary,
.ec-blockBtn--action,
.ec-inlineBtn--action {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.75;
	text-align: center;
	color: #333;
	background: #f2bb4e;
	border: none;
	border-radius: 3px;
	padding: 8px 10px 10px;
	min-width: 200px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	user-select: none;
	transition: all 0.25s ease-out;
}
a.okButton,
a.btn-primary,
a.ec-blockBtn--action,
a.ec-inlineBtn--action{
	color: #333;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
.okButton:hover,
.ec-blockBtn--action:hover,
#main input[type="submit"]:focus,
#main button[type="submit"]:focus,
.okButton:focus,
.ec-blockBtn--action:focus {
	background: #ff9900;
	border: none;
}
.ec-inlineBtn--action{
	line-height: 1.5;
	border: 1px solid #999;
	padding: 5px 20px;
}
a.ec-inlineBtn--action{
	color: #333;
}
.ec-inlineBtn--action:hover,
.ec-inlineBtn--action:focus{
	background: #ff9900;
}
input[type="submit"]:disabled,
button[type="submit"]:disabled,
.ec-blockBtn--action:disabled {
	background: #ccc;
}
.backButton,
.btn-default,
.ec-blockBtn--cancel,
button.ec-blockBtn--cancel {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.75;
	text-align: center;
	color: #fff;
	background: #ccc;
	border: none;
	border-radius: 3px;
	padding: 8px 10px 10px;
	width: auto;
	min-width: 200px;
	height: auto;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	user-select: none;
	transition: all 0.25s ease-out;
}
a.backButton,
a.btn-default,
a.ec-blockBtn--cancel{
	color: #fff;
}
.backButton:hover,
.btn-default:hover,
.ec-blockBtn--cancel:hover,
button.ec-blockBtn--cancel:hover {
	background: #bbb;
	border: none;
}
input::placeholder,
textarea::placeholder,
select::placeholder{
	color: #aaa;
}
input.button,
a.button,
a.btn,
label.btn{
	font-size: 1rem;
	line-height: 1.75;
	color: #fff;
	background: #999;
	border: solid 1px #999;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 8px 10px 10px;
	margin: 0 10px;
	min-width: 150px;
	box-sizing: border-box;
	user-select: none;
	transition: all 0.25s ease-out;
}
input.button:hover,
a.button:hover,
a.btn:hover,
label.btn:hover{
	background: #aaa;
}
.btn.btn__outline-primary,
.grayButton{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #666;
	background: #ededed;
	border: 1px solid #999;
	border-radius: 3px;
	display: inline-block;
	padding: 8px 40px;
	margin: 0;
	min-width: 300px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	user-select: none;
	transition: all 0.25s ease-out;
}
a.btn.btn__outline-primary,
a.grayButton{
	color: #666;
}
.btn.btn__outline-primary:hover,
.grayButton:hover{
	background: #f9f9f9;
}
a.btn.btn__outline-primary:disabled,
a.btn.btn__outline-primary.disabled,
.grayButton:disabled{
	color: #aaa;
	background: #ededed;
	border: 1px solid #ededed;
}
.ec-inlineBtn,
.btn.btn-sm,
.grayInButton{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #666;
	background: #ededed;
	border: 1px solid #999;
	border-radius: 3px;
	display: inline-block;
	padding: 5px 20px;
	margin: 0;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	user-select: none;
	transition: all 0.25s ease-out;
}
a.ec-inlineBtn,
a.btn.btn-sm,
a.grayInButton{
	color: #666;
}
.greenButton{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	background: #5FC18B;
	border: 1px solid #5FC18B;
	border-radius: 3px;
	display: inline-block;
	padding: 8px 40px;
	margin: 0;
	min-width: 300px;
	max-width: 100%;
	box-sizing: border-box;
	position: relative;
	user-select: none;
	transition: all 0.25s ease-out;
}
a.greenButton{
	color: #fff;
}
.greenButton:hover{
	background: #21AF68;
}
.article-arrow-link{
	font-size: 1rem;
	padding-left: 0;
}
.article-arrow-link:before{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-arrow.svg');
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	display: inline-block;
	position: relative;
	margin: 0 6px 0 0;
	transform: scale(0.75);
}
.btn.btn-sm{
	font-size: 0.875rem;
}
.ec-inlineBtn:hover,
.btn.btn-sm:hover,
.grayInButton:hover{
	background: #f9f9f9;
}
a.disabled,
a.disabled:hover{
	background: #999;
}
.arrowButton{
	font-weight: bold;
	text-align: center;
	line-height: 1.75;
	color: #fff;
	background: #5fc18b;
	border: 2px solid #fff;
	border-radius: 6px;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 2px 30px;
	user-select: none;
	transition: all 0.25s ease-out;
}
a.arrowButton{
	color: #fff;
}
.arrowButton:hover{
	background: #21AF68;
}
.arrowButton::after{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-arrow.svg');
	filter: invert() brightness(10);
	position: absolute;
	top: 0;
	right: 10px;
	display: flex;
	align-items: center;
	height: 100%;
}
.arrowLinkButton{
	font-weight: bold;
	color: #fff;
	background: #5fc18b;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 68px;
	margin: 0 auto;
	position: relative;
	transition: .3s;
}
.arrowLinkButton:hover {
	background: #21AF68;
}
a.arrowLinkButton{
	color: #fff;
}
.arrowLinkButton:after {
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-arrow-thin.svg');
	position: absolute;
	right: 15px;
	top: calc(50% - 9px);
	filter: brightness(2);
}
.arrowLinkButton.arrow-down:after {
	transform: rotate(90deg);
	right: 20px;
}
.otherButton a{
	font-weight: bold;
	text-align: center;
	color: #666;
	background: #ededed;
	border: 3px solid #fff;
	border-radius: 10px;
	padding: 8px 10px 10px;
	margin: 30px auto;
	display: flex;
	justify-content: center;
	box-shadow: 0 0 4px #ccc;
	width: 280px;
	position: relative;
	user-select: none;
	transition: all 0.25s ease-out;
}
.otherButton a:hover{
	background: #f1f1f1;
}
.otherButton a::after{
	content: url(https://mgproductioncdn.rakupuri.net/images/icon-arrow.svg);
	display: block;
	position: absolute;
	top: 10px;
	right: 12px;
	filter: brightness(0);
	opacity: 0.3;
}
a.smallButton {
	font-size: 0.75rem;
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #5fc18b;
	border: none;
	border-radius: 3px;
	padding: 4px 8px;
	width: auto;
	height: auto;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	user-select: none;
	transition: all 0.25s ease-out;
}
.logout a.smallButton {
	background: #999;
}
a.smallButton:hover {
	opacity: 0.8;
}
pre.code{
	font-size: 0.85rem;
	font-family: monospace;
	line-height: 2;
	white-space: pre-wrap;
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 1.0rem 1.5rem;
	margin-bottom:1.5rem;
}
img{
	width: auto;
	max-width: 100%;
	height: auto;
}
img.auto {
	width: 100%;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	float: right;
	margin: 0.5rem 0 0.5rem 1rem;
}
img.alignleft {
	float: left;
	margin: 0.5rem 1rem 0.5rem 0;
}
.center {
	text-align: center;
}
.mid {
	vertical-align: middle;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
table.aligncenter,
div.aligncenter {
	display: table;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.login,
.noLogin{
	display: none;
}
.ec-color-red,
.attention {
	color: #ff0000;
}
.jtext0 {
	font-family: 'Century Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', sans-serif;
}
.jtext1 {
	font-family: -apple-system,Segoe UI,Helvetica Neue,Hiragino Kaku Gothic ProN,"メイリオ",meiryo,sans-serif;
}
.jtext2 {
	font-family: '游明朝', 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
.textMoney{
	font-family: 'Bebas Neue','Helvetica Neue','Helvetica',sans-serif;
}
.textFile{
	font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
#main h2.narrow,
#main h3.narrow,
#main h4.narrow {
	margin: 0;
	font-feature-settings: "palt";
}
li.narrow,
p.narrow {
	line-height: 1.5rem;
	margin: 0;
	font-feature-settings: "palt";
}
.topMargin0 {
	padding-top: 0;
	margin-top: 0 !important;
}
.topMargin1 {
	padding-top: 15px;
}
.topMargin2 {
	padding-top: 30px;
}
.topMargin4 {
	padding-top: 60px;
}
.bottomMargin0 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.bottomMargin1 {
	padding-bottom: 15px;
}
.bottomMargin2 {
	padding-bottom: 30px;
}
.bottomMargin4 {
	padding-bottom: 60px;
}
.sp {
	display: none;
}
.pc {
	display: none;
}
.fadeins0 {
	opacity: 0;
	transition: all .75s ease;
}
.fadeins1 {
	opacity: 0;
	transition: all .75s ease 0.5s;
}
.fadeins0.scrollin,
.fadeins1.scrollin {
	opacity: 1;
}
.container{
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.row {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.menuFrame{
	display: flex;
	flex-direction: row-reverse;
	column-gap: 50px;
	box-sizing: border-box;
}
.menuFrame .leftArea{
	display: none;
	margin-left: 10px;
	margin-top: 15px;
}
.menuFrame .mainArea{
	width: 100%;
}
#main {
	position: relative;
	padding-bottom: 60px;
	min-height: 350px;
}
.active #main {
	display: none;
}
#main h1 {
	font-size: 1.75rem;
	line-height: 1.75;
	margin: 0 0 30px;
}
#main .ec-pageHeader h1{
	font-size: 1.75rem;
	border-top: none;
	border-bottom: none;
	margin: 30px 10px;
	padding: 8px 0 12px;
}
#main h2 {
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 15px 0;
}
#main h3 {
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 30px 0;
}
#main h4 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin: 30px 0;
}
#main h5 {
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 30px 0;
}
#main h6 {
	font-size: 1rem;
	line-height: 1.5;
	margin: 30px 0;
}
.main {
	padding: 0 10px;
	position: relative;
}
.guideTitleBar{
	position: relative;
	padding-left: 20px;
	height: auto;
}
.guideTitleBar::before{
	content: '';
	background: #5FC18B;
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	width: 5px;
	height: calc(100% + 10px);
}
.kome{
	font-size: 0.875rem;
	display: inline-block;
	line-height: 1.7;
	margin: 0;
	padding-left: 20px;
	position: relative;
}
.kome::before {
	content: "※";
	font-size: 1em;
	line-height: inherit;
	left: 0px;
	position: absolute;
	top: 0px;
}
a.outlink::after{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-outlink.svg');
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	margin: 8px 0 0 12px;
}
table.detail {
	line-height: 1.75rem;
	width: 100%;
	margin-bottom: 1rem;
}
table.detail th {
	font-size: 0.875rem;
	font-weight: bold;
	font-feature-settings: "palt";
	text-align: left;
	vertical-align: top;
	background: #fafafa;
	color: #444;
	border: solid 1px #ccc;
	margin: 0;
	padding: 5px 15px 5px 10px;
	width: 150px;
	box-sizing: border-box;
}
table.detail td {
	font-size: 0.95rem;
	vertical-align: top;
	background: rgba(255,255,255,0.75);
	border: solid 1px #ccc;
	margin: 0;
	padding: 5px;
	width: auto;
	box-sizing: border-box;
}
table.detail tr:first-child th {
	border-top: solid 1px #ccc;
}
table.detail tr:last-child th {
	border-bottom: solid 1px #ccc;
}
table.detail tr:last-child td {
	padding: 5px 5px;
	border-bottom: solid 1px #ccc;
}
table.detail p {
	margin: 0;
	line-height: 1.75rem;
}
table.detail ul li {
	list-style: inherit;
	float: none;
	margin-left: 22px;
}
div.noBorder {
	border: 0;
	margin-bottom: 15px;
	position: relative;
}
div.noBorder .tr {
	position: relative;
	display: flex;
	flex-direction: column;
	column-gap: 15px;
	row-gap: 15px;
	margin-bottom: 15px;
}
div.noBorder .tr.imgRight {
	flex-direction: column-reverse;
}
div.noBorder .th {
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: none;
	width: 120px;
}
div.noBorder .td {
	vertical-align: top;
	border: 0;
	color: #000;
}
div.borderTable {
	color: #333;
	border: 0;
	margin-bottom: 15px;
	width: 100%;
	border-top: solid 1px #999;
	padding: 0;
}
div.borderTable .tr{
	display: flex;
	position: relative;
}
div.borderTable .th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 20px 0 20px 10px;
	border-bottom: solid 1px #999;
	background: none;
	width: 50%;
}
div.borderTable .td {
	text-align: left;
	vertical-align: top;
	padding: 20px 0 20px 20px;
	border-bottom: solid 1px #999;
	width: 50%;
}
.dotBorderTable {
	color: #333;
	border: 0;
	margin-bottom: 15px;
}
.dotBorderTable .tr {
	position: relative;
	display: flex;
	flex-direction: column;
	column-gap: 0px;
	row-gap: 15px;
	margin-bottom: 15px;
	border-bottom: dotted 1px #666;
}
.dotBorderTable .th {
	font-weight: normal;
	padding: 5px 5px 30px;
	border: none;
	background: none;
	flex: 1;
}
.dotBorderTable .td {
	padding: 5px 5px 30px;
	border: none;
	flex: 1;
}
div.dotBorderTable.autoWidth .td,
div.noBorder.autoWidth .td {
	flex: inherit;
}
div.pointTable {
	border: 0;
	margin: 30px 0 15px;
	position: relative;
	width: 100%;
}
div.pointTable .tr {
	position: relative;
	display: flex;
	align-items: flex-start;
	column-gap: 15px;
	row-gap: 15px;
	margin-bottom: 15px;
}
div.pointTable .td {
	vertical-align: top;
	border: 0;
	color: #000;
}
div.pointTable .td:first-child {
	font-family: 'Bebas Neue','Helvetica Neue',monospace;
	font-family: monospace;
	font-size: 1.125rem;
	font-weight: bold;
	font-feature-settings: "palt";
	text-align: center;
	color: #fff;
	background: #5fc18b;
	width: 100px;
}
span.pointNum{
	font-size: 1.5rem;
}
div.pointTable .td:first-child span.pointNum{
	display: inline-block;
	margin: 0 0 0 3px;
}
div.pointTable .td:nth-child(2) {
	font-size: 1.125rem;
	font-weight: bold;
	color: #21af68;
	width: calc(100% - 115px);
	padding: 5px 0 0;
	box-sizing: border-box;
}
.breadcrumb-wrap,
.breadcrumbs {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 15px 10px;
	list-style: none;
}
.breadcrumb-wrap > *,
.breadcrumbs > * {
	font-family:  'Century Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 0.75rem;
	margin: 0;
	float: left;
}
.breadcrumb-wrap > *:before,
.breadcrumbs > *:before {
	content: '>';
	font-family: monospace;
	color: #999;
	margin: 0 0.75rem;
	position: relative;
}
.breadcrumb-wrap > *:first-child:before,
.breadcrumbs > *:first-child:before {
	content: '';
	margin: 0;
}
.breadcrumb-wrap > *:not(:last-child),
.breadcrumbs > *:not(:last-child) {
	color: #999;
}
#main .ec-pagerRole,
.paginations {
	font-family: 'Century Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', sans-serif;
	position: relative;
	z-index: 8;
	margin: 60px 0;
}
#main .ec-pagerRole .num,
.paginations .num{
	font-size: 0.875rem;
	text-align: center;
}
#main .ec-pagerRole,
.navigation {
	margin: 15px;
	text-align: center;
}
#main .ec-pagerRole ul,
.navigation ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 0;
	margin: 0;
	column-gap: 5px;
	row-gap: 5px;
}
#main .ec-pagerRole li,
.navigation li{
	font-family: 'Century Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', sans-serif;
}
#main .ec-pagerRole li span,
#main .ec-pagerRole li a,
.navigation li span,
.navigation li a{
	font-size: 1rem;
	text-decoration: none;
	line-height: 1.5rem;
	position: relative;
	padding: 4px 12px 6px;
	border: 1px solid #4aaee4;
	display: block;
	height: 24px;
}
#main .ec-pagerRole li.ec-pager__item--active a,
.navigation li span {
	color: #5685fc;
	background-color: #fff;
}
#main .ec-pagerRole li a,
.navigation li a {
	color: #fff;
	background-color: #4aaee4;
}
#main .ec-pagerRole li a:hover,
.navigation li a:hover {
	color: #fff;
	background-color: #5685fc;
}
header {
	width: 100%;
	z-index: 100;
	transition: all .4s;
}
header > .container,
header #menu .container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
}
header > .container{
	align-items: flex-end;
	border-bottom: 1px solid #ccc;
}
.active header > .container{
	background: #5FC18B;
}
header.small > .container{
	margin-bottom: 52px;
}
header .rightHeadMenu{
	display: none;
}
header .logoArea{
	z-index: 20;
}
header .logo{
	font-size: 1rem;
	line-height: 1;
	width: 270px;
	padding: 0;
	margin: 0;
}
header .headCatch{
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25;
	color: #21af68;
	position: absolute;
	top: 4px;
	left: 118px;
}
.active header .headCatch{
	display: none;
}
header .ruby{
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.15rem;
	color: #333;
	position: absolute;
	top: 70px;
	left: 118px;
}
header .ruby a{
	color: #333;
}
.active header .ruby a{
	color: #fff;
}
header .headRight{
	display: none;
}
.active header .headRight{
	display: block;
	position: fixed;
	left: 0;
	bottom: 10px;
	width: 100%;
	z-index: 20;
}
header .headRightCatch{
	text-align: center;
	border: 3px solid #b7e2b3;
	border: none;
	padding: 13px 15px 0;
}
.active header .headRightCatch{
	display: none;
}
header .headRightCatch p{
	line-height: 1.25;
	margin-bottom: 0;
}
header .headRightCatch .jtext2 > span{
	font-weight: 400;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 4px 5px;
}
.active header .headRightCompany{
	text-align: center;
}
header .headRightCompany p{
	line-height: 1.25;
	margin-bottom: 0;
}
.headRightCompany .name{
	font-size: 0.875rem;
	font-weight: bold;
	color: #109e57;
}
.headRightCompany .tel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	white-space: nowrap;
	color: #21af68;
	margin-bottom: 3px;
}
.headRightCompany .tel::before{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	background-image: url('https://mgproductioncdn.rakupuri.net/images/icon-tel.svg');
	background-size: cover;
	vertical-align: middle;
	margin: 0 3px 5px 0;
}
.headRightCompany .time{
	font-size: 0.75rem;
	font-weight: 500;
	color: #333;
	margin-bottom: 2px;
}
.headRightCompany .company{
	font-size: 0.75rem;
	font-weight: bold;
	color: #666;
}
.active .headRightCompany p{
	color: #fff;
}
.active .headRightCompany .tel::before{
	filter: invert(1) brightness(10);
}
header .logoArea{
	width: calc(100% - 62px);
}
header .navArea{
	width: 62px;
}
header .headNav{
	position: relative;
	display: block;
	z-index: 20;
}
header.small .headNav{
	position: fixed;
	top: 15px;
}
#menu{
	background: #fff;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 1000;
	overflow: hidden;
	transition: all .3s;
}
header.small #menu{
	position: fixed;
	top: 0;
}
.active #menu{
	border-bottom: 1px solid #ccc;
	height: 52px;
	transition: all .3s;
}
#menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
#menu ul button{
	font-size: 0.875rem;
	font-weight: bold;
	color: #21af68;
	background: #fff;
	border: none;
	border-radius: inherit;
	padding: 0 15px;
	min-width: inherit;
	height: 50px;
	cursor: pointer;
}
#search-category::before{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-bar3.svg');
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
}
#search-detail::before{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-search-plus.svg');
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#search-category.on,
#search-detail.on{
	color: #fff;
	background: #5fc18b;
}
#search-category.on::before,
#search-detail.on::before{
	filter: brightness(100);
}
#search-detail::after{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-arrow.svg');
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	transform: rotate(90deg);
}
#search-detail.on::after,
#search-detail:hover::after{
	filter: invert() brightness(100);
}
#search-detail.on::after{
	transform: rotate(90deg) scaleX(-1) translateX(2px);
}
#menu form{
	padding: 0;
	margin: 0;
}
.searchForm{
	display: none;
}
#search{
	line-height: 29px;
	padding: 6px 8px 4px 12px;
	margin: 0 0 0 30px;
	background: #fcfcfc;
	border: 2px solid #5fc18b;
	border-top-left-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 0;
	box-shadow: inset 1px 2px 3px  rgba(0, 0, 0, 0.2);
}
#menu button[type="submit"]{
	vertical-align: top;
	background: #5fc18b;
	border:none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 8px 12px 0 10px;
	height: 43px;
}
#menu button[type="submit"]:hover{
	background: #21af68;
}
#menu .rightHeadMenu li{
	min-width: 80px;
}
#menu .rightHeadMenu a{
	font-size: 0.75rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	white-space: nowrap;
	color: #5fc18b;
	padding: 0 8px;
	margin: 0;
	display: block;
	position: relative;
}
#menu .rightHeadMenu a:hover{
	opacity: 0.5;
}
#menu .rightHeadMenu .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	position: relative;
}
#menu .rightHeadMenu .icon img{
	width: auto;
}
#menu .rightHeadMenu .cartIcon .badge{
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	color: #fff;
	background: #FF9500;
	position: absolute;
	top: 2px;
	right: 15px;
	min-width: 10px;
	height: 10px;
	border-radius: 50%;
}
#menuLogin{
	border-bottom: 1px solid #ccc;
	background: #ededed;
	z-index: 999;
}
#menuLogin .welcomeArea{
	text-align: right;
	padding: 4px 15px;
	box-sizing: border-box;
}
#menuLogin .welcome{
	font-size: 0.875rem;
	line-height: 1;
}
#gNav{
	opacity: 0;
	top: -100vh;
	left: 0;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 12;
	transition: all .4s;
}
.active #gNav{
	opacity: 1;
	position: fixed;
	top: 0;
	height: 100%;
	background: #5FC18B;
}
#gNav .inner{
	max-width: 540px;
	margin: 0 auto;
	padding: 60px;
}
#gNav .scroll{
	height: 0;
	overflow-y: auto;
}
.active #gNav .scroll{
	height: calc(100vh - 230px);
	margin-top: 149px;
}
#gNav .title{
	font-family: 'Lora','Times New Roman', Times, serif;
	font-size: 1.25rem;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
	padding-left: 17px;
	margin-bottom: 30px;
}
#gNav ul{
	border-top: 1px solid #fff;
	list-style: none;
	margin: 0 auto;
	padding: 0 0 15px;
}
#gNav ul ul{
	margin-top: 15px;
	margin-left: 5px;
}
#gNav li{
	border-bottom: 1px solid #fff;
	line-height: 1.5;
}
#gNav li a{
	color: #fff;
	display: block;
	padding: 15px;
}
.navArea .label{
	display: none;
}
.menu-trigger{
	display: inline-block;
}
.menu-trigger span.menu-bar {
	display: inline-block;
	transition: all .4s ease-out;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	background: none;
	border: none;
	padding: 15px;
	cursor: pointer;
	box-sizing: border-box;
}
.menu-trigger:hover {
	opacity: 1;
}
.menu-trigger .lines{
	width: 32px;
	height: 28px;
	position: relative;
	display: block;
}
.menu-trigger span.menu-bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #5fc18b;
}
.active .menu-trigger span.menu-bar {
	background: #fff;
}
.menu-trigger span.menu-bar:nth-of-type(1) {
	top: 0;
}
.menu-trigger span.menu-bar:nth-of-type(2) {
	top: 9px;
}
.menu-trigger span.menu-bar:nth-of-type(3) {
	top: 18px;
}
.active .menu-trigger span.menu-bar:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.active .menu-trigger span.menu-bar:nth-of-type(2) {
	opacity: 0;
}
.active .menu-trigger span.menu-bar:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
.orderArea{
	background: #ededed;
}
.orderArea .head{
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	background: #5fc18b;
	padding: 10px 0 10px 3px;
	display: flex;
	align-items: center;
}
.orderArea .head::before{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-cal.svg');
	display: inline-block;
	padding-right: 0;
	transform: scale(0.8);
}
.orderArea .head .num{
	font-family: 'Arial',sans-serif;
	font-size: 1.1rem;
	vertical-align: bottom;
	display: inline-block;
	padding: 0 1px;
}
.earliestArea{
	border-bottom: 1px solid #fff;
}
.earliest{
	font-size: 0.875rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding: 10px 3px;
}
.earliest img{
	width: 25px;
}
.earliestArea .days{
	font-weight: bold;
	display: flex;
	align-items: center;
}
.earliestArea .days img{
	width: 30px;
}
.earliestArea .days .color1{
	font-size: 0.75rem;
	color: #666;
	margin-left: 10px;
	width: 60px;
}
.earliestArea .days .color4{
	font-size: 0.75rem;
	line-height: 1;
	color: #666;
	margin-left: 10px;
	width: 60px;
}
.color4 .small{
	font-size: 0.65rem;
	letter-spacing: -0.1rem;
	display: block;
}
.earliestArea .days .date{
	font-size: 1rem;
	text-align: center;
	margin: 0 10px 0 5px;
	width: 70px;
}
.earliestArea .comment{
	font-size: 0.75rem;
	font-weight: bold;
	line-height: 1.5;
	text-indent: -0.75rem;
	color: #666;
	display: flex;
	justify-content: center;
	padding: 20px 0 10px;
}
.onlytitle{
	font-size: 0.75rem;
	font-weight: bold;
	color: #666;
	padding: 5px 15px 0;
}
.only{
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	padding: 0 10px 10px;
	margin-bottom: 1px;
}
.link1Area{
	margin: 0 0 10px;
}
.link1Area ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.link1Area .icon {
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	overflow: hidden;
}
.link1Area .icon img{
	width: auto;
	max-height: 22px;
}
.link1Area a{
	font-size: 0.825rem;
	font-weight: bold;
	font-feature-settings: "palt";
	line-height: 1.25;
	color: #333;
	border: 3px solid #ededed;
	border-bottom: none;
	padding: 10px 0 10px 5px;
	display: block;
}
.link1Area li:last-child a{
	border-bottom: 3px solid #ededed;
}
.link1Area a:hover{
	color: #fff;
	background: #5fc18b;
}
.link1Area a:hover .icon{
	filter: grayscale(1) brightness(1.2);
}
.leftMenu .itemArea{
	background: #ededed;
	margin: 1px 0 0;
}
.leftMenu .itemArea.newItem{
	margin-top: 8px;
}
.leftMenu .itemArea .cat,
.calendarHead{
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #5fc18b;
	padding: 3px 0;
}
.leftMenu .itemArea ul{
	list-style: none;
	margin: 0;
	padding: 15px 0;
}
.leftMenu .itemArea li{
	position: relative;
}
#submenuCategory .itemArea a,
.leftMenu .itemArea a{
	display: flex;
	column-gap: 5px;
	align-items: center;
	color: #666;
	background: #fff;
	margin: 0 10px 1px;
	padding: 5px 0;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	user-select: none;
}
#submenuCategory .itemArea a.noIcon,
.leftMenu .itemArea a.noIcon{
	padding: 10px 0 10px 10px;
}
.leftMenu .itemArea .target a,
.leftMenu .itemArea a:hover{
	color: #333 !important;
	background: #f9e89b !important;
}
.leftMenu .itemArea .depth0 a{
	filter: drop-shadow(0px 1px 0px #ccc);
	min-height: 47px;
}
.leftMenu .itemArea .depth1,
.leftMenu .itemArea .depth2{
	height: 0;
	transition: all 0.25s ease;
}
.leftMenu .itemArea .depth1.on,
.leftMenu .itemArea .depth2.on{
	opacity: 1;
	height: 38px;
}
.leftMenu .itemArea .depth1 a,
.leftMenu .itemArea .depth2 a{
	display: none;
}
.leftMenu .itemArea .depth1.on a,
.leftMenu .itemArea .depth2.on a{
	display: flex;
}
.leftMenu .itemArea .depth1 a{
	background: #f9f9f9;
	filter: drop-shadow(0px 1px 0px #ccc);
}
.leftMenu .itemArea .depth1 a .title{
	font-weight: 500;
	color: #333;
}
.leftMenu .itemArea .depth2 a{
	background: #5FC18B;
}
.leftMenu .itemArea .depth2 a .title{
	font-weight: 500;
	color: #fff;
	padding-left: 10px;
}
#submenuCategory .itemArea .icon,
.leftMenu .itemArea .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
}
#submenuCategory .itemArea .icon img,
.leftMenu .itemArea .icon img{
	max-width: 24px;
	max-height: 26px;
	mix-blend-mode:multiply;
}
.leftMenu .itemArea .title{
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.2;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	font-feature-settings: "palt";
	width: calc(100% - 37px);
	transition: all .3s;
}
.leftMenu .itemArea .target a .title,
.leftMenu .itemArea a:hover .title{
	color: #000;
}
.leftMenu .itemArea .noIcon .title{
	width: 100%;
}
.leftMenu .itemArea .exp{
	font-family: sans-serif;
	font-size: 1.25rem;
	font-weight: 900;
	text-align: right;
	line-height: 1;
	color: #333;
	background: #ededed;
	border: none;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 2px;
	right: -20px;
	z-index: 0;
	cursor: pointer;
	padding: 0 8px 0 0;
}
.leftMenu .itemArea .depth1 .exp{
	opacity: 0;
}
.leftMenu .itemArea .depth1.on .exp{
	opacity: 1;
}
#submenuCategory{
	display: none;
	height: 0;
	overflow: hidden;
	transition: all .5s;
	z-index: 1000;
	position: relative;
	width: 100%;
}
#submenuCategory.on{
	display: block;
	height: auto;
	overflow:visible;
}
header.small #submenuCategory.on{
	position: fixed;
	top: 52px;
}
#submenuCategory .container{
	position: relative;
}
#submenuCategory .list{
	position: relative;
	background: #fff;
	box-shadow: 0 5px 8px  rgba(0, 0, 0, 0.2);
	padding: 10px 0 0;
	margin: 0;
	height: 400px;
	overflow-y: auto;
}
#submenuCategory .itemArea .cat{
	font-size: 1rem;
	font-weight: bold;
	color: #21af68;
	padding: 1px 15px;
	margin-left: 30px;
	background: #fff;
	position: relative;
	z-index: 2;
	display: inline-block;
}
#submenuCategory ul{
	border: 1px solid #ccc;
	border-radius: 6px;
	list-style: none;
	margin: -15px 10px 10px;
	padding: 20px 10px 10px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	row-gap: 12px;
}
#submenuCategory li{
	min-width: 100%;
}
#submenuCategory .itemArea a{
	margin: 0;
	padding: 0;
}
#submenuCategory .itemArea a:hover{
	opacity: 0.8;
}
#submenuCategory .itemArea .title{
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.25;
	color: #666;
	display: inline-block;
	font-feature-settings: "palt";
	transition: all .3s;
}
.ec-checkbox input[type=checkbox]{
	margin-bottom: 0;
	vertical-align: middle;
}
.ec-blockBtn--action{
	width: auto;
	height: auto;
}
#searchAdvance{
	display: none;
	position: relative;
	z-index: 1000;
	width: 100%;
}
#searchAdvance.on{
	display: block;
}
header.small #searchAdvance.on{
	position: fixed;
	top: 52px;
}
#searchAdvance .inner{
	background: #fff;
	box-shadow: 0 5px 8px  rgba(0, 0, 0, 0.2);
	padding: 20px 10px;
}
#searchAdvance dl{
	margin: 0;
	display: flex;
	column-gap: 10px;
}
#searchAdvance dl dt{
	font-size: 0.875rem;
	font-weight: bold;
	color: #666;
	width: 80px;
	padding-top: 8px;
}
#searchAdvance dl dd{
	width: calc(100% - 90px);
	margin: 0;
}
#searchAdvance input,
#searchAdvance select{
	margin-bottom: 5px;
}
#searchAdvance select{
	width: auto;
}
#searchAdvance dd.form-inline{
	display: flex;
	align-items: center;
	column-gap: 15px;
}
#searchAdvance .form__group-color{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 15px;
	padding: 5px 0 15px;
}
#searchAdvance .form__checkbox {
	position: relative;
}
#searchAdvance .form__checkbox label {
	display: inline-block;
	font-weight: normal;
	margin: 0 !important;
}
#searchAdvance .form__checkbox label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}
#searchAdvance .form__checkbox label {
	width: 36px;
	height: 36px;
}
#searchAdvance .form__checkbox label:before {
	width: 34px;
	height: 34px;
	border: 1px solid #999;
	z-index: 1;
}
#searchAdvance .form__checkbox label:after {
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-check-outline.svg');
	z-index: 2;
	position: absolute;
	left: 2px;
	top: 3px;
	opacity: 0;
	transform: scale(0.8);
}
#searchAdvance .form__checkbox input {
	position: absolute;
	top: 3px;
	left: 4px;
	z-index: 3;
	opacity: 0;
}
#searchAdvance .form__checkbox input:checked + label:after {
	opacity: 1;
}
#searchAdvance input[type=search]{
	width: 100%;
}
#searchAdvance input[type=number]{
	width: 90px;
}
#searchAdvance select[name='category_id']{
	width: 100%;
}
#searchAdvance .search__area{
	text-align: center;
	margin-top: 15px;
}
#searchAdvance button[type="submit"]{
	color: #fff;
	background: #5fc18b;
	position: relative;
}
#searchAdvance button[type="submit"]:hover{
	background: #21af68;
}
#searchAdvance button[type="submit"] img{
	position: absolute;
	left: 20px;
	top: 10px;
}
.calendarArea{
	margin: 30px 0;
	border: 1px solid #5fc18b;
	box-sizing: border-box;
}
.calendarArea .caption{
	font-weight: bold;
	line-height: 1;
	color: #21af68;
	position: relative;
	margin: 10px 0;
	height: 20px;
}
.calendarArea .caption .year{
	font-size: 0.875rem;
	position: absolute;
	left: 10px;
	top: 7px;
}
.calendarArea .caption .month{
	font-size: 1.5rem;
	text-align: center;
	position: absolute;
	left: calc(50% - 15px);
	top: 0;
	width: 30px;
}
.calendarArea table{
	width: calc(100% - 10px);
	margin: 0 5px 20px;
	border-collapse:inherit;
	border-spacing: 2px;
	box-sizing: border-box;
}
.calendarArea table:last-child{
	margin-bottom: 5px;
}
.calendarArea th{
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	padding-bottom: 3px;
}
.calendarArea td{
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: center;
}
.calendarArea .sun{
	color: #ff0000;
}
.calendarArea .sat{
	color: #5685fc;
}
.calendarArea .holiday{
	color: #fff;
	background: #f2bb4e;
}
.leftArea .sns{
	margin: 30px 0;
}
.leftArea .sns .label{
	font-size: 0.875rem;
	font-weight: bold;
	text-align: center;
	color: #21af68;
	margin-bottom: 10px;
}
.sns .tb1 .tr{
	justify-content: center;
	column-gap: 15px;
}
.sns .tb1 .td{
	font-size: 0.75rem;
	font-weight: bold;
	text-align: center;
	flex: 1;
}
.sns .td a{
	color: #333;
}
.sns .tb1 .td img{
	display: block;
	width: 30px;
	margin: 0 auto 4px;
}
#main h2.guideHead{
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #5fc18b;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin: 60px 10px 0;
	padding: 8px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 5px;
}
.guideHead::before{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-hand-arrow.svg');
	display: inline-block;
	line-height: 1;
}
.guideTable{
	margin: 0 10px;
}
.guideTable .tr{
	display: flex;
	flex-wrap: wrap;
}
.guideTable .td{
	font-size: 0.875rem;
	color: #666;
	border-right: 1px solid #5fc18b;
	width: 50%;
}
.guideTable .td:nth-child(2n-1){
	border-left: 1px solid #5fc18b;
}
.guideTable a{
	padding: 20px 10px 10px;
	display: block;
	height: calc(100% - 30px);
}
.guideTable a:hover{
	background: #f9e89b;
}
.guideTable a:hover img{
	filter: brightness(0.9);
}
.guideTable .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	margin: 20px 0 15px;
}
.guideTable .icon img{
	min-height: 36px;
}
.guideTable .icon.question img{
	min-height: 46px;
}
.guideTable .icon.member img{
	min-height: 40px;
}
.guideTable span{
	color: #666;
}
#main .guideTable h3{
	font-size: 1rem;
	font-weight: bold;
	font-feature-settings: "palt";
	text-align: center;
	color: #21af68;
}
.guideTable h3 a{
	color: #21af68;
}
.guideTable::after{
	content: '';
	background: #5fc18b;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: block;
	width: 100%;
	height: 25px;
}
.memberEntryArea{
	color: #21af68;
	background: #f9e89b;
	max-width: 650px;
	margin: 30px auto;
	padding: 30px 15px;
}
.entryBtn{
	text-align: center;
}
.entryBtn a{
	font-size: 1.25rem;
	font-weight: bold;
	color: #21af68;
	background: #fff;
	border: 5px solid #5fc18b;
	border-radius: 8px;
	padding: 10px 30px 10px 70px;
	display: inline-block;
	position: relative;
}
.entryBtn a:hover{
	color: #fff;
	background: #b7e2b3;
}
.entryBtn a .icon{
	position: absolute;
	left: 20px;
}
.entryBtn a .icon img{
	width: 38px;
}
.entryBtn a:hover .icon img{
	filter: brightness(0.8);
}
footer{
	position: relative;
	border-top: 1px solid #5fc18b;
}
.active footer{
	display: none;
}
footer .row{
	display: flex;
	flex-direction: column;
}
footer .logoArea{
	position: relative;
	padding: 30px 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer .logo{
	margin-bottom: 15px;
	max-width: 150px;
	padding: 0 10px 15px;
}
footer .siteNames p{
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 0;
}
footer .siteName{
	font-size: 1.25rem;
}
footer .siteNameJ{
	font-size: 0.875rem;
	color: #333;
}
footer .tel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: #666;
	margin: 20px 0 3px;
}
footer .openTime{
	font-size: 0.875rem;
	font-feature-settings: "palt";
	line-height: 1;
	margin: 0;
}
footer .company{
	font-size: 0.95rem;
	font-weight: bold;
	font-feature-settings: "palt";
	color: #666;
}
footer .company .label{
	font-size: 0.8rem;
	display: inline-block;
	margin-right: 5px;
}
footer .sns {
	max-width: 150px;
	width: 100%;
}
footer .sns .tb1{
	margin-bottom: 0;
}
footer .sns .tb1 .tr{
	flex-direction: row;
	justify-content: flex-start;
	column-gap: 10px;
	margin-bottom: 0;
}
footer .menuArea{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 30px 0 60px;
}
footer .menuArea .menu > p{
	font-size: 1.125rem;
	font-weight: bold;
	color: #21af68;
	margin: 20px 0 10px 12px;
}
footer .menuArea .menu > p a{
	color: #21af68;
}
footer .menuArea ul{
	list-style: none;
	margin: 0;
	padding: 0 3px;
	margin-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	column-gap: 15px;
	row-gap: 0;
}
footer .menuArea > ul > li{
	width: 100%;
	position: relative;
}
footer .menuArea li{
	line-height: 1.25;
	margin: 0;
	border-bottom: 1px solid #21af68;
}
footer .menuArea li:first-child{
	border-top: 1px solid #21af68;
}
footer .menuArea li a{
	font-size: 0.875rem;
	font-weight: bold;
	color: #21af68;
	padding: 10px 15px;
	display: block;
	position: relative;
}
footer .menuArea li a:hover{
	background: #ddf0db;
}
footer .menuArea li a::after{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-arrow-bit.svg');
	position: absolute;
	right: 12px;
	margin: 0;
}
footer .menuArea li a.outlink::after{
	content: url('https://mgproductioncdn.rakupuri.net/images/icon-outlink.svg');
	right: 8px;
}
footer .copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	text-align: center;
	color: #fff;
	background: #5fc18b;
	padding: 15px 0;
	margin: 0;
	position: relative;
	z-index: 2;
	font-feature-settings: "palt";
}
.page-top {
	display: none;
}
.page-top.show {
	display: block;
}
.page-top a {
	display: inline-block;
	position: fixed;
	bottom: 50px;
	right: 5%;
	background: #5fc18b;
	width: 45px;
	height: 45px;
	z-index: 100;
}
.page-top a:hover {
	background: #21af68;
}
.page-top a:before {
	content: "";
	position: absolute;
	left: 16px;
	top: 19px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.note-tooltip {
	background: url('https://mgproductioncdn.rakupuri.net/images/icon-question.svg') no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin-left: 10px;
	cursor: pointer;
	position: relative;
}
.note-tooltip .tooltip{
	display: none;
}
.note-tooltip:hover .tooltip{
	font-family: sans-serif;
	font-size: 0.75rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.25;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	display: block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	padding: 5px 8px 8px;
	margin: 0 0 5px;
	min-width: 120px;
	z-index: 997;
	transform: translateX(-50%);
}
.note-tooltip:hover .tooltip:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
	margin-bottom: 5px;
	display: block;
	position: absolute;
	bottom: -10px;
	left: calc(50% - 5px);
}
.member_entry{
	text-align: center;
}
@media (max-width: 575px) {
	.row{
		padding-left: 10px;
		padding-right: 10px;
	}
	.pc-br br {
		display: none;
	}
	table.detail th{
		width: 85px;
	}
}
@media (max-width: 320px) {
	.active #gNav::after{
		width: 200px;
		height: 174px;
	}
	.active #gNav::before{
		width: 100px;
		height: 31px;
	}
}
@media (min-width: 576px) {
	header .logoArea{
		flex: 1;
	}
	header .headCatch{
		top: 5px;
		left: 105px;
	}
	#main h1 {
		font-size: 2.25rem;
	}
	#main .ec-pageHeader h1{
		margin: 30px 0;
	}
	#main h2 {
		font-size: 2rem;
	}
	#main h3 {
		font-size: 1.75rem;
	}
	.sp-br br {
		display: none;
	}
	footer .row{
		flex-direction: row;
	}
	footer .footerIn{
		flex-direction: row;
		padding: 100px 15px;
	}
	footer .logoArea {
		justify-content: flex-start;
		align-items: flex-start;
		width: 210px;
		padding: 30px 10px 30px 30px;
	}
	footer .menuArea{
		flex-direction: row;
		width: calc(100% - 210px);
		column-gap: 10px;
		padding: 50px 0 60px;
	}
	footer .menuArea .menu{
		width: calc(33.33% - 15px);
	}
	footer .menuArea .menu > p{
		margin-top: 0;
	}
	footer .menu li.privacy{
		font-size: 0.875rem;
		font-feature-settings: "palt";
	}
	.breadcrumb-wrap,
	.breadcrumbs {
		padding: 15px 0;
	}
}
@media (min-width: 768px) {
	.main {
		padding: 0;
	}
	div.noBorder .tr{
		flex-direction: row;
	}
	div.noBorder .tr.imgRight {
		flex-direction: row;
	}
	div.borderTable .th {
		width: 30%;
	}
	div.borderTable .td {
		width: 70%;
	}
	.dotBorderTable .tr{
		flex-direction: row;
	}
	.single-navi .smallTitle {
		max-width: inherit;
	}
	header .ruby{
		font-size: 0.875rem;
		letter-spacing: 0.25rem;
	}
	header .headRight{
		display: flex;
		column-gap: 30px;
		align-items: center;
	}
	header .headRightCompany{
		display: block;
		padding-left: 30px;
		border-left: 1px solid #ccc;
	}
	#gNav{
		width: 0;
	}
	header .headNav{
		display: none;
	}
	header .logoArea{
		width: auto;
	}
	header .navArea{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		column-gap: 15px;
		width: auto;
	}
	#menu{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: block;
		height: 52px;
	}
	#menu ul button:hover{
		color: #fff;
		background: #5fc18b;
	}
	header .rightHeadMenu{
		display: block;
	}
	#submenuCategory .list{
		position: absolute;
		padding: 10px 0 0;
		height: auto;
	}
	#submenuCategory li{
		min-width: 20%;
	}
	#search-category:hover::before,
	#search-detail:hover::before{
		filter: brightness(100);
	}
	#searchAdvance .inner{
		position: absolute;
		padding: 20px 30px;
		margin-left: 150px;
	}
	#searchAdvance input,
	#searchAdvance select{
		margin-bottom: 15px;
	}
	#searchAdvance input[type=number]{
		width: auto;
	}
	#searchAdvance .search__area{
		text-align: right;
		margin-top: -40px;
	}
	.menuFrame .mainArea{
		width: calc(100% - 250px);
		margin-right: 10px;
		margin-left: 0;
	}
	.menuFrame .leftArea{
		display: block;
		width: 170px;
	}
	.entryBtn a{
		font-size: 1.5rem;
		padding: 10px 50px 10px 70px;
	}
	footer .logoArea {
		width: 250px;
	}
	footer .menuArea{
		width: calc(100% - 250px);
		column-gap: 30px;
	}
	footer .menuArea .menu{
		width: calc(33.33% - 30px);
		max-width: 250px;
	}
	#main h2.guideHead{
		margin: 60px 0 0;
	}
	.guideTable{
		margin: 0;
	}
	.guideTable .td{
		width: 33.33%;
	}
	.guideTable .td:nth-child(2n-1){
		border-left: none;
	}
	.guideTable .td:nth-child(3n-2){
		border-left: 1px solid #5fc18b;
	}
}
@media (min-width: 992px) {
	.searchForm{
		display: block;
	}
	#search{
		width: 140px;
	}
	header .navArea{
		flex: 1;
	}
	header > .container{
		align-items: center;
		border-bottom: none;
	}
	.guideTable .td{
		flex: 1;
		width: auto;
	}
	.guideTable .td:nth-child(2n-1){
		border-left: none;
	}
	.guideTable .td:nth-child(3n-2){
		border-left: none;
	}
	.guideTable .td:first-child{
		border-left: 1px solid #5fc18b;
	}
}
@media (min-width: 1100px) {
	#search{
		width: 240px;
	}
	.menuFrame .mainArea{
		width: calc(100% - 280px);
	}
	.menuFrame .leftArea{
		width: 210px;
	}
	.orderArea .head{
		font-size: 1rem;
		padding: 10px 0 10px 10px;
	}
	.orderArea .head::before{
		padding-right: 5px;
		transform: none;
	}
	.orderArea .head .num{
		font-size: 1.5rem;
		padding: 0 1px 2px;
	}
	.earliest{
		font-size: 1rem;
		column-gap: 10px;
		padding: 10px;
	}
	.earliest img{
		width: 35px;
	}
	.earliestArea .days img{
		width: 40px;
	}
	.earliestArea .days .date{
		font-size: 1.125rem;
		margin: 0 10px;
		width: 80px;
	}
	.earliestArea .days .color1{
		font-size: 0.875rem;
		width: 60px;
	}
	.earliestArea .days .color4{
		font-size: 0.875rem;
		margin-left: 10px;
		width: 60px;
	}
	.color4 .small{
		font-size: 0.75rem;
	}
	.earliestArea .comment{
		font-size: 0.8rem;
		text-indent: -0.8rem;
		padding: 20px 0 10px;
	}
	.onlytitle{
		font-size: 0.875rem;
		padding: 5px 15px 0;
	}
	.only{
		font-size: 1.125rem;
		padding: 0 10px 10px;
	}
	.link1Area a{
		font-size: 0.875rem;
		font-feature-settings: inherit;
		padding: 10px 0 10px 15px;
	}
	.link1Area .icon {
		width: 24px;
	}
}