/*
Theme Name: leabo
Text Domain: leabo
Author: kobax
Author URI: https://leabo.jp/
Description: Schedule Task Manager Theme
Version: 1.0.0
License: GNU General Public License v3
Tags: responsive-layout, one-column, white, editor-style, custom-header, custom-background, custom-menu, featured-images
*/

@charset "UTF-8";
body, input, select, textarea, button, h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans JP', 'Century Gothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color: #444;
}

body {
	background: #fff;
}

a {
	color: #6B705C;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

a:link, a:active, a:focus, a:visited {
	color: #6B705C;
}

a:hover {
	color: #0b035a;
}

a:link, a:visited {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

p {
	line-height: 1.5;
	margin-bottom: 1rem;
}

ul {
	margin-left: 1.5rem;
	padding-left: 1.5rem;
}

ol {
	margin-left: 1.75rem;
	padding-left: 1.5rem;
}

ol > li {
	margin-bottom: 1rem;
}

input[type='text'], input[type='number'], input[type='email'], input[type='password'], select,textarea {
	font-family: 'Century Gothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

input[type='text'], input[type='number'], input[type='email'], input[type='password'], select{
	border-radius: 3px;
}

input[type='checkbox'], input[type='radio'] {
	transform: scale(1.5);
	margin-right: 5px;
}
input:read-only,
input[readonly],
textarea[readonly]{
	background: #fefefe;
}
input:disabled{
	background: #e6e6e6;
}

.button {
	font-size: 1rem;
	line-height: 2rem;
	text-align: left;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	display: block;
}

.button:hover {
	background: none;
	border: none;
}

.button input[type='submit'], .button a {
	font-weight: 500;
	color: #fff;
	background: #6B705C;
	text-align: center;
	padding: 6px 15px 10px;
	margin: 0;
	display: inline-block;
	border: none;
	border-radius: 5px;
	position: relative;
	min-width: 200px;
	transition: all 0.25s ease-out;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.button input[type='submit']:hover, .button a:hover {
	background: #A5A58D;
}

.btn a {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.75;
	color: #fff;
	background: #6B705C;
	text-align: center;
	padding: 1px 8px 3px;
	margin: 0;
	display: inline-block;
	border: none;
	border-radius: 3px;
	position: relative;
	min-width: 50px;
	transition: all 0.25s ease-out;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.btn a:hover {
	background: #A5A58D;
}

.linkButton a {
	font-size: 0.875rem;
	font-weight: bold;
	color: #6B705C;
	background: #fff;
	text-align: center;
	padding: 1px 8px;
	margin-right: 3px;
	border-radius: 3px;
	border: solid 1px #6B705C;
	display: inline-block;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.linkButton a:hover {
	color: #fff;
	background: #6B705C;
}

span.dummyButton {
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	width: auto;
	height: auto;
	color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 1;
	-webkit-appearance: none;
	transition: background-color .25s ease-out, color .25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	padding: 6px 15px;
	margin: 0 5px;
	background: #6B705C;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

span.dummyButton.red {
	background: #ff8025;
}
span.dummyButton.white {
	color: #6B705C;
	background: #fff;
	border: solid 2px #6B705C;
}
span.dummyButton.gray {
	color: #fff;
	background: #ccc;
	border: solid 2px #ccc;
}
span.dummySmallButton{
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.75;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	min-width: 50px;
	padding: 1px 8px 3px;
	margin: 0 5px;
	color: #fff;
	background: #6B705C;
}
span.dummySmallButton.red {
	color: #e62c2a;
	background: #fff;
	border: solid 1px #e62c2a;
}

span.dummySquare{
	font-size: 0.875rem;
	font-weight: 500;
	color: #fff;
	background: #6B705C;
	padding: 6px 15px;
	margin: 0 5px;
	display: inline-block;
}
span.dummySquare.white {
	color: #6B705C;
	background: #fff;
	border: solid 1px #6B705C;
}

span.dummySelect{
	font-size: 0.875rem;
	line-height: 26px;
	color: #444;
	background: #fff;
	border: 1px solid #444;
	border-radius: 5px;
	padding: 0 12px 2px;
	margin: 0 5px;
	display: inline-block;
	min-width: 110px;
}
span.dummyCheckbox{
	font-size: 0.875rem;
	color: #fff;
	background: #fff;
	border: 2px solid #777;
	border-radius: 5px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 5px;
}

span.iconPlus{
	font-size: 2.5rem;
	line-height: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin: -8px 5px 0;
}


a.outlink{
	color: #e62c2a;
	display: inline-block;
	position: relative;
	padding-right: 32px;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
a.outlink::after{
	content: url('/images/icon-outlink.svg');
	display: inline-block;
	vertical-align: middle;
	transform: scale(0.4);
	fill: #e62c2a;
	width: 0;
	position: absolute;
	top: -18px;
	right: 26px;
}

hr.green {
	border: none;
	border-top: solid 8px #6B705C;
	margin: 50px auto 60px;
	width: 75px;
}

address {
	font-style: normal;
	font-size: 0.85rem;
	line-height: 2.5rem;
	padding: 20px 30px;
	color: #333;
}

address p {
	line-height: 1.75rem;
}

iframe {
	width: 0;
	height: 0;
	border: 0;
	overflow: hidden;
	position: absolute;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.fadein-1 {
	opacity: 0;
	transform: translate(0, -100px);
	transition: all 1s ease;
}

.fadein0 {
	opacity: 0;
	transform: translate(0, 150px);
	transition: all 1s ease;
}

.fadein1 {
	opacity: 0;
	transform: translate(0, 150px);
	transition: all 1.5s ease;
}

.fadein2 {
	opacity: 0;
	transform: translate(0, 150px);
	transition: all 1.5s ease 0.1s;
}

.fadein3 {
	opacity: 0;
	transform: translate(0, 150px);
	transition: all 1.5s ease 0.2s;
}

.fadein4 {
	opacity: 0;
	transform: translate(0, 150px);
	transition: all 1.5s ease 0.3s;
}

.fadein5 {
	opacity: 0;
	transform: translate(0, 150px);
	transition: all 1.5s ease 0.4s;
}

.fadeinf0 {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1s ease;
}

.fadeinf1 {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1.5s ease 0.2s;
}

.fadeinf2 {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1.5s ease 0.3s;
}

.fadeinf3 {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1.5s ease 0.4s;
}

.fadeinr1 {
	opacity: 0;
	transform: translate(150px, 0);
	transition: all 1.5s ease 0.2s;
}

.fadeinr2 {
	opacity: 0;
	transform: translate(150px, 0);
	transition: all 1.5s ease 0.3s;
}

.fadeinr3 {
	opacity: 0;
	transform: translate(150px, 0);
	transition: all 1.5s ease 0.4s;
}

.fadeinl1 {
	opacity: 0;
	transform: translate(-150px, 0);
	transition: all 1.5s ease 0.2s;
}

.fadeinl2 {
	opacity: 0;
	transform: translate(-150px, 0);
	transition: all 1.5s ease 0.3s;
}

.fadeinl3 {
	opacity: 0;
	transform: translate(-150px, 0);
	transition: all 1.5s ease 0.4s;
}

.fadein-1.scrollin, .fadein0.scrollin, .fadein1.scrollin, .fadein2.scrollin, .fadein3.scrollin, .fadein4.scrollin, .fadein5.scrollin, .fadeinf0.scrollin, .fadeinf1.scrollin, .fadeinf2.scrollin, .fadeinf3.scrollin, .fadeinr1.scrollin, .fadeinr2.scrollin, .fadeinr3.scrollin, .fadeinl1.scrollin, .fadeinl2.scrollin, .fadeinl3.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}

/* :::::::::::::::::: common :::::::::::::::::: */

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}

.clear {
	clear: both;
}

.content {
	overflow: hidden;
}

.row {
	max-width: 1200px;
}

.row .row {
	margin-left: 0;
	margin-right: 0;
}

.columns {
	padding-left: 0;
	padding-right: 0;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
	float: left;
}

.columnRight {
	padding-left: .625rem;
	padding-right: .625rem;
	float: right;
}

@media screen and (min-width: 40em) {
	.columnRight {
		padding-left: .9375rem;
		padding-right: .9375rem;
	}
}

.columnsRight {
	padding-left: 0;
	padding-right: 0;
	float: right;
}

.columnsOne {
	padding-left: 0;
	padding-right: 1px;
	padding-bottom: 1px;
	float: left;
}

.columnsTable {
	padding-left: 0;
	padding-right: 0;
	display: table-cell;
}

.columnsTable.middle {
	vertical-align: middle;
}

.left {
	float: left;
}

.right {
	float: right;
}

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;
}

table.aligncenter, div.aligncenter {
	display: table;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.attention {
	color: #ff0000;
}

.jtext0 {
	font-family: 'Century Gothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

.jtext1 {
	font-family: 'Noto Sans JP', 'Century Gothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

.jtext2 {
	font-family: '游明朝', 'YuMincho', 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

p.narrow {
	line-height: 1.75rem;
	margin: 0;
}

.topMargin1 {
	padding-top: 15px;
}

.topMargin2 {
	padding-top: 30px;
}

.topMargin4 {
	padding-top: 60px;
}

.bottomMargin1 {
	padding-bottom: 15px;
}

.bottomMargin2 {
	padding-bottom: 30px;
}

.bottomMargin4 {
	padding-bottom: 60px;
}

.redBoxBorder {
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 5px 15px;
	display: inline-block;
}

.sp {
	display: none;
}

.pc {
	display: none;
}

.verr {
	font-size: 0.75rem;
	color: #fff;
	background: #e62c2a;
	position: absolute;
	margin: -30px 0 0;
	padding: 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.verr:after {
	position: relative;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
	border: solid transparent;
	border-top-color: #e62c2a;
	top: 100%;
	left: 2px;
}

.verr.hide {
	display: none;
}

.verr .times{
	color: #ccc;
}

.noSelect{
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.error-login-swpm,
.error-login {
	font-size: 1.125rem;
	color: #e62c2a;
	text-align: center;
	margin:  5px 0;
}
.error-login-text {
	text-align: center;
	margin:  5px 0;
}
.error-level{
	color: #e62c2a;
	text-align: center;
	margin:  15px 0;
}

.errorballoon{
	font-size: 0.875rem;
	line-height: 1;
	position: absolute;
	display: inline-block;
	padding: 7px 15px 8px 8px;
	color: #fff;
	background: #e62c2a;
	border: solid 1px #ccc;
	border-radius: 5px;
	top: -32px;
	z-index: 1;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}
.errorballoon.hide{
	display: none;
}
.errorballoon .close{
	font-size: 0.75rem;
	position: absolute;
	top: 1px;
	right: 1px;
	color: #666;
}

.loading.hide{
	display: none;
}

.editing{
	background: #f0f0f0;
}

/* :::::::::::::::::: label color :::::::::::::::::: */
.label1,.lv1 .flg{
	background:#c1c8ea !important;
}
.label2,.lv2 .flg{
	background:#898AAA !important;
}
.label3,.lv3 .flg{
	background:#4A4B6F !important;
}
.label99,.lv99 .flg{
	background:#FF5900 !important;
}
.lv1 a {
	color: #c1c8ea !important;
}
.lv2 a {
	color: #898AAA !important;
}
.lv3 a {
	color: #4A4B6F !important;
}
.lv99 a {
	color: #FF5900 !important;
}

/* :::::::::::::::::: common table :::::::::::::::::: */

table.detail {
	line-height: 1.75rem;
	width: 100%;
	margin-bottom: 1rem;
	float: left;
}

table.detail th {
	font-size: 0.875rem;
	font-weight: normal;
	background: #fafafa;
	color: #888;
	text-align: left;
	vertical-align: top;
	padding: 5px 15px 5px 10px;
	border: solid 1px #ccc;
	min-width: 150px;
}

table.detail td {
	font-size: 0.95rem;
	padding: 5px;
	border: solid 1px #ccc;
	vertical-align: top;
}

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;
}

.wp-editor-tools{
	clear: both;
}

/* :::::::::::::::::: HEADER :::::::::::::::::: */

#header {
	margin: 0 0 1px;
	position: fixed;
	background: rgba(255, 255, 255, 0.9);
	border-bottom: solid 1px #6B705C;
	height: 50px;
	width: 100%;
	z-index: 900;
	top: 0;
}

/* :::::::::::::::::: HEADER LOGO :::::::::::::::::: */



#header h1, #header p.title {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 0;
}

#header h1 a, #header p.title a {
	color: #6B705C;
}
#header .logoArea img{
	margin: 4px 12px 0;
}

/* :::::::::::::::::: HEADER CONTACT :::::::::::::::::: */

#header .contactArea {
	float: right;
	padding: 10px 60px 0 0;
}

/* :::::::::::::::::: HEADER SEARCH :::::::::::::::::: */

#header .searchArea {
	margin: 13px 0 0;
	transition: all 1s ease-out;
	text-align: right;
	display: inline-block;
}

.home #header .searchArea {
	position: absolute;
	display: block;
}

.searchArea .headIcon {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 1px;
}

.searchArea .headIcon a {
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	padding: 10px 0;
	margin: 0;
	background: #ffa039;
	width: 80px;
	height: 80px
}

.searchArea .headIcon a:hover {
	background: #ffc073;
}

.searchArea .headIcon .icon {
	display: block;
	margin-bottom: 5px;
	min-height: 40px;
}

.searchArea .headIcon .label {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
	display: block;
	color: #fff;
}

.searchArea .guide a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left: 2px;
	width: 85px;
}

.searchArea .cart a {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-right: 2px;
	width: 85px;
}

.searchArea .cart .icon {
	padding: 4px 7px 0 0;
}

/* :::::::::::::::::: HEADER MENU SP :::::::::::::::::: */

.menuButton {
	display: block;
	position: fixed;
	z-index: 1001;
	margin: 15px 0 0 0;
	right: 12px;
	top: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.menu-trigger, .menu-trigger span.menu-bar {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menu-trigger {
	position: relative;
	width: 32px;
	height: 28px;
}

.menu-trigger:hover {
	opacity: 1;
}

.menu-trigger span.menu-bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background: #6B705C;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top: 9px;
}

.menu-trigger span:nth-of-type(3) {
	top: 18px;
}

.menu-trigger.active span.menu-bar {
	background: #fff;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}

/* :::::::::::::::::: HEADER MENU :::::::::::::::::: */

.menuArea {
	line-height: 1;
	text-align: center;
	background: #6B705C;
	overflow: hidden;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: -200px;
	width: 200px;
	height: 100%;
	padding-top: 50px;
	transition: all 0.2s ease-out;
}

.menuArea.active {
	right: 0;
}

.menuArea .menu {
	text-align: center;
	margin: 0 auto;
}

.menuArea ul {
	font-weight: 500;
	line-height: 2rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menuArea ul > li {
	width: 100%;
}

.menuArea ul >  li a {
	font-size: 1rem;
	line-height: 1.75;
	color: #fff;
	padding: 15px 15px 20px;
	display: inline-block;
	position: relative;
	width: 100%;
}

.menuArea ul > li a.on {
	color: #fff;
	background: #6B705C;
}

.menuArea ul > li a:hover {
	color: #fff;
	background: #6B705C;
}

/* :::::::::::::::::: icon :::::::::::::::::: */

.iconArea{
	position: fixed;
	z-index: 905;
	top: 0;
	right: 280px;
	display: flex;
}
.iconArea .search{
	display: inline-block;
	margin: 4px 10px 0 0;
}
.iconArea .search form{
	position: relative;
}
.iconArea .search .tf{
	vertical-align: middle;
	display: inline-block;
	margin: 0;
}
.iconArea .search .tf input{
	font-size: 0.875rem;
	line-height: 1;
	display: inline-block;
	width: 200px;
	margin: 0;
	padding: 6px 12px;
	border: solid 1px #6B705C;
	border-radius: 22px;
}
.iconArea .search .searchButton{
	display: inline-block;
	margin: 0;
}
.iconArea .search .searchButton svg{
	vertical-align: middle;
	display: inline-block;
	max-height: 32px;
	max-width: 32px;
	fill: #A5A58D;
	position: absolute;
	top: 3px;
	right: 8px;
}
.iconArea .search .searchButton svg:hover{
	fill: #6B705C;
}

.iconArea ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.iconArea li{
	display: inline-block;
	padding: 8px 5px 0;
	position: relative;
}
.iconArea li a svg{
	vertical-align: middle;
	display: inline-block;
	max-height: 32px;
	max-width: 32px;
	fill: #ccc;
}
.iconArea li a svg polyline{
	stroke: #ccc;
}

.iconArea li a.on svg,
.iconArea li a:hover svg{
	fill: #6B705C;
}
.iconArea li a.on svg polyline,
.iconArea li a:hover svg polyline{
	stroke: #6B705C;
}
.iconArea .readNum{
	position: absolute;
	font-size: 0.75rem;
	text-align: center;
	color: #fff;
	background: #ff5900;
	padding: 1px 0 0;
	display: inline-block;
	vertical-align: middle;
	min-width: 22px;
	height: 22px;
	border-radius: 15px;
	top: 2px;
	right: -5px;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
}


/* :::::::::::::::::: LOGIN :::::::::::::::::: */

.loginArea{
	position: relative;
	top: 150px;
	left: calc(50% - 150px);
	width: 300px;
	padding-bottom: 30px;
	z-index: 1;
}
.home .loginArea{
	top: 75px;
}
.loginlogoArea{
	text-align: center;
	margin: 0 0 30px;
}
.loginlogoArea img{
	width: 200px;
}
.loginArea .form {
	background: rgba(255, 255, 255, 0.5);
}

.loginArea .form .remember-me {
	display: flex;
	justify-content: center;
}

.loginArea .form .rember-label {
	font-size: 0.875rem;
	display: inline-block;
	cursor: pointer;
}

.loginArea .form .button {
	text-align: center;
	padding: 15px 0 30px;
}
.loginArea .form .login-action-msg{
	font-size: 0.875rem;
	color: #ff5900;
	margin-top: 15px;
}

.loginedArea .logged {
	font-size: 0.875rem;
	position: fixed;
	top: 0;
	right: 60px;
	z-index: 901;
	display: flex;
	margin-top: 15px;
}
.loginedArea .logged .info > div{
	display: inline-block;
}

.loginedArea .membership-value {
	font-size: 0.75rem;
	line-height: 1.75;
	padding-left: 5px;
}

.loginedArea .logout-link a {
	font-size: 0.75rem;
	line-height: 1;
	color: #fff;
	background: #6B705C;
	display: inline-block;
	padding: 4px 8px 5px;
	margin: 0 0 0 10px;
	border-radius: 3px;
}

/* :::::::::::::::::: Alert Area :::::::::::::::::: */

.alertArea{
	position: fixed;
	z-index: 105;
	bottom: 5px;
	right: 5px;
	width: 280px;
}
.alertArea ul{
	list-style: none;
	padding: 0 15px 0 0;
	margin: 0;
	overflow-y: auto;
	max-height: 500px;
}
.alertArea li{
	display: block;
	position: relative;
	border: solid 1px #6B705C;
	border-radius: 5px;
	background: #f0f0f0;
	margin: 0 0 2px;
	padding: 2px 20px 2px 5px;
	width: 100%;
	height: 34px;
	overflow: hidden;
	right: -300px;
	transition: all 0.3s ease;
}
.alertArea li.on{
	right: 0;
}
.alertArea li .alert-close{
	position: absolute;
	right: 2px;
	top: 1px;
}
.alertArea li .alert-title{
	font-size: 0.875rem;
	font-weight: 500;
}
.alertArea li .alert-message{
	font-size: 0.75rem;
}
.alertArea .allclose{
	font-size: 0.75rem;
	position: absolute;
	top: -25px;
	left: 0;
	display: none;
}
.alertArea .allclose.on{
	display: block;
}

/* :::::::::::::::::: MAIN :::::::::::::::::: */

#main {
	position: relative;
	overflow: hidden;
	padding: 0 0 60px;
	margin: 50px 0 0;
}

.main {
	vertical-align: top;
	overflow: hidden;
	/*	margin-bottom: 30px;*/
}

.main h1 {
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 2.25;
	color: #333;
	margin: 0 5px 30px;
}

.main .column h1 {
	margin-left: 0;
}

.main h2 {
	font-size: 1.825rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	margin: 60px 0 30px;
}

.main h2:first-child {
	margin: 15px 0 30px;
}

.main h3 {
	font-size: 1.75rem;
	font-weight: 500;
	color: #000;
	margin: 60px 0 30px;
}

.main h4 {
	font-size: 1.5rem;
	font-weight: 500;
	color: #000;
}

.select2-container{
	margin-bottom: 3px;
	max-width: 100%;
}
.select2-container .select2-selection--single{
	height: auto;
	min-height: 32px;
	font-size: 0.875rem;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	padding-bottom: 2px;
}
.select2-container--default .select2-search--dropdown{
	border-top: solid 1px #aaa;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	font-size: 0.875rem;
	margin: 0;
	height: auto;
}
.select2-results{
	font-size: 0.875rem;
}
.select2-results__option{
	min-height: 1.75rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	border-right: 0;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
	margin-left: 0;
}
.select2 textarea{
	min-height: inherit;
	width: 100% !important;
	padding: 10px 2px 0 !important;
}

.select2-dropdown.asl{
	width: 200px !important;
}

.select2-dropdown.asl .select2-results__option[aria-disabled=true]{
	display: none;
}

#assistlevel,
#assisttime{
	position: absolute;
	display: none;
	z-index: 9999;
	top: 0;
	left: 90px;
	background: #fff; /* rgba(255, 255, 255, .8); */
	box-shadow: 0 5px 15px -5px rgb(0 0 0 / 51%);
}
#assistlevel{
	left: 207px;
	width: 100px;
}
#assistlevel::before,
#assisttime::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 8px 6px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	top: 9px;
	left: -7px;
}
#assistlevel.on,
#assisttime.on{
	display: block;
}

#assistlevel ul,
#assisttime ul{
	list-style: none;
	margin: 0;
	padding: 3px;
}
#assistlevel li,
#assisttime li{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 1px;
}
#assistlevel li a,
#assisttime li button{
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.75;
	color: #fff;
	background: #A5A58D;
	text-align: center;
	padding: 2px 8px;
	margin: 0;
	display: inline-block;
	border: solid 1px #A5A58D;
	position: relative;
	min-width: 50px;
	width: 100%;
	transition: all 0.25s ease-out;
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
#assistlevel li a:hover,
#assisttime li a:hover{
	background: #6B705C;
}

/* :::::::::::::::::: MAIN BREADCRUMBS :::::::::::::::::: */

.breadcrumbs {
	font-family: 'Century Gothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	display: block;
	overflow: hidden;
	margin: 20px auto 0;
	padding-left: 5px;
	list-style: none;
	max-width: 1200px;
}

.breadcrumbs>* {
	margin: 0;
	float: left;
	font-size: 0.7rem;
}

.breadcrumbs>*:before {
	content: '>';
	font-size: 0.5rem;
	color: #aaa;
	margin: 0 12px;
}

.breadcrumbs>*:first-child:before {
	content: '';
	margin: 0;
}

.breadcrumbs>*:not(:last-child) {
	color: #aaa;
}

.breadcrumbs a {
	color: #777;
}

.breadcrumbs a:hover {
	color: #222;
}

/* :::::::::::::::::: NAVIGATION :::::::::::::::::: */

.navigation {
	margin: 15px;
	text-align: center;
}

.navigation ul {
	display: inline-block;
	padding-left: 0;
	margin: 5px;
	border-radius: 3px;
}

.navigation li {
	display: inline;
}

.navigation li span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.5rem;
	text-decoration: none;
	color: #fff;
	background-color: #ff8025;
	border: 1px solid #666;
	margin-left: -1px;
}

.navigation li a {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.5rem;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	margin-left: -1px;
}

.navigation li a:hover {
	color: #fff;
	background-color: #ffc05b;
}

.navigation li a:hover svg {
	fill: #fff;
}

.navigation li:first-child a, .navigation li:first-child span {
	margin-left: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.navigation li:last-child a, .navigation li:last-child span {
	margin-left: 0;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

/* :::::::::::::::::: FOOTER :::::::::::::::::: */

#footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 100;
}

/* :::::::::::::::::: FOOTER MENU :::::::::::::::::: */

#footer .copyright {
	background: #6B705C;
}

#footer .copyright p {
	font-size: 0.75rem;
	line-height: 1.75;
	text-align: center;
	color: #fff;
	margin: 2px 5px 0;
	padding: 3px 0;
}

/* :::::::::::::::::: SCROLL BAR :::::::::::::::::: */

/*スクロールバー全体*/

.scroll::-webkit-scrollbar {
	/*    width: 10px;*/
	height: 22px;
}

/*スクロールバーの軌道*/

.scroll::-webkit-scrollbar-track {
	/*  border-radius: 10px;*/
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/

.scroll::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .3);
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

/* :::::::::::::::::: FOOTER PAGETOP :::::::::::::::::: */

.pageTop {
	display: none;
	position: fixed;
	bottom: 4%;
	right: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	background: #6B705C;
	text-align: center;
	z-index: 100;
}

.pageTop a {
	display: block;
	color: #fff;
}

.pageTop:hover {
	opacity: .8;
}

.pageTop svg {
	fill: #fff;
}

/* :::::::::::::::::: dtp :::::::::::::::::: */

.xdsoft_datetimepicker .xdsoft_timepicker{
	width: 65px;
}
.xdsoft_scrollbar{
	width: 10px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{
	font-size: 0.875rem;
	line-height: 30px;
	height: 30px;
}

/* :::::::::::::::::: wp-editor :::::::::::::::::: */

#wp-link-wrap #link-selector{
	font-size: 0.875rem;
}

#wp-link label input[type=text]{
	display: inline-block;
}

#wp-link #link-options label span, #wp-link #search-panel label span.search-label{
	font-size: 0.75rem;
}


/* 640px smartphone*/

@media only screen and (max-width: 640px) {
	#main{
		padding: 0 0 30px;
	}
	.onmenu{
		overflow: hidden;
	}
	.iconArea{
		right: -100%;
		opacity: 0;
		z-index: 1000;
		width: 100%;
		transition: all 0.2s ease-out;
	}
	.onmenu .iconArea{
		right: 0;
		opacity: 1;
		padding-bottom: 5px;
		background: #6B705C;
		flex-direction: column;
	}
	.onmenu .iconArea .search{
		width: calc(100% - 60px);
		margin: 10px 10px 0;
		line-height: 0;
	}
	.onmenu .iconArea .search .tf{
		width: 100%;
	}
	.onmenu .iconArea .search .tf input{
		width: 100%;
	}
	.onmenu .iconArea .search .searchButton svg{
		top:3px;
		left: inherit;
		right: 6px;
	}
	.onmenu .iconArea ul{
		display: flex;
	}
	.onmenu .iconArea li{
		text-align: center;
		width: calc(100%/6);
	}
	
	.onmenu .iconArea li a.on svg,
	.onmenu .iconArea li a:hover svg{
		fill: #fff;
	}
	.onmenu .iconArea li a.on svg polyline,
	.onmenu .iconArea li a:hover svg polyline{
		stroke: #fff;
	}
	.menuArea{
		right: -100%;
		width: 100%;
		padding-top: 120px;
		overflow-y: auto;
	}
	.menuArea ul >  li a {
		padding: 10px 15px 15px;
	}

	#header .contactArea {
		width: 100%;
	}
	.pc-br br {
		display: none;
	}
	.breadcrumbs>* {
		font-size: 0.7rem;
	}
	.breadcrumbs>*:before {
		font-size: 0.75rem;
	}
	.breadcrumbs>*:before{
		margin: 0 5px;
	}
	#header .subTitle {
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
	}
	#header h1, #header p.title {
		font-size: 1.875rem;
		letter-spacing: -0.1rem;
	}
	.home #header .searchArea {
		position: relative;
	}
	#header .searchArea {
		padding: 0 2px 0 0;
		display: block;
	}
	#header .catchcopy {
		white-space: inherit;
		margin-top: 15px;
	}
	.mce-container.mce-menubar,
	.quicktags-toolbar{
		display: none;
	}
	.pageTop {
		right: 4%;
	}
}

/* 640px PC*/

@media only screen and (min-width: 640px) {
	.sp-br br {
		display: none;
	}
}

/* 700px smartphone*/
@media only screen and (max-width: 700px) {
	#footer .copyright{
		display: none;
	}
}
/* height 480px smartphone*/
@media only screen and (max-height: 480px) {
	#footer .copyright{
		display: none;
	}
}


@media only screen and (max-width: 500px) {
	.loginedArea .logged{
		margin-top: 10px;
	}
	.loginedArea .logged .info{
		display: inline-block;
	}
	.loginedArea .logged .info > div{
		line-height: 1;
		display: block;
	}
	.loginedArea .membership-value{
		padding-left: 0;
	}
	.loginedArea .logged .logout-link{
		margin-top: 5px;
	}
}
@media only screen and (max-width: 870px) and (min-width: 641px) {
	.iconArea .search{
		opacity: 0;
		display: none;
	}
	.onmenu .iconArea{
		position: relative;
		right: auto !important;
		z-index: 1000;
	}
	.onmenu .iconArea ul{
		display: none;
	}
	.onmenu .iconArea .search{
		display: block;
		opacity: 1;
		width: calc(100% - 60px);
		margin: 50px 10px 0;
		line-height: 0;
	}
	.onmenu .iconArea .search .tf{
		width: 100%;
	}
	.onmenu .iconArea .search .tf input{
		width: 100%;
	}
	.onmenu .iconArea .search .searchButton svg{
		top:3px;
		left: inherit;
		right: 6px;
	}
	.menuArea{
		right: -100%;
		width: 100%;
		padding-top: 120px;
		overflow-y: auto;
	}
	.menuArea ul >  li a {
		padding: 10px 15px 15px;
	}
}

/* 320px smartphone*/

@media only screen and (max-width: 320px) {
	#header h1, #header p.title {
		font-size: 1rem;
	}
	
}

/* 730px */

@media only screen and ( max-width: 45.625em) {}

@media only screen and ( min-width: 45.625em) {}

/* 640-1000px */

@media only screen and ( max-width: 62.5em) and (min-width: 40em) {}

/* 1000-1070px */

@media only screen and ( max-width: 1070px) and (min-width: 62.5em) {}

/* 1000-1200px */

@media only screen and ( max-width: 75em) and (min-width: 62.5em) {}

/* 1200px over */

@media only screen and ( min-width: 75em) {}