@charset "utf-8";
/*
Theme Name: Whiskey&Co.
Description: Whiskey&Co. CONSOLE
Theme URI: https://whiskey-and-co.com/
Author URI: https://whiskey-and-co.com/
Version: 1.0
License: (C)Whiskey&Co. All Rights Reserved.
License URI: https://whiskey-and-co.com/
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* FONT-FAMILY */
@font-face{font-family: YuGothicM;src: local("Yu Gothic Medium");}
html{font-family: 'Noto Sans JP', sans-serif;}
/* IE10以上 */
@media all and (-ms-high-contrast: none){html{font-family: Verdana, Meiryo, sans-serif;}}
@media all and (-ms-high-contrast: active){html{font-family: Verdana, Meiryo, sans-serif;}}

/* BASIC */
html{height:100%;}
body{margin:0 auto;text-align:center;font-size:15px;color:#444;padding:0;line-height: 1;-webkit-text-size-adjust: 100%;}
input,textarea{font-family: 'Noto Sans JP', sans-serif; font-size: 16px;-webkit-appearance: none; appearance: none;}
select{font-family: 'Noto Sans JP', sans-serif; font-size: 16px;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
input[type="date"],input[type="time"]{appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 2.6em;}
input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{text-align: left;}
input[type="radio"],input[type="checkbox"]{-webkit-appearance: radio; appearance: radio;}
input[type="radio"]{position: relative;top: 0;margin-right: 4px;}
input[type="checkbox"]{position: relative;top: 0;margin-right: 2px;}
input[type="text"],input[type="date"],input[type="password"],
select,textarea{border: 1px solid #CCC; background: #FFF;box-shadow: none;transition: all 0.5s;}
input[type="text"]:focus,input[type="date"]:focus,input[type="password"]:focus,
select:focus,textarea:focus{background: #FDFDFD; border: 1px solid #C0A124;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
::placeholder{color:#CCC;}
strong{font-weight:bold;}
em{color:#F86C6B;font-style:normal; font-weight: bold;}
a{text-decoration: none; color: #C0A124;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
.error{color:#FF0000;}
svg{fill: currentColor;}

/* *********************************
/* 001:COMMON
*********************************** */
#header{padding: 64px 8px 0; margin-bottom: 64px;}
#header .logo{width: 100%; max-width:180px; margin: 0 auto;}
#header .logo img{width: 100%; height: auto;}

#main{width: 100%; max-width: 940px; margin: 0 auto 64px; padding: 0 8px;}
#main .h1{font-size: 20px; font-weight: 400; line-height: 1.4; padding-bottom: 8px; border-bottom: 3px double #C0A124; margin-bottom: 16px;}
#main .txt{line-height: 1.6; margin-bottom: 16px;}
#main .boxInner{width: 100%; padding:0 8px; margin-bottom: 40px;}
#main .cmnTbl01{width: 100%;border-top: 1px dotted #CCC;}
#main .cmnTbl01 th{font-size: 13px;}
#main .cmnTbl01 th p{float: left;}
#main .cmnTbl01 th span{float: right; font-size: 11px; color:#F75148; background: #FDE0DE; display: inline-block; padding: 4px 8px; border-radius: 4px;}

#main .cmnTbl01 th,#main .cmnTbl01 td{padding:4px 8px 16px; display: block; border-bottom: 1px dotted #CCC;vertical-align: middle; text-align: left;}
#main .cmnTbl01 th{padding:16px 8px 0;border-bottom: none;text-align: left;}
#main .cmnTbl01 .vaT{vertical-align: top; padding-top: 16px;}
#main .cmnTbl01 td span{font-size: 13px;}

#main .cmnTbl01 .cfm{padding: 6px 0;}
#main .timeBox .cmnTbl01{width: auto; margin: 0 auto;}
#main .iptS,#main .iptSM,#main .iptM,#main .iptL,#main .slcS,#main .slcSM,#main .slcM,#main .slcL,#main .txaL{padding: 8px;}
#main .iptSM,#main .slcSM{width: 6em;}
#main .iptS,#main .slcS{width: 3.8em;}
#main .iptM{width: 9.6em;}
#main .slcM{width: 12em;}
#main .iptL,#main .slcL{width: 100%;}
#main .txaL{width: 100%; height: 10em;}

#main .btnBox{text-align: center;margin: 0 auto 24px;width: 100%;}
#main .btnBlk{font-size: 13px; border: none;border-bottom: 2px solid #000; background: #444; color: #DDD; padding:12px 8px; display: block; width: 100%; cursor: pointer; font-weight: 400;}
#main .btnBlk:hover{border-bottom: none;border-top: 2px solid #C0A124; background: #C0A124; color: #FFF;}
#main .btnGry{font-size: 13px; border: none;border-bottom: 2px solid #999; background: #DDD; color: #999; padding:12px 8px; display: block; width: 100%; cursor: pointer; font-weight: 400;}
#main .btnGry:hover{border-bottom: none;border-top: 2px solid #CCC; background: #CCC; color: #FFF;}

#main .alert{padding: 10px 0 26px 0; text-align: center;width: 100%;}
#main .alert.taL{text-align: left;}
#main .alert p{color: #FF0000; border: 1px solid #FF0000; font-size: 13px; text-align: center; width: 100%;padding: 16px;line-height: 1.4;}
#main .alert.save p{color: #10c469; border: 1px solid #10c469;}

#pageTop{position: fixed;bottom: 85px;right: 15px;}
#copy{color: #999; font-size: 11px; text-align: center; margin-top: -8px; margin-bottom: 16px;}

/* *********************************
/* 100:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 640px) {

}
@media screen and (min-width: 780px) {
#header .logo{width: 100%; max-width:300px; margin: 0 auto;}
#main .h1{font-size: 24px}
#main .iptM,#main .slcM{width: 12em;}
#main .cmnTbl01 th{font-size: 15px; white-space: nowrap; width: 12em;}
#main .cmnTbl01 th,#main .cmnTbl01 td{padding:8px 8px; display: table-cell; border-bottom: 1px dotted #CCC;vertical-align: middle;}
#main .cmnTbl01 .cfm{padding: 14px 0;}
}

@media screen and (min-width:980px) {

}

/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}