@charset "UTF-8";

html { overflow-y:scroll; font-size:12px; line-height:1.4; }
* { margin:0; padding:0; box-sizing:border-box; }
body{ color: #333;
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }
input { text-align:left; line-height:1.2; padding:1px; font-size:16px; }
textarea { text-align:left; line-height:1.2; padding:1px; font-size:16px; }
div { text-align:left; }
dt { font-weight:bold; margin-top:8px; }
li { list-style:none; }
th,td { color: #333; padding:3px 5px; }
th { background:#eee; }

a:link{color:#0099FF;text-decoration:underline;font-weight:normal;}
a:visited{color:#0099FF;text-decoration:underline;font-weight:normal;}
a:hover,a:focus{color:#0099FF;text-decoration:none;font-weight:normal;}

object{text-decoration:none;border:none;margin:0px;padding:0px;vertical-align:bottom;}

/*クリア*/
.clear{clear:both;}
.clself:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clself { display: inline-block; }
/* exlude MacIE5 \*/
* html .clself { height:1%; }
.clself { display:block; }
/* end exlude MacIE5 */

@font-face { font-family:"FAsolid"; src:url("./fa-solid-900.woff") format("woff"); }

.fc_red { color:red; }
.fc_on  { color:red; }
.info   { padding:10px; }
.dib { display:inline-block; }
.canclbtn{ text-align:right; margin-right:2px; margin-bottom:5px; }
.div4btn { margin:10px 0 10px 10px; }
dl.table    { margin:10px 0; }
dl.table dd { padding-left:10px; }
@media (max-width: 499px) {
  .noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
  .noTab tr { margin-top:10px; }
}


#wrap{min-height:100vh; text-align:left; background:#fff; }
.inner { max-width:950px;margin:0px auto; padding:1px 3px; }

#header_navi { background:#131124; position:fixed; left:0; top:0; width:100%; z-index:99; }
#header_navi .inner { position:relative; }
.h_logo { padding:2px 0; }
.h_logo > * { display:inline-block; vertical-align:middle; }
.h_logo img { width:30px; height:auto; display:inline-block; }
.h_logo span { padding:0 0 0 3px; font-size:200%; color:#fff; }
.h_mess     { color:#090; font-weight:bold; position:absolute; top:0; right:10px; z-index:3; background:#fff; }
.h_navi { position:absolute; bottom:1px; right:10px; }
.h_navi a { display:inline-block; vertical-align:middle; margin-right:3px; }
.h_navi a.fc_on:link { color:#fff; }
.hu_name { display:inline-block; vertical-align:middle; max-width:12em; max-height:2em; overflow:hidden; line-height:1; font-size:80%; color:#fff; }
.hl_navi { display:inline-block; }
.loggedin .hl_navi { display:block; margin:3px 0 0; }
@media only screen and (max-width:699px) {
  .hl_navi { display:block; margin:3px 0 0; }
}
@media only screen and (max-width:399px) {
  .h_navi a, .h_navi span { font-size:9px; margin-right:2px; }
}

.p_admin .h_navi { left:100px; }
.p_admin .sti { display:none; }
.p_shoplist #header_navi, .p_admin #header_navi { position:static; }
.p_shoplist #body, .p_admin #body { padding-top:0; }

#noscript { color:red; }
#body {
  padding-top:42px;
  background:#9f9f9f;
/*  background:#9f9f9f url(bg_body.jpg?i=2022061501) no-repeat center top; background-attachment:fixed; */
  text-align:center; padding-bottom:50px; }
#body .inner { position:relative; background:#fff; }
.b_title { font-size:200%; text-align:center; color:#fff; padding:.3em 0; margin:0; }
@media only screen and (max-width:599px) {
  .b_title { font-size:150%; }
}
.p_admin .b_title { display:none; }
.p_admin #body .inner { padding-top:10px; }

#joinF { display: flex; flex-flow: row wrap; justify-content: space-between; }
#joinF > ul.info { display:block; width:100%; }
#joinF .forms { width:100%; margin:10px auto; max-width:400px;
  border:5px solid #eee; padding:12px; }
#joinF .l_title { margin:10px 0 20px; font-size:130%; }
#joinF .forms .text { width:100%; }
.forUserMess { margin:-10px 0 20px; text-align:center; font-size:110%; }

.linkbtn { display:block; width:80%; max-width:240px; margin:30px auto; padding:1em 0;
  text-align:center; background:#000; color:#fff; position:relative; font-size:120%;
  border:none; block-shadow:none; cursor:pointer; }
.linkbtn:link { color:#fff; text-decoration:none; }
.linkbtn::after { content:"＞"; position:absolute; right:1em; top:50%; transform:translateY(-50%); }

.forms p { margin-bottom:1em; }
.forms .indent1 { text-indent:-1em; padding-left:1em; }

table.udata { width:100%; }
table.udata th span { float:right; margin-right:3px; color:#eee !important; }
table.udata th span::after { content:"必須"; font-size:80%; background:#faa; padding:.1em .5em; border-radisu:3px; color:#fff !important; }

.h2 { margin:5px; font-weight:bold; font-size:14px; padding:5px; border-bottom:1px dotted #966; color:#fff; background:#131124; }
#detail { position:absolute; display:none; background:#fff; border:1px solid #999; padding:5px; }
#detailtitle .canclbtn { float:right; }
#detailimg { float:right; width:300px; margin-left:10px; }
  #detailimg img { max-width:300px; }
#detailbody{ float:left; margin:10px 0;width:300px; }
#footer { padding:5px 0; }
#footer p { text-align:center; color:#aaa; }
#gform, #iframeAjax, #onscript { display:none; }

#bdpop-W { display:block; background:#000; position:fixed; left:0; top:0; width:100vw; height:100vh; opacity:0.2; z-index:997; }
.bdpop { position: absolute; z-index: 998; width: auto; background: white; padding: 3px; border-radius: 4px; margin: 0 auto; color:#333; line-height:1.3; }
.bdpop.cc { top: 50%; left:50%; position: fixed; transform: translateY(-50%) translateX(-50%); padding: 20px; }

.bdconf-w { text-align: right; margin-top:10px; } .bdconf-b { margin: 4px; padding:0 4px; cursor: pointer; }
.bdconf-o { background: #09d; border: solid 1px #09d; color: white; } .bdconf-c { background: white; border: solid 1px #ddd; color: #888; }

input.ipcal {ime-mode:disabled;width:7em;margin:0;} .calOuterBtn { display:inline-block; margin:0 10px; background-color:#EFEFEF; padding:5px; line-height:1.1; outline:none; user-select: none; border-radius:5px; cursor:pointer; }
.bcal { border:2px solid #5D8DA3; padding:2px; }
.bcal .tls { position:relative; text-align:center; margin-bottom:5px; } .bcal .tls .prv { position:absolute; left:0; } .bcal .tls .nxt { position:absolute; right:0; }
.bcal .bt { display:inline-block; padding:3px; line-height:1.3; border:1px solid #ccc; border-radius:5px; cursor:pointer; user-select:none; outline:none; }
.bcal .chosen { background:#bfb; } .bcal .omonth { color:#888; } .bcal .nop { color:#bbb; }
.bcal th, .bcal td { padding:5px 8px; text-align:center; } .bcal td { line-height:1.2; }
.bcal .wds th { background:#ccc; } .bcal td[data-value] { cursor:pointer; } .bcal tfoot td .bt{ margin:0 10px; }
.bcal.ymsel table { visibility:hidden; }
.bcal .selym { display:none; position:absolute; left:0; right:0; text-align:center; }
.bcal.ymsel .tym .vm { display:none; } .bcal.ymsel .selym { display:block; }
.bcal .selym li{ display:inline-block; margin:10px; width:20%; padding:3px; line-height:1.3; border:1px solid #ccc; border-radius:5px; }
.bcal .selym li[data-value]{ cursor:pointer; user-select:none; outline:none; }

.bdpad-pop { padding:5px; background:#fff; border:1px solid #333; font-size:28px; line-height:1; }
.bdpad-row { margin:.1em 0; }
.bdpad-bt { padding:.5em; display:inline-block; background:#ccc; text-align:center; margin-right:.2em; font-size:20px; border-radius:5px; cursor:pointer; user-select:none; outline:none; }
.bdpad-bt:last-child { margin-right:0; }
.bdpad-key { width:2em; }