@charset "UTF-8";

/* --------------------------------------------------------------------------------------- */
/*
/*
/* BLUE(DARKEST1):       #001a2d
/* BLUE(DARKEST2):       #004461
/* BLUE(DARKER):          #005896
/* BLUE(BASE):              #0094d4
/* BLUE(LIGHTER):          #3ba5d2
/* BLUE(LIGHTEST):        #d1f1ff
/*
/* BLUE-GRAY:              #edf2f4
/*
/* GREEN:                    #14ac00
/*
/* --------------------------------------------------------------------------------------- */

/* INITIAL */
.atl-norm *{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.atl-norm * ul{list-style:none;}
.wrap-columns{margin-left:auto; margin-right:auto; padding-left:16px; padding-right:16px; max-width:1500px;}
.atl-norm{font-size:1.3em; margin-top:24px;}
.atl-norm.bg-gray{background-color:#EEE; margin-top:0; padding:16px 8px;}
.atl-norm a,
.atl-norm a:link,
.atl-norm a:visited{color:#004461; text-decoration:underline;}
.atl-norm a:hover{color:#001a2d; text-decoration:none;}
.atl-norm nav ul a,
.atl-norm nav ul a:link,
.atl-norm nav ul a:visited,
.atl-norm nav ul a,
.atl-norm nav ul a:link,
.atl-norm nav ul a:visited{text-decoration:none;}

.onlyPC{display:none;}
.onlySMP{display:inherit;}

.aln-L{text-align:left;}
.aln-C{text-align:center;}
.aln-R{text-align:right;}
.aln-L{text-align:left;}
.aln-C.aln-L-pc{text-align:left;}

.fntS{font-size:.86em;}
.fntSS{font-size:.72em!important;}
.fntL{font-size:1.15em;}
.fntLL{font-size:1.4em;}
.fntBold{font-weight:bold;}

.alp-regular{font-family:'robotoregular',sans-serif;}

body.open-modal{overflow:hidden;position:relative;}

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 1;
}
#overlay #loading {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}

.loader {
  margin: 150px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
   0%,
   100% {
     box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
   }
   12.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
   }
   25% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
   }
   37.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
   }
   50% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
   }
   62.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
   }
   75% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
   }
   87.5% {
     box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
   }
 }
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.mask-cnt,
.mask-nav{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:9998; opacity:0; display:block;}
.mask-nav{z-index:99; display:none;}
.modal{position:fixed; top:0; left:0; margin:16px; width:calc(100% - 32px); height:calc(100vh - 32px); background-color:#FFF; z-index:9999; overflow-y:scroll; box-shadow:0 2px 8px rgba(0,0,0,.8);}

.atl-norm h1{font-size:1.5em; line-height:1.3; color:#005896}
.atl-norm h2{font-size:1.2em; line-height:1.5; color:#0094d4; margin-bottom:16px;}
.atl-norm .with-accordion-content h2{margin-bottom:0;}
.atl-norm .with-accordion-content.active h2{margin-bottom:16px;}
.atl-norm h3{font-size:1.15em; line-height:1.5; color:#0094d4; margin-bottom:4px;}
.atl-norm h4{font-size:1.07em; margin-bottom:8px; color:#0094d4; font-weight:normal;}
.atl-norm h5{font-size:1em; font-weight:bold;}
.atl-norm h6{font-size:.92em;}
.atl-norm p{line-height:1.6;}
.atl-norm p + p,
.atl-norm p + h3,
.atl-norm p + h4,
.atl-norm p + h5,
.atl-norm p + table,
.atl-norm p + ul,
.atl-norm p + ol,
.atl-norm p + dl,
.atl-norm div.btn-group + h4,
.atl-norm div.cmt-profile + h4,
.atl-norm dl + p,
.atl-norm dl + h3,
.atl-norm dl + h4,
.atl-norm dl + h5{margin-top:16px;}
.atl-norm table + h3,
.atl-norm table + h4,
.atl-norm table + h5,
.atl-norm table + p{margin-top:16px;}
.no-mgn-top{margin-top:0!important;}
.no-mgn-btm{margin-bottom:0!important;}
.sml-mgn-top{margin-top:8px!important;}

.atl-norm .scn-norm h2{position:relative; color:#FFF; padding:8px 12px 8px 12px; background-color:#0094d4; box-shadow:0 3px 2px rgba(0,148,212,.2); border-radius:4px; z-index:1;
background:linear-gradient(to bottom, #0094d4 0%,#048ec9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d4', endColorstr='#048ec9',GradientType=0 );}
.atl-norm .scn-norm.with-accordion-content h2{}

.atl-norm hr{position:relative; margin:16px 0; padding:0; width:100%; height:0; border:none; border-top:1px solid #DDD;}

.list-norm{margin-left:2em; margin-bottom:1em;}
.list-norm.no-list-mark{margin-left:0;}
.atl-norm ol,.atl-norm ul{margin-left:2em;}
.atl-norm ol + h3,
.atl-norm ol + h4,
.atl-norm ol + h5,
.atl-norm ol + p,
.atl-norm ul + h3,
.atl-norm ul + h4,
.atl-norm ul + h5,
.atl-norm ul + p{margin-top:16px;}
.atl-norm ol.list-norm{list-style:decimal;}
.atl-norm ul.list-norm{list-style:disc;}
.atl-norm ol.list-norm.no-list-mark,
.atl-norm ul.list-norm.no-list-mark{list-style:none;}
.atl-norm .list-norm li{margin-bottom:.5em;}

.tb-norm{position:relative; border-collapse:collapse; margin-bottom:16px;}
.tb-norm.tb-fullW{width:100%;}
.tb-norm thead{}
.tb-norm tbody{}
.tb-norm th,
.tb-norm td{padding:.5em; border:1px solid #DDD;}
.tb-norm thead th{background-color:#edf2f4;}
.tb-norm tbody th{background-color:#edf2f4;}
.tb-norm th{font-weight:normal; color:#001a2d;}

.tb-norm.no-table-sm{border:1px solid #DDD;}
.tb-norm.no-table-sm th,
.tb-norm.no-table-sm td{display:block; border:none;}
.tb-norm.no-table-sm th{border-bottom:1px solid #EEE; text-align:left;}

.bg-light-blue{}
.bg-light-blue h3{color:#004461}

.clm-main{position:relative;}
.clm-right{position:relative;}
.clm-main + .clm-right{margin-top:24px;}

.scn-norm{position:relative;}
.scn-norm + .scn-norm{margin-top:24px;}
.with-accordion-content{}
.with-accordion-content + .scn-norm{margin-top:4px;}
.with-accordion-content.active + .scn-norm{margin-top:24px;}


.accordion-content{display:none;
-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.active .accordion-content{display:inherit;}
.accordion-trigger{cursor:pointer; display:block;
-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.atl-norm .scn-norm h2.accordion-trigger{color:#001a2d; background:none; background-color:#FAFAFA; border:1px solid #DDD; box-shadow:0 1px 2px rgba(0,0,0,.05);}
.active .accordion-trigger{}
.accordion-trigger:hover{opacity:.5;}
h2.accordion-trigger:after, h3.accordion-trigger:after{position:absolute; top:50%; right:16px; content:' '; margin-top:-8px; width:16px; height:16px; background-repeat:no-repeat; background-position:center;
background-image:url(/image/udo/events/svg/arrow-down-blue.svg);
-webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px; background-size:16px 16px;}
h4.accordion-trigger:before{display:inline-block; content:'▼　';}
.active h4.accordion-trigger:before{display:inline-block; content:'▲　';}

.atl-norm .scn-norm.active h2.accordion-trigger{color:#FFF; background-color:#0094d4; background-position:right top; box-shadow:0 3px 2px rgba(0,148,212,.2);}
.active .accordion-trigger:after{background-image:url(/image/udo/events/svg/arrow-up-white.svg);}
@media print {
  .accordion-content {display:block}
}

.dl-inlineblock{position:relative;}
.dl-inlineblock dt{color:#0094d4; margin:16px 0 8px; padding:0 0 4px; border-bottom:1px solid #d3dee2; clear:left;}
.dl-inlineblock dt:first-child{margin-top:0;}
.dl-inlineblock dd{padding:0; margin:0;}
.dl-inlineblock.with-bgcolor dt{color:#004461;}
.dl-inlineblock.with-bgcolor dt,.dl-inlineblock.with-bgcolor dd{border-color:#FFF;}

ul.spots{margin-left:0;}
ul.spots li{padding: 4px 0;}
ul.spots li img{margin-right: 4px;}

/* COLUMN */
.clm-notice{position:relative; margin-top:16px; padding:16px; border:1px dotted #CCC; background-color:#F8F8F8;}
.clm-notice.accordion{height:12em; padding-bottom:48px; overflow:hidden; transition:all .3s ease-in-out;}
.clm-notice.accordion:after{position:absolute; bottom:0; left:0; content:' '; width:100%; height:140px; background:#FFF;
background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.clm-notice.accordion.active{height:auto;}
.clm-notice.accordion.active:after{display:none;}
.clm-notice + div,
.clm-notice + section{margin-top:16px;}
.member-detail + .clm-notice{margin-top:0; border:1px dotted #CCC; border-top:none;}
.clm-notice.white-box{background-color:#FFF;}
.clm-notice.no-side-space{border-left:none; border-right:none;}
.clm-notice h4{margin-bottom:8px; color:#ea5324;}
.clm-notice.white-box h4{color:#0094d4;}
.clm-notice p{margin-bottom:0;}
.clm-notice p.highlight{color:#ea5324; font-weight:bold;}
.clm-notice p + h4{margin-top:10px; padding-top:10px; border-top:1px dotted #CCC;}
.clm-notice section{margin-top:10px; padding-top:10px; border-top:1px dotted #CCC;}


.notice-accordion{position:relative; border-bottom:1px solid #DDD; margin-bottom:16px; padding-bottom:48px; height:12em; overflow:hidden; transition:all .3s ease-in-out;}
.notice-accordion.no-accordion{padding-bottom:16px; height:auto;}
.notice-accordion:after{position:absolute; bottom:0; left:0; content:' '; width:100%; height:140px; background:#FFF;
background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.notice-accordion.no-accordion:after{display:none;}
.notice-accordion.active{height:auto;}
.notice-accordion.active:after{display:none;}
.notice-accordion-trigger{position:absolute; bottom:0; left:50%; margin-left:-3em; width:6em; height:32px; background-color:#004461; color:#FFF; font-size:15px; line-height:32px; font-family:'robotomedium',sans-serif; text-align:center; z-index:2; cursor:pointer; transition:all .3s ease-in-out;}
.notice-accordion-trigger:hover{opacity:.5;}
.active .notice-accordion-trigger{background-color:#FAFAFA; border:1px solid #CCC; border-bottom:none; color:#888;}
.active .notice-accordion-trigger span{display:none;}
.active .notice-accordion-trigger:before{content:'CLOSE'}

/* right clum banner */
.page-subnav-box{text-align: center;}

.label-draft{display:inline-block; padding: 2px; font-weight: bold;border-radius: 8px;background-color: #FFF;border: 1px solid #FCC800;width:80px;}
.label-draft i{color: #FCC800}


/*-------------------------------------------------------------------------------------------------------------*/
/*  FORM 
/*-------------------------------------------------------------------------------------------------------------*/

.form-norm{}
.form-confirm{}
.form-norm input,
.form-norm textarea{padding:8px; background-color:#EEE;box-sizing:border-box;border:solid 2px #EEE;}
.form-norm input:read-only,
.form-norm textarea:read-only{background-color:#F9F9F9;border:none;}
.form-norm input:focus:not(:read-only),
.form-norm textarea:focus:not(:read-only),
.form-norm select:focus{border:solid 2px #4c4c4c;box-shadow: 0px 2px 4px 0px rgba(76,76,76,0.4);}
.form-norm textarea{overflow:auto; resize:vertical;}
.form-norm input[type="submit"]{background-color:#0091d7; color:#FFF; width:100%; text-align:center;}
.form-norm input[type="radio"]{padding:0; display:inline-block; vertical-align:middle;background-color:#333;}
.form-norm button{background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; -webkit-appearance:none; appearance:none;}
.form-norm select{padding:8px; background-color:#EEE; border-radius:0; border:none;max-width:100%;}
.form-norm select.op-select{font-size:.8em; padding:4px;}
.form-norm input + select.op-select{margin-left:1em;}
.form-norm .ipt-btm-space,
.form-norm .wrap-zip{margin-bottom:8px;}
.form-norm input.ipt-half{width:45%;}
.form-norm input.ipt-full,
.form-norm textarea.ipt-full{width:100%;}
.form-norm input.ipt-quarter{width:22%;}
.form-norm input.ipt-30{width:29%;}
.form-norm td span{padding-top:.2em; display:block;}

.tb-form-norm{position:relative; width:100%; border-collapse:collapse; border-bottom:1px solid #AAA;}
.tb-form-norm + .tb-form-norm{margin-top:-1px;}
.tb-form-norm + p{margin-top:16px;}
.tb-form-norm tbody{}
.tb-form-norm th{position:relative; display:block; border-top:1px solid #DDD; padding:8px 0; text-align:left;}
.tb-form-norm th:nth-child(1){border-top:none; padding-top:0; margin-top:0;}
.tb-form-norm td{display:block; padding-bottom:8px;}
.tb-form-norm td.td-button-area{padding-top:16px;}
.tb-form-norm .mst{font-size:.83em; line-height:1; color:#ff3153; padding-left:1em;}

.btn-search-addr{display:inline-block; margin-left:1em;}
.atl-norm .btn-search-addr a{display:block; padding:10px; font-size:.85em; background-color:#4c4c4c; color:#FFF; text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.2);}

.atl-norm .form-btm-btns-wrap{position:relative; margin:16px 0 0; overflow:hidden; letter-spacing:-.4em; text-align:center;}
.form-btm-btns-wrap.with-top-border{border-top:1px solid #EEE; padding-top:8px;}
.atl-norm .form-btm-btns{margin:0}
.atl-norm .form-btm-btns.no-back-button{}
.form-btm-btns li{display:inline-block; letter-spacing:normal; padding:4px 0; width:100%;}
.form-btm-btns.no-back-button{}
.form-norm .form-btm-btns li button{width:100%;}

.form-norm .itm-must::before{position:absolute; top:50%; left:-4px; margin-top:-8px; content:' '; width:15px; height:15px; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/entry-flow/icn-must.svg);
  -webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; background-size:contain; z-index:100}
.form-norm.form-confirm .itm-must::before{display:none;}

/* form - ERROR */
.form-notice-error{position:relative; margin-bottom:8px; padding:8px 16px; text-align:left; font-size:.92em; line-height:1.5; color:#FFF; font-weight:bold;
background-image:linear-gradient(-45deg,
#ff3153 25%,
#f12748 25%, #f12748 50%,
#ff3153 50%, #ff3153 75%,
#f12748 75%, #f12748
); background-size:8px 8px;background-color: #ff3153;}
.atl-norm h3 + .form-notice-error{margin-top:-4px;}
.er-msg{display:block; font-size:.86em; line-height:1.4; color:#ff3153;}
.form-norm dt.ipt-error p {background-image:linear-gradient(-45deg,
#ff3153 25%,
#f12748 25%, #f12748 50%,
#ff3153 50%, #ff3153 75%,
#f12748 75%, #f12748
); background-size:8px 8px;background-color: #ff3153;}
.form-norm .ipt-error input,
.form-norm .ipt-error select,
.form-norm .ipt-error textarea{background-color:#fff6f7; border:1px dotted #ff3153;}
.form-norm .ipt-error th{color:#ff3153}
.form-norm .ipt-error label{ color:#ff3153;}

/*-------------------------------------------------------------------------------------------------------------*/
/* BREADCRUMB
/*-------------------------------------------------------------------------------------------------------------*/

.atl-norm .breadcrumb{position:relative; font-size:0.95em; margin-bottom:8px;}
.atl-norm .breadcrumb ul{letter-spacing:-.4em; margin:0;}
.atl-norm .breadcrumb li{position:relative; display:inline-block; letter-spacing:normal; margin:0; padding:0;}
.atl-norm .breadcrumb li:after{position:relative; content:'>'; display:inline-block; margin:0 .5em;}
.atl-norm .breadcrumb li:last-child:after{display:none;}
.atl-norm .breadcrumb li:last-child{display:none;}
.atl-norm .breadcrumb a,
.atl-norm .breadcrumb a:link,
.atl-norm .breadcrumb a:visited{color:#0092d7;}


/*-------------------------------------------------------------------------------------------------------------*/
/*  BUTTONS 
/*-------------------------------------------------------------------------------------------------------------*/

.atl-norm a.btn-norm,
.atl-norm a.btn-entry,
.atl-norm a.btn-addinfo,
.form-norm button{position:relative; text-align:center; line-height:1em; font-weight:bold; color:#FFF; padding:.75em 2em; background-color:#004461; display:inline-block; overflow:hidden; box-shadow:0 2px 2px rgba(80,80,80,.8); text-decoration:none; border-radius:3px;
-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.btn-cyan{background-color: #00aaaa!important;}
.atl-norm a.btn-addinfo{position:relative; text-align:center; line-height:1em; font-weight:bold; color:#FFF; padding:.75em 1em; background-color:#004461; display:inline-block; overflow:hidden; box-shadow:0 2px 2px rgba(80,80,80,.8); text-decoration:none; border-radius:3px;
  -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.st-entry button{background-color:#14ac00; color:#FFF; font-weight:bold; width:100%; height:100%; padding:10px .5em; display:block; box-shadow:0 0 0 rgba(0,0,0,0);}
.atl-norm a.btn-norm:hover,
.atl-norm a.btn-entry:hover,
.form-norm button:hover{opacity:.5;}
.atl-norm a.btn-norm:before,
.atl-norm a.btn-entry:before{position:absolute; top:50%; left:-4px; margin-top:-8px; width:16px; height:16px; background-repeat:no-repeat; background-position:center; content:' '; opacity:1; background-image:url(/image/udo/events/svg/arrow-white.svg);
-webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px; background-size:16px 16px;}
.atl-norm .btn-norm.btn-large,
.atl-norm .btn-large{font-size:1.15em; padding:1.25em;}
.atl-norm a.btn-norm.btn-morespace,
.form-norm button.btn-morespace,
.atl-norm a.btn-morespace{padding:1.25em 3em;}
.atl-norm .btn-norm.btn-large:before{left:-12px; margin-top:-16px; width:32px; height:32px; -webkit-background-size:32px 32px; -moz-background-size:32px 32px; -ms-background-size:32px 32px; background-size:32px 32px;}
.atl-norm .btn-norm.fullW{width:100%;}

.atl-norm a.link-txt{padding-left:20px; background-image:url(/image/udo/events/svg/arrow-blue.svg); background-position:left center; background-repeat:no-repeat;
-webkit-background-size:13px 13px; -moz-background-size:13px 13px; -ms-background-size:13px 13px; background-size:13px 13px;}

.atl-norm a.btn-only-border{position:relative; width:100%; padding:12px; line-height:1; text-decoration:none; text-align:center; border:1px dotted #004461; display:block; background-color:#004461; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px;
color: #FFF}

.form-norm button.btn-next{}
.form-norm button.btn-back{font-weight:normal; color:#FFF; background-color:#888;}

.form-norm button.btn-disabled{background-color:#EEE; color:#AAA; cursor:default; box-shadow:0 1px 2px rgba(0,0,0,.1);}

.form-norm button.btn-line-custom{font-weight:bold; color:#FFF; background-color:#00B833;}
.form-norm button.btn-line-custom span {margin-left:32px;}
.form-norm button.btn-line-custom:before {content: "　";background: url(/common/images/line-share-b.png);background-repeat: no-repeat;display: inline-block;
  width: 30px;height: 30px;background-size: contain;vertical-align: middle;position:absolute;top:12px;left:18px;}

.st-entry.checkbox{line-height:1;}
.st-entry.checkbox span{line-height:1; padding:0!important;}
.st-entry.checkbox.ipt-chk{}
.st-entry.checkbox.checked{}
.st-entry.checkbox label{padding:10px 2em; cursor:pointer; background-color:#14ac00; color:#FFF; font-weight:bold; width:100%; height:100%; display:block; box-shadow:0 0 0 rgba(0,0,0,0); transition:all .3s ease-in-out;}
.st-entry.checkbox.checked label{background-color:#0a5400; color:#ebfc31;}
.st-entry.checkbox.chk-disabled{opacity:.2;}
.st-entry.checkbox.chk-disabled label{cursor:default;}
.st-entry.checkbox label:hover{opacity:.5;}
.st-entry.checkbox.chk-disabled label:hover{opacity:1;}
.st-entry.checkbox input{position:relative; top:-.1em; display:none;}

/*-------------------------------------------------------------------------------------------------------------*/
/* LOCAL-NAVIGATION
/*-------------------------------------------------------------------------------------------------------------*/
.nav-local{position:relative; width:100%; border:none; background-color:#FFF; margin-bottom:24px;}
.atl-norm .nav-local .wrap-btn-entry{position:relative; margin:0; background-color:#EEE;}
.atl-norm .nav-local .wrap-btn-entry .btn-norm,
#Entry-login .btn-norm{width:100%; background-color:#14ac00;}
#Entry-login {padding-top:8px}
#Entry-login p{position:relative;}
.atl-norm .nav-local ul{display:none;}

.entry-with-instantlogin{}
.entry-with-instantlogin.open-instant-login{}
.close-instant-login{position:absolute; bottom:-32px; right:0; width:32px; height:32px; background-color:#f0f0f0; cursor:pointer; z-index:5; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/events/svg/btn-close-instant-login.svg);
-webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

.instant-login{position:relative; padding:12px; background-color:#f0f0f0; display:none;}
.instant-login dl{}
.instant-login dt{display:none;}
.instant-login dd{width:100%; margin-bottom:4px;}
.instant-login input{padding:8px; width:100%; background-color:#FFF; font-size:1.2em;}
.instant-login button{background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; -webkit-appearance:none; appearance:none;}
.instant-login button{width:100%; padding:12px 16px; font-size:1.25em; line-height:1; color:#FFF; font-family:'notoB',sans-serif; display:block; text-decoration:none; text-align:center; background-color:#004461; cursor:pointer; transition:all .3s ease-in-out;}
.instant-login button#Btn-go-next{background-color:#14ac00;}
.instant-login button:hover{background-color:#001a2d;}
.instant-login button#Btn-go-next:hover{background-color:#148205;}


/*-------------------------------------------------------------------------------------------------------------*/
/* SIDEBAR-BANNERS
/*-------------------------------------------------------------------------------------------------------------*/

.atl-norm .banners{letter-spacing:-.4em; text-align:center; margin:0;}
.atl-norm .banners li{letter-spacing:normal; margin:0 auto 8px; text-align:center; display:inline-block;}
.campaign-box-sml{border: solid 1px #eeeeee; padding:5px; background-color:#FFFFFF;}
.campaign-box-sml .cam-bnr{background-color:#FFF; border-radius:3px; overflow:hidden; text-align:center;}
.campaign-box-sml.onlySMP .cam-bnr{padding:8px;}
.campaign-box-sml .cam-bnr img{width:100%; height:auto;}
.campaign-box-sml.onlySMP .cam-bnr img{max-width:480px;}


/*-------------------------------------------------------------------------------------------------------------*/
/* EVENT-DETAIL 
/*-------------------------------------------------------------------------------------------------------------*/

/* ICON */
.ico{position:absolute; top:50%; left:0; margin-top:-12px; width:24px; height:24px; border-radius:50%; background-color:#FFF; background-repeat:no-repeat; background-position:center; border:1px solid #0094d4; overflow:hidden;
-webkit-background-size:28px 28px; -moz-background-size:28px 28px; -ms-background-size:28px 28px; background-size:28px 28px;}

.ico.ico-r{background-image:url(/image/udo/events/svg/ico/ico-r.svg);}/* マラソン・ランニング */
.ico.ico-c{background-image:url(/image/udo/events/svg/ico/ico-c.svg);}/* サイクリング */
.ico.ico-6{background-image:url(/image/udo/events/svg/ico/ico-6.svg);}/* ランイベント・練習会 */
.ico.ico-w{background-image:url(/image/udo/events/svg/ico/ico-w.svg);}/* ウォーキング */
.ico.ico-x{background-image:url(/image/udo/events/svg/ico/ico-x.svg);}/* スイミング */
.ico.ico-t{background-image:url(/image/udo/events/svg/ico/ico-t.svg);}/* トライアスロン */
.ico.ico-u{background-image:url(/image/udo/events/svg/ico/ico-u.svg);}/* ロゲイニング */
.ico.ico-g{background-image:url(/image/udo/events/svg/ico/ico-g.svg);}/* ゴルフ */
.ico.ico-m{background-image:url(/image/udo/events/svg/ico/ico-m.svg);}/* スカッシュ */
.ico.ico-k{background-image:url(/image/udo/events/svg/ico/ico-k.svg);}/* モータースポーツ */
.ico.ico-4{background-image:url(/image/udo/events/svg/ico/ico-4.svg);}/* その他 */
.ico.ico-s{background-image:url(/image/udo/events/svg/ico/ico-s.svg);}/* ウィンタースポーツ */
.ico.ico-2{background-image:url(/image/udo/events/svg/ico/ico-2.svg);}/* アドベンチャー */
.ico.ico-e{background-image:url(/image/udo/events/svg/ico/ico-e.svg);}/* カヌー＆シーカヤック */
.ico.ico-1{background-image:url(/image/udo/events/svg/ico/ico-1.svg);}/* テニス */
.ico.ico-y{background-image:url(/image/udo/events/svg/ico/ico-y.svg);}/* マリンスポーツ */
.ico.ico-5{background-image:url(/image/udo/events/svg/ico/ico-5.svg);}/* サッカー・フットサル */
.ico.ico-7{background-image:url(/image/udo/events/svg/ico/ico-7.svg);}/* 野球 */
.ico.ico-8{background-image:url(/image/udo/events/svg/ico/ico-8.svg);}/* バスケットボール */
.ico.ico-l{background-image:url(/image/udo/events/svg/ico/ico-l.svg);}/* オリエンテーリング */
.ico.ico-n{background-image:url(/image/udo/events/svg/ico/ico-n.svg);}/* フェンシング */
.ico.ico-z{background-image:url(/image/udo/events/svg/ico/ico-2.svg);}/* アドベンチャー */
.ico.ico-q{background-image:url(/image/udo/events/svg/ico/ico-q.svg);}/* 登録 */


/* EVENT-HEADER */
.event-header{position:relative; padding:8px 0; border-bottom:8px solid #0094d4;}
.atl-norm .event-header h1{padding-right:0; padding-left:30px;}
.testconf_head{text-align:center; width:100%; padding-top:5px; background-color:#FFE4E1; position:fixed; top:0px; box-shadow:0px 1px 10px #000000; z-index:999; font-size: 8pt;}
.testconf_pad{padding-right:100px;}
.testconf{display:inline; clear:both; text-align: left; margin-right:0px; width:20%; padding:5px; background-color:#FFE4E1; color:blue; position:fixed; top:20px; right:0px; z-index:1000; font-size: 8pt;}

/* SOCIAL */
.atl-norm .social{position:relative; text-align:right;padding-bottom:8px}
.atl-norm .social ul{position:relative; letter-spacing:-.4em; margin:0; padding:0; list-style:none;}
.atl-norm .social ul.social-links{}
.atl-norm .social li{position:relative; letter-spacing:normal; display:inline-block; height:20px; margin:8px 0 0; padding:0; vertical-align:top;}
.atl-norm .social li + li{margin-left:5px;}
.atl-norm .social li.ml,
.atl-norm .social li.pr{font-size:1px; line-height:1; text-align:left;}
.atl-norm .social li.ml{}
.atl-norm .social li.cp{border: solid 1px #AAA; border-radius:2px;font-size:11px; font-weight:bold; width:100px; height:20px; padding:1px; text-align:center;cursor:pointer;}
.atl-norm .social li.pr{}
.atl-norm .social li.ml a,
.atl-norm .social li.pr a{position:relative; width:64px; height:20px; background-repeat:no-repeat; background-position:center; display:block; overflow:hidden; text-indent:-999999px; border:1px solid #AAA; border-radius:2px;
-webkit-background-size:56px 20px; -moz-background-size:56px 20px; -ms-background-size:56px 20px; background-size:56px 20px;}
.atl-norm .social li.ml a{background-image:url(/image/udo/events/svg/btn-mail.svg);}
.atl-norm .social li.cp span:before {content:"\f24d"; font-family: FontAwesome;}
.atl-norm .social li.pr a{background-image:url(/image/udo/events/svg/btn-print.svg);}
.atl-norm .social li.fb .fb_iframe_widget span {vertical-align: top !important;}
.atl-norm .social li.fav{font-size:11px; font-weight:bold; }
.atl-norm .social li.fav a{color: #595959; position:relative; width:100px; height:20px; padding-top:1px; display:block; overflow:hidden; border:1px solid #AAA; border-radius:2px;  text-decoration:none; text-align:center;}
.atl-norm .social li.fav a.on{border-color: #f26d7e; color:#f26d7e;}
.atl-norm .social li.fav a.on i{color: #f26d7e;}

/* OVERVIEW */
.wrap-fig-overview{position:relative; width:100%; background-color:#f2f6f8; border-bottom:1px dotted #DDD;margin-top:32px;}
.wrap-fig-overview .figs{position:relative; width:100%; background-color:#F2F6F8;}
.wrap-fig-overview .figs.nophoto{background-position:center; background-repeat:no-repeat; background-image:url(/image/udo/events/no-photo.jpg);
-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.wrap-fig-overview .figs.nophoto:after {display: block; content: ''; width:100%; padding:56.25% 0 0; margin:0;}
.atl-norm .wrap-fig-overview .figs ul{position:relative; width:100%; padding:56.25% 0 0; margin:0;}
.atl-norm .wrap-fig-overview .figs li{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center;
-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.atl-norm .wrap-fig-overview .figs li{display:none;}

.wrap-fig-overview dl{position:relative; overflow:hidden; padding:16px 16px 8px;}
.wrap-fig-overview div{display:table; margin-bottom:8px;}
.wrap-fig-overview dt{display:table-cell;width:6em; color:#222;vertical-align:top;}
.wrap-fig-overview dt:nth-of-type(1){padding-top:.25em;}
.wrap-fig-overview dd{display:table-cell;margin-left:6em; margin-bottom:8px;word-wrap:break-word;word-break:break-all;vertical-align:bottom;}
.wrap-fig-overview dd .large{position:relative; font-size:1.33em; font-weight:bold; color:#005896;}

.header-status{position:absolute; bottom:-40px; right:0; width:100%; text-align:center; height:32px; display:block;}
.header-status .entry-status{width:100%; text-align:center; padding:0 12px; height:32px; font-size:1em; line-height:32px; font-weight:bold; color:#FFF; z-index:30; background-color:rgba(212,4,100,1); display:block;float:left;}
.header-status .entry-status.pre{background-color:rgba(0,148,212,.8);}
.header-status .entry-status.available{/*background-color:rgba(20,172,0,.8);*/background-color:rgba(132,197,26,.8);}
.header-status .entry-status.end{background-color:rgba(200,200,200,.8);}
.header-status .entry-status.notsale{background-color:rgba(118,132,140,.8); color:#c1cdd3;}
.header-status .entry-status.waiting{background-color:rgba(255,224,50,.8);}


.howto-entry{width:100%; background-color:#FAFAFA; border:1px solid #EEE; padding:12px; text-align:center; font-weight:bold; color:#333;}
.atl-norm .howto-entry p{margin:0;}
.atl-norm .howto-entry .rks{font-size:10px;}

.ad-main{display: none; margin-bottom: 8px; background: #FAFAFA;}
.ad-mainsmp{display: block; margin: 8px 0 16px 0;}
.ad-sub{ margin: 16px 0;}

/**/
.msg-org{position:relative; max-height:240px; overflow-y:scroll; padding:16px; border:8px solid #EEE; background-color:#FFF; margin:16px 0; font-size:.92em; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
.atl-norm .msg-org h3{border-bottom:1px dotted #b5c9d1; padding-bottom:4px;}
.atl-norm .msg-org a{border-bottom:1px dotted #AAA;}
.atl-norm .msg-org span{font-weight:bold; color:#001a2d;}

.scn-event-detail{}
.scn-event-detail + .scn-event-detail{}
.bg-events{position:relative; padding:16px; padding-right:0;}
.scn-event-detail#Scn-day-flow h2{position:relative; font-size:1.35em; line-height:1.5; color:#004461; text-align:center; padding:0; margin-bottom:8px; background:none; box-shadow:none; border-radius:0; z-index:1;}

.wrap-event h3 span{font-size:.8em; color:#555; font-weight:normal;}
.scn-event-detail#Scn-day-flow h3{font-size:1.15em; color:#004461; background-color:#FFF; padding:8px 12px; border-radius:3px; display:block;}
.wrap-event h3:before{position:absolute; top:0; left:-16px; content:' '; height:1.25em; width:4px; background-color:#0094d4;}
.scn-event-detail#Scn-day-flow h3:before{display:none;}

.detail-intro{margin:16px 0;}
.detail-intro p{margin-bottom:0; line-height:1.8;}
.detail-intro .txt-area + .vd-area{margin-top:16px;}
.vd-area{position:relative; width:100%; height:0; padding-top:56.25%; background-color:#000;}
.vd-area iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

.atl-norm .event-tags{position:relative; background-color:#F8F8F8; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:0; padding:6px; letter-spacing:-.4em; list-style:none;}
.atl-norm .event-tags li{display:inline-block; letter-spacing:normal; background-color:#418912; font-size:.73em; color:#FFF; font-weight:bold; line-height:1; padding:6px 8px; margin:2px; border-radius:2px;}

.wrap-event{position:relative;padding-bottom:4px;}
.wrap-event + .wrap-event{margin-top:16px;}
.wrap-event:before{position:absolute; top:0; left:-16px; content:' '; height:100%; width:4px; background-color:#cceaf6;}
.event-block{position:relative; padding:0; overflow:hidden; border-top:1px solid #DDD;}
.event-block.options{border:1px solid #DDD; border-top:none;}
.event-block + .event-block{margin-top:4px;}
.event-block.options + .event-block{margin-top:0; border-top:none;}
.event-block.options:nth-child(even){background-color:#FAFAFA;}
.event-block.options .option-header{position:relative; padding:8px 16px; padding-left:12px; border-left:4px solid #0094d4;}
.event-block.options .option-header h4{margin-bottom:4px; color:#0094d4;}
.event-block.options .option-header p{}
.event-block.options .wrap-option{position:relative; border-top:1px dotted #CCC; overflow:hidden; margin-bottom:-1px; border-left:4px solid #cceaf6;}
.event-block.options .wrap-option h5{padding-top:0;}
.event-block .first-block,
.event-block .second-block{}
.event-block .first-block{position:relative; padding:4px 0 4px;}
.event-block.options .first-block{padding:8px 16px 8px;}
.event-block .second-block{position:relative;text-align:center}
.event-block h4{color:#444;}
.event-block p{font-size:.86em; margin-bottom:0;}

.atl-norm p.event-group-title,
.atl-norm p.option-group-title{position:relative; margin-left:-16px; border:3px double #fcc37f; padding:8px 10px; display:block; font-size:1.1em; line-height:1.4; font-weight:bold; color:#dd5d10; border-radius:3px; display:block;}
.atl-norm p.option-group-title{margin-left:0; border-top:none; border-left:none; border-right:none; border-radius:0; background-color:#ffe3c2;}
.options + .options p.option-group-title{border-top:4px solid #0094d4;}
.atl-norm p.event-group-title + .wrap-event{margin-top:16px;}
section + .event-group-title,
section + .option-group-title{margin-top:16px;}
.event-group-notice,
.option-group-notice{position:relative; margin-bottom:8px; margin-left:-16px; padding:12px; background-color:#fef5db;}
.option-group-notice{margin-left:0; margin-bottom:0; border-bottom:1px dotted #e6dfc9;}
section + .event-group-notice{margin-top:8px;}
.event-group-notice p,
.option-group-notice p{font-size:.92em;}
.atl-norm .event-group-notice p + p,
.atl-norm .option-group-notice p + p{margin-top:0;}

.event-status{width:100%; border:1px solid #EEE;}
.event-status th,
.event-status td{line-height:1; padding:8px 4px; text-align:center; width:25%; border-left:1px solid #EEE; border-bottom:1px solid #EEE;border-right:1px solid #EEE;  background-color:#FFF; font-size:.92em;}
.event-status th.st-entry,
.event-status td.st-entry{width:50%;}
.event-status.with-period th,
.event-status.with-period td{width:25%;}
.event-status tbody td.st-entry{padding:0 0 2px 0;}
.event-status tbody td.st-entry a{display:block; padding:8px; color:#FFF;}
.event-status thead th{border-bottom:1px solid #EEE; font-size:.83em; padding:8px;}
.event-status th{background-color:#f2fbff; color:#001a2d; font-size:0.75em;}
.event-status thead th:nth-of-type(1),
.event-status tbody td:nth-of-type(1){border-left:none;}
.event-status tbody td.st-available{background-color:rgba(20,172,0,1); color:#FFF; font-weight:bold;}
.event-status tbody td.st-available{background-image:linear-gradient(-45deg,
#8dd41c 25%,
#83c51a 25%, #83c51a 50%,
#8dd41c 50%, #8dd41c 75%,
#83c51a 75%, #83c51a
); background-size:3px 3px;}
.event-status tbody td.st-end{background-color:rgba(200,200,200,1); color:#FFF; font-weight:bold;}
.event-status tbody td.st-pre{background-color:rgba(0,148,212,1); color:#FFF; font-weight:bold;}
.event-status tbody td.st-notsale{background-color:rgba(118,132,140,1); color:#c1cdd3; font-weight:bold;}
.event-status tbody td.st-waiting {background-image: linear-gradient(-45deg, #ffe032 25%, #F8F8F8 25%, #F8F8F8 50%, #ffe032 50%, #ffe032 75%, #F8F8F8 75%, #F8F8F8);  background-size:3px 3px;}

@media screen and (max-width:359px){
.event-status th,
.event-status td{font-size:.8em;}
.event-status thead th{font-size:.75em;}
}

#Scn-day-flow{background-color:#edf2f4; padding:72px 16px 32px; margin-top:24px; background-position:center 16px; background-repeat:no-repeat; background-image:url(/image/udo/events/svg/i-day-flow.svg);
-webkit-background-size:48px 48px; -moz-background-size:48px 48px; -ms-background-size:48px 48px; background-size:48px 48px;}
#Scn-day-flow .mgn-sp-btm{margin-bottom:32px;}

.map{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.map iframe,.map object,.map embed{position:absolute; top:0; left:0; width:100%; height:100%;}

.wrap-ad-new{position:relative; margin-top:24px; width:100%;}

/* ONLINESHOP */
#Scn-recom-onlineshop{position:relative; margin:24px 0; padding:8px; background-image:linear-gradient(-45deg, #ffe032 25%, #F8F8F8 25%, #F8F8F8 50%, #ffe032 50%, #ffe032 75%, #F8F8F8 75%, #F8F8F8); background-size:3px 3px;}
#Scn-recom-onlineshop .inner-wh{position:relative; background-color:#FFF; border:1px solid #f2edd2;}
#Scn-recom-onlineshop h2{position:absolute; top:-14px; left:0; font-size:18px; line-height:1; font-family:'robotomedium',sans-serif; font-weight:normal; display:block; padding:4px 10px; background-color:#FFF;}
#Scn-recom-onlineshop h2 span{font-family:'robotobold',sans-serif; color:#333;}
#Scn-recom-onlineshop .item{float:left; width:100%; font-size:.86em; overflow:hidden; padding:16px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#Scn-recom-onlineshop .item .fig{max-width:200px; text-align:center; margin:0 auto 8px;}
#Scn-recom-onlineshop .item .desc{}
#Scn-recom-onlineshop h3{margin-top:0; margin-bottom:.5em;}
#Scn-recom-onlineshop p{}
#Scn-recom-onlineshop p + p{margin-top:.5em;}
#Scn-recom-onlineshop ul {width: 100%; margin: 30px 0 0 -8px; text-align: center;}
#Scn-recom-onlineshop ul li {list-style: none; display: inline-block; vertical-align: top; font-size: 12px; margin: 0 0 2% 0 !important; width: 22%; padding: 0 0.8%;}
#Scn-recom-onlineshop ul li a{display:block; height: 200px;  overflow:hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#Scn-recom-onlineshop ul li a img {width: 100%;}
#Scn-recom-onlineshop ul li .price {color: #ec2c13; margin-left: 5px; font-size: 1.2rem;}

/* RECOMMEND */
.scn-recom-recommend{position:relative; margin:24px 0; padding:8px; background-image:linear-gradient(-45deg, #83c51a 25%, #F8F8F8 25%, #F8F8F8 50%, #83c51a 50%, #83c51a 75%, #F8F8F8 75%, #F8F8F8); background-size:3px 3px;}
.scn-recom-recommend .inner-wh{position:relative; background-color:#FFF; border:1px solid #f2edd2;}
.scn-recom-recommend h2{position:absolute!important; top:-14px; left:0; font-size:16px; line-height:1; font-family:'robotomedium',sans-serif; display:block; padding:4px 10px!important; background:#FFF!important; box-shadow:none!important;}
.scn-recom-recommend h2 span{font-family:'robotobold',sans-serif; color:#333;}
.scn-recom-recommend .item{float:left; width:100%; font-size:.86em; overflow:hidden; padding:16px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.scn-recom-recommend .item .fig{max-width:200px; text-align:center; margin:0 auto 8px;}
.scn-recom-recommend .item .desc{}
.scn-recom-recommend h3{margin-top:0; margin-bottom:.5em; color:#fff;}
.scn-recom-recommend p{}
.scn-recom-recommend p + p{margin-top:.5em;}
.atl-norm .social li.fav:after{display: none; content: ""; position: absolute; right: 0; bottom: -60px; left: 0; width: 0px; height: 0; margin: auto; border-style: solid; border-color: transparent transparent #bdde89 transparent; border-width: 0 40px 60px 40px; }
.atl-norm .social li.show:after{display: block;}

/* COMMENT */
.wrap-event-comments{position:relative; margin:24px -16px; padding:0 16px 16px; border-top:1px dotted #CCC; background-color:#F5F5F5; text-align:center;}
.bg-gray .wrap-event-comments{margin-bottom:-16px;}
.scn-event-comment{position:relative; padding:16px 0 0; margin:0 auto; text-align:left;}
.scn-event-comment + .scn-event-comment{margin-top:16px;}
.atl-norm .scn-event-comment h3{border-bottom:4px solid #0094d4; margin-bottom:8px; padding:0 0 4px;}
.scn-event-comment .inner-block{position:relative;}
.scn-event-comment.cmt-facebook .inner-block{background-color:#FFF;}
.scn-event-comment .cmt{position:relative; background-color:#FFF; box-shadow:0 1px 1px rgba(0,0,0,.1);}
.scn-event-comment .cmt:before{position:absolute; top:0; right:0; content:' '; width:0; height:0; border:24px solid transparent; border-right-color:#DDD; border-top-color:#DDD;}
.scn-event-comment .cmt:after{position:absolute; top:0; right:0; width:48px; height:48px; content:' '; background-repeat:no-repeat; background-position:center;
-webkit-background-size:48px 48px; -moz-background-size:48px 48px; -ms-background-size:48px 48px; background-size:48px 48px;}
.scn-event-comment .cmt.t-ikigomi:before{border-right-color:#ff0000; border-top-color:#ff0000;}
.scn-event-comment .cmt.t-ikigomi:after{background-image:url(/image/udo/events/svg/t-ikigomi.svg);}
.scn-event-comment .cmt.t-omoide:before{border-right-color:#3792bd; border-top-color:#3792bd;}
.scn-event-comment .cmt.t-omoide:after{background-image:url(/image/udo/events/svg/t-omoide.svg);}
.scn-event-comment .cmt.t-localnavi:before{border-right-color:#ff00a7; border-top-color:#ff00a7;}
.scn-event-comment .cmt.t-localnavi:after{background-image:url(/image/udo/events/svg/t-localnavi.svg);}
.scn-event-comment .cmt.t-report:before{border-right-color:#ff6300; border-top-color:#ff6300;}
.scn-event-comment .cmt.t-report:after{background-image:url(/image/udo/events/svg/t-report2.svg);}
.scn-event-comment .cmt.t-chishiki:before{border-right-color:#249c4c; border-top-color:#249c4c;}
.scn-event-comment .cmt.t-chishiki:after{background-image:url(/image/udo/events/svg/t-chishiki.svg);}
.scn-event-comment .cmt.t-sanka:before{border-right-color:#ff4925; border-top-color:#ff4925;}
.scn-event-comment .cmt.t-sanka:after{background-image:url(/image/udo/events/svg/t-ent.svg);}
.scn-event-comment .cmt.t-kansou:before{border-right-color:#6e8dc0; border-top-color:#6e8dc0;}
.scn-event-comment .cmt.t-kansou:after{background-image:url(/image/udo/events/svg/t-imp.svg);}
.scn-event-comment .cmt.t-q:before{border-right-color:#9771b4; border-top-color:#9771b4;}
.scn-event-comment .cmt.t-q:after{background-image:url(/image/udo/events/svg/t-inq.svg);}
.scn-event-comment .cmt.t-zatsu:before{border-right-color:#67a072; border-top-color:#67a072;}
.scn-event-comment .cmt.t-zatsu:after{background-image:url(/image/udo/events/svg/t-chat.svg);}
.scn-event-comment .cmt + .cmt{margin-top:32px;}
.scn-event-comment .cmt + p{margin-top:8px; margin-bottom:8px;}
.scn-event-comment .cmt .cmt-content{padding:8px 16px; word-wrap:break-word; position: relative;}
.scn-event-comment .cmt .cmt-additional{background-color:#F2F2F2; border-top:1px dotted #DDD; padding:8px 16px;overflow:auto;}
.scn-event-comment .cmt h5{font-size:1.15em; margin-bottom:.5em; padding-right:3em;}
.scn-event-comment .cmt p{font-size:.92em;}
.scn-event-comment .cmt .cmt-icon{position:relative; float:left; width:40px; height:40px; margin-left:0; padding:3px; border-radius:50%; border:1px solid #DDD; background-color:#FFF; display:block;}
.scn-event-comment .cmt.org .cmt-icon{border-color:#0094d4;}
.scn-event-comment .cmt .cmt-icon img, .scn-event-comment .cmt .cmt-icon svg{max-width:100%; height:auto; vertical-align: middle;border-radius:100%; }
.scn-event-comment .cmt .cmt-nmdt{float:left;margin-left:4px;}
.scn-event-comment .cmt .cmt-nm,
.scn-event-comment .cmt .cmt-dt{font-size:.86em; }
.scn-event-comment .cmt .cmt-nm{}
.scn-event-comment .cmt .cmt-dt{margin-top:4px;}
.scn-event-comment .cmt .cmt-like{position:relative;float:right;width: 50px;height: 50px;display:block;text-align:center;}
.scn-event-comment .cmt .cmt-like p.like-desc{font-size: 10px;color:#ff396c;font-weight:bold;margin-top: 12px;z-index: 5;position: absolute; margin: auto; top: 12px; width: 100%; text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;}
.scn-event-comment .cmt .cmt-like .like-button {position:absolute; background: #fff;top: -5px;right:0;bottom:0;left:0;margin:auto;width: 90%;height: 45px;font-size:0.86em;color:#AAA;border:solid 2px #AAA;border-radius:50%;box-shadow:1px 2px 6px rgba(0,0,0,.2);}
.scn-event-comment .cmt .cmt-like .like-button i{font-size: 22px;position:  relative;margin-top: 5px;z-index: 0;}
.scn-event-comment .cmt .cmt-like .like-button p{margin-top: -4px;font-size:9px;font-weight:bold;}
.scn-event-comment .cmt .cmt-like .like-button.on{color:#ff396c;border-color:#ff396c;}
.scn-event-comment .cmt .cmt-like .like-button.on p.like_count{color:#ff396c;}
/*.scn-event-comment .cmt .cmt-like .like-button.on i:before{content: "\f164";}*/
.scn-event-comment .cmt .cmt-like .like-button.on i:before{content: "\f004";}

/* 吹き出し本体 */
.balloon{
  position: relative;
  padding: 5px 10px;
  background-color: #ffffff;
  display: inline-block;     /* 横幅を自動で変更 */
	font-size: 10px;
}

/* beforeで三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  left: -10px;
  top: 5px;
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid transparent;
	margin-left: 5px;

}

/* comment2017-11-01 */
.cmt-list{  margin-bottom: 32px;}
.cmt-list ul{margin:0;}
.cmt-list li{border-bottom:1px dotted #DDD; padding:5px 0 5px 38px; line-height:20px;}
.cmt-list li:before {position:absolute; width:20px; height:20px; font-size:12px; line-height:20px; left:8px; text-align:center; border-radius:50%; background:#ddd; color:#fff;}
.cmt-list li.t-sanka:before {content:'参'; background:#ff4925;}
.cmt-list li.t-ikigomi:before {content:'意'; background:#ff0000;}
.cmt-list li.t-omoide:before {content:'思'; background:#3792bd;}
.cmt-list li.t-localnavi:before {content:'地'; background:#ff00a7;}
.cmt-list li.t-report:before {content:'記'; background:#ff6300;}
.cmt-list li.t-chishiki:before {content:'知'; background:#249c4c;}
.cmt-list li.t-q:before {content:'質'; background:#9771b4;}
.cmt-list li.t-zatsu:before {content:'雑'; background:#67a072;}
.cmt-list li.t-kansou:before {content:'感'; background:#6e8dc0;}
.cmt-list li.t-syusai:before {content:'主'; background:#00C3E5;}

.ex li{border-bottom:none !important; padding:2px 0 2px 38px !important; }
.ex li.t-sanka:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-ikigomi:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-omoide:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-localnavi:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-report:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-chishiki:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-q:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-zatsu:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-kansou:before {margin-top: 5px; margin-left: 10px;}
.ex li.t-syusai:before {margin-top: 5px; margin-left: 10px;}

div.example{
	margin-top: 16px;
	border: 1px solid #004461;
	padding: 10px 10px 0 10px ;
}


.btn-outline-kuchikomi:not(:disabled):not(.disabled).active, .btn-outline-kuchikomi:not(:disabled):not(.disabled):active
{
	border-color: #0094d4;
	color: #fff;
}

.btn-outline-kuchikomi:hover {
    color: #fff;
    background-color:#0094d4;
    border-color:#0094d4;
}
.btn-outline-kuchikomi {
    color:#0094d4;
    background-color: transparent;
    background-image: none;
    border-color:#0094d4;
}

.btn-outline-all.active,
.btn-outline-all:hover
{    background-color: #0094d4;}

.btn-outline-ikigomi.active,
.btn-outline-ikigomi:hover
{    background-color: #ff4444;}

.btn-outline-q.active,
.btn-outline-q:hover
{    background-color: #9771b4;}

.btn-outline-omoide.active,
.btn-outline-omoide:hover
{    background-color: #3792bd;}

.btn-outline-chishiki.active,
.btn-outline-chishiki:hover
{    background-color: #249c4c;}

.btn-outline-localnavi.active,
.btn-outline-localnavi:hover
{    background-color: #ff7ad1;}

.btn-outline-report.active,
.btn-outline-report:hover
{    background-color: #ffa267;}

.scn-event-comment .cmt.t-syusai:before{border-right-color:#00C3E5; border-top-color:#00C3E5;}
.cmt-btn{position:relative; text-align:center; line-height:1em; font-weight:normal; color:#fff!important; text-decoration:none!important; padding:.75em 2em; background-color:#888; display:inline-block; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.3); text-decoration:none; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border:none; cursor:pointer; outline:none;}
.cmt-btn.show-all{margin: 16px 0;}
.cmt-btn.loader{width:100%; margin-top: 24px;}
.cmt-btn:hover{opacity:0.5;}
.cmt-reply{position:absolute; right:16px; bottom:5px;}
.cmt-reply-thread{margin-top:8px; text-align:center;}
.cmt-status{overflow:hidden;}
.t-child{margin-top:16px;clear:both;}
.t-child:before{border:none!important;}
@media screen and (min-width:768px){
  .cmt-reply{ position:absolute;  right:16px;  bottom:13px; }
  .cmt-reply .cmt-btn{ padding:.75em 1em; }
}
@media screen and (min-width:1024px){
  .cmt-reply{ right:32px; }
  .cmt-reply .cmt-btn{ padding:.75em 2em; }
}
.cmt-reply .cmt-btn, .cmt-reply-thread .cmt-btn{background-color:#004461;}

.cmt-btn-filter{
  display: inline-block;
  margin: 16px 0 8px;
  width: 100%;
  text-align: center;
  line-height: 3;
}
.cmt-btn-filter label{
  display: inline;
}
.num-cmts{position:absolute; top:50%; right:-.5em; margin-top:-2em; width:4em; height:4em; border-radius:50%; background-color:#ff396c; color:#FFF; font-family:'robotomedium',sans-serif; font-size:1.2em; line-height:4em; text-align:center; overflow:hidden; z-index:2; box-shadow:0 2px 4px rgba(0,0,0,.2); animation:bounce .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;}
.wrap-event-comments .num-cmts{top:.5em; right:0;}
.num-cmts:before{position:absolute; top:-1.75em; left:0; width:100%; content:'COMMENTS'; text-align:center; color:#FFF; font-family:'robotobold',sans-serif; font-size:8px;}
.num-cmts:after{position:absolute; bottom:-1.5em; left:0; width:100%; content:'件'; text-align:center; color:#FFF; font-weight:bold; font-size:.7em;}
.num-cmts-s{position:absolute; top:50%; right:-2.4em; margin-top:-1em; width:3.5em; height:3.5em; border-radius:50%; background-color:#ff396c; color:#FFF; font-family:'robotomedium',sans-serif; font-size:0.8em; line-height:4.5em; text-align:center; overflow:hidden; z-index:2; box-shadow:0 2px 4px rgba(0,0,0,.2); animation:bounce .3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;}
.num-cmts-s:before{position:absolute; top:-1.2em; left:0; width:100%; content:'クチコミ'; text-align:center; color:#FFF; font-family:'robotobold',sans-serif; font-size:0.8em;}
.active .num-cmts-s{display:none;}
@keyframes bounce{
  0%{transform:scale(0.0); opacity:0;}
  100% {transform:scale(1.0); opacity:1;}
}

.cmt-action{position:relative; text-align:center; padding:4px 16px; color:#FFF; overflow:hidden;
background-color:#394a57;
background: linear-gradient(-45deg, #394a57 25%, #475865 25%, #475865 50%, #394a57 50%, #394a57 75%, #475865 75%, #475865);
background-size:5px 5px;}
.cmt-action .empty-cmt{margin-top:12px;}
.loggedin .cmt-action{padding-bottom:24px;}
.atl-norm .cmt-action p + p{margin-top:0;}
.cmt-action p{font-size:.86em;}
.cmt-action p.ti{font-size:1.25em; font-weight:bold; color:#ebfc31;}
p.btn-cmt-login{margin-top:1em; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px dotted #AAA;}
p.btn-cmt-login button, p.btn-cmt-login a{position:relative; width:100%; padding:12px; line-height:1; text-decoration:none!important; text-align:center; border:1px dotted #004461; display:block; background-color:#004461; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; color:#FFF!important}
.btn-cmt-loginhover{color:#000; box-shadow:0 2px 15px rgba(0,0,0,.8);}
.prev-cmt{margin: 8px 0!important;}
.prev-cmt a {line-height:1.66667; text-align:center; position:relative; margin-bottom:4px; padding:8px 12px; border:1px #dbdbdb solid; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; width:100%; display:block; background-color:#FFF; font-size:0.92em;}

.atl-norm .cmt-form.form-norm{position:relative; border-top:1px dotted #AAA; margin-top:24px; margin-bottom:24px; padding-top:24px;}
.atl-norm .cmt-thankyou .cmt-form.form-norm{border-top:none;margin-top:0;margin-bottom:24px;padding-top:0;}
.atl-norm .loggedin .cmt-form.form-norm{margin-top:0;}
.cmt-form dl{position:relative; width:100%;}
.cmt-form dt{display:none;}
.cmt-form dd{margin-top:8px;}
.cmt-form dd:nth-of-type(1){margin-top:0;}
.atl-norm .cmt-form.form-norm dd input[type='text'],
.atl-norm .cmt-form.form-norm dd textarea{width:100%; padding:8px; background-color:#FFF;}
.atl-norm .cmt-form.form-norm dd textarea{height:100px;}
.cmt-form .chk-cmt-genre{letter-spacing:-.4em; margin:16px 0 0; list-style:none;}
.cmt-form .chk-cmt-genre li{letter-spacing:normal; display:inline-block;}
.cmt-form .chk-cmt-genre li input{margin-right:.5em;}
.cmt-form .chk-cmt-genre li + li{margin-left:1em;}
.atl-norm .cmt-form p{margin-top:8px;}
@media screen and (max-width: 768px) {
    .atl-norm .cmt-form.form-norm dd input[type='text'],
    .atl-norm .cmt-form.form-norm dd textarea{font-size:16px;}
    .atl-norm .cmt-form.form-norm dd textarea{height:120px;}
}


/*-------------------------------------------------------------------------------------------------------------*/
/* ENTRY-FORM
/*-------------------------------------------------------------------------------------------------------------*/

.clm-single-form{position:relative; max-width:900px; background-color:#FFF; margin:0 auto; box-shadow:0 2px 10px rgba(0,0,0,.1);}

.entry-header{position:relative; border-bottom:1px solid #DDD;}
.atl-norm .entry-header h1{position:relative; border-bottom:1px dotted #CCC; padding:8px 16px 8px; padding-left:34px; font-size:1.25em;}
.entry-header .ico{left:4px;}
.atl-norm .entry-header p{position:relative; display:block; padding:8px 16px; background-color:#FAFAFA; color:#333; font-weight:bold;}

.entry-flow{position:relative;}

.entry-flow-msg{margin:8px 16px 0; padding:12px; border:1px dotted #AAA; background-color:#FAFAFA;}
.entry-flow-msg.msg-error{color:#cc3131; border:2px solid #cc3131; background-color:#fffafa; font-size:1.15em;  }
.entry-flow-msg.msg-info{color:#14ac00; border:1px dotted #14ac00; background-color:#f9fff8;}

.atl-norm .scn-entry-flow h1{background-color:#3fb6ea; padding:12px; font-size:1.35em; line-height:1; color:#FFF; text-align:center; border-bottom:3px solid #EEE;}
.wrap-entry-form{position:relative; padding:8px;}

.atl-norm .entry-flow-nav{position:relative; margin:0; border-bottom:solid 4px #3fb6ea; margin-bottom:8px; }
.atl-norm .entry-flow-nav ul{width:100%; overflow:hidden; list-style:none; margin:0;}
.atl-norm .entry-flow-nav li{position:relative; float:left; width:15%; padding:16px 0; background-color:#F5F5F5; text-align:center; font-family:'roboto_condensedbold',sans-serif; font-size:16px; line-height:1; border-left:2px solid #FFF;}
.atl-norm .entry-flow-nav li:after{position:absolute; top:50%; left:0; margin-top:-8px; content:' '; width:0; height:0; border:8px solid transparent; border-left-color:#FFF;}
.atl-norm .entry-flow-nav li:first-child{border-left:none;}
.atl-norm .entry-flow-nav li.current{width:40%; background-color:#3fb6ea; color:#FFF;}
.atl-norm .entry-flow-nav li.over{color:#DDD; background-color:#FFF;}
.atl-norm .entry-flow-nav li span{display:none; position:absolute; bottom:4px; left:0; width:100%; text-align:center; font-size:10px; line-height:1; font-weight:bold;}
.atl-norm .entry-flow-nav li.current span{display:block;}

/* NEW ENTRY-FLOW 2017.07.03 */
.atl-norm .entry-flow-nav-bottom{position:relative; text-align:center;}
.atl-norm .entry-flow-nav-bottom ul{display:table; width:100%; margin:0; list-style:none; font-size:.86em; line-height:1.2;}
.atl-norm .entry-flow-nav-bottom li{position:relative; display:table-cell; width:33.33333333%; height:40px; vertical-align:middle; padding-left:1em;}
.atl-norm .entry-flow-nav-bottom li br{display:none;}
@media screen and (max-width:399px){
  .atl-norm .entry-flow-nav-bottom li br{display:inherit;}
}
.atl-norm .entry-flow-nav-bottom li.current{background-color:#3fb6ea!important; color:#FFF;}
.atl-norm .entry-flow-nav-bottom li::after{position:absolute; top:0; right:-12px; content:' '; width:0; height:0; border:20px solid transparent;
  border-right:none; border-left:12px solid #000;}
.atl-norm .entry-flow-nav-bottom li:nth-of-type(1){background-color:#F5F5F5; z-index:3; padding-left:0;}
.atl-norm .entry-flow-nav-bottom li:nth-of-type(1)::after{border-left-color:#F5F5F5;}
.atl-norm .entry-flow-nav-bottom li:nth-of-type(2){background-color:#F5F5F5; z-index:2;}
.atl-norm .entry-flow-nav-bottom li:nth-of-type(2)::after{border-left-color:#F5F5F5;}
.atl-norm .entry-flow-nav-bottom li:nth-of-type(3){background-color:#F5F5F5; z-index:1;}
.atl-norm .entry-flow-nav-bottom li:nth-of-type(3)::after{border-left-color:#F5F5F5; display:none;}
.atl-norm .entry-flow-nav-bottom li.current::after{border-left-color:#3fb6ea!important;}

.atl-norm .scn-entry-flow h1{position:relative; background-color:#23b4e6; padding:12px; font-size:1.35em; line-height:1; color:#FFF; text-align:center; border-bottom:1px dotted #3fb6ea;
  background-image:linear-gradient(-45deg,
  #3fb6ea 25%,
  #31a6e4 25%, #3fb6ea 50%,
  #3fb6ea 50%, #3fb6ea 75%,
  #31a6e4 75%, #3fb6ea
  ); background-size:3px 3px;}
.atl-norm .scn-entry-flow h1::after{position:absolute; bottom:-4px; left:0; content:' '; width:100%; height:0;}

.chart-entryflow{position:relative; margin-top:2em; margin-bottom:2em;}
.chart-entryflow figure{background-color:#f4f8fa; padding:1em; text-align:center; border:1px dotted #EEE;}
.chart-entryflow figure img{max-width:100%; height:auto;}

.select-member{position:relative;}
.atl-norm .select-member h2{border:1px solid #d2dfe4; border-bottom:1px dotted #d2dfe4; text-align:center; padding:.75em; margin:0; display:block;}
.atl-norm .select-member h2 + p{text-align:center; border:1px solid #d2dfe4; border-top:none; padding:0.3em; display:block;}
.wrap-list-members{position:relative; background-color:#ebf3f6; padding:4px; margin-bottom:1em; letter-spacing:-.4em;}
.wrap-list-members .blk-member,
.wrap-list-members .blk-add-member{position:relative; display:inline-block; vertical-align:top; letter-spacing:normal; width:100%; border:4px solid #ebf3f6; text-align:center; background-color:#FFF; padding-top:8px; cursor:pointer}
.wrap-list-members .blk-member.on{background-color:#3fb6ea;}
.atl-norm .wrap-list-members p{margin-bottom:0; padding-left:8px; padding-right:8px;}
.atl-norm .wrap-list-members p + p{margin-top:0;}
.atl-norm .wrap-list-members ul{margin:0;}
.wrap-list-members .blk-member.on p{color:#FFF;}
.wrap-list-members .blk-member .nm{font-weight:bold;}
.wrap-list-members .blk-member .nm i{position:relative; display:block; width:48px; height:48px; border:2px solid #eee; margin:0 auto 8px; border-radius:50%; background-position:center; background-repeat:no-repeat; background-color:#FFF;
  -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.wrap-list-members .blk-member .nm i{background-image:url(/image/udo/entry-flow/icn-off.svg);}
.wrap-list-members .blk-member.on .nm i{background-image:url(/image/udo/entry-flow/icn-on.svg); border-color:#3fb6ea;}
/*.wrap-list-members .blk-member.on .nm i::before{position:absolute; left:-2.5em; top:50%; margin-top:-.4em; content:'参加'; font-size:18px; line-height:1; color:#FFF; font-weight:normal;}*/
.wrap-list-members .blk-member .age-sex,
.wrap-list-members .blk-member .ent-evt{font-size:.75em; line-height:1.5; min-height:1.5em; display:block;}
.wrap-list-members .blk-member .ent-evt{height:1.5em; overflow:hidden;}
.atl-norm .wrap-list-members ul.member-btm-btns{position:absolute; top:0;right:0;letter-spacing:-.4em; margin:4px 2px -4px;}
.atl-norm .wrap-list-members ul.member-btm-btns li{letter-spacing:normal; display:inline-block; padding:2px; font-size:.86em; line-height:1;}
.atl-norm .wrap-list-members ul.member-btm-btns li a{position:relative; display:block; text-decoration:none; font-weight:bold; padding:.75em .3em; width:94px;}
.atl-norm .wrap-list-members ul.member-btm-btns li a:before{position:absolute; top:50%; left:4px; width:20px; height:20px; margin-top:-10px; content:' '; background-position:center; background-repeat:no-repeat;
  -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.atl-norm .wrap-list-members ul.member-btm-btns li a:hover{}
.atl-norm .wrap-list-members ul.member-btm-btns li.cancel a{border:1px solid #DDD; background-color:#FFF; color:#556267;}
.atl-norm .wrap-list-members ul.member-btm-btns li.cancel a:hover{background-color:#EEE;}
.atl-norm .wrap-list-members ul.member-btm-btns li.cancel a:before{background-image:url(/image/udo/entry-flow/icn-sml-cancel.svg);}
.atl-norm .wrap-list-members ul.member-btm-btns li.edit a{background-color:#FFF; color:#666; border:1px solid #CCC;}
.atl-norm .wrap-list-members ul.member-btm-btns li.edit a:before{background-image:url(/image/udo/entry-flow/icn-sml-edit.svg);}
.atl-norm .wrap-list-members ul.member-btm-btns li.edit a:hover{background-color:#EEE;}
.atl-norm .wrap-list-members ul.member-btm-btns li.rgst-evt a{background-color:#3fb6ea; color:#FFF;}
.atl-norm .wrap-list-members ul.member-btm-btns li.rgst-evt a:before{background-image:url(/image/udo/entry-flow/icn-sml-entry.svg);}
.atl-norm .wrap-list-members ul.member-btm-btns li.rgst-evt a:hover{background-color:#77cef4;}

.atl-norm .wrap-list-members ul.member-top-btns{position:absolute; top:0;left:0;letter-spacing:-.4em; margin:4px 2px -4px 2px;}
.atl-norm .wrap-list-members ul.member-top-btns li{letter-spacing:normal; display:inline-block; padding:2px; font-size:.86em; line-height:1; border-radius: 8px; background-color: #FFF; border: 1px solid #FCC800}
.atl-norm .wrap-list-members ul.member-top-btns li span{position:relative; display:block; text-decoration:none; font-weight:bold; padding:.3em; width:84px;}
.atl-norm .wrap-list-members ul.member-top-btns li i{color: #FCC800}


.wrap-list-members .blk-add-member{padding-top:0;}
.wrap-list-members .blk-add-member a{display:block; width:100%; height:100%; text-decoration:none; padding:16px 8px;}
.wrap-list-members .blk-add-member span{font-size:1.1em;}
.wrap-list-members .blk-add-member span i{position:relative; display:block; width:64px; height:64px; border:1px solid #004461; margin:0 auto 4px; border-radius:50%;}
.wrap-list-members .blk-add-member span i::before,
.wrap-list-members .blk-add-member span i::after{position:absolute; top:50%; left:50%; content:' ';}
.wrap-list-members .blk-add-member span i::before{margin-left:-15px; width:30px; height:0; border-top:1px solid #004461;}
.wrap-list-members .blk-add-member span i::after{margin-top:-15px; height:30px; width:0; border-left:1px solid #004461;}
.wrap-list-members .blk-add-member.disabled{background-color:#CCCCCC;}
.wrap-list-members .blk-add-member.disabled a:hover{cursor:default}
.wrap-list-members .blk-add-member.disabled i,
.wrap-list-members .blk-add-member.disabled i::before,
.wrap-list-members .blk-add-member.disabled i::after{border-color:#666666}

.wrap-list-members p {letter-spacing:0;}
.wrap-list-members p.alert {color:#f90040;}

.atl-norm .name-current-member{position:relative; margin-left:40px; padding-left:12px; border-left:1px solid #DDD;}
.atl-norm .name-current-member p{font-size:.875em;}
.atl-norm .name-current-member p + h3{margin-top:0;}
.atl-norm .name-current-member h3{font-size:1.35em; line-height:1; font-weight:normal; margin-bottom:8px;}
.atl-norm .name-current-member h3 span.sml{font-size:.65em;}
.atl-norm .name-current-member::before{position:absolute; top:0; left:-44px; width:36px; height:36px; content:' '; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/entry-flow/avatar.svg);
  -webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; background-size:contain;}

.memberlist{position:relative; margin-bottom:2em;}

.personaldata{position:relative; background-color:#FAFAFA; border-top:1px dotted #b0c2c9; margin-bottom:2em;}
.personaldata.non-editable{margin-bottom:2em;}
.personaldata.delegate{margin-bottom:2em; padding-bottom:16px;}
.personaldata .dl-personaldata{position:relative; overflow:hidden; font-size:.92em; padding:8px 16px 16px;}
.personaldata .dl-personaldata.left{padding-bottom:0;}
.personaldata .dl-personaldata.right{padding-top:0;}
.personaldata .dl-personaldata dt{float:left; width:6em; margin-top:8px;}
.personaldata .dl-personaldata dt span.onlyPC{display:none;}
.personaldata .dl-personaldata dd{margin-left:6em; margin-top:8px; word-break: break-all;}
.personaldata .dl-personaldata.right dt{width:6em;}
.personaldata .dl-personaldata.right dd{margin-left:6em;}
.personaldata .alert-personaldata{clear:both; position:relative; margin:16px 16px 0; background-color:#FFF; border:1px dotted #ee5631; padding:8px 12px; color:#ee5631;}

.personaldata .btn-edit-entry{position:absolute; bottom:-2em; right:0;}
.personaldata .btn-edit-entry.mypage{position:relative; bottom:auto; right:auto; float:right; margin-right:16px;}
.btn-edit-entry{display:inline-block; text-align:center;}
.btn-edit-entry.aln-R{float:right;}
.btn-edit-entry.aln-R a{}
.atl-norm .btn-edit-entry a{position:relative; display:block; text-decoration:none; font-weight:bold; text-align:center; padding:.5em 1em; padding-left:40px; text-decoration:none;}
.atl-norm .btn-edit-entry a:hover{}
.btn-edit-entry a:before{position:absolute; top:50%; left:8px; width:20px; height:20px; margin-top:-10px; content:' '; background-position:center; background-repeat:no-repeat;
  -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.btn-edit-entry.edit a,
.btn-edit-entry.mypage a{background-color:#004461; color:#FFF;}
.btn-edit-entry.edit a:before{background-image:url(/image/udo/entry-flow/icn-sml-edit.svg);}
.btn-edit-entry.mypage a:before{background-image:url(/image/udo/entry-flow/icn-sml-edit.svg);}
.btn-edit-entry.edit a:hover,
.btn-edit-entry.mypage a:hover{background-color:#1d7ba3;}

.preview-entry-event-and-options{position:relative; padding-bottom:1em; margin-bottom:1em; overflow:hidden;}
.form-confirm .preview-entry-event-and-options{padding-bottom:0; border-bottom:none;}
.preview-entry-event-and-options .btn-alter{margin-top:1em;}
.preview-entry-event-and-options .inner-preview-entry{}
.preview-entry-event-and-options .inner-preview-entry + .inner-preview-entry{margin-top:1em;}
.preview-entry-event-and-options dl{position:relative; display:table; width:100%;}
.preview-entry-event-and-options dt,
.preview-entry-event-and-options dd{display:table-cell; padding:.5em 1em; border-bottom:2px solid #FFF;}
.preview-entry-event-and-options dt{background-color:#ebf3f6; width:6em;}
.preview-entry-event-and-options dd{background-color:#f7f7f7; border-left:2px solid #FFF;}
.preview-entry-event-and-options ul{width:100%; border-top:3px solid #0094d4; list-style:none; margin:0;}
.preview-entry-event-and-options li{display:block; background-color:#f7f7f7; padding:.5em 1em; border-bottom:2px solid #FFF;}

.notice-must{display:block; font-size:.83em; line-height:1; color:#f90040; font-weight:normal; margin-bottom:.5em;}
.form-confirm .notice-must{display:none;}
.notice-must i{position:relative; display:inline-block; vertical-align:middle; width:15px; height:15px; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/entry-flow/icn-must.svg);
  -webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; background-size:contain;}
.wrap-questionnaire{position:relative; padding:8px; background-color:#e6f0f4; margin-bottom:2em;}
.form-confirm .wrap-questionnaire{margin-bottom:1em;}
.wrap-questionnaire dl{position:relative;}
.wrap-questionnaire dt{position:relative; background-color:#FFF;padding:4px 0;}
.wrap-questionnaire dt p{margin:0 4px;padding:6px 16px;color:#FFF;
  background-color:#62b1d3;
  background-image:linear-gradient(-45deg,
  #62b1d3 25%,
  #81c1dc 25%, #62b1d3 50%,
  #62b1d3 50%, #62b1d3 75%,
  #81c1dc 75%, #62b1d3
  ); background-size:3px 3px;}
.wrap-questionnaire dt.questionnaire-notice{position:relative; color:#545454; background-color:#FFDB81; background-image: none; padding:8px 12px;}
/*.wrap-questionnaire dt.itm-must::before{position:absolute; top:50%; left:-8px; margin-top:-7.5px; content:' '; width:15px; height:15px; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/entry-flow/icn-must.svg);
-webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; background-size:contain;}
.form-confirm .wrap-questionnaire dt.itm-must::before{display:none;}*/
.form-norm .wrap-questionnaire dt.ipt-error{color:#fff;
  /*background-image:linear-gradient(-45deg,
  #ff3153 25%,
  #ff647e 25%, #ff3153 50%,
  #ff3153 50%, #ff3153 75%,
  #ff647e 75%, #ff3153
  ); background-size:3px 3px;*/}
.wrap-questionnaire dd{background-color:#FFF; padding:12px 16px;}
.wrap-questionnaire dd .spmt{display:inline;}
.wrap-questionnaire ul,
.wrap-questionnaire ol{margin:0; list-style:none; letter-spacing:-.4em;}
.wrap-questionnaire li{letter-spacing:normal; display:inline-block; vertical-align:top; margin-right:2em; margin-bottom:.5em;}

.questionnaire-terms{position:relative; margin-bottom:2em;}

.scn-se-insurance{position:relative; background-color:#f2fdff; margin-top: 16px; margin-bottom:2em;}
.scn-se-insurance .ti{position:relative; top:-32px; text-align:center; margin:0 auto -40px; width:200px;}
.scn-se-insurance .text-num{position:absolute; bottom:0; right:0; padding:.75em .5em; background-color:#FFF; font-size:.83em; line-height:1;}
.inner-se-insurance{position:relative; padding:16px 16px;}
.inner-se-insurance .fntL{color:#4f5f66; font-size:1.15em; text-align:left;}
.inner-se-insurance .fntL br{display:none;}
.inner-se-insurance.box-top{border-bottom:1px dotted #cfe2e5;
  background:#f2fdff;
  background:-moz-linear-gradient(top, #f3ffde 0%, #e6fcff 100%);
  background:-webkit-linear-gradient(top, #f3ffde 0%,#e6fcff 100%);
  background:linear-gradient(to bottom, #f3ffde 0%,#e6fcff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ffde', endColorstr='#e6fcff',GradientType=0 );}
.inner-se-insurance.box-bottom{padding-bottom:40px;}
.inner-se-insurance .list-notice{margin:1em 0 0;}
.inner-se-insurance .list-notice li{text-indent:-1em; margin-left:1em;}
.inner-se-insurance .list-notice li + li{margin-top:.25em;}
.inner-se-insurance .bdr-btm{border-bottom:1px dotted #d9e3e5; padding-bottom:2em;}
.inner-se-insurance .clr-red{color:#f90040; margin-bottom:.5em;}
.se-insurance-questionnaire{}
.se-insurance-questionnaire dt{padding:.5em 1em; background-color:#d6ebec; font-weight:bold; color:#133433;}
.se-insurance-questionnaire dd{padding:1em; background-color:#f9feff;}
.se-insurance-questionnaire ul,
.se-insurance-questionnaire ol{margin:0; list-style:none; letter-spacing:-.4em;}
.se-insurance-questionnaire li{letter-spacing:normal; display:inline-block; vertical-align:top; margin-right:2em;}

.form-norm .scn-se-insurance button{padding:1em; background-color:#00a9a3;}
.form-norm .scn-se-insurance .dark button{background-color:#00726e; font-size:.92em;}
.form-norm .scn-se-insurance button:hover{background-color:#4ecbc7;}
.form-norm .scn-se-insurance .dark button:hover{background-color:#35a39f;}
.form-norm .scn-se-insurance .dark button:disabled{background-color:#eee;}
.form-norm .scn-se-insurance .dark button.btn-cancel{font-weight:normal; color:#FFF; background-color:#888;}

.se-insurance-terms{position:relative; background-color:#FFF; border:none; border-top:2px solid #4f5f66; width:100%; height:300px; overflow-y:scroll; margin-bottom:1.5em; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}

.atl-insurance{position:relative; padding:16px 8px; font-size:1.1em;}
.atl-insurance section + section{margin-top:2em;}
.atl-insurance .ins-ti{text-align:center; font-size:1.35em; color:#4f5f66; font-weight:bold;}
.atl-insurance .ins-ti span{font-weight:normal; font-size:.86em;}
.atl-insurance h2{border:1px dotted #4f5f66; padding:8px; display:block; text-align:center; font-size:1.35em; color:#4f5f66;}
.atl-insurance h3{font-size:1.25em; color:#4f5f66; padding-bottom:.25em; border-bottom:1px solid #d5dcdf;}
.atl-insurance h4{font-size:1.15em; color:#4f5f66; margin-bottom:.5em;}
.atl-insurance p{}
.atl-insurance p + p{margin-top:1em;}
.atl-insurance p + h3{margin-top:1.5em;}
.atl-insurance ul,
.atl-insurance ol{margin:0; margin-left:1.5em; margin-bottom:1.5em; padding:0;}
.atl-insurance li > ul,
.atl-insurance li > ol{margin-top:1em;}
.atl-insurance ul{list-style:disc;}
.atl-insurance ol{list-style:decimal;}
.atl-insurance li{margin:0;}
.atl-insurance li + li{margin-top:.5em;}
.atl-insurance dl{margin:0 0 1.5em;}
.atl-insurance dt{font-weight:bold; margin:0 0 .25em;}
.atl-insurance dd + dt{margin-top:.5em;}
.atl-insurance dd{margin:0 0 0 1em;;}

.ins-btn {margin-bottom:20px;}

.edit-personaldata{position:relative; background-color:#FAFAFA; border-top:1px dotted #b0c2c9; padding:8px;}
.edit-personaldata .tb-form-norm{border-bottom:none; background-color:#FFF;}
.edit-personaldata .tb-form-norm tbody{}
.edit-personaldata .tb-form-norm th{padding:8px; border-top:1px solid #DDD;}
.edit-personaldata .tb-form-norm tr:nth-of-type(1) th{border-top:none; padding-top:8px;}
.edit-personaldata .tb-form-norm td{padding-left:8px; padding-right:8px;}

.share-entry{position:relative; text-align:center; margin:12px -16px -24px; padding:8px 16px 16px; border-top:4px solid #004461;}
.share-entry{background-color:#f1f7fb;
  background-image:linear-gradient(-45deg,
  #f1f7fb 25%,
  #e3edf3 25%, #e3edf3 50%,
  #f1f7fb 50%, #f1f7fb 75%,
  #e3edf3 75%, #e3edf3
  ); background-size:3px 3px;}
.share-entry .ti{font-size:1.15em; font-weight:bold; color:#004461; padding:.5em 1em 1em;}
.atl-norm .share-entry ul{margin:0;}
.share-entry ul{list-style:none; letter-spacing:-.4em; width:100%; }
.share-entry li{display:block; letter-spacing:normal;}
.share-entry li a{display:block; width:100%; height:48px; text-align:center; font-size:.92em; line-height:48px; font-weight:bold; background-repeat:no-repeat; background-position:left center;
  -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%; background-size:auto 100%;}
.atl-norm .share-entry li a{text-decoration:none; color:#FFF; }
.atl-norm .share-entry li a:hover{opacity:.5;}
.share-entry li.fb a{background-image:url(/image/udo/entry-flow/i-sns-facebook.svg); background-color:#305097;}
.share-entry li.tw a{background-image:url(/image/udo/entry-flow/i-sns-twitter.svg); background-color:#00aced;}

/*-------------------------------*/
label.change_delivery_status {	margin: 4px 2em 0!important;}

input.entry { display: none!important;}
input.entry+label,input.entry+label::before,input.entry+label::after,label.lotentry,label.lotentry::before,label.lotentry::after { font-size:.92em; -webkit-transition: all .2s; transition: all .2s;}
input.entry+label,label.lotentry { display: inline-block; position: relative; width: 160px; height: 28px; border-radius: 24px; cursor: pointer;}
input.entry+label::before,label.lotentry::before { display: block; content: attr(data-off-label); position: absolute; top: 4px; right: 20px; color: #fff; font-size: 1em;}
input.entry+label::after { content: ''; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%;}
input.entry:checked+label::before, label.lotentry::before { content: attr(data-on-label); right: auto; color: #fff;}
input.entry:checked+label::before { left: 32px;}
label.lotentry::before { left: 44px;}
input.entry:checked+label::after,label.lotentry::after { left: 130px; background-color: #f7f7f7;}

input.entry+label,label.lotentry { background-color: #dddddd;}
input.entry+label::before,label.lotentry::before { color: #999;}
input.entry:checked+label,label.lotentry { background-color: #FCC800;}
input.entry:checked+label::before,label.lotentry::before { color: #155b7f;}


input.select_event { display: none;}
input.select_event+label,input.select_event+label::before,input.select_event+label::after,label.lotentry,label.lotentry::before,label.lotentry::after { font-size:14px; -webkit-transition: all .2s; transition: all .2s;}
input.select_event+label,label.lotentry { display: inline-block; position: relative; width: 160px; height: 28px; border-radius: 24px; cursor: pointer;}
input.select_event+label::before,label.lotentry::before { display: block; content: attr(data-off-label); position: absolute; top: 4px; right: 40px; color: #fff; font-size: 1em;}
input.select_event+label::after { content: ''; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%;}
input.select_event:checked+label::before, label.lotentry::before { content: attr(data-on-label); right: auto; color: #fff;}
input.select_event:checked+label::before { left: 48px;}
label.lotentry::before { left: 44px;}
input.select_event:checked+label::after,label.lotentry::after { left: 130px; background-color: #f7f7f7;}

input.select_event+label,label.lotentry { background-color: #dddddd;}
input.select_event+label::before,label.lotentry::before { color: #999;}
input.select_event:checked+label,label.lotentry { background-color: #FCC800;}
input.select_event:checked+label::before,label.lotentry::before { color: #155b7f;}

/*-------------------------------*/

.wrap-entry-form .caution { border: 1px solid #0094d4; padding: 5px; margin-bottom: 10px; background: #FFF; color: #0094d4; text-align:center; border-radius:3px; }
.wrap-entry-form .caution ul{
  margin: 2px 0;
}
/* / NEW ENTRY-FLOW 2017.07.03 */

.scn-entry-flow .member-detail{position:relative; border:1px solid #DDD; background-color:#F2F2F2; padding:16px; display:block; overflow:hidden; margin:8px 0 16px;}
.scn-entry-flow .member-detail p.name{font-size:1.2em; line-height:1.4; font-weight:bold;}
.scn-entry-flow .member-detail p.name span{margin-left:1em; font-size:.83em; font-weight:normal;}
.scn-entry-flow .member-detail p.name i{position:relative; margin-top:-2px; background:url(/image/udo/events/svg/i-avatar.svg) no-repeat center; width:24px; height:24px; margin-left:0; margin-right:5px; font-size:1px; line-height:1; overflow:hidden; display:inline-block; vertical-align: middle;
-webkit-background-size:24px 24px; -moz-background-size:24px 24px; -ms-background-size:24px 24px; background-size:24px 24px;}
.scn-entry-flow .member-detail dl{overflow:hidden;}
.scn-entry-flow .member-detail dt{float:left; width:5em; margin-top:.25em;}
.scn-entry-flow .member-detail dd{margin-left:5em; margin-top:.25em;}
.btn-add-member,
.btn-close-add-member{position:relative; width:100%; padding:8px; font-size:1.1em; line-height:1; text-decoration:none!important; text-align:center; letter-spacing:.05em; font-family:'robotomedium',sans-serif; color:#555; border:1px dotted #555; cursor:pointer; display:block;}
.btn-close-add-member{font-size:1em;}
.btn-add-member.active{}

.dd-new-member .tb-form-norm{border-bottom:1px solid #000;}
.add-new-member .tb-form-norm + p{margin-top:8px;}

.atl-norm .list-member{width:100%; list-style:none; margin:16px 0 0;}
.list-member li{position:relative; border-top:1px solid #DDD; display:block; width:100%; padding:8px; letter-spacing:-.4em;}
.list-member li:nth-child(even){background-color:#F5F5F5;}
.list-member li > div{display:inline-block; vertical-align:middle; letter-spacing:normal;}
.list-member li .name{font-weight:bold;}
.list-member li .name i{position:relative; margin-top:0; margin-left:8px; margin-right:8px; width:24px; height:24px; font-size:1px; line-height:1; overflow:hidden; display:inline-block; vertical-align:middle;}
.list-member li .edit{position:absolute; top:1em; right:0; text-align:right; width:3em; height:1em; line-height:1em; font-size:.92em;}
.list-member li .more-info{display:block; overflow:hidden; margin-left:4em; margin-right:0; font-size:.92em; line-height:1em; color:#666;}
.list-member li .more-info span{float:left;}
.list-member li .more-info span:first-child:before{position:relative; content:'（ ';}
.list-member li .more-info:after{position:relative; content:'  ）'; padding-left:.5em;}
.list-member li .more-info span + span{margin-left:0;}
.list-member li .more-info span + span:before{position:relative; content:' ・ ';}
.list-member li .more-info .region{position:relative; overflow:hidden; white-space:nowrap;}
.list-member li .more-info .region.cut-text:after{position:absolute; top:0; right:0; width:3em; height:100%; content:'...'; text-align:right; background-color:rgba(255,255,255,.8);
background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,gba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);}

.atl-norm .member-check-all{margin:0; padding:4px; overflow:hidden; background-color:#556267; border-bottom:2px solid #EEE; font-size:.86em; color:#004461; font-weight:bold;}
.member-check-all li{float:left; margin:0; padding:0; width:50%; height:32px; line-height:32px; text-align:center; background-color:#FFF; cursor:pointer;}
.member-check-all li + li{border-left:none; background-color:#EEE; border-left:2px solid #556267; color:#444;}
.member-check-all li label{margin-left:8px;}

.add-new-member{position:relative; padding:16px;}

.tb-list-payment{position:relative; border-collapse:collapse; width:100%; margin-bottom:24px; font-size:.92em;}
.tb-list-payment thead{display:none; background-color:#f2fbff;}
.tb-list-payment tbody tr{position:relative; border-bottom:1px solid #DDD; overflow:hidden; width:100%; display:block;}
.tb-list-payment tr.current{background-color:#FFE297;}
.tb-list-payment tr.total{background-color:#F0F0F0;}
.tb-list-payment tbody td{position:relative; padding:2px 8px; text-align:left;}
.tb-list-payment .empty{display:none; text-align:right;}
.tb-list-payment tbody td.nm,
.tb-list-payment tbody td.r{display:block; padding:2px 8px;}
.tb-list-payment tbody td.nm{padding-top:8px; padding-right:6em; font-weight: bold;}
.tb-list-payment tbody td:before{position:relative;}
.tb-list-payment tbody td.r:before{content:'種目：'}
.tb-list-payment tbody td.count:before{content:'数量：'}
.tb-list-payment tbody td.price:before{content:'単価：'}
.tb-list-payment tbody td.subtotal:before{content:'合計：'}
.tb-list-payment tbody td.total:before{content:'合計：'}
.tb-list-payment tbody td.total{padding-top:8px; text-align:right; display:block;}
.tb-list-payment tbody td.btn-fix{position:absolute; top:6px; right:0; font-size:.92em; font-weight:bold; text-align:center;}

/* MODIFIED 2017.07.28 */
.wrap-choose-payment{margin:16px auto; border:4px solid #F5F5F5; padding:16px;}
.choose-payment{margin-bottom:0; font-size:.92em; line-height:1.4;}
.choose-payment + p,
.choose-payment + h4,
.choose-payment + ul{margin-top:24px;}
.atl-norm .wrap-choose-payment h4{margin-bottom:4px;}
.atl-norm .choose-payment{margin-top:8px; margin-left:0; list-style:none;}
.choose-payment li{display:block; width:100%; padding:2px 0;}
.atl-norm .choose-payment li a{display:table; width:100%; text-decoration:none; border:1px solid #EEE; background-color:#F7F7F7; box-shadow:0 1px 2px rgba(0,0,0,.1);}
.atl-norm .choose-payment li a:hover{background-color:#EEE;}
.choose-payment li span,
.choose-payment li i{display:table-cell; vertical-align:middle;}
.choose-payment li span.nm{width:70%; width:calc(100% - 5em - 32px); padding:1em; text-align:left; padding-right:1em;}
.choose-payment li span.prc{width:20%; width:5em; padding:1em; padding-left:0; text-align:right; font-size:.83em; line-height:1; color:#555; font-weight:bold; white-space:nowrap;}
.choose-payment li i{width:10%; width:32px; border-left:1px dotted #CCC; background-color:#F4F4F4; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/entry-flow/arrow-payment.svg); transition:background-color .3s ease-in-out;
  -webkit-background-size:32px 32px; -moz-background-size:32px 32px; -ms-background-size:32px 32px; background-size:32px 32px;}
.atl-norm .choose-payment li a:hover i{background-color:#DDD;}
.notice-complete{border:1px solid #DDD; background-color:#F5F5F5; padding:8px; margin-bottom:8px;}
/* / MODIFIED 2017.07.28 */

.wrap-payment{margin-top:2em}

/*-------------------------------------------------------------------------------------------------------------*/
/* ERROR-PAGE
/*-------------------------------------------------------------------------------------------------------------*/
.atl-error{margin:0 auto; max-width:800px; text-align:center; padding:64px 24px; font-size:1.25em; min-height:50vh; background:url(/image/udo/events/svg/i-exclamation.svg) no-repeat center top;
background-size:contain;}
.atl-error *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.atl-error h1{position:relative; font-family:'robotothin',sans-serif; font-size:2.75em; color:#0094d4; margin:0 auto 16px;}
.atl-error h1 span{color:#97c7db;}
.atl-error h2{font-size:1em; color:#0094d4; font-family:'notoB',sans-serif; font-weight:normal;}
.atl-error .lg img{width:300px; height:48px;}
.atl-error .search-block{position:relative; margin:24px 0; width:100%;}
.atl-error .search-block input{width:calc(100% - 5em); max-width:400px; padding:10px 12px; background-color:#F0F0F0; border:none;}
.atl-error .search-block button{background-color:transparent; border:none; cursor:pointer; outline:none; padding:10px 12px; text-align:center; width:5em; -webkit-appearance:none; appearance:none; background-color:#0094d4; color:#FFF;}

.atl-error .btn-backhome{margin-top:64px;}
.atl-error .btn-backhome a{border:1px dotted #0094d4; padding:.75em 3em; display:inline-block; background-color:rgba(255,255,255,.8)}



/**/
.wrap-navigation-only-smp,
.wrap-navigation-only-smp.fixed{display:none; transition:all .3s ease-in-out;}
@media screen and (max-width: 768px){
header{height:80px;}
.header-title{}
.header-search{display:none;}
#headerSub{display:none;}

.mask-nav{display:block;}
.wrap-navigation-only-smp{position:relative; width:100%; z-index:100; background-color:#FFF; display:block;}
.wrap-navigation-only-smp.fixed{position:fixed; top:0; left:0; box-shadow:0 2px 2px rgba(0,0,0,.1); display:block;}
.wrap-navigation-only-smp + .atl-norm{margin-top:8px;}
.wrap-navigation-only-smp.fixed + .atl-norm{padding-top:40px;}
.navigation-only-smp{position:relative; background-color:#FAFAFA; border-top:1px solid #EEE; border-bottom:1px solid #EEE; width:100%; z-index:11;}
#Trigger-nav-smp{position:relative; height:40px; line-height:40px; padding-left:30px; padding-right:12px; font-size:1.5em; font-family:'robotomedium',sans-serif; color:#005896; cursor:pointer; display:inline-block; transition:all .3s ease-in-out;border-right:1px dotted #DDD;}
#Trigger-nav-smp.active{color:#aaa;}
#Trigger-nav-smp:before{position:absolute; top:0; left:6px; width:15px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#F7F7F7; transition:all .3s ease-in-out;
content: "\f078"; font-family: FontAwesome;color:#005896; font-size:0.9em;}
#Trigger-nav-smp.active:before{content: "\f00d"; font-family: FontAwesome;color:#aaa;}
#Trigger-nav-smp span{font-size:0.9em;}
.navigation-only-smp a.btn-norm{font-weight:bold; text-decoration:none;}

#navigation-event-smp{position:absolute; top:42px; left:0; width:100%; z-index:10; font-size:1.25em; line-height:1.4; display:none; background-color:#FFF; box-shadow:0 2px 2px rgba(0,0,0,.1);}
.fixed #navigation-event-smp{position:relative; top:0; box-shadow:0 0 0 rgba(0,0,0,0);}
#navigation-event-smp .ti{position:relative; background-color:#edf2f4; border-top:1px solid #dae6ea; padding:.5em; text-align:center; margin-bottom:0; font-size:1.3em; font-weight:bold; color:#004461; display:block;}
#navigation-event-smp ul{position:relative; letter-spacing:-.4em; list-style:none; margin:0; padding:0; border-bottom:1px solid #DDD;}
#navigation-event-smp ul:before{position:absolute; top:0; left:50%; width:0; height:100%; content:' '; border-left:1px solid #DDD;}
#navigation-event-smp hr{display:block; height:0; width:100%; border:none; margin:0; padding:0; border-top:8px solid #222;}
#navigation-event-smp li{position:relative; letter-spacing:normal; display:inline-block; width:50%; margin:0; padding:0; text-align:left; border-collapse: collapse; border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-top:-1px; vertical-align:top; z-index:2;}
#navigation-event-smp li.fullW{width:100%; background-color:#FFF; z-index:1;}
#navigation-event-smp li a{position:relative; display:block; padding:16px 0 16px 12px; transition:all .3s ease-in-out;}
#navigation-event-smp li.dline-side a{padding-top:calc(.75em + 16px);}
#navigation-event-smp ul.list-local{font-weight:bold;}
#navigation-event-smp ul.list-local a{color:#545454;text-decoration:none;}
#navigation-event-smp ul.list-global{}
#navigation-event-smp ul.list-global a{color:#111;text-decoration:none;}
#navigation-event-smp ul.list-global a:hover{color:#888;}

.navigation-only-smp .btn-norm{position:absolute; top:0; right:0; display:block; width:50%; height:40px; line-height:40px; color:#FFF; background-color:#14ac00; padding:0 2em 0 2em; font-size:1.3em; text-align:center;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.navigation-only-smp a.btn-norm:hover{color:#FFF; opacity:.7;}
.navigation-only-smp .btn-norm:before{position:absolute; top:50%; left:-4px; margin-top:-8px; width:16px; height:16px; background-repeat:no-repeat; background-position:center; content:' '; opacity:1; background-image:url(/image/udo/events/svg/arrow-white.svg);
-webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px; background-size:16px 16px;}
.navigation-only-smp .btn-norm.active{background-color:#EEE;}

.btn-mypage-smp{position:relative; display:block; padding:12px 16px; margin:0!important; background-color:#EEE;}
.btn-mypage-smp a{display:block; height:40px; line-height:40px; color:#FFF; text-align:center; background-color:#005896; padding:0 1em; font-size:1em; box-shadow:0 1px 3px rgba(0,0,0,.2)}

.header-instant-login{position:absolute; top:40px; left:0; width:100%; padding:16px; display:none; background-color:#F0F0F0; z-index:99;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
box-shadow:0 2px 4px rgba(0,0,0,.3);}
.header-instant-login *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.header-instant-login dl{}
.header-instant-login dt{display:none;}
.header-instant-login dd{width:100%; margin:0 0 4px;}
.header-instant-login input{padding:8px; width:100%; background-color:#FFF; font-size:1.2em;}
.header-instant-login button{background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; -webkit-appearance:none; appearance:none;}
.header-instant-login button{width:100%; padding:12px 16px; font-size:1.25em; line-height:1; color:#FFF; font-family:'notoB',sans-serif; display:block; text-decoration:none; text-align:center; background-color:#004461; cursor:pointer; transition:all .3s ease-in-out;}
.header-instant-login button#Btn-go-next{background-color:#14ac00;}
.header-instant-login button:hover{background-color:#001a2d;}
.header-instant-login button#Btn-go-next:hover{background-color:#148205;}

.wrap-questionnaire{margin-left:-4px; margin-right:-4px;padding:8px;}
.wrap-questionnaire dd{padding:8px 6px;}

.event-block .first-block:empty{padding:0}
.only-pc{display:none!important;}
}



/*-------------------------------------------------------------------------------------------------------------*/
/*
/*  MIN_WIDTH  --------- 768px;
/*
/*-------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 600px){
.atl-norm.bg-gray{padding:24px 16px;}

/* ONLINESHOP */
#Scn-recom-onlineshop{margin:32px 0; padding:8px;}
#Scn-recom-onlineshop .inner-wh{}
#Scn-recom-onlineshop .item{padding:16px;}
#Scn-recom-onlineshop .item .fig{float:left; max-width:none; width:176px; margin:0;}
#Scn-recom-onlineshop .item .desc{margin-left:200px;}
#Scn-recom-onlineshop h2{}
#Scn-recom-onlineshop h3{margin-top:0; margin-bottom:.5em;}
#Scn-recom-onlineshop p{}
#Scn-recom-onlineshop p + p{margin-top:.5em;}
}

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

/* COMMON
------------------------------------*/
.onlyPC{display:inherit;}
.onlySMP{display:none;}

.modal{position:fixed; top:50%; left:50%; margin:-40vh 0 0 -352px; height:80vh; width:704px;}

.tb-norm{margin-bottom:24px;}
.tb-norm th,
.tb-norm td{padding:1em;}
.tb-norm.no-table-sm{border:none;}
.tb-norm.no-table-sm th,
.tb-norm.no-table-sm td{display:table-cell; border:1px solid #DDD; padding:1em;}
.tb-norm.no-table-sm th{text-align:inherit;}


.atl-norm h1{font-size:1.75em;}
.atl-norm h2{font-size:1.25em; margin-bottom:24px;}
.atl-norm .with-accordion-content h2,
.atl-norm .with-accordion-content.active h2{margin-bottom:24px;}
.atl-norm h3{font-size:1.25em; margin-bottom:4px;}
.atl-norm h4{font-size:1.15em; margin-bottom:8px;}
.atl-norm h5{font-size:1em; font-weight:bold;}
.atl-norm h6{font-size:.92em;}
.atl-norm p{line-height:1.7;}
.atl-norm p + p,
.atl-norm p + h3,
.atl-norm p + h4,
.atl-norm p + h5,
.atl-norm div.btn-group + h4,
.atl-norm div.cmt-profile + h4,
.atl-norm dl + p,
.atl-norm dl + h3,
.atl-norm dl + h4,
.atl-norm dl + h5{margin-top:24px;}
.atl-norm table + h3,
.atl-norm table + h4,
.atl-norm table + h5,
.atl-norm table + p{margin-top:24px;}

.atl-norm div.btn-group + h4{margin-bottom: 0;}

.atl-norm ol + h3,
.atl-norm ol + h4,
.atl-norm ol + h5,
.atl-norm ol + p,
.atl-norm ul + h3,
.atl-norm ul + h4,
.atl-norm ul + h5,
.atl-norm ul + p{margin-top:24px;}

.atl-norm{font-size:1.4em; padding-left:24px; padding-right:24px; margin-top:16px;}
.atl-norm.bg-gray{padding:32px 24px;}
.clm-main{float:left; width:calc(100% - 324px);}
.clm-right{float:right; width:300px;}
.clm-right .inner-block{width:300px;}
.clm-main + .clm-right{margin-top:0;}
.aln-C.aln-L-pc{text-align:center;}
.only-sp-accordion .accordion-content{display:inherit;}
.only-sp-accordion .accordion-trigger{cursor:default;}
.only-sp-accordion .accordion-trigger:hover{opacity:inherit;}
.atl-norm .scn-norm h2.accordion-trigger,
.atl-norm .scn-norm.active h2.accordion-trigger{color:#FFF; background-color:#0094d4; box-shadow:0 3px 2px rgba(0,148,212,.2);}
.accordion-trigger:after{display:none;}

.dl-inlineblock{overflow:hidden; letter-spacing:-.4em;}
.dl-inlineblock dt,.dl-inlineblock dd{border-top:1px solid #CCC; letter-spacing:normal; display:inline-block; vertical-align:top;}
.dl-inlineblock dt{width:13em; margin:0; padding:16px 1em 0 0; border-bottom:none;}
.dl-inlineblock dd{margin:0; padding:16px 0; width:calc(100% - 13em);}
.dl-inlineblock dt:nth-of-type(1),
.dl-inlineblock dd:nth-of-type(1){border-top:none; padding-top:0;}

.clm-notice{padding:24px; margin-top:24px;}
.member-detail + .clm-notice{margin-top:0;}
.clm-notice + div,
.clm-notice + section{margin-top:24px;}
.clm-notice p + h4{margin-top:12px; padding-top:12px;}

.notice-accordion.no-accordion{padding-bottom:24px;}

/* FORM
------------------------------------*/
.tb-form-norm{position:relative; width:100%; border-collapse:collapse; border-bottom:1px solid #AAA;}
.tb-form-norm + p{margin-top:32px;}
.tb-form-norm tbody{}
.tb-form-norm th{display:table-cell; padding:24px 0 16px; width:25%; vertical-align:top;}
.tb-form-norm th.not-ipt-txt{padding-top:16px;}
.form-confirm .tb-form-norm th{padding-top:16px;}
.tb-form-norm.th-wide th{width:35%;}
.tb-form-norm th::nth-child(1){border-top:none; padding-top:0; margin-top:0;}
.tb-form-norm td{display:table-cell; padding:16px 0; border-top:1px solid #DDD; vertical-align:top;}
.tb-form-norm td.td-button-area{padding-top:16px;}
.tb-form-norm .mst{font-size:.83em; line-height:1; color:red; padding-left:1em;}

.form-norm th.itm-must::before{top:2.25em;}
.form-norm th.not-ipt-txt.itm-must::before{top:1.75em;}

.atl-norm .form-btm-btns-wrap{margin:16px -4px 0;}
.form-btm-btns-wrap.with-top-border{padding-top:16px;}
.form-btm-btns-wrap{text-align:center}
.form-btm-btns{display:inline-block;margin:auto;}
.form-btm-btns li{padding:4px; width:auto;float:right;}
.form-btm-btns.no-back-button li{}

/* form - ERROR */
.form-notice-error{}
.atl-norm h3 + .form-notice-error{margin-top:4px;}

/* BREADCRUMB
------------------------------------*/
.atl-norm .breadcrumb li:last-child{display:inline-block;}

/* LOCAL-NAVIGATION
------------------------------------*/
.atl-norm .nav-local .wrap-btn-entry{margin:8px;}
.nav-local{position:relative; bottom:inherit; left:inherit; margin:0 0 32px; box-shadow:none; height:auto; border:1px solid #DDD; background-color:#F5F5F5;}
.atl-norm .nav-local .wrap-btn-entry{margin:8px;}
.nav-local p{margin-bottom:16px;}
.atl-norm .nav-local ul{position:relative; display:inherit; margin:0;}
.atl-norm .nav-local li{position:relative; border-top:1px dotted #AAA; margin:0; padding:0;}
.nav-local li a{display:block; font-weight:bold; padding:16px 16px 16px 36px; background-image:url(/image/udo/events/svg/arrow-blue.svg); background-position:16px 18px; background-repeat:no-repeat; background-color:#FAFAFA;
-webkit-background-size:16px 16px; -moz-background-size:16px 16px; -ms-background-size:16px 16px; background-size:16px 16px;}
.nav-local li a:hover{background-color:#EEE;}

.howto-entry{background-color:#FAFAFA; border:none; border-bottom:1px dotted #CCC; padding:16px;}

.instant-login{width:298px;}
.instant-login input{font-size:1em;}
.instant-login button{font-size:1em;}


.msg-org{padding:24px; margin:24px 0; max-height:360px;}
.atl-norm .msg-org h3{padding-bottom:8px;}

.ico{margin-top:-20px; width:40px; height:40px;
-webkit-background-size:48px 48px; -moz-background-size:48px 48px; -ms-background-size:48px 48px; background-size:48px 48px;}
.event-header{padding:16px 0;}
.atl-norm .event-header h1{padding-left:48px;}

.atl-norm .social{border-bottom:1px dotted #DDD; }
.atl-norm .social li.pr{display:inline-block;}

.detail-intro{margin:24px auto;}

.wrap-event + .wrap-event{margin-top:24px;}
.scn-event-detail + .scn-event-detail{margin-top:32px;}

#Scn-day-flow{padding:96px 24px 32px;}

/* COMMENT */
.wrap-event-comments{margin:48px 0 0 0; padding:0 24px 48px;}
.bg-gray .wrap-event-comments{margin:48px -24px -24px;}
.scn-event-comment{padding:48px 0 0; max-width:640px;}
.scn-event-comment + .scn-event-comment{margin-top:16px;}
.atl-norm .scn-event-comment h3{margin-bottom:16px; padding:0 0 4px;}
.scn-event-comment .cmt + .cmt{margin-top:32px;}
.scn-event-comment .cmt:before{border-width:32px;}
.scn-event-comment .cmt:after{width:64px; height:64px;
-webkit-background-size:64px 64px; -moz-background-size:64px 64px; -ms-background-size:64px 64px; background-size:64px 64px;}
.scn-event-comment .cmt h5{padding-right:1em;}
.scn-event-comment .cmt + p{margin-top:8px;}
.scn-event-comment .cmt .cmt-content{padding:16px 32px;}
.scn-event-comment .cmt .cmt-additional{padding:16px 24px 16px 24px;}
.scn-event-comment .cmt .cmt-icon{width:40px; height:40px; margin-left:0;}
.scn-event-comment .cmt .cmt-nmdt{margin-left:16px;}

.atl-norm .cmt-form.form-norm{padding-bottom:24px;}
.atl-norm .loggedin .cmt-form.form-norm{margin-top:0;}
.cmt-form .cmt-input dd{margin-top:16px;}
.cmt-form .cmt-input dd:nth-of-type(1){margin-top:0;}
.atl-norm .cmt-form.form-norm .cmt-input dd input[type='text'],
.atl-norm .cmt-form.form-norm .cmt-input dd textarea{padding:16px;}
.atl-norm .cmt-form.form-norm .cmt-input dd textarea{height:150px;}
.cmt-form .chk-cmt-genre{margin:32px 0 0;}
.cmt-form .chk-cmt-genre li input{margin-right:.5em;}
.cmt-form .chk-cmt-genre li + li{margin-left:2em;}
.atl-norm .cmt-form p{margin-top:16px;}

.wrap-event-comments .num-cmts{top:1.5em; right:-.5em;}
.num-cmts:before{font-size:9px;}

.cmt-action{padding:8px 32px;}
.loggedin .cmt-action{padding-bottom:32px;}
.cmt-action p{font-size:1em;}
.cmt-action p.ti{font-size:1.35em;}
p.btn-cmt-login span{padding:.75em 2em;}

.scn-event-comment .cmt .cmt-like .like-button:not(.disabled):hover{cursor:pointer;filter:alpha(opacity=75); -moz-opacity:0.7; opacity: 0.7;}

/* ENTRY-FORM
------------------------------------*/
.clm-single-form{}

.entry-header{}
.atl-norm .entry-header h1{padding:16px 24px; padding-left:56px; font-size:1.45em;}
.entry-header .ico{left:8px;}
.atl-norm .entry-header p{padding:8px 24px;}

.atl-norm .scn-entry-flow h1{padding:16px; font-size:1.5em;}
.wrap-entry-form{padding:24px;}

/* NEW ENTRY-FLOW 2017.07.03 */
.atl-norm .entry-flow-nav-bottom{}
.atl-norm .entry-flow-nav-bottom ul{font-size:12px;}
.atl-norm .entry-flow-nav-bottom li{height:42px;}
.atl-norm .entry-flow-nav-bottom li::after{right:-20px; border:21px solid transparent; border-right:none; border-left:20px solid #000;}

.wrap-list-members{}
.wrap-list-members .blk-member,
.wrap-list-members .blk-add-member{width:33.33333333%; padding-top:12px;}
.atl-norm .wrap-list-members p{margin-bottom:0;}
.atl-norm .wrap-list-members p + p{margin-top:0;}
.atl-norm .wrap-list-members ul{margin:0;}
.wrap-list-members .blk-member .nm i{width:64px; height:64px;}
.wrap-list-members .blk-add-member{padding-top:0;}
.wrap-list-members .blk-add-member a{padding-top:32px}
.wrap-list-members .blk-add-member span{font-size:1.15em;}
.wrap-list-members .blk-add-member span i{width:80px; height:80px;}
.wrap-list-members .blk-add-member span i::before{margin-left:-20px; width:40px;}
.wrap-list-members .blk-add-member span i::after{margin-top:-20px; height:40px;}

.atl-norm .name-current-member{margin-left:52px; padding-left:16px;}
.atl-norm .name-current-member p{}
.atl-norm .name-current-member p + h3{margin-top:0;}
.atl-norm .name-current-member h3{font-size:1.65em; margin-bottom:16px;}
.atl-norm .name-current-member h3 span.sml{}
.atl-norm .name-current-member::before{left:-52px; width:48px; height:48px;}

.personaldata{padding:8px;}
.personaldata.delegate{padding-bottom:24px;}
.personaldata .dl-personaldata{float:left; width:50%; padding:8px 16px 16px;}
.personaldata .dl-personaldata.left{padding:8px 16px 16px; padding-left:48px;}
.personaldata .dl-personaldata.right{padding:8px 16px 16px;}
.personaldata .dl-personaldata dt{width:6em;}
.personaldata .dl-personaldata dt span.onlyPC{display:inline-block;}
.personaldata .dl-personaldata dd{margin-left:6em;}
.personaldata .dl-personaldata.right dt{width:9em;}
.personaldata .dl-personaldata.right dd{margin-left:9em;}
.personaldata .dl-personaldata.left::before{position:absolute; top:0px; left:-8px; width:48px; height:48px; content:' '; background-repeat:no-repeat; background-position:center; background-image:url(/image/udo/entry-flow/avatar.svg);
-webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; background-size:contain;}

.personaldata .alert-personaldata{padding:16px;}

.preview-entry-event-and-options{padding-bottom:1em; margin-bottom:1em;}
.preview-entry-event-and-options .inner-preview-entry{}
.preview-entry-event-and-options .inner-preview-entry + .inner-preview-entry{}

.notice-must{float:right; margin-bottom:0;}
.questionnaire-terms{margin-bottom:3em; padding:0 24px;}

.scn-se-insurance{margin-bottom:3em;}
.scn-se-insurance .ti{top:-56px; margin:0 auto -64px; width:300px;}
.inner-se-insurance{padding:24px 40px;}
.inner-se-insurance .fntL{text-align:center;}
.inner-se-insurance .fntL br{display:inherit;}
.se-insurance-terms{margin-bottom:2em; height:400px;}
.atl-insurance{position:relative; padding:24px; font-size:1.3em;}
.form-norm .scn-se-insurance .dark button{font-size:1em;}


.edit-personaldata .tb-form-norm{border-bottom:none; background-color:#FFF;}
.edit-personaldata .tb-form-norm + p{}
.edit-personaldata .tb-form-norm tbody{}
.edit-personaldata .tb-form-norm th{width:20%; padding-top:24px; padding-left:1em;}
.edit-personaldata .tb-form-norm th.not-ipt-txt{padding-top:16px;}
.edit-personaldata .form-confirm .tb-form-norm th{}
.edit-personaldata .tb-form-norm td{padding-right:16px;}
.edit-personaldata .tb-form-norm tr:nth-child(1) th,
.edit-personaldata .tb-form-norm tr:nth-child(1) td{border-top:none;}
.edit-personaldata .tb-form-norm tr:nth-of-type(1) th{padding-top:24px;}

.share-entry{border-top:none; border-left:24px solid #cee5ef; margin:24px -24px -48px; padding:16px 24px; padding-left:0;}
.share-entry .ti{float:left; height:48px; line-height:48px; padding:0 1em;}
.share-entry ul{float:right; width:auto;}
.share-entry li{display:inline-block; letter-spacing:normal; width:auto;}
.share-entry li a{width:196px; height:48px; text-align:left; padding-left:56px;}

/* / NEW ENTRY-FLOW 2017.07.03 */


.entry-flow-msg{margin:16px 24px 0; padding:16px;}

.scn-entry-flow .member-detail{padding:24px; margin-bottom:24px;}
.btn-add-member,
.btn-close-add-member{padding:16px;}
.add-new-member{padding:24px;}

.atl-norm .list-member{}

.list-member li .more-info{display:inline-block; padding-top:0; margin-left:1em; margin-right:4em;}
.add-new-member .tb-form-norm + p{margin-top:16px;}

.member-check-all li{padding:0 2em; width:auto;}

.tb-list-payment{width:100%; margin-bottom:24px;}
.tb-list-payment th,
.tb-list-payment td{display:table-cell; border:1px solid #DDD; padding:8px 8px;}
.tb-list-payment thead{display:table-header-group;}
.tb-list-payment thead tr{}
.tb-list-payment thead th{}
.tb-list-payment tbody{}
.tb-list-payment tbody tr{border-bottom:none; width:auto; display:table-row; padding-bottom:0;}
.tb-list-payment tbody td,
.tb-list-payment tbody td.nm,
.tb-list-payment tbody td.r,
.tb-list-payment tbody td.count,
.tb-list-payment tbody td.price,
.tb-list-payment tbody td.subtotal,
.tb-list-payment tbody td.btn-fix{display:table-cell; padding:8px 8px;}
.tb-list-payment tbody td.count{text-align:center;}
.tb-list-payment tbody td.price,
.tb-list-payment tbody td.subtotal{text-align:right;}
.tb-list-payment tbody td:before,
.tb-list-payment tbody td.r:before,
.tb-list-payment tbody td.count:before,
.tb-list-payment tbody td.price:before,
.tb-list-payment tbody td.subtotal:before{display:none;}
.tb-list-payment tbody td.total{padding-top:8px; text-align:right; display:table-cell;}
.tb-list-payment tbody td.btn-fix{position:inherit; top:inherit; right:inherit;}
.tb-list-payment .empty{display:table-cell;}

.wrap-choose-payment{margin:24px auto; padding:24px; border-width:8px;}


/* ERROR-PAGE
------------------------------------*/
.atl-error{padding:48px; font-size:1.5em; min-height:40vh;}
.atl-error h1{font-size:5em;}
.atl-error h2{font-size:1.25em;}
.atl-error .search-block{margin:32px 0;}
.atl-error .search-block input{width:300px; padding:12px 16px;}
.atl-error .search-block button{padding:12px 16px;}

.atl-error .btn-backhome{margin-top:64px;}
.atl-error .btn-backhome a{}

.ad-main{ display: block; width:300px; height:250px;  }
.ad-mainsmp{ display: none; }

}



/*-------------------------------------------------------------------------------------------------------------*/
/*
/*  MIN_WIDTH  --------- 984px;
/*
/*-------------------------------------------------------------------------------------------------------------*/

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

/* COMMON 
------------------------------------*/
.onlyPC{display:inherit;}
.onlySMP{display:none;}


.clm-main{float:left; width:calc(100% - 340px);}
.bg-events{padding:2px 24px 12px 24px; padding-right:0;}

.scn-norm + .scn-norm{margin-top:40px;}

.tb-norm{margin-bottom:32px;}

.ico{}

.clm-notice{padding:24px; margin-top:24px;}
.clm-notice + div,
.clm-notice + section{margin-top:32px;}

/* EVENT-DETAIL 
------------------------------------*/
.detail-intro{margin:32px auto; max-width:720px;}
.detail-intro p{line-height:2;}
.detail-intro .txt-area + .vd-area{margin-top:24px;}
.detail-intro.with-vd{}
.detail-intro.with-vd .txt-area,
.detail-intro.with-vd .vd-area{float:none; width:100%;}


.atl-norm .event-tags{padding:12px;}
.atl-norm .event-tags li{margin:4px;}

.msg-org{padding:32px; margin:32px 0;}

.wrap-event + .wrap-event{margin-top:12px;}
.wrap-event:before{width:6px; left:-24px;}
.scn-event-detail#Scn-day-flow h2{font-size:1.6em;}
.wrap-event h3:before{width:6px; left:-24px;}
.scn-event-detail#Scn-day-flow h3{padding:10px 16px;}
.event-block.options .option-header{padding:16px 16px; padding-left:10px; border-left-width:6px;}
.event-block.options .option-header h4{margin-bottom:4px; color:#0094d4;}
.event-block.options .wrap-option{margin-bottom:-1px; border-left-width:6px;}


.atl-norm p.event-group-title,
.atl-norm p.option-group-title{margin-left:-24px; padding:6px 16px;}
.atl-norm p.option-group-title{margin-left:0;}
.atl-norm p.event-group-title + .wrap-event,
.atl-norm p.option-group-title + .wrap-event{margin-top:16px;}
section + .event-group-title,
section + .option-group-title{margin-top:24px;}
.event-group-notice,
.option-group-notice{margin-bottom:8px; margin-left:-24px; padding:8px 16px;}
.option-group-notice{margin-bottom:0; margin-left:0;}
section + .event-group-notice,
section + .option-group-notice{margin-top:16px;}

#Scn-day-flow{padding:96px 48px 32px; background-position:center 24px;
-webkit-background-size:64px 64px; -moz-background-size:64px 64px; -ms-background-size:64px 64px; background-size:64px 64px;}
#Scn-day-flow .mgn-sp-btm{margin-bottom:32px;}

/* ONLINESHOP */
#Scn-recom-onlineshop{margin:40px 0; padding:16px;}
#Scn-recom-onlineshop h2{top:-20px; font-size:24px; padding:4px 12px;}
#Scn-recom-onlineshop .item{padding:16px;}
#Scn-recom-onlineshop .item .fig{width:200px;}
#Scn-recom-onlineshop .item .desc{margin-left:232px;}

.bg-gray .wrap-event-comments{margin:48px -32px -32px;}

/* ENTRY-FORM
------------------------------------*/
.clm-single-form{}

.atl-norm .entry-header h1{padding:16px 32px; padding-left:64px; text-align:center;}
.atl-norm .entry-header p{padding:8px 32px; text-align:center;}
.entry-header .ico{left:12px;}

.atl-norm .entry-flow-nav li{font-size:18px;}
.atl-norm .entry-flow-nav li:after{margin-top:-12px; border-width:12px;}
.atl-norm .entry-flow-nav li span{font-size:12px;}

.atl-norm .scn-entry-flow h1{}
.wrap-entry-form{padding:32px;}
.entry-flow-msg{margin:16px 32px 0;}


/* NEW ENTRY-FLOW 2017.07.03 */
.scn-se-insurance{}
.inner-se-insurance{padding:24px 80px;}

.share-entry{border-left:32px solid #cee5ef; margin:24px -32px -48px; padding:16px 32px; padding-left:0;}
/* / NEW ENTRY-FLOW 2017.07.03 */


.wrap-choose-payment{margin:32px auto; padding:32px;}

/* ERROR-PAGE
------------------------------------*/
.atl-error h1{font-size:6em;}
.atl-error h2{font-size:1.25em;}
}



/*-------------------------------------------------------------------------------------------------------------*/
/*
/*  MIN_WIDTH  --------- 1180px;
/*
/*-------------------------------------------------------------------------------------------------------------*/

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


/* EVENT-DETAIL 
------------------------------------*/
.wrap-fig-overview{display:table; background-position:right -100px; margin-top:0;}
.wrap-fig-overview .figs{display:table-cell; width:55%; vertical-align:middle;}
.wrap-fig-overview dl{display:table-cell; width:45%; padding:40px 24px 24px; vertical-align:top;}
.wrap-fig-overview dt{margin-bottom:12px;}
.wrap-fig-overview dd{margin-bottom:12px;word-wrap:break-word;word-break:break-all;}

.atl-norm .event-header h1{padding-right:224px;}

.header-status {top:50%; bottom:inherit; margin-top:-16px; width:112px;}
.header-status .entry-status {width:100px; padding:0 12px; margin-right:12px; border-radius:2px;}
.header-status .entry-status.pre{background-color:rgba(0,148,212,1);}
.header-status .entry-status.available{background-color:rgba(20,172,0,1);
background-image:linear-gradient(-45deg,
#8dd41c 25%,
#83c51a 25%, #83c51a 50%,
#8dd41c 50%, #8dd41c 75%,
#83c51a 75%, #83c51a
); background-size:3px 3px;}
.entry-status.end{background-color:rgba(200,200,200,1);}
.entry-status.notsale{background-color:rgba(118,132,140,1);}

.detail-intro.with-vd{max-width:none;}
.detail-intro .txt-area + .vd-area{margin-top:0;}
.detail-intro.with-vd .txt-area{float:left; width:55%; padding-right:32px;}
.detail-intro.with-vd .vd-area{float:right; width:45%; padding-top:28.125%;}

.event-block .first-block{float:left; width:50%; padding:16px; padding-left:0;}
.event-block.options .first-block{width:50%; padding-bottom:16px;}
.event-block .second-block{float:left; width:50%;}
.event-block.options .second-block{width:50%;}
.event-status{border-bottom:1px solid #EEE; border-top:none;}
.event-status thead th:nth-of-type(1),
.event-status tbody td:nth-of-type(1){border-left:1px solid #EEE;}

}

/* UI切り替え用 */
.uichange {
    margin: 10px auto;
    width: auto;
    border-radius: 5px;
    padding: 5px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1);
    position: relative;
}
.uichange a.banner:link,
.uichange a.banner:visited{
    text-decoration: none;!important;
    /* position: relative; */
    display: table;
    width: 100%;
    cursor: pointer;
}

.uichange > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.uichange button, .uichange span.icon, .uichange .text {
    display: table;
    border: 1px solid #000;
}
.uichange span.icon {
  display: table-cell;
  position: relative;
  background: no-repeat center;
  border-right: none !important;
  width: 40px;
  background-image: url(/image/common/icons/notice.png);
  border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
.uichange button, .uichange .text {
    line-height: 20px;
    width: 100%;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    position: relative;
}
.uichange button, .uichange .text {
  font-size: 14px;
  padding: 4px 5px;
}
.uichange span.text {
  display: inline-block;
  font-size: 16px;
  padding: 10px 10px;
}
.uichange div.text {
  font-size: 16px;
  padding: 6px 30px 6px 30px !important;
  margin-bottom: 5px;
}
.uichange div.text p {
  margin: 4px 0;
}

.uichange .center {
  text-align:center;
}


.uichange.blue span.icon, .uichange.blue button, .uichange.blue .text {
    border-color: #00599b;
    color: #FFF;
}
.uichange.blue span.icon {
  background-color: #0066aa;
}
.uichange.blue button, .uichange.blue .text {
    background-color: #0185cc;
}
.uichange.blue:hover button, .uichange.blue .text {
    background-color: #1e8fd6;
}

.uichange.green span.icon, .uichange.green button, .uichange.green .text {
  border-color: #507E32;
  color: #FFF;
}
.uichange.green button, .uichange.green .text {
  background-color: #68b23c;
}


.uichange .large {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.5em;
}

.uichange .small {
  font-size: 0.8em;
}

.uichange .text a:link,
.uichange .text a:visited {
  color: #FFF;
}

@media screen and (max-width: 599px) {
  .uichange button, .uichange .text {
    font-size: 80%;
  }
  .uichange div.text {
    font-size: 14px;
    padding: 6px 10px 6px 10px !important;
    margin-bottom: 5px;
  }
  .uichange .center {
     text-align:left;
   }
  .uichange .only-pc {
    display:none;
  }
}
/* エントリーボタン下部固定 */
.atl-norm .form-btm-btns-wrap.fixed-bottom{
  position:fixed; bottom:0; left:0; width:100%; padding:0 16px; z-index:2;}
@media screen and (min-width: 768px){
  .atl-norm .form-btm-btns-wrap.fixed-bottom{position:relative; bottom:inherit; left:inherit; width:auto; padding:0;}
}

.atl-norm .form-btm-btns-wrap.btns-wrap-footer{
  background-color:#FAFAFA; border-top: solid 1px #DDD;
}
.atl-norm .form-btm-btns-wrap.btns-wrap-footer.fixed-bottom{
  position:fixed; bottom:0; left:0; width:100%; padding:0 16px; z-index:200;
}
.atl-norm #qtip_dummy{
 position:fixed; bottom:64px; left:50%;transform: translate(-50%, 0); max-width:480px; padding:0.5em 1em; z-index:201; background-color: rgba(15, 15, 15, 0.85); border-radius: 6px; color: #FFF; letter-spacing: normal; margin: 0 auto;
}
.atl-norm #qtip_dummy:before{
 content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 10px solid transparent; border-top: 10px solid rgba(15, 15, 15, 0.85);
}

/* 種目選択ボタントグル */
.dsp-ib{display:inline-block!important;}
.btn-label{display: inline-block!important; margin-right: .5em;}
.btn-label input[type="checkbox"]{display: none;}

.btn-label label{position:relative; display: inline-block; text-align:center; padding:1px 18px 1px 23px; margin-bottom:2px; font-size:1em; line-height:24px; min-width:9em; height:28px; border:1px solid #DDD; cursor:pointer; border-radius:24px; transition:all .2s ease-in-out;
  background-color:#444; color:#FFF;}
.btn-label input[type="checkbox"] + label::before{position:absolute; top:50%; left:0; content:' '; margin-top:-9px; margin-left:3px; width:18px; height:18px; background-color:#FFF; border-radius:50%; box-shadow:0 0 2px rgba(0,0,0,.5); transition:all .2s ease-in-out;}

.btn-label input[type="checkbox"]:checked + label{background-color:#06a822; color:#FFF; padding:1px 23px 1px 18px;}
.btn-label.waiting input[type="checkbox"]:checked + label{background-color:#ffe032; color:#545454;}
.btn-label input[type="checkbox"]:checked + label::before{left:100%; margin-left:-20px;}

.btn-label input[type="checkbox"]:disabled + label{opacity: .2;}
.btn-label input[type="checkbox"]:disabled + label::before{}

#init_map{
  display:none;
}
.event-status tbody td.st-entry input[type=checkbox] {
  display: none;
}

#mat_input {
  width: 500px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index:10;
  opacity: 0.5;
  background-color: #000000;
}


.window_input {
  width: 400px;
  position:fixed;
  top: 0px;
  left: 0px;
  z-index:11;
  padding: 10px 0px 5px 0px;
  background-color: #01abaf;
  border-radius: 10px;
}

.window_input .header {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.window_input .body_rikuren {
  width: 370px;
  height: 356px;
  margin-top: 10px;
  margin-left: 5px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  color: #000000;
}

.window_input .body_code {
  width: 370px;
  height: auto;
  overflow:hidden;
  margin-top: 10px;
  margin-left: 5px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  color: #000000;
}

.window_input .memo {
  width: 300px;
  margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 10px;
  border-bottom: dashed 1px;
  float: left;
  text-align: left;
}

.window_input .title {
  width: 110px;
  height: 22px;
  margin-left: 35px;
  margin-bottom: 10px !important;
  border-bottom: dashed 1px !important;
  float: left;
  text-align: left;
}

.window_input .text {
  width: 190px;
  height: 22px;
  margin-right: 35px;
  margin-bottom: 10px;
  border-bottom: dashed 1px !important;
  float: left;
  text-align: right;
}
.window_input .input_table {
  min-height: 22px;
  margin-left: 35px;
  margin-right: 35px;
  margin-bottom: 10px;
  display:table !important;
}

.window_input .title_table {
  width: 110px;
  margin-bottom: 10px !important;
  text-align: left;
  border-bottom: dashed 1px !important;
  display:table-cell !important;
}

.window_input .text_table {
  width: 190px;
  text-align: right;
  border-bottom: dashed 1px !important;
  display:table-cell !important;
}

.window_input .alert {
  width: 300px;
  margin: 10px 35px 10px 35px;
  float: left;
  color: #FF0000;
  text-align: left;
}

.window_input .submit {
  width: 300px;
  height: 30px;
  margin-right: 35px;
  margin-left: 35px;
  float: left;
  text-align: center;
}

.window_input .submit input[type="button"] {
  width: 100px;
  height: 30px;
  background-color: #01abaf;
  border-width: 0px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
}

.window_input .submit input[type="button"]:hover {
  background-color: #01ced3;
}

#window_input .submit input[type="button"]:active {
  background-color: #01ced3;
}

.edit-personaldata{padding:0;}

.fav-btn.on i{
  color: #f00e0e;
}

.urgent{
  max-width: 900px;
  margin: 0 auto;
}

h2.for-operator{background-color:#FF613C; color: #FFF; margin:0 4px; padding: 8px 0; text-align:center}
div.for-operator{margin: 0 4px 4px 4px; padding:12px; border-left: dashed 3px #FF613C; border-right: dashed 3px #FF613C; border-bottom: dashed 3px #FF613C;}
div.for-operator h3{color: #FF613C}
div.for-operator div{margin-bottom: 12px;}

div.for-operator .available-clients {margin: 0 4px;}
div.for-operator .available-clients:after {content: ".";display:block;clear:both;height: 0;visibility: hidden;}
div.for-operator .available-clients li{ float:left; background-color:#3FB6EA; color: #FFF; font-weight:bold; padding:4px 8px; margin-right: 8px; border-radius: 4px;}

div.for-operator .unavailable-clients {margin: 0 4px; text-align:center}
div.for-operator .unavailable-clients:after {content: ".";display:block;clear:both;height: 0;visibility: hidden;}
div.for-operator .unavailable-clients li{ float:left; background-color:#FF613C; color: #FFF; font-size: 1.3em; font-weight:bold; padding:4px 8px; margin-right: 8px; border-radius: 4px;}

div.for-operator .dl-for-operator{display:block; width:100%; border-top: solid 2px #999; border-bottom: solid 2px #999;}
div.for-operator .dl-for-operator:after{content: ".";display:block;clear:both;height: 0;visibility: hidden;}
div.for-operator .dl-for-operator dt,
div.for-operator .dl-for-operator dd{display:block; float:left; padding: 2px 1%;border-top: solid 1px #999;}
div.for-operator .dl-for-operator dt{width:23%;clear:left;}
div.for-operator .dl-for-operator dd{width:73%;}
div.for-operator .dl-for-operator dt:first-child,
div.for-operator .dl-for-operator dd:first-of-type{border-top: 0 none transparent; }
div.for-operator .dl-for-operator.business-use{background-color:#005896; color: #FFF;}
div.for-operator .dl-for-operator.business-use,
div.for-operator .dl-for-operator.business-use dt,
div.for-operator .dl-for-operator.business-use dd{border-color: #FFF;}

.tenki-icon{
  max-height: 23px;
  max-width: 23px;
}

.modal-url{position:fixed; top:50%; left:50%; margin:-80px 0 0 -160px; height:160px; width:320px; background-color:#FFF; z-index:9999; font-size: 16px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.modal-url .url-modal-close{position:relative; top:0; right:0; width: 20px; height:20px; margin-left: auto;padding-top:4px;}
.modal-url .url-modal-close:before{content: " \f00d"; font-family: FontAwesome;}
.modal-url .inner{position:relative; padding:0 20px 0 20px;}
.modal-url .inner input{width:100%; margin:10px 0 10px 0; border: solid 1px #666; padding:4px;}
.modal-url-mask{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:9998; display:block;}
button.url-copy{position:relative;width:100%;padding:4px;line-height:1;text-decoration:none!important;text-align:center;border:1px dotted #004461;display:block;background-color:#004461;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;color:#FFF!important;}

.cmt-content:not(.example):after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 27px;
    width: 0px;
    height: 0;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 9px 9px 0 9px;
}

.cmt-content:not(.example):before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 27px;
    width: 0px;
    height: 0;
    margin: auto;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
    border-width: 9px 9px 0 9px;
}
@media screen and (min-width: 768px){
    .cmt-content:not(.example):after {
        bottom: -14px;
        left: 29px;
        border-width: 15px 15px 0 15px;
    }
    .cmt-content:not(.example):before {
        bottom: -15px;
        left: 29px;
        border-width: 15px 15px 0 15px;
    }
}

.cmt-list .autopager {
    line-height:1.66667; text-align:center; position:relative; margin:16px 0; padding:8px 12px; width:100%; display:block; font-size:0.92em;
}

.cmt-list .autopager.done {
    border:1px #dbdbdb solid; border-radius:4px; background-color:#FFF;
}

.cmt-profile input[type='checkbox'] {margin-right:5px;}
.cmt-profile label:not(:last-child) {margin-right:5px;}
.cmt-profile label span {color:#0094d4;}
.cmt-form .btn-group { overflow: scroll; width: 100%; }
@media screen and (min-width: 768px){
  .cmt-form .btn-group { overflow: auto; width: auto; }
}