/* All */
/* ============================================ */

html{
/* font-family: "Noto Sans JP", sans-serif; */
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
/* font-size: inherit; */
font-size: 14px;
font-feature-settings: "palt";
outline: none !important;
color: #4f4844;
word-wrap: break-word;
overflow-wrap: break-word;
}

body.hidden{ overflow: hidden !important;height: 100% !important; }

@media screen and (max-width: 640px) {
html{
font-size:3.125vw !important;
}
}


.tailcut{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{
width: 100%;position: relative;background-color: #fff;border: solid 1px #ccc;color: #555;font-size: 16px;line-height: 24px;padding: 5px 10px;-webkit-appearance: none;border-radius: 5px;display: block; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus, select:focus{ border-color: #999; }

blockquote.error { width: 100%;position: absolute;bottom: -16px;z-index: 10; }
blockquote p { color: #f00;font-size: 14px;line-height: 18px;text-align: center; }

.material-icons{ display: inline-flex;vertical-align: bottom;font-size: 1.4em; }

.contbox{ border: solid 1px #ddd; border-radius: 8px;background-color: #fff;padding: 15px;position: relative; }

a{
transition : all 0.3s ease 0s;
color: #4f4844;
}

.boxlink{cursor: pointer;}

.stripe:after{ content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background: linear-gradient(-45deg, #fff 25%, #e5e5e5 25%, #e5e5e5 50%, #fff 50%, #fff 75%, #e5e5e5 75%, #e5e5e5);background-size: 5px 5px; }

.bs0{box-shadow: none;}

.m0{margin: 0;}
.m5{margin: 5px;}
.m10{margin: 10px;}

.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}

.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}

.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}

.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}

.p0{padding: 0;}
.p5{padding: 5px;}
.p10{padding: 10px;}

.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}

.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}

.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}

.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}

.br0{border-radius: 0;}
.br5005{border-radius: 5px 0 0 5px;}
.br0550{border-radius: 0 5px 5px 0;}

.clear{clear: both;}
.left{float: left;}
.right{float: right;}

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

.o0{ opacity: 0;-moz-opacity: 0;-webkit-opacity: 0;-o-opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-khtml-opacity: 0; }
.o5{ opacity: 0.5;-moz-opacity: 0.5;-webkit-opacity: 0.5;-o-opacity: 0.5;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-khtml-opacity: 0.5; }

.ui-datepicker { z-index: 99 !important; }

a.menslink{
color:#39f;
}
a.menslink::after{
font-family: 'Material Icons Round';
content: '\e89e';
margin-left:4px;
position:relative;
top:2px;
}
a.menslink:hover{
opacity:.7;
}

a.womenslink{
  color:#f969a4;
}
a.womenslink::after{
font-family: 'Material Icons Round';
content: '\e89e';
margin-left:4px;
position:relative;
top:2px;
}
a.womenslink:hover{
opacity:.7;
}