@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:500');

/* reset.less
============================================ */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,img,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}p{font-size:inherit;font-weight:inherit;line-height:inherit}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{-webkit-appearance:none;vertical-align:middle}


/* base.less
============================================ */
html { font-size: 100%; }
/* body { background: #555 !important; } */
#top_iphone #sns-header #close_b { display: none; }
body {
  background: transparent;
  line-height: 1.5;
  font-family: -apple-system, 'sans-serif';
  font-size: 13px;
  font-weight: 300;
  color: #444;
  -webkit-text-size-adjust: 100%;
}
body * {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  display: block;
}
i { display: block; border: none; }
input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
}
input[type="submit"] { white-space: pre; }
input[type="text"] { height: 20px; }
/*img { max-width: 100%; pointer-events: none; }*/
img { max-width: 100%; }

/* 画像保存対策、ImageCacheLoaderで制御する画像は保存させないようにしてみる 2023/07/24 BIN */
.killPointerEvent { pointer-events: none !important; }

/*---------------clearfix---------------*/
.cf:after {
  content: '.';
  height: 0;
  line-height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
.cf {
  display: block;
}

/*---------------btn---------------*/
.btn {
  text-decoration: none !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.btn a,
.btn input[type="submit"] {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center;
  line-height: 48px;
  border-radius: 2px;
}
.btn .main {
  background: #2a393e !important;
  color: #fff !important;
}
/*---------------spacer---------------*/
.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt20{padding-top:20px!important}.pr5{padding-right:10px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.p15{padding:15px!important}.p16{padding:15px 15px 5px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.m10_10{margin:10px!important}.dis_b{display:block}.c_fff{color:#fff}.c_main{color:#6c93c3}.fr{float:right}.fl{float:left}.cb{clear:both}.ta_c{text-align:center}

/* jquery.mobile-1.4.0.min.less
============================================ */
/*! jQuery Mobile 1.4.0 | Git HEAD hash: f09aae0 <> 2013-12-19T17:34:22Z | (c) 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */
input,
select,
textarea,
button,
.ui-btn {
  font-size: 1em;
  line-height: 1.3;
  font-family: -apple-system, 'sans-serif';
}
.ui-field-contain {
  border-bottom-color: #828282;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.table-stroke thead th,
.table-stripe thead th,
.table-stripe tbody tr:last-child {
  border-bottom: 1px solid #d6d6d6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table-stroke tbody th,
.table-stroke tbody td {
  border-bottom: 1px solid #e6e6e6;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table-stripe.table-stroke tbody tr:last-child th,
.table-stripe.table-stroke tbody tr:last-child td {
  border-bottom: 0;
}
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
  background-color: #eee;
  background-color: rgba(0, 0, 0, 0.04);
}
.ui-btn,
label.ui-btn {
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
}
.ui-btn:link {
  text-decoration: none !important;
}
.ui-btn-active {
  cursor: pointer;
}
.ui-corner-all {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-btn-corner-all,
.ui-btn.ui-corner-all,
.ui-slider-track.ui-corner-all,
.ui-flipswitch.ui-corner-all,
.ui-li-count {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-btn-icon-notext.ui-btn-corner-all,
.ui-btn-icon-notext.ui-corner-all {
  -webkit-border-radius:2px;
  border-radius: 2px;
}
.ui-btn-corner-all,
.ui-corner-all {
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
  left: .6em;
  right: .6em;
  top: .6em;
  bottom: 0.6em;
}
.ui-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.ui-shadow-inset {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ui-overlay-shadow {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.3);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-alt-icon.ui-btn:after,
.ui-alt-icon .ui-btn:after,
html .ui-alt-icon.ui-checkbox-off:after,
html .ui-alt-icon.ui-radio-off:after,
html .ui-alt-icon .ui-checkbox-off:after,
html .ui-alt-icon .ui-radio-off:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.15);
}
.ui-nodisc-icon.ui-btn:after,
.ui-nodisc-icon .ui-btn:after {
  background-color: transparent;
}
.ui-shadow-icon.ui-btn:after,
.ui-shadow-icon .ui-btn:after {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
  display: block;
  width: 18px;
  height: 18px;
  margin: -9px 2px 0 5px;
}
.ui-checkbox-off:after,
.ui-btn.ui-radio-off:after {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after {
  -webkit-border-radius: .1875em;
  border-radius: 0.1875em;
}
.ui-radio .ui-btn.ui-radio-on:after {
  background-image: none;
  background-color: #fff;
  width: 8px;
  height: 8px;
  border-width: 5px;
  border-style: solid;
}
.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
  background-color: #000000;
}
.ui-icon-loading {
  background: url(/themes/common/sp/img/layout/ajax-loader_ver2.gif);
  background-size: 2.875em 2.875em;
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
/*
  background: #fcc800;
  border-color: #ddd;
  color: #333;
  font-weight: 700;
  line-height: 50px;
  border-radius: 25px;
*/
}

.ui-bar-a {
  border-width: 1px;
  border-style: solid;
}
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
  border-color: #bbb;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
  background: #fff;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}
.ui-body-a {
  border-width: 1px;
  border-style: solid;
}
.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active {
  color: #fcc800;
}
.ui-page-theme-a .ui-btn,
html .ui-bar-a .ui-btn,
html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn,
html head + body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited,
html .ui-bar-a .ui-btn:visited,
html .ui-body-a .ui-btn:visited,
html body .ui-group-theme-a .ui-btn:visited,
html head + body .ui-btn.ui-btn-a:visited {
    background: #fcc800;
    border-color: #ddd;
    color: #333;
    font-weight: 700;
    line-height: 46px;
    border-radius: 23px;
    padding: 0;
}
.ui-bar-b,
.ui-page-theme-b .ui-bar-inherit,
html .ui-bar-b .ui-bar-inherit,
html .ui-body-b .ui-bar-inherit,
html body .ui-group-theme-b .ui-bar-inherit {
  background: #1d1d1d;
  border-color: #1b1b1b;
  color: #fff;
  text-shadow: 0 1px 0 #111;
  font-weight: 700;
}
.ui-bar-b {
  border-width: 1px;
  border-style: solid;
}
.ui-overlay-b,
.ui-page-theme-b,
.ui-page-theme-b .ui-panel-wrapper {
  background: #252525;
  border-color: #454545;
  color: #fff;
  text-shadow: 0 1px 0 #111111;
}
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
  background: #2a2a2a;
  border-color: #1d1d1d;
  color: #fff;
  text-shadow: 0 1px 0 #111111;
}
.ui-body-b {
  border-width: 1px;
  border-style: solid;
}
.ui-page-theme-b a,
html .ui-bar-b a,
html .ui-body-b a,
html body .ui-group-theme-b a {
  color: #2ad;
  font-weight: 700;
}

.ui-page-theme-b .ui-btn,
html .ui-bar-b .ui-btn,
html .ui-body-b .ui-btn,
html body .ui-group-theme-b .ui-btn,
html head + body .ui-btn.ui-btn-b {
  background: #333;
  border-color: #1f1f1f;
  color: #fff;
  text-shadow: 0 1px 0 #111111;
}

.ui-page-theme-b .ui-btn.ui-btn-active,
html .ui-bar-b .ui-btn.ui-btn-active,
html .ui-body-b .ui-btn.ui-btn-active,
html body .ui-group-theme-b .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-b.ui-btn-active,
.ui-page-theme-b .ui-checkbox-on:after,
html .ui-bar-b .ui-checkbox-on:after,
html .ui-body-b .ui-checkbox-on:after,
html body .ui-group-theme-b .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-b:after,
.ui-page-theme-b .ui-flipswitch-active,
html .ui-bar-b .ui-flipswitch-active,
html .ui-body-b .ui-flipswitch-active,
html body .ui-group-theme-b .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
.ui-page-theme-b .ui-slider-track .ui-btn-active,
html .ui-bar-b .ui-slider-track .ui-btn-active,
html .ui-body-b .ui-slider-track .ui-btn-active,
html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-b .ui-btn-active {
  border-color: #fcc800;
  color: #fff;
}
.ui-page-theme-b .ui-radio-on:after,
html .ui-bar-b .ui-radio-on:after,
html .ui-body-b .ui-radio-on:after,
html body .ui-group-theme-b .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-b:after {
  border-color: #22aadd;
}
.ui-page-theme-b .ui-btn:focus,
html .ui-bar-b .ui-btn:focus,
html .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .ui-btn:focus,
html head + body .ui-btn.ui-btn-b:focus,
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-group-theme-b .ui-focus,
html head + body .ui-btn-b.ui-focus,
html head + body .ui-body-b.ui-focus {
  -webkit-box-shadow: 0 0 12px #2ad;
  -moz-box-shadow: 0 0 12px #2ad;
  box-shadow: 0 0 12px #22aadd;
}
.ui-disabled,
.ui-state-disabled,
button[disabled],
.ui-select .ui-btn.ui-state-disabled {
  filter: alpha(opacity=30);
  opacity: .3;
  cursor: default!important;
  pointer-events: none;
}
.ui-btn:focus,
.ui-btn.ui-focus {
  outline: 0;
}
.ui-noboxshadow .ui-shadow,
.ui-noboxshadow .ui-shadow-inset,
.ui-noboxshadow .ui-overlay-shadow,
.ui-noboxshadow .ui-shadow-icon.ui-btn:after,
.ui-noboxshadow .ui-shadow-icon .ui-btn:after,
.ui-noboxshadow .ui-focus,
.ui-noboxshadow .ui-btn:focus,
.ui-noboxshadow input:focus,
.ui-noboxshadow .ui-panel {
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none !important;
}
.ui-noboxshadow .ui-btn:focus,
.ui-noboxshadow .ui-focus {
  outline-width: 1px;
  outline-style: auto;
}
.ui-mobile,
.ui-mobile body {
  height: 99.9%;
}
.ui-mobile fieldset,
.ui-page {
  padding: 0;
  margin: 0;
}
.ui-mobile a img,
.ui-mobile fieldset {
  border-width: 0;
}

.ui-mobile a img{

}

.headerTxt{
position:absolute;
width:50%;
left:25%;
text-align:center;
margin-top:8px;
font-size:20px;
}

.ui-mobile fieldset {
  min-width: 0;
}
@-moz-document url-prefix() {
  .ui-mobile fieldset {
    display: table-column;
    vertical-align: middle;
  }
}
.ui-mobile-viewport {
  margin: 0;
  overflow-x: visible;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.ui-mobile-viewport,
div.ui-mobile-viewport {
  overflow-x: hidden;
}
.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  position: absolute;
  display: none;
  border: 0;
}
.ui-page {
  outline: 0;
}
.ui-mobile .ui-page-active {
  display: block;
  overflow: visible;
  overflow-x: hidden;
}
@media screen and (orientation: portrait) {
  .ui-mobile .ui-page {
    min-height: 420px;
  }
}
@media screen and (orientation: landscape) {
  .ui-mobile .ui-page {
    min-height: 300px;
  }
}
.ui-mobile-rendering > * {
  visibility: hidden;
}
.ui-nojs {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-loading .ui-loader {
  display: block;
}
.ui-loader {
  display: none;
  z-index: 9999999;
  position: fixed;
  top: 50%;
  left: 50%;
  border: 0;
}
.ui-loader-default {
  background: 0;
  filter: alpha(opacity=18);
  opacity: .18;
  width: 2.875em;
  height: 2.875em;
  margin-left: -1.4375em;
  margin-top: -1.4375em;
}
.ui-loader-verbose {
  width: 12.5em;
  filter: alpha(opacity=88);
  opacity: .88;
  box-shadow: 0 1px 1px -1px #ffffff;
  height: auto;
  margin-left: -6.875em;
  margin-top: -2.6875em;
  padding: 0.625em;
}
.ui-loader-default h1 {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.ui-loader-verbose h1 {
  font-size: 1em;
  margin: 0;
  text-align: center;
}
.ui-loader .ui-icon-loading {
  background-color: #000;
  display: block;
  margin: 0;
  width: 2.75em;
  height: 2.75em;
  padding: .0625em;
  -webkit-border-radius: 2.25em;
  border-radius: 2.25em;
}
.ui-loader-verbose .ui-icon-loading {
  margin: 0 auto .625em;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.ui-loader-textonly {
  padding: .9375em;
  margin-left: -7.1875em;
}
.ui-loader-textonly .ui-icon-loading {
  display: none;
}
.ui-loader-fakefix {
  position: absolute;
}
.ui-bar,
.ui-body {
  position: relative;
  padding: .4em 1em;
  overflow: hidden;
  display: block;
  clear: both;
}
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: inline-block;
}
.ui-header,
.ui-footer {
  border-width: 1px 0;
  border-style: solid;
  position: relative;
}
.ui-header:empty,
.ui-footer:empty {
  min-height: 2.6875em;
}
.ui-header .ui-title,
.ui-footer .ui-title {
  font-size: 1em;
  min-height: 1.1em;
  text-align: center;
  display: block;
  margin: 0 10px;
  padding: 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: 0 !important;
}
.ui-footer .ui-title {
  margin: 0 1em;
}
.ui-content {
position:relative;
  border-width: 0;
  overflow: visible;
  overflow-x: hidden;
  padding: 1em;
}
.ui-corner-all > .ui-header:first-child,
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .ui-footer:first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.ui-corner-all > .ui-header:last-child,
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .ui-footer:last-child {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}



#link_close_head{
width:18px;
display:block;
}

.ui-btn {
  font-size: 16px;
  margin: .5em 0;
  padding: .7em 1em;
  display: block;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-btn-icon-notext {
  padding: 0;
  width: 1.75em;
  height: 1.75em;
  text-indent: -9999px;
  white-space: nowrap !important;
}
.ui-mini {
  font-size: 12.5px;
}
.ui-mini .ui-btn {
  font-size: inherit;
}
.ui-header .ui-btn,
.ui-footer .ui-btn {
  font-size: 12.5px;
  display: inline-block;
  vertical-align: middle;
}
.ui-header .ui-btn-left,
.ui-header .ui-btn-right {
  font-size: 12.5px;
}
.ui-mini.ui-btn-icon-notext,
.ui-mini .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext,
.ui-footer .ui-btn-icon-notext {
  font-size: 16px;
  padding: 0;
}
.ui-btn-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625em;
}
.ui-btn-icon-left {
  padding-left: 2.5em;
}
.ui-btn-icon-right {
  padding-right: 2.5em;
}
.ui-btn-icon-top {
  padding-top: 2.5em;
}
.ui-btn-icon-bottom {
  padding-bottom: 2.5em;
}
.ui-header .ui-btn-icon-top,
.ui-footer .ui-btn-icon-top,
.ui-header .ui-btn-icon-bottom,
.ui-footer .ui-btn-icon-bottom {
  padding-left: .3125em;
  padding-right: 0.3125em;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
  top: 50%;
  margin-top: -11px;
}
.ui-btn-icon-left:after {
  left: 0.5625em;
}
.ui-btn-icon-right:after {
  right: 0.5625em;
}
.ui-mini.ui-btn-icon-left:after,
.ui-mini .ui-btn-icon-left:after,
.ui-header .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-left:after {
  left: 0.37em;
}
.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
  right: 0.37em;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after {
  left: 50%;
  margin-left: -11px;
}
.ui-btn-icon-top:after {
  top: 0.5625em;
}
.ui-btn-icon-bottom:after {
  top: auto;
  bottom: 0.5625em;
}
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-btn-left > [class*=ui-],
.ui-btn-right > [class*=ui-] {
  margin: 0;
}
.ui-btn-left,
.ui-btn-right {
  position: absolute;
  top: 0.24em;
}
.ui-btn-left {
  left: 0.4em;
}
.ui-btn-right {
  right: 0.4em;
}
.ui-btn-icon-notext.ui-btn-left {
  top: .3125em;
  left: 0.3125em;
}
.ui-btn-icon-notext.ui-btn-right {
  top: .3125em;
  right: 0.3125em;
}
button.ui-btn,
.ui-controlgroup-controls button.ui-btn-icon-notext {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
}
button.ui-btn-inline {
  width: auto;
}
button.ui-btn::-moz-focus-inner {
  border: 0;
}
button.ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 1.75em;
}
.ui-mobile label,
.ui-controlgroup-label {
  display: block;
  margin: 0 0 0.4em;
}
.ui-hide-label > label,
.ui-hide-label .ui-controlgroup-label,
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-screen-hidden {
  display: none !important;
}
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-page-pre-in {
  opacity: 0;
}
.in {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 350ms;
  animation-timing-function: ease-out;
  animation-duration: 350ms;
}
.out {
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 225ms;
  -moz-animation-timing-function: ease-in;
  -moz-animation-duration: 225ms;
  animation-timing-function: ease-in;
  animation-duration: 225ms;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade.out {
  opacity: 0;
  -webkit-animation-duration: 125ms;
  -webkit-animation-name: fadeout;
  -moz-animation-duration: 125ms;
  -moz-animation-name: fadeout;
  animation-duration: 125ms;
  animation-name: fadeout;
}
.fade.in {
  opacity: 1;
  -webkit-animation-duration: 225ms;
  -webkit-animation-name: fadein;
  -moz-animation-duration: 225ms;
  -moz-animation-name: fadein;
  animation-duration: 225ms;
  animation-name: fadein;
}
.pop {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.pop.in {
    background:#FFF;
    border-radius: 10px;

    -webkit-transform: scale(1);
    -webkit-animation-name: popin;
    -webkit-animation-duration: 350ms;
    -moz-transform: scale(1);
    -moz-animation-name: popin;
    -moz-animation-duration: 350ms;
    transform: scale(1);
    animation-name: popin;
    animation-duration: 350ms;
    opacity: 1;
}
.pop.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 100ms;
  animation-name: fadeout;
  animation-duration: 100ms;
  opacity: 0;
}
.pop.in.reverse {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  animation-name: fadein;
}
.pop.out.reverse {
  -webkit-transform: scale(0.8);
  -webkit-animation-name: popout;
  -moz-transform: scale(0.8);
  -moz-animation-name: popout;
  transform: scale(0.8);
  animation-name: popout;
}
@-webkit-keyframes popin {
  from {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes popin {
  from {
    -moz-transform: scale(0.8);
    opacity: 0;
  }
  to {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes popout {
  from {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
}
@-moz-keyframes popout {
  from {
    -moz-transform: scale(1);
    opacity: 1;
  }
  to {
    -moz-transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes popout {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes slideinfromright {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideinfromright {
  from {
    -moz-transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(0);
  }
}
@keyframes slideinfromright {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideinfromleft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes slideinfromleft {
  from {
    -moz-transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(0);
  }
}
@keyframes slideinfromleft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes slideouttoleft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes slideouttoleft {
  from {
    -moz-transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-100%);
  }
}
@keyframes slideouttoleft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slideouttoright {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes slideouttoright {
  from {
    -moz-transform: translateX(0);
  }
  to {
    -moz-transform: translateX(100%);
  }
}
@keyframes slideouttoright {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.slide.out,
.slide.in {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-timing-function: ease-out;
  -moz-animation-duration: 350ms;
  animation-timing-function: ease-out;
  animation-duration: 350ms;
}
.slide.out {
  -webkit-transform: translate3d(-100%, 0, 0);
  -webkit-animation-name: slideouttoleft;
  -moz-transform: translateX(-100%);
  -moz-animation-name: slideouttoleft;
  transform: translateX(-100%);
  animation-name: slideouttoleft;
}
.slide.in {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation-name: slideinfromright;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromright;
  transform: translateX(0);
  animation-name: slideinfromright;
}
.slide.out.reverse {
  -webkit-transform: translate3d(100%, 0, 0);
  -webkit-animation-name: slideouttoright;
  -moz-transform: translateX(100%);
  -moz-animation-name: slideouttoright;
  transform: translateX(100%);
  animation-name: slideouttoright;
}
.slide.in.reverse {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-animation-name: slideinfromleft;
  -moz-transform: translateX(0);
  -moz-animation-name: slideinfromleft;
  transform: translateX(0);
  animation-name: slideinfromleft;
}
.slidefade.out {
  -webkit-transform: translateX(-100%);
  -webkit-animation-name: slideouttoleft;
  -webkit-animation-duration: 225ms;
  -moz-transform: translateX(-100%);
  -moz-animation-name: slideouttoleft;
  -moz-animation-duration: 225ms;
  transform: translateX(-100%);
  animation-name: slideouttoleft;
  animation-duration: 225ms;
}
.slidefade.in {
  -webkit-transform: translateX(0);
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateX(0);
  -moz-animation-name: fadein;
  -moz-animation-duration: 200ms;
  transform: translateX(0);
  animation-name: fadein;
  animation-duration: 200ms;
}
.slidefade.out.reverse {
  -webkit-transform: translateX(100%);
  -webkit-animation-name: slideouttoright;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateX(100%);
  -moz-animation-name: slideouttoright;
  -moz-animation-duration: 200ms;
  transform: translateX(100%);
  animation-name: slideouttoright;
  animation-duration: 200ms;
}
.slidefade.in.reverse {
  -webkit-transform: translateX(0);
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateX(0);
  -moz-animation-name: fadein;
  -moz-animation-duration: 200ms;
  transform: translateX(0);
  animation-name: fadein;
  animation-duration: 200ms;
}
.slidedown.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 100ms;
  animation-name: fadeout;
  animation-duration: 100ms;
}
.slidedown.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfromtop;
  -webkit-animation-duration: 250ms;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfromtop;
  -moz-animation-duration: 250ms;
  transform: translateY(0);
  animation-name: slideinfromtop;
  animation-duration: 250ms;
}
.slidedown.in.reverse {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 150ms;
  -moz-animation-name: fadein;
  -moz-animation-duration: 150ms;
  animation-name: fadein;
  animation-duration: 150ms;
}
.slidedown.out.reverse {
  -webkit-transform: translateY(-100%);
  -webkit-animation-name: slideouttotop;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateY(-100%);
  -moz-animation-name: slideouttotop;
  -moz-animation-duration: 200ms;
  transform: translateY(-100%);
  animation-name: slideouttotop;
  animation-duration: 200ms;
}
@-webkit-keyframes slideinfromtop {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideinfromtop {
  from {
    -moz-transform: translateY(-100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes slideinfromtop {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideouttotop {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideouttotop {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(-100%);
  }
}
@keyframes slideouttotop {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.slideup.out {
  -webkit-animation-name: fadeout;
  -webkit-animation-duration: 100ms;
  -moz-animation-name: fadeout;
  -moz-animation-duration: 100ms;
  animation-name: fadeout;
  animation-duration: 100ms;
}
.slideup.in {
  -webkit-transform: translateY(0);
  -webkit-animation-name: slideinfrombottom;
  -webkit-animation-duration: 250ms;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfrombottom;
  -moz-animation-duration: 250ms;
  transform: translateY(0);
  animation-name: slideinfrombottom;
  animation-duration: 250ms;
}
.slideup.in.reverse {
  -webkit-animation-name: fadein;
  -webkit-animation-duration: 150ms;
  -moz-animation-name: fadein;
  -moz-animation-duration: 150ms;
  animation-name: fadein;
  animation-duration: 150ms;
}
.slideup.out.reverse {
  -webkit-transform: translateY(100%);
  -webkit-animation-name: slideouttobottom;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateY(100%);
  -moz-animation-name: slideouttobottom;
  -moz-animation-duration: 200ms;
  transform: translateY(100%);
  animation-name: slideouttobottom;
  animation-duration: 200ms;
}
@-webkit-keyframes slideinfrombottom {
  from {
    -webkit-transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideinfrombottom {
  from {
    -moz-transform: translateY(100%);
  }
  to {
    -moz-transform: translateY(0);
  }
}
@keyframes slideinfrombottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slideouttobottom {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slideouttobottom {
  from {
    -moz-transform: translateY(0);
  }
  to {
    -moz-transform: translateY(100%);
  }
}
@keyframes slideouttobottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
.viewport-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  position: absolute;
}
.flip {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
  backface-visibility: hidden;
  transform: translateX(0);
}
.flip.out {
  -webkit-transform: rotateY(-90deg) scale(0.9);
  -webkit-animation-name: flipouttoleft;
  -webkit-animation-duration: 175ms;
  -moz-transform: rotateY(-90deg) scale(0.9);
  -moz-animation-name: flipouttoleft;
  -moz-animation-duration: 175ms;
  transform: rotateY(-90deg) scale(0.9);
  animation-name: flipouttoleft;
  animation-duration: 175ms;
}
.flip.in {
  -webkit-animation-name: flipintoright;
  -webkit-animation-duration: 225ms;
  -moz-animation-name: flipintoright;
  -moz-animation-duration: 225ms;
  animation-name: flipintoright;
  animation-duration: 225ms;
}
.flip.out.reverse {
  -webkit-transform: rotateY(90deg) scale(0.9);
  -webkit-animation-name: flipouttoright;
  -moz-transform: rotateY(90deg) scale(0.9);
  -moz-animation-name: flipouttoright;
  transform: rotateY(90deg) scale(0.9);
  animation-name: flipouttoright;
}
.flip.in.reverse {
  -webkit-animation-name: flipintoleft;
  -moz-animation-name: flipintoleft;
  animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoleft {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
}
@keyframes flipouttoleft {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-90deg) scale(0.9);
  }
}
@-webkit-keyframes flipouttoright {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoright {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
}
@keyframes flipouttoright {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(90deg) scale(0.9);
  }
}
@-webkit-keyframes flipintoleft {
  from {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoleft {
  from {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoleft {
  from {
    transform: rotateY(-90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
@-webkit-keyframes flipintoright {
  from {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoright {
  from {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoright {
  from {
    transform: rotateY(90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
.viewport-turn {
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -ms-perspective: 200px;
  perspective: 200px;
  position: absolute;
}
.turn {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  -webkit-transform-origin: 0;
  -moz-backface-visibility: hidden;
  -moz-transform: translateX(0);
  -moz-transform-origin: 0;
  backface-visibility: hidden;
  transform: translateX(0);
  transform-origin: 0;
}
.turn.out {
  -webkit-transform: rotateY(-90deg) scale(0.9);
  -webkit-animation-name: flipouttoleft;
  -webkit-animation-duration: 125ms;
  -moz-transform: rotateY(-90deg) scale(0.9);
  -moz-animation-name: flipouttoleft;
  -moz-animation-duration: 125ms;
  transform: rotateY(-90deg) scale(0.9);
  animation-name: flipouttoleft;
  animation-duration: 125ms;
}
.turn.in {
  -webkit-animation-name: flipintoright;
  -webkit-animation-duration: 250ms;
  -moz-animation-name: flipintoright;
  -moz-animation-duration: 250ms;
  animation-name: flipintoright;
  animation-duration: 250ms;
}
.turn.out.reverse {
  -webkit-transform: rotateY(90deg) scale(0.9);
  -webkit-animation-name: flipouttoright;
  -moz-transform: rotateY(90deg) scale(0.9);
  -moz-animation-name: flipouttoright;
  transform: rotateY(90deg) scale(0.9);
  animation-name: flipouttoright;
}
.turn.in.reverse {
  -webkit-animation-name: flipintoleft;
  -moz-animation-name: flipintoleft;
  animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoleft {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
}
@keyframes flipouttoleft {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-90deg) scale(0.9);
  }
}
@-webkit-keyframes flipouttoright {
  from {
    -webkit-transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
}
@-moz-keyframes flipouttoright {
  from {
    -moz-transform: rotateY(0);
  }
  to {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
}
@keyframes flipouttoright {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(90deg) scale(0.9);
  }
}
@-webkit-keyframes flipintoleft {
  from {
    -webkit-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoleft {
  from {
    -moz-transform: rotateY(-90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoleft {
  from {
    transform: rotateY(-90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
@-webkit-keyframes flipintoright {
  from {
    -webkit-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -webkit-transform: rotateY(0);
  }
}
@-moz-keyframes flipintoright {
  from {
    -moz-transform: rotateY(90deg) scale(0.9);
  }
  to {
    -moz-transform: rotateY(0);
  }
}
@keyframes flipintoright {
  from {
    transform: rotateY(90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}
.flow {
  -webkit-transform-origin: 50% 30%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  -moz-transform-origin: 50% 30%;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  transform-origin: 50% 30%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.ui-dialog.flow {
  -webkit-transform-origin: none;
  -webkit-box-shadow: none;
  -moz-transform-origin: none;
  -moz-box-shadow: none;
  transform-origin: none;
  box-shadow: none;
}
.flow.out {
  -webkit-transform: translateX(-100%) scale(0.7);
  -webkit-animation-name: flowouttoleft;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 350ms;
  -moz-transform: translateX(-100%) scale(0.7);
  -moz-animation-name: flowouttoleft;
  -moz-animation-timing-function: ease;
  -moz-animation-duration: 350ms;
  transform: translateX(-100%) scale(0.7);
  animation-name: flowouttoleft;
  animation-timing-function: ease;
  animation-duration: 350ms;
}
.flow.in {
  -webkit-transform: translateX(0) scale(1);
  -webkit-animation-name: flowinfromright;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: 350ms;
  -moz-transform: translateX(0) scale(1);
  -moz-animation-name: flowinfromright;
  -moz-animation-timing-function: ease;
  -moz-animation-duration: 350ms;
  transform: translateX(0) scale(1);
  animation-name: flowinfromright;
  animation-timing-function: ease;
  animation-duration: 350ms;
}
.flow.out.reverse {
  -webkit-transform: translateX(100%);
  -webkit-animation-name: flowouttoright;
  -moz-transform: translateX(100%);
  -moz-animation-name: flowouttoright;
  transform: translateX(100%);
  animation-name: flowouttoright;
}
.flow.in.reverse {
  -webkit-animation-name: flowinfromleft;
  -moz-animation-name: flowinfromleft;
  animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
  0% {
    -webkit-transform: translateX(0) scale(1);
  }
  60%,
  70% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(-100%) scale(0.7);
  }
}
@-moz-keyframes flowouttoleft {
  0% {
    -moz-transform: translateX(0) scale(1);
  }
  60%,
  70% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(-100%) scale(0.7);
  }
}
@keyframes flowouttoleft {
  0% {
    transform: translateX(0) scale(1);
  }
  60%,
  70% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(-100%) scale(0.7);
  }
}
@-webkit-keyframes flowouttoright {
  0% {
    -webkit-transform: translateX(0) scale(1);
  }
  60%,
  70% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(100%) scale(0.7);
  }
}
@-moz-keyframes flowouttoright {
  0% {
    -moz-transform: translateX(0) scale(1);
  }
  60%,
  70% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(100%) scale(0.7);
  }
}
@keyframes flowouttoright {
  0% {
    transform: translateX(0) scale(1);
  }
  60%,
  70% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(100%) scale(0.7);
  }
}
@-webkit-keyframes flowinfromleft {
  0% {
    -webkit-transform: translateX(-100%) scale(0.7);
  }
  30%,
  40% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(0) scale(1);
  }
}
@-moz-keyframes flowinfromleft {
  0% {
    -moz-transform: translateX(-100%) scale(0.7);
  }
  30%,
  40% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(0) scale(1);
  }
}
@keyframes flowinfromleft {
  0% {
    transform: translateX(-100%) scale(0.7);
  }
  30%,
  40% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
@-webkit-keyframes flowinfromright {
  0% {
    -webkit-transform: translateX(100%) scale(0.7);
  }
  30%,
  40% {
    -webkit-transform: translateX(0) scale(0.7);
  }
  100% {
    -webkit-transform: translateX(0) scale(1);
  }
}
@-moz-keyframes flowinfromright {
  0% {
    -moz-transform: translateX(100%) scale(0.7);
  }
  30%,
  40% {
    -moz-transform: translateX(0) scale(0.7);
  }
  100% {
    -moz-transform: translateX(0) scale(1);
  }
}
@keyframes flowinfromright {
  0% {
    transform: translateX(100%) scale(0.7);
  }
  30%,
  40% {
    transform: translateX(0) scale(0.7);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
.ui-field-contain,
.ui-mobile fieldset.ui-field-contain {
  display: block;
  position: relative;
  overflow: visible;
  clear: both;
  padding: 0.8em 0;
}
.ui-field-contain > label + [class*=ui-],
.ui-field-contain .ui-controlgroup-controls {
  margin: 0;
}
.ui-field-contain:last-child {
  border-bottom-width: 0;
}
@media (min-width: 28em) {
  .ui-field-contain,
  .ui-mobile fieldset.ui-field-contain {
    padding: 0;
    margin: 1em 0;
    border-bottom-width: 0;
  }
  .ui-field-contain:before,
  .ui-field-contain:after {
    content: "";
    display: table;
  }
  .ui-field-contain:after {
    clear: both;
  }
  .ui-field-contain > label,
  .ui-field-contain .ui-controlgroup-label,
  .ui-field-contain > .ui-rangeslider > label {
    float: left;
    width: 20%;
    margin: 0.5em 2% 0 0;
  }
  .ui-popup .ui-field-contain > label,
  .ui-popup .ui-field-contain .ui-controlgroup-label,
  .ui-popup .ui-field-contain > .ui-rangeslider > label {
    float: none;
    width: auto;
    margin: 0 0 0.4em;
  }
  .ui-field-contain > label + [class*=ui-],
  .ui-field-contain .ui-controlgroup-controls {
    float: left;
    width: 78%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ui-hide-label > label + [class*=ui-],
  .ui-hide-label .ui-controlgroup-controls,
  .ui-popup .ui-field-contain > label + [class*=ui-],
  .ui-popup .ui-field-contain .ui-controlgroup-controls {
    float: none;
    width: 100%;
  }
  .ui-field-contain > label + .ui-btn-inline {
    width: auto;
    margin-right: 0.625em;
  }
}
.ui-grid-a,
.ui-grid-b,
.ui-grid-c,
.ui-grid-d,
.ui-grid-solo {
  overflow: hidden;
}
.ui-block-a,
.ui-block-b,
.ui-block-c,
.ui-block-d,
.ui-block-e {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-block-a {
  clear: left;
}
ul.ui-grid-a,
ul.ui-grid-b,
ul.ui-grid-c,
ul.ui-grid-d,
ul.ui-grid-solo,
li.ui-block-a,
li.ui-block-b,
li.ui-block-c,
li.ui-block-d,
li.ui-block-e {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  list-style: none;
}
[class*=ui-block-] > button.ui-btn,
.ui-grid-solo > button.ui-btn {
  margin-right: 0;
  margin-left: 0;
}
[class*=ui-block-] > .ui-btn,
[class*=ui-block-] > .ui-select,
[class*=ui-block-] > .ui-checkbox,
[class*=ui-block-] > .ui-radio,
[class*=ui-block-] > button.ui-btn-inline,
[class*=ui-block-] > button.ui-btn-icon-notext,
.ui-grid-solo > [class*=ui-] {
  margin-right: .3125em;
  margin-left: 0.3125em;
}
.ui-grid-a > .ui-block-a,
.ui-grid-a > .ui-block-b {
  width: 50%;
}
.ui-grid-b > .ui-block-a,
.ui-grid-b > .ui-block-b,
.ui-grid-b > .ui-block-c {
  width: 33.333%;
}
.ui-grid-c > .ui-block-a,
.ui-grid-c > .ui-block-b,
.ui-grid-c > .ui-block-c,
.ui-grid-c > .ui-block-d {
  width: 25%;
}
.ui-grid-d > .ui-block-a,
.ui-grid-d > .ui-block-b,
.ui-grid-d > .ui-block-c,
.ui-grid-d > .ui-block-d,
.ui-grid-d > .ui-block-e {
  width: 20%;
}
.ui-grid-solo > .ui-block-a {
  width: 100%;
  float: none;
}
@media (max-width: 35em) {
  .ui-responsive > .ui-block-a,
  .ui-responsive > .ui-block-b,
  .ui-responsive > .ui-block-c,
  .ui-responsive > .ui-block-d,
  .ui-responsive > .ui-block-e {
    width: 100%;
    float: none;
  }
}
.ui-header-fixed,
.ui-footer-fixed {
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.ui-header-fixed { /*
  top: -1px;
  padding-top: 1px; */
}
.ui-header-fixed.ui-fixed-hidden {
  top: 0;
  padding-top: 0;
}
.ui-header-fixed .ui-btn-left,
.ui-header-fixed .ui-btn-right {
  margin-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.ui-header-fixed.ui-fixed-hidden .ui-btn-right {
  margin-top: 0;
}
.ui-footer-fixed {
  bottom: -1px;
  padding-bottom: 1px;
}
.ui-footer-fixed.ui-fixed-hidden {
  bottom: 0;
  padding-bottom: 0;
}
.ui-header-fullscreen,
.ui-footer-fullscreen {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.ui-page-header-fixed {
  /* padding-top: 2.8125em; */
}
.ui-page-footer-fixed {
  padding-bottom: 2.8125em;
}
.ui-page-header-fullscreen > .ui-content,
.ui-page-footer-fullscreen > .ui-content {
  padding: 0;
}
.ui-fixed-hidden {
  position: absolute;
}
.ui-footer-fixed.ui-fixed-hidden {
  display: none;
}
.ui-page .ui-footer-fixed.ui-fixed-hidden {
  display: block;
}
.ui-page-header-fullscreen .ui-fixed-hidden,
.ui-page-footer-fullscreen .ui-fixed-hidden {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn {
  z-index: 10;
}
.ui-android-2x-fixed .ui-li-has-thumb {
  -webkit-transform: translate3d(0, 0, 0);
}
.ui-navbar {
  max-width: 100%;
}
.ui-navbar ul:before,
.ui-navbar ul:after {
  content: "";
  display: table;
}
.ui-navbar ul:after {
  clear: both;
}
.ui-navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  border: 0;
  max-width: 100%;
  overflow: visible;
}
.ui-navbar li .ui-btn {
  font-size: 12.5px;
  display: block;
  margin: 0;
  border-right-width: 0;
}
.ui-navbar .ui-btn:focus {
  z-index: 1;
}
.ui-navbar li:last-child .ui-btn {
  margin-right: -4px;
}
.ui-navbar li:last-child .ui-btn:after {
  margin-right: 4px;
}
.ui-content .ui-navbar li:last-child .ui-btn,
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn {
  border-right-width: 1px;
  margin-right: 0;
}
.ui-content .ui-navbar li:last-child .ui-btn:after,
.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after {
  margin-right: 0;
}
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn {
  border-right-width: 1px;
  margin-right: -1px;
}
.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after {
  margin-right: 1px;
}
.ui-navbar .ui-grid-duo .ui-btn {
  border-top-width: 0;
}
.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  border-top-width: 1px;
}
.ui-header .ui-navbar .ui-btn,
.ui-footer .ui-navbar .ui-btn {
  border-top-width: 0;
  border-bottom-width: 0;
}
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  border-top-width: 0;
}
.ui-header .ui-title ~ .ui-navbar .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-btn,
.ui-footer .ui-navbar .ui-grid-duo .ui-btn,
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn,
.ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn {
  border-top-width: 1px;
}
.ui-input-btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background: #fff;
  background: rgba(255, 255, 255, 0);
  filter: alpha(opacity=0);
  opacity: .1;
  font-size: 1px;
  text-indent: -9999px;
  z-index: 2;
}
.ui-input-btn.ui-state-disabled input {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-collapsible {
  margin: 0 -1em;
}
.ui-collapsible-inset,
.ui-collapsible-set {
  margin: 0.5em 0;
}
.ui-collapsible-heading {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.ui-collapsible-heading .ui-btn {
  text-align: left;
  margin: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.ui-collapsible-heading .ui-btn-icon-top,
.ui-collapsible-heading .ui-btn-icon-bottom {
  text-align: center;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
  border-right-width: 1px;
  border-left-width: 1px;
}
.ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) > .ui-collapsible-heading .ui-btn {
  border-top-width: 0;
}
.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
  border-top-width: 1px;
}
.ui-collapsible-heading-status {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-collapsible-content {
  display: block;
  margin: 0;
  padding: 0.5em 1em;
}
.ui-collapsible-themed-content .ui-collapsible-content {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
  border-left-width: 1px;
  border-right-width: 1px;
}
.ui-collapsible-inset .ui-collapsible-content {
  margin: 0;
}
.ui-collapsible-content-collapsed {
  display: none;
}
.ui-collapsible-set > .ui-collapsible.ui-corner-all {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-collapsible-heading,
.ui-collapsible-heading > .ui-btn {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
}
.ui-collapsible-content,
.ui-collapsible-set .ui-collapsible.ui-last-child {
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui-collapsible-set .ui-collapsible {
  margin: -1px -1em 0;
}
.ui-collapsible-set .ui-collapsible-inset {
  margin: -1px 0 0;
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
  margin-top: 0;
}
.ui-controlgroup,
fieldset.ui-controlgroup {
  padding: 0;
  margin: 0.5em 0;
}
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
  margin: 0;
}
.ui-mini .ui-controlgroup-label {
  font-size: 16px;
}
.ui-controlgroup.ui-mini .ui-btn-icon-notext,
.ui-controlgroup .ui-mini.ui-btn-icon-notext {
  font-size: inherit;
}
.ui-controlgroup-controls .ui-btn,
.ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-controls .ui-radio,
.ui-controlgroup-controls .ui-select {
  margin: 0;
}
.ui-controlgroup-controls .ui-btn:focus,
.ui-controlgroup-controls .ui-btn.ui-focus {
  z-index: 1;
}
.ui-controlgroup-controls li {
  list-style: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls {
  display: inline-block;
  vertical-align: middle;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  content: "";
  display: table;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
  clear: both;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio,
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select {
  float: left;
  clear: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,
.ui-controlgroup-controls .ui-btn-icon-notext {
  width: auto;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext {
  width: 1.5em;
}
.ui-controlgroup-controls .ui-btn-icon-notext {
  height: auto;
  padding: 0.7em 1em;
}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn {
  border-bottom-width: 0;
}
.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-bottom-width: 1px;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn {
  border-right-width: 0;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child {
  border-right-width: 1px;
}
.ui-controlgroup-controls .ui-btn-corner-all,
.ui-controlgroup-controls .ui-btn.ui-corner-all {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-controlgroup-controls,
.ui-controlgroup-controls .ui-radio,
.ui-controlgroup-controls .ui-checkbox,
.ui-controlgroup-controls .ui-select,
.ui-controlgroup-controls li {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-last-child {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.ui-controlgroup-controls a.ui-shadow:not(:focus),
.ui-controlgroup-controls button.ui-shadow:not(:focus),
.ui-controlgroup-controls div.ui-shadow:not(.ui-focus) {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-controlgroup-label legend {
  max-width: 100%;
}
.ui-controlgroup-controls > label {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-dialog {
  background: none !important;
}
.ui-dialog-contain {
  width: 92.5%;
  max-width: 500px;
  margin: 10% auto 1em;
  padding: 0;
  position: relative;
  top: -1em;
}
.ui-dialog-contain > .ui-header,
.ui-dialog-contain > .ui-content,
.ui-dialog-contain > .ui-footer {
  display: block;
  position: relative;
  width: auto;
  margin: 0;
}
.ui-dialog-contain > .ui-header {
  overflow: hidden;
  z-index: 10;
  padding: 0;
  border-top-width: 0;
}
.ui-dialog-contain > .ui-footer {
  z-index: 10;
  padding: 0 1em;
  border-bottom-width: 0;
}
.ui-popup-open .ui-header-fixed,
.ui-popup-open .ui-footer-fixed {
  position: absolute !important;
}
.ui-popup-screen {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 1099;
}
.ui-popup-screen.in {
  opacity: .5;
  filter: alpha(opacity=50);
}
.ui-popup-screen.out {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-popup-container {
  z-index: 1100;
  display: inline-block;
  position: absolute;
  padding: 0;
  outline: 0;
}
.ui-popup {
  position: relative;
}
.ui-popup.ui-body-inherit {
  border-width: 1px;
  border-style: solid;
}
.ui-popup-hidden {
  left: 0;
  top: 0;
  position: absolute!important;
  visibility: hidden;
}
.ui-popup-truncate {
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-popup.ui-content,
.ui-popup .ui-content {
  overflow: visible;
}
.ui-popup > .ui-header {
  border-top-width: 0;
}
.ui-popup > .ui-footer {
  border-bottom-width: 0;
}
.ui-popup > p,
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6 {
  margin: 0.5em 0.4375em;
}
.ui-popup > span {
  display: block;
  margin: 0.5em 0.4375em;
}
.ui-popup-container .ui-content > p,
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6 {
  margin: 0.5em 0;
}
.ui-popup-container .ui-content > span {
  margin: 0;
}
.ui-popup-container .ui-content > p:first-child,
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child {
  margin-top: 0;
}
.ui-popup-container .ui-content > p:last-child,
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child {
  margin-bottom: 0;
}
.ui-popup > img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.ui-popup:not(.ui-content) > img:only-child,
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.ui-popup iframe {
  vertical-align: middle;
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
  position: absolute;
  top: -11px;
  margin: 0;
  z-index: 1101;
}
.ui-popup > .ui-btn-left {
  left: -11px;
}
.ui-popup > .ui-btn-right {
  right: -11px;
}
.ui-popup-arrow-container {
  width: 20px;
  height: 20px;
}
.ui-popup-arrow-container.ui-popup-arrow-l {
  left: -10px;
  clip: rect(-1000px, 10px, 2000px, -1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-t {
  top: -10px;
  clip: rect(-1000px, 2000px, 10px, -1000px);
}
.ui-popup-arrow-container.ui-popup-arrow-r {
  right: -10px;
  clip: rect(-1000px, 2000px, 2000px, 10px);
}
.ui-popup-arrow-container.ui-popup-arrow-b {
  bottom: -10px;
  clip: rect(10px, 2000px, 1000px, -1000px);
}
.ui-popup-arrow-container .ui-popup-arrow {
  width: 28.284271247px;
  height: 28.284271247px;
  border-width: 1px;
  border-style: solid;
}
.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow {
  left: -4.14213562px;
  top: 5.85786438px;
}
.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow {
  left: -4.14213562px;
  top: -14.14213562px;
}
.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow {
  left: 5.857864376px;
  top: -4.14213562px;
}
.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow {
  left: -14.14213562px;
  top: -4.14213562px;
}
.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow {
  margin-left: -5.85786438px;
  margin-top: -7.07106781px;
}
.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow {
  margin-left: -5.85786438px;
  margin-top: -4.14213562px;
}
.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow {
  margin-left: -7.07106781px;
  margin-top: -5.85786438px;
}
.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow {
  margin-left: -4.14213562px;
  margin-top: -5.85786438px;
}
.ui-popup-arrow-background {
  width: 20px;
  height: 20px;
}
.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow-background .ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow-background {
  background-position: 0 10px;
}
.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow-background,
.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow-background {
  background-position: 10px 0;
}
.ui-popup > .ui-popup-arrow-guide {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
}
.ui-popup-arrow-container {
  position: absolute;
}
.ui-popup-arrow {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}
.ui-popup-arrow-container.ie .ui-popup-arrow {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678, SizingMethod='auto expand');
}
.ui-popup-arrow-background {
  position: absolute;
  border: 0;
}
.ui-popup-arrow-container.ie .ui-popup-arrow-background {
  background: 0;
}
.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow-background,
.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow-background {
  -webkit-transform: rotate(-45deg) scale(1, -1);
  -moz-transform: rotate(-45deg) scale(1, -1);
  -ms-transform: rotate(-45deg) scale(1, -1);
  transform: rotate(-45deg) scale(1, -1);
}
.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow-background,
.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow-background {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=-0.7071067811865467, M21=-0.7071067811865467, M22=-0.7071067811865483, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=-0.70710678, M22=-0.70710678, SizingMethod='auto expand');
}
.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow-background,
.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow-background {
  -webkit-transform: rotate(-45deg) scale(-1, 1);
  -moz-transform: rotate(-45deg) scale(-1, 1);
  -ms-transform: rotate(-45deg) scale(-1, 1);
  transform: rotate(-45deg) scale(-1, 1);
}
.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow-background,
.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow-background {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865483, M12=0.7071067811865467, M21=0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.70710678, M12=0.70710678, M21=0.70710678, M22=0.70710678, SizingMethod='auto expand');
}
.ui-checkbox,
.ui-radio {
  margin: .5em 0;
  position: relative;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
  margin: 0;
  text-align: left;
  white-space: normal;
  z-index: 2;
}
.ui-controlgroup .ui-checkbox .ui-btn.ui-focus,
.ui-controlgroup .ui-radio .ui-btn.ui-focus {
  z-index: 3;
}
.ui-checkbox .ui-btn-icon-top,
.ui-radio .ui-btn-icon-top,
.ui-checkbox .ui-btn-icon-bottom,
.ui-radio .ui-btn-icon-bottom {
  text-align: center;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,
.ui-controlgroup-horizontal .ui-radio .ui-btn:after {
  content: none;
  display: none;
}
.ui-checkbox input,
.ui-radio input {
  position: absolute;
  left: 15px;
  top: 50%;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 0;
  outline: 0!important;
  z-index: 1;
}
.ui-controlgroup-horizontal .ui-checkbox input,
.ui-controlgroup-horizontal .ui-radio input {
  left: 50%;
  margin-left: -9px;
}
.ui-checkbox input:disabled,
.ui-radio input:disabled {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-select {
  margin:10px 0;
  position: relative;
}
.ui-select > select {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-select .ui-btn {
  margin: 0;
  opacity: 1;
}
.ui-select .ui-btn select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 1.5em;
  min-height: 100%;
  height: 3em;
  max-height: 100%;
  outline: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 2;
}
@-moz-document url-prefix() {
  .ui-select .ui-btn select {
/*    opacity: 0.0001; */
  }
}
.ui-select .ui-state-disabled select {
  display: none;
}
.ui-select span.ui-state-disabled {
  filter: alpha(opacity=100);
  opacity: 1;
}
.ui-select .ui-btn.ui-select-nativeonly {
  border-radius: 0;
  border: 0;
}
.ui-select .ui-btn.ui-select-nativeonly select {
  opacity: 1;
  text-indent: 0;
  display: block;
}
.ui-select .ui-li-has-count.ui-btn {
  padding-right: 2.8125em;
}
.ui-select .ui-li-has-count.ui-btn-icon-right {
  padding-right: 4.6875em;
}
.ui-select .ui-btn-icon-right .ui-li-count {
  right: 3.2em;
}
.ui-select .ui-btn > span:not(.ui-li-count) {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden!important;
  white-space: nowrap;
}
.ui-selectmenu.ui-popup {
  min-width: 11em;
}
.ui-selectmenu .ui-dialog-contain {
  overflow: hidden;
}
.ui-selectmenu .ui-header {
  margin: 0;
  padding: 0;
  border-width: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
  z-index: 1;
  position: relative;
}
.ui-selectmenu.ui-popup .ui-header {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui-selectmenu.ui-popup .ui-header h1:after {
  content: '.';
  visibility: hidden;
}
.ui-selectmenu .ui-header .ui-title {
  margin: 0 2.875em;
}
.ui-selectmenu.ui-dialog .ui-content {
  overflow: visible;
  z-index: 1;
}
.ui-selectmenu .ui-selectmenu-list {
  margin: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
.ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn {
  border-top-width: 0;
}
.ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn {
  border-bottom-width: 0;
}
.ui-selectmenu .ui-btn.ui-li-divider {
  cursor: default;
}
.ui-selectmenu .ui-selectmenu-placeholder {
  display: none;
}
.ui-listview,
.ui-listview > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
  margin: -1em;
}
.ui-content .ui-listview-inset,
.ui-panel-inner > .ui-listview-inset {
  margin: 1em 0;
}
.ui-collapsible-content > .ui-listview {
  margin: -0.5em -1em;
}
.ui-collapsible-content > .ui-listview-inset {
  margin: 0.5em 0;
}
.ui-listview > li {
  display: block;
  position: relative;
  overflow: visible;
}
.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
  margin: 0;
  display: block;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-listview > li > .ui-btn:focus {
  z-index: 1;
}
.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
  border-width: 1px 0 0;
  border-style: solid;
}
.ui-listview-inset > .ui-li-static,
.ui-listview-inset > .ui-li-divider,
.ui-listview-inset > li > a.ui-btn {
  border-right-width: 1px;
  border-left-width: 1px;
}
.ui-listview > .ui-li-static.ui-last-child,
.ui-listview > .ui-li-divider.ui-last-child,
.ui-listview > li.ui-last-child > a.ui-btn {
  border-bottom-width: 1px;
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
  border-top-width: 0;
}
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child,
.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn {
  border-bottom-width: 0;
}
.ui-listview > li.ui-first-child,
.ui-listview > li.ui-first-child > a.ui-btn {
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
}
.ui-listview > li.ui-last-child,
.ui-listview > li.ui-last-child > a.ui-btn {
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.ui-listview > li.ui-li-has-alt > a.ui-btn {
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
}
.ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.ui-listview > .ui-li-static {
  padding: 0.7em 1em;
}
.ui-listview > .ui-li-divider {
  padding: .5em 1.143em;
  font-size: 14px;
  font-weight: 700;
  cursor: default;
  outline: 0;
}
.ui-listview > .ui-li-has-count > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-count,
.ui-listview > .ui-li-divider.ui-li-has-count {
  padding-right: 2.8125em;
}
.ui-listview > .ui-li-has-count > .ui-btn-icon-right {
  padding-right: 4.6875em;
}
.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
  min-height: 3.625em;
  padding-left: 6.25em;
}
.ui-listview > .ui-li-has-icon > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-icon {
  min-height: 1.25em;
  padding-left: 2.5em;
}
.ui-li-count {
  position: absolute;
  font-size: 12.5px;
  font-weight: 700;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  padding: 0 .48em;
  line-height: 1.6em;
  min-height: 1.6em;
  min-width: .64em;
  right: .8em;
  top: 50%;
  margin-top: -0.88em;
}
.ui-listview .ui-btn-icon-right .ui-li-count {
  right: 3.2em;
}
.ui-listview .ui-li-has-thumb > img:first-child,
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
.ui-listview .ui-li-has-thumb .ui-li-thumb {
  position: absolute;
  left: 0;
  top: 0;
  max-height: 5em;
  max-width: 5em;
}
.ui-listview > .ui-li-has-icon > img:first-child,
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
  position: absolute;
  left: .625em;
  top: .9em;
  max-height: 1em;
  max-width: 1em;
}
.ui-listview > li h1,
.ui-listview > li h2,
.ui-listview > li h3,
.ui-listview > li h4,
.ui-listview > li h5,
.ui-listview > li h6 {
  font-size: 1em;
  font-weight: 700;
  display: block;
  margin: .45em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-listview > li p {
  font-size: .75em;
  font-weight: 400;
  display: block;
  margin: .6em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-listview .ui-li-aside {
  position: absolute;
  top: 1em;
  right: 3.333em;
  margin: 0;
  text-align: right;
}
.ui-listview > li.ui-li-has-alt > .ui-btn {
  margin-right: 2.5em;
  border-right-width: 0;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn {
  position: absolute;
  width: 2.5em;
  height: 100%;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left-width: 1px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn {
  border-right-width: 1px;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus {
  z-index: 3;
}
ol.ui-listview,
ol.ui-listview > .ui-li-divider {
  counter-reset: listnumbering;
}
ol.ui-listview > li > .ui-btn,
ol.ui-listview > li.ui-li-static {
  vertical-align: middle;
}
ol.ui-listview > li > .ui-btn:before,
ol.ui-listview > li.ui-li-static:before,
ol.ui-listview > li.ui-field-contain > label:before,
ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before {
  display: inline-block;
  font-size: .9em;
  font-weight: 400;
  padding-right: .3em;
  min-width: 1.4em;
  line-height: 1.5;
  vertical-align: middle;
  counter-increment: listnumbering;
  content: counter(listnumbering) ".";
}
ol.ui-listview > li.ui-field-contain:before {
  content: none;
  display: none;
}
ol.ui-listview > li h1:first-child,
ol.ui-listview > li h2:first-child,
ol.ui-listview > li h3:first-child,
ol.ui-listview > li h4:first-child,
ol.ui-listview > li h5:first-child,
ol.ui-listview > li h6:first-child,
ol.ui-listview > li p:first-child,
ol.ui-listview > li img:first-child + * {
  display: inline-block;
  vertical-align: middle;
}
ol.ui-listview > li h1:first-child ~ *,
ol.ui-listview > li h2:first-child ~ *,
ol.ui-listview > li h3:first-child ~ *,
ol.ui-listview > li h4:first-child ~ *,
ol.ui-listview > li h5:first-child ~ *,
ol.ui-listview > li h6:first-child ~ *,
ol.ui-listview > li p:first-child ~ *,
ol.ui-listview > li img:first-child + * ~ * {
  margin-top: 0;
  text-indent: 2.04em;
}
html .ui-filterable + .ui-listview,
html .ui-filterable.ui-listview {
  margin-top: 0.5em;
}
.ui-collapsible-content > form.ui-filterable {
  margin-top: -0.5em;
}
.ui-collapsible-content > .ui-input-search.ui-filterable {
  margin-top: 0;
}
.ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn,
.ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child,
.ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn {
  border-top-width: 1px;
}
div.ui-slider {
  height: 30px;
  margin: .5em 0;
  padding: 0;
  -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
}
div.ui-slider:before,
div.ui-slider:after {
  content: "";
  display: table;
}
div.ui-slider:after {
  clear: both;
}
input.ui-slider-input {
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 4px;
  width: 40px;
  height: 20px;
  line-height: 20px;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  text-align: center;
  vertical-align: text-bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-slider-input::-webkit-outer-spin-button,
.ui-slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ui-slider-track {
  position: relative;
  overflow: visible;
  border-width: 1px;
  border-style: solid;
  height: 15px;
  margin: 0 15px 0 68px;
  top: 6px;
}
.ui-slider-track.ui-mini {
  height: 12px;
  top: 8px;
}
.ui-slider-track .ui-slider-bg {
  height: 100%;
}
.ui-slider-track .ui-btn.ui-slider-handle {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -15px 0 0 -15px;
  outline: 0;
  padding: 0;
}
.ui-slider-track.ui-mini .ui-slider-handle {
  height: 14px;
  width: 14px;
  margin: -8px 0 0 -8px;
}
select.ui-slider-switch {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
div.ui-slider-switch {
  display: inline-block;
  height: 32px;
  width: 5.8em;
  top: 0;
}
div.ui-slider-switch:before,
div.ui-slider-switch:after {
  display: none;
  clear: none;
}
div.ui-slider-switch.ui-mini {
  height: 29px;
  top: 0;
}
.ui-slider-inneroffset {
  margin: 0 16px;
  position: relative;
  z-index: 1;
}
.ui-slider-switch.ui-mini .ui-slider-inneroffset {
  margin: 0 15px 0 14px;
}
.ui-slider-switch .ui-btn.ui-slider-handle {
  margin: 1px 0 0 -15px;
}
.ui-slider-switch.ui-mini .ui-slider-handle {
  width: 25px;
  height: 25px;
  margin: 1px 0 0 -13px;
  padding: 0;
}
.ui-slider-handle-snapping {
  -webkit-transition: left 70ms linear;
  -moz-transition: left 70ms linear;
  transition: left 70ms linear;
}
.ui-slider-switch .ui-slider-label {
  position: absolute;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size: 16px;
  top: 0;
  line-height: 2;
  min-height: 100%;
  white-space: nowrap;
  cursor: pointer;
}
.ui-slider-switch.ui-mini .ui-slider-label {
  font-size: 14px;
}
.ui-slider-switch .ui-slider-label-a {
  z-index: 1;
  left: 0;
  text-indent: -1.5em;
}
.ui-slider-switch .ui-slider-label-b {
  z-index: 0;
  right: 0;
  text-indent: 1.5em;
}
.ui-slider-track .ui-slider-bg,
.ui-slider-switch .ui-slider-label,
.ui-slider-switch .ui-slider-inneroffset,
.ui-slider-handle {
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
.ui-field-contain div.ui-slider-switch {
  margin: 0;
}
@media (min-width: 28em) {
  .ui-field-contain div.ui-slider-switch,
  .ui-field-contain.ui-hide-label div.ui-slider-switch {
    display: inline-block;
    width: 5.8em;
  }
}
.ui-slider-popup {
  width: 64px;
  height: 64px;
  font-size: 36px;
  padding-top: 14px;
  opacity: 0.8;
}
.ui-slider-popup {
  position: absolute!important;
  text-align: center;
  z-index: 100;
}
.ui-slider-track .ui-btn.ui-slider-handle {
  font-size: .9em;
  line-height: 30px;
}
.ui-rangeslider {
  margin: 0.5em 0;
}
.ui-rangeslider:before,
.ui-rangeslider:after {
  content: "";
  display: table;
}
.ui-rangeslider:after {
  clear: both;
}
.ui-rangeslider .ui-slider-input.ui-rangeslider-last {
  float: right;
}
.ui-rangeslider .ui-rangeslider-sliders {
  position: relative;
  overflow: visible;
  height: 30px;
  margin: 0 68px;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
  position: absolute;
  top: 6px;
  right: 0;
  left: 0;
  margin: 0;
}
.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
  top: 8px;
}
.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
  display: none;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  background-color: transparent;
  background: 0;
  border-width: 0;
  height: 0;
}
html > body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
  height: 15px;
  border-width: 1px;
}
html > body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
  height: 12px;
}
div.ui-rangeslider label {
  position: absolute!important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-field-contain .ui-rangeslider input.ui-slider-input,
.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
  margin-top: 0;
  margin-bottom: 0;
}
.ui-input-text,
.ui-input-search {
  margin: .5em 0;
  border-width: 1px;
  border-style: solid;
}
.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
  padding: .4em;
  line-height: 1.4em;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
.ui-input-text input,
.ui-input-search input {
  margin: 0;
  min-height: 2.2em;
  text-align: left;
  border: 0;
  background: transparent none;
  -webkit-appearance: none;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}
textarea.ui-input-text {
  overflow: auto;
  resize: vertical;
}
.ui-mini .ui-input-text input,
.ui-mini .ui-input-search input,
.ui-input-text.ui-mini input,
.ui-input-search.ui-mini input,
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
  font-size: 14px;
}
.ui-mini textarea.ui-input-text,
textarea.ui-mini {
  margin: 0.446em 0;
}
.ui-input-has-clear,
.ui-input-search {
  position: relative;
}
.ui-input-has-clear {
  padding-right: 2.25em;
}
.ui-input-has-clear input {
  padding-right: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-input-search input {
  padding-left: 1.75em;
}
.ui-input-search:after {
  position: absolute;
  left: .3125em;
  top: 50%;
  margin-top: -7px;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,
.ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -14px 0.3125em 0;
  border: 0;
  background-color: transparent;
}
.ui-input-search .ui-input-clear-hidden,
.ui-input-text .ui-input-clear-hidden {
  display: none;
}
.ui-input-text input::-moz-placeholder,
.ui-input-search input::-moz-placeholder,
textarea.ui-input-text::-moz-placeholder {
  color: #aaaaaa;
}
.ui-input-text input:-ms-input-placeholder,
.ui-input-search input:-ms-input-placeholder,
textarea.ui-input-text:-ms-input-placeholder {
  color: #aaaaaa;
}
.ui-input-text input[type=number]::-webkit-outer-spin-button {
  margin: 0;
}
.ui-input-text input::-ms-clear,
.ui-input-search input::-ms-clear {
  display: none;
}
.ui-input-text input:focus,
.ui-input-search input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-textinput-autogrow-resize {
  -webkit-transition: height .25s;
  -o-transition: height .25s;
  -moz-transition: height .25s;
  transition: height 0.25s;
}
.ui-flipswitch {
  display: inline-block;
  vertical-align: middle;
  width: 5.875em;
  height: 1.875em;
  border-width: 1px;
  border-style: solid;
  margin: .5em 0;
  overflow: hidden;
  -webkit-transition-property: padding, width, background-color, color, border-color;
  -moz-transition-property: padding, width, background-color, color, border-color;
  -o-transition-property: padding, width, background-color, color, border-color;
  transition-property: padding, width, background-color, color, border-color;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.ui-flipswitch.ui-flipswitch-active {
  padding-left: 4em;
  width: 1.875em;
}
.ui-flipswitch-input {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  outline: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on,
.ui-flipswitch .ui-flipswitch-off {
  float: left;
  height: 1.75em;
  margin: .0625em;
  line-height: 1.65em;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
  width: 1.75em;
  padding: 0;
  text-indent: -2.6em;
  text-align: left;
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: inherit;
  overflow: visible;
  color: inherit;
  text-shadow: inherit;
}
.ui-flipswitch .ui-flipswitch-off {
  padding: 1px;
  text-indent: 1em;
}
@media (min-width: 28em) {
  .ui-field-contain > label + .ui-flipswitch {
    display: inline-block;
    width: 5.875em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
  }
  .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
    width: 1.875em;
  }
}
.ui-table {
  border: 0;
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}
.ui-table th,
.ui-table td {
  line-height: 1.5em;
  text-align: left;
  padding: .4em .5em;
  vertical-align: top;
}
.ui-table th .ui-btn,
.ui-table td .ui-btn {
  line-height: normal;
}
.ui-table th {
  font-weight: 700;
}
.ui-table caption {
  text-align: left;
  margin-bottom: 1.4em;
  opacity: 0.5;
}
.ui-table-columntoggle-btn {
  float: right;
  margin-bottom: 0.8em;
}
.ui-table-columntoggle-popup fieldset {
  margin: 0;
}
.ui-table-columntoggle {
  clear: both;
}
@media only all {
  th.ui-table-priority-6,
  td.ui-table-priority-6,
  th.ui-table-priority-5,
  td.ui-table-priority-5,
  th.ui-table-priority-4,
  td.ui-table-priority-4,
  th.ui-table-priority-3,
  td.ui-table-priority-3,
  th.ui-table-priority-2,
  td.ui-table-priority-2,
  th.ui-table-priority-1,
  td.ui-table-priority-1 {
    display: none;
  }
}
@media screen and (min-width: 20em) {
  .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
  .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
    display: table-cell;
  }
}
@media screen and (min-width: 30em) {
  .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
  .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
    display: table-cell;
  }
}
@media screen and (min-width: 40em) {
  .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
  .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
    display: table-cell;
  }
}
@media screen and (min-width: 50em) {
  .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
  .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
    display: table-cell;
  }
}
@media screen and (min-width: 60em) {
  .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
  .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
    display: table-cell;
  }
}
@media screen and (min-width: 70em) {
  .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
  .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
    display: table-cell;
  }
}
.ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
  display: none;
}
.ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
  display: table-cell;
}
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
  display: none;
}
@media only all {
  .ui-table-reflow thead td,
  .ui-table-reflow thead th {
    display: none;
  }
  .ui-table-reflow td,
  .ui-table-reflow th {
    text-align: left;
    display: block;
  }
  .ui-table-reflow tbody th {
    margin-top: 3em;
  }
  .ui-table-reflow td .ui-table-cell-label,
  .ui-table-reflow th .ui-table-cell-label {
    padding: .4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
  }
  .ui-table-reflow th .ui-table-cell-label-top,
  .ui-table-reflow td .ui-table-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 400;
  }
}
@media (min-width: 35em) {
  .ui-table-reflow.ui-responsive {
    display: table-row-group;
  }
  .ui-table-reflow.ui-responsive td,
  .ui-table-reflow.ui-responsive th,
  .ui-table-reflow.ui-responsive tbody th,
  .ui-table-reflow.ui-responsive tbody td,
  .ui-table-reflow.ui-responsive thead td,
  .ui-table-reflow.ui-responsive thead th {
    display: table-cell;
    margin: 0;
  }
  .ui-table-reflow.ui-responsive td .ui-table-cell-label,
  .ui-table-reflow.ui-responsive th .ui-table-cell-label {
    display: none;
  }
}
@media (max-width: 35em) {
  .ui-table-reflow.ui-responsive td,
  .ui-table-reflow.ui-responsive th {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
}
.ui-panel {
  width: 17em;
  min-height: 100%;
  max-height: none;
  border-width: 0;
  position: absolute;
  top: 0;
  display: block;
}
.ui-panel-closed {
  width: 0;
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
}
.ui-panel-fixed {
  position: fixed;
  bottom: -1px;
  padding-bottom: 1px;
}
.ui-panel-display-reveal {
  z-index: 1;
}
.ui-panel-display-push {
  z-index: 999;
}
.ui-panel-display-overlay {
  z-index: 1001;
}
.ui-panel-inner {
  padding: 1em;
}
.ui-panel-page-container {
  overflow-x: visible;
}
.ui-panel-page-container-themed .ui-page-active {
  background: 0;
}
.ui-panel-wrapper {
  position: relative;
  min-height: inherit;
  border: 0;
  overflow-x: hidden;
  z-index: 999;
}
.ui-panel-fixed-toolbar {
  overflow-x: hidden;
}
.ui-panel-dismiss {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1002;
  display: none;
}
.ui-panel-dismiss-open {
  display: block;
}
.ui-panel-animate {
  -webkit-transition: -webkit-transform 300ms ease;
  -moz-transition: -moz-transform 300ms ease;
  transition: transform 300ms ease;
}
@media screen and (max-device-width: 768px) {
  .ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,
  .ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,
  .ui-panel-animate.ui-panel-fixed-toolbar {
    -ms-transition: none;
  }
  .ui-panel-animate.ui-panel-fixed-toolbar {
    -ms-transition: -ms-transform 1ms;
    -ms-transform: rotate(0deg);
  }
}
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.ui-panel-position-left {
  left: -17em;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  left: 0;
  -webkit-transform: translate3d(-17em, 0, 0);
  -moz-transform: translate3d(-17em, 0, 0);
  transform: translate3d(-17em, 0, 0);
}
.ui-panel-position-left.ui-panel-display-reveal,
.ui-panel-open.ui-panel-position-left {
  left: 0;
}
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: none;
}
.ui-panel-position-right {
  right: -17em;
}
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  right: 0;
  -webkit-transform: translate3d(17em, 0, 0);
  -moz-transform: translate3d(17em, 0, 0);
  transform: translate3d(17em, 0, 0);
}
.ui-panel-position-right.ui-panel-display-reveal,
.ui-panel-position-right.ui-panel-open {
  right: 0;
}
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: none;
}
.ui-panel-page-content-position-left {
  left: 17em;
  right: -17em;
}
.ui-panel-animate.ui-panel-page-content-position-left {
  left: 0;
  right: 0;
  -webkit-transform: translate3d(17em, 0, 0);
  -moz-transform: translate3d(17em, 0, 0);
  transform: translate3d(17em, 0, 0);
}
.ui-panel-page-content-position-right {
  left: -17em;
  right: 17em;
}
.ui-panel-animate.ui-panel-page-content-position-right {
  left: 0;
  right: 0;
  -webkit-transform: translate3d(-17em, 0, 0);
  -moz-transform: translate3d(-17em, 0, 0);
  transform: translate3d(-17em, 0, 0);
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  left: 17em;
}
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
  right: 17em;
}
.ui-panel-display-reveal {
  -webkit-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-position-right.ui-panel-display-reveal {
  -webkit-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-display-overlay {
  -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-position-right.ui-panel-display-overlay {
  -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  border-right-width: 1px;
  margin-right: -1px;
}
.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
  margin-left: 1px;
  width: auto;
}
.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
  border-left-width: 1px;
  margin-left: -1px;
}
.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
  margin-right: 1px;
  width: auto;
}
@media (min-width: 55em) {
  .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left {
    margin-right: 17em;
  }
  .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right {
    margin-left: 17em;
  }
  .ui-responsive-panel .ui-panel-page-content-open {
    width: auto;
  }
  .ui-responsive-panel .ui-panel-dismiss-display-push,
  .ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push {
    display: none;
  }
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
}
/* jqm-datebox.min.less
============================================ */
/*
 * jQuery Mobile Framework : plugin to provide a date and time picker.
 * Copyright (c) JTSage
 * CC 3.0 Attribution.  May be relicensed without permission/notification.
 * https://github.com/jtsage/jquery-mobile-datebox
 */
.ui-input-datebox {
  width: 97%;
  background-image: none;
  padding: .4em;
  line-height: 1.4;
  font-size: 16px;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}
.ui-input-datebox {
  min-height: 38px;
}
.ui-datebox-container > .ui-header:first-child {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-input-datebox input {
  width: 100%!important;
  padding: 0!important;
  margin-top: 5px!important;
  margin-right: -40px !important;
  border: 1px solid transparent!important;
  vertical-align: middle;
  display: inline-block !important;
  background-color: transparent;
  zoom: 1;
  *display: inline;
}
.ui-input-datebox input:focus {
  outline: 0;
}
.ui-input-datebox .ui-btn-text {
  display: none;
}
.ui-input-datebox.ui-mini {
  min-height: 20px;
  font-size: 14px;
}
.ui-icon-datebox {
  background-image: url('image/datebox.png') !important;
  background-repeat: no-repeat !important;
  background-position: 99% 8px !important;
}
.ui-icon-datebox-alt {
  background-image: url('image/datebox.png') !important;
  background-repeat: no-repeat !important;
  background-position: 99% -28px !important;
}
.ui-mini.ui-icon-datebox {
  background-position: 99% 6px;
}
.ui-mini.ui-icon-datebox-alt {
  background-position: 99% -30px;
}
@media all and (min-width: 450px) {
  .ui-field-contain .ui-input-datebox {
    width: 74.7%;
    display: inline-block;
  }
  .ui-hide-label .ui-input-datebox {
    width: 100%;
  }
}
.ui-grid-a .ui-input-datebox {
  width: 97%;
}
.ui-grid-b .ui-input-datebox {
  width: 97%;
}
.ui-grid-c .ui-input-datebox {
  width: 97%;
}
.ui-grid-d .ui-input-datebox {
  width: 97%;
}
.ui-grid-e .ui-input-datebox {
  width: 97%;
}
.ui-grid-e .ui-block-a,
.ui-grid-e .ui-block-b,
.ui-grid-e .ui-block-c,
.ui-grid-e .ui-block-d,
.ui-grid-e .ui-block-e,
.ui-grid-e .ui-block-f {
  width: 16.65%;
}
.ui-grid-e > :nth-child(n) {
  width: 16.65%;
}
.ui-grid-e .ui-block-a {
  clear: left;
}
.ui-grid-e {
  overflow: hidden;
}
.ui-block-f {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-datebox-gridheader {
  text-align: center;
}
.ui-datebox-gridheader h4 {
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  zoom: 1;
  *display: inline;
}
.ui-datebox-gridplus {
  float: right;
}
.ui-datebox-gridminus {
  float: left;
}
.ui-datebox-gridplus-rtl {
  float: left;
}
.ui-datebox-gridminus-rtl {
  float: right;
}
.ui-datebox-gridrow {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: -7px;
}
.ui-datebox-grid {
  clear: both;
  margin-bottom: 5px;
}
.ui-datebox-griddate {
  width: 36px;
  height: 30px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
  zoom: 1;
  *display: inline;
}
.ui-datebox-griddate-week {
  width: 31px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  font-size: 12px;
  zoom: 1;
  *display: inline;
}
.ui-datebox-griddate-empty {
  border: 1px solid transparent;
  color: #888888;
}
.ui-datebox-griddate-label {
  height: 15px!important;
  line-height: 15px!important;
  color: #000000;
}
.ui-datebox-griddate-disable {
  color: #888888;
}
.ui-datebox-header h4 {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.ui-datebox-container fieldset div {
  margin: 0 !important;
}
.ui-datebox-dboxin input {
  padding: .4em 0!important;
  text-align: center;
  width: 95%;
}
.ui-datebox-dboxin label {
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 5px;
  margin-bottom: -8px;
}
.ui-datebox-controls {
  text-align: center;
}
.ui-datebox-controls div {
  width: 77px;
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ui-datebox-scontrols {
  text-align: center;
}
.ui-datebox-scontrols div {
  width: 55px;
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ui-datebox-scontrols .ui-datebox-sinput {
  width: 68px;
}
.ui-datebox-scontrols .ui-datebox-sinput input {
  width: 48px;
  text-align: center;
  margin-left: 3px;
}
.ui-datebox-input {
  width: 74px!important;
  margin-left: 1px;
  margin-right: 1px;
  text-align: center!important;
  display: inline-block !important;
  zoom: 1;
  *display: inline;
}
.ui-datebox-slide {
  width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.ui-datebox-sliderow-d {
  margin-bottom: 5px;
  text-align: center;
  height: 40px;
  width: 280px;
  overflow: hidden;
}
.ui-datebox-sliderow-ym {
  margin-bottom: 5px;
  text-align: center;
  height: 32px;
  width: 280px;
  overflow: hidden;
}
.ui-datebox-sliderow-hi {
  text-align: center;
  height: 32px;
  width: 280px;
  overflow: hidden;
}
.ui-datebox-sliderow-int {
  display: inline-block;
  white-space: nowrap;
}
.ui-datebox-slide .ui-btn {
  margin: 0;
  padding: 0 1em;
}
.ui-datebox-slideyear {
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 84px;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
}
.ui-datebox-slidemonth {
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 51px;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
}
.ui-datebox-slideday {
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 32px;
  vertical-align: middle;
  line-height: 20px;
  height: 38px;
  font-size: 14px;
  font-weight: bold;
}
.ui-datebox-slidehour {
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 32px;
  vertical-align: middle;
  line-height: 22px;
  height: 24px;
  font-size: 14px;
  font-weight: bold;
}
.ui-datebox-slidemins {
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 32px;
  vertical-align: middle;
  line-height: 22px;
  height: 24px;
  font-size: 14px;
  font-weight: bold;
}
.ui-datebox-slidearrow {
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 10px;
  vertical-align: middle;
  line-height: 38px;
  height: 38px;
  font-size: 10px;
  font-weight: bold;
}
.ui-datebox-slidewday {
  font-size: 10px;
  font-weight: normal;
}
.ui-datebox-flipcontent {
  text-align: center;
  height: 125px;
  margin-bottom: -40px;
}
.ui-datebox-flipcontent div {
  margin-left: 3px;
  margin-right: 3px;
  width: 77px;
  height: 120px;
  display: inline-block;
  text-align: center;
  zoom: 1;
  *display: inline;
  overflow: hidden;
}
.ui-datebox-flipcontentd div {
  width: 60px;
}
.ui-datebox-flipcenter {
  border: 1px solid #eee;
  height: 40px;
  margin-left: 10px;
  width: 260px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  top: -45px;
}
.ui-datebox-flipcontent ul {
  list-style-type: none;
  display: inline;
}
.ui-datebox-flipcontent li {
  height: 30px;
}
.ui-datebox-flipcontent li span {
  margin-top: 7px;
  display: block;
}
.ui-datebox-container {
  border: 5px solid #111!important;
  width: 280px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ui-datebox-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-datebox-screen-modal {
  background-color: black;
  -moz-opacity: .8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.ui-datebox-hidden {
  display: none;
}
.ui-dialog .ui-datebox-container {
  border: none !important;
}
.ui-popup-container .ui-datebox-container {
  border: none !important;
}
.ui-popup-container .ui-datebox-gridrow {
  margin-left: 0;
  margin-right: 0;
}
.ui-datebox-collapse a {
  display: inline-block;
  width: 45%;
}
.ui-datebox-inline {
  margin-top: 5px;
  border: 5px solid #111!important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.ui-datebox-inlineblind {
  margin-top: 5px;
  border: 5px solid #111!important;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* jquery.mobile.simpledialog.less
============================================ */
/*
 * jQuery Mobile Framework : plugin to provide a simple Dialog widget.
 * Copyright (c) JTSage
 * CC 3.0 Attribution.  May be relicensed without permission/notifcation.
 * https://github.com/jtsage/jquery-mobile-simpledialog
 */
/* Shared Styles */
.ui-simpledialog-header h4 {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.ui-simpledialog-container {
  width: 85%;
  max-width: 500px;
}
.ui-simpledialog-screen {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ui-simpledialog-hidden {
  display: none;
}
.ui-simpledialog-input {
  width: 85% !important;
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}
.ui-simpledialog-screen-modal {
  background-color: black;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.ui-simpledialog-subtitle {
  text-align: center;
}

.ui-simpledialog-subtitle div{
color: #151515;
  text-align: center;
}

.ui-simpledialog-controls .buttons-separator {
  min-height: .6em;
}
.ui-simpledialog-controls .button-hidden {
  display: none;
}
.ui-simpledialog-controls .ui-btn {
  padding: 10px 0;
}
.ui-dialog .ui-simpledialog-container {
}
.ui-dialog-simpledialog .ui-content {
  padding: 5px !important;
}
.real_card_confirm_attention {
  color: #FF0000;
  font-size: 11px;
}
.ui-simpledialog-panel {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-height: 180px;
  margin-top: 20px;
  padding-top: 2px;
  overflow-y: auto;
}
.ui-simpledialog-panel .ui-simpledialog-panel-item {
  position: relative;
  width: 25%;
  margin-right: 10px;
  margin-top: 10px;
}
.ui-simpledialog-panel .ui-simpledialog-panel-item:nth-of-type(3n) {
  margin-right: initial;
}
.ui-simpledialog-panel .ui-simpledialog-panel-item:nth-of-type(-n+3) {
  margin-top: initial;
}
.ui-simpledialog-panel .ui-simpledialog-panel-count {
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 5;
  background-color: #FFBA00;
  color: #000;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  min-width: 24px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
}
.ui-simpledialog-panel .ui-simpledialog-panel-count span {
  font-size: 7px;
}
.ui-simpledialog-price {
  margin-top: 20px;
  padding: 0 24px;
}
.ui-simpledialog-price-list {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ui-simpledialog-price-list dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 180px;
  border-bottom: 1px dashed #848484;
  font-size: 10px;
}
.ui-simpledialog-price-list dl:last-of-type {
  border-bottom: none;
}
.ui-simpledialog-price-list dt {
  width: 60px;
  padding-bottom: 2px;
  text-align: right;
}
.ui-simpledialog-price-list dd .number {
  font-size: 14px;
}
.ui-simpledialog-price-summary {
  font-weight: bold;
}
.ui-simpledialog-controls.ui-simpledialog-controls-2column {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.ui-simpledialog-controls-2column .ui-btn {
  width: 118px;
}
.ui-simpledialog-controls-2column .ui-btn:first-of-type {
  background: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
}
.ui-simpledialog-controls-2column .ui-btn + .ui-btn {
  margin-left: 10px;
}
.ui-simpledialog-controls.ui-simpledialog-controls-small {
  width: 118px;
  margin: 0 auto;
}
#realCardSelect-button, #realMemorialCardSelect-button {
  width: 118px;
  height: 30px;
  margin: 30px auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #000;
}
#realCardSelect-button.ui-icon-carat-d:after, #realMemorialCardSelect-button.ui-icon-carat-d:after {
  background-image: url(/themes/common/img/layout/arrow_yellow2_cardholder.svg);
  background-size: 11px 10px;
}
/**
 * サイト個別定義
 */
/* jm_update.less
============================================ */
/*--------------　全体　--------------*/
.ui-loading .ui-loader {
  margin-left: -16px !important;
  margin-top: -16px !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background-color: transparent !important;
}
.ui-loader-default {
  opacity: 1;
}
.ui-loader .ui-icon-loading {
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  background-size: 32px 32px;
  background-color: transparent !important;
  border-radius: 50% !important;
}
.ui-icon-loading {
  background: url("/themes/sns7/img/layout/ajax-loader_ver2.gif") repeat scroll 0 0em 2.875em rgba(0, 0, 0, 0);
}
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
  /*background: #f5f2ed;*/
  color: #222;
}
.ui-content {
  padding: 0;
  /*	background-color:@base_color; */
  font-size: 12px;
  overflow-y: hidden;
}
.ui-content.top {

  /*	background-color:#210705; */
}
.ui-mobile .ui-page-active {
  overflow-y: hidden;
}
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
  text-shadow: none;
}
.ui-link {
  font-size: 12px;
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
  color: #444;
  text-shadow: none;
  font-weight: normal;
}
.ui-dialog-contain {
  padding: 10px 10px 10px 10px;
  background-color: #2a393e;
}
.ui-dialog-contain .ui-content {
  background-color: #2a393e;
}
.ui-dialog-contain .ui-content .ui-btn,
.ui-dialog-contain .ui-content .ui-button {
  background: none;
  border: none;
  text-shadow: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  height: 48px;
  line-height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #2a393e;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*ー--------------　ヘッダー　--------------*/
.ui-panel-fixed-toolbar {
  overflow-x: visible;
}
/*ー--------------　サイドメニュー　--------------*/
.ui-panel-dismiss.ui-panel-dismiss-position-left.ui-panel-dismiss-display-push.ui-panel-dismiss-open {
  width:100%;
  height: auto !important;
  max-height:50px;
  background-color: #fcc800;
  background-image: url(../img/layout/btn_menu_close.png);
  background-repeat: no-repeat;
  background-position: 22px center;
  background-size: 24px 20px;
  color: #fff;
  border-bottom: 1px solid #002e69;
  font-size: 14px;
  padding: 12px 0 13px 56px;
  position:fixed;
  left:0;
  top:0;
}
.ui-panel-dismiss.ui-panel-dismiss-position-left.ui-panel-dismiss-display-push.ui-panel-dismiss-open:after {
  content:'メニューを閉じる';
}
div#p_close a {

}
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
padding:0 1px;
  background-color: #00549D;
}
.ui-panel-inner {
padding: 0;
background-color: #00428e;
margin: 0 -1px;

}

.ui-panel-inner ul li {
  /*	background-color:@base_color; */
}
.ui-panel-inner ul li#p_close {
  background-color: #fcc800;
  height: 43px;
  /*	background-image:url(../img/layout/btn_menu_left.png);
  background-repeat:no-repeat;
  background-position:center right;
  background-size:24px 19px; */
  border-bottom: 1px solid #002e69;

  width:100%;
  position:fixed;
  left:-1px;
  top:0;
}
.ui-panel-inner ul li#p_close a {
  color: #fff;
  text-shadow: none;
  background-image: url(../img/layout/btn_menu_close.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 24px 20px;
  font-size: 14px;
  padding: 16px 50px;
  text-align:right;
}

#nav-panel{
background:#00428E;
}

.ui-panel-inner ul li#p_user {
  padding:55px 0 15px;
  background-color: #00549d;
}
.ui-panel-inner ul li#p_user dt {
  width: 79px;
  margin: 14px auto 10px;
}
.ui-panel-inner ul li#p_user dd {
  text-align: center;
  margin-bottom: 10px;
}
.ui-panel-inner ul li#p_user dd {
  font-weight: bold;
  color: #fff;
  text-shadow: none;
}
.ui-panel-inner ul li#p_user dl dd a {
  font-size: 12px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #2a393e;
  text-shadow: none;
  display: inline-block;
  width: 115px;
  padding: 6px 0;
  text-align: center;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.ui-panel-inner ul li#p_user_logout {
  margin: 14px auto 0px;
  padding-bottom: 14px;
  border-bottom: 1px solid #2a393e;
}
.ui-panel-inner ul li#p_user_logout dt {
  width: 79px;
  margin: 14px auto 10px;
}
.ui-panel-inner ul li#p_user_logout dd {
  text-align: center;
  /*margin-bottom:10px;*/
}
.ui-panel-inner ul li#p_user_logout dd {
  font-weight: bold;
  color: #fff;
  text-shadow: none;
}
.ui-panel-inner ul li#p_user_logout dl dd a {
  font-size: 12px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #2a393e;
  text-shadow: none;
  display: inline-block;
  width: 115px;
  padding: 6px 0;
  text-align: center;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.ui-panel-inner ul li.nav {
      border-bottom: 1px solid #fcc800;
  padding: 10px 0;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 10px center;
  -moz-background-size: 22px 20px;
  -webkit-background-size: 22px 20px;
  background-size: 22px 20px;
  font-size: 12px;
  text-shadow: none;
text-align:left;
  /*	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 -1px 0 rgba(0,0,0,0.2) inset; */
}
.ui-panel-inner ul li.nav a {
  display: block;
  color: #fff;
}
.ui-panel-inner ul li#nav_ho {
  background-image: url(../img/layout/btn_menu_home.png);
}
.ui-panel-inner ul li#nav_me {
  background-image: url(../img/layout/btn_menu_minimail.png);
}
.ui-panel-inner ul li#nav_co {
  background-image: url(../img/layout/btn_menu_group.png);
}
.ui-panel-inner ul li#nav_tm {
  background-image: url(../img/layout/btn_menu_camera.png);
}
.ui-panel-inner ul li#nav_qu {
  background-image: url(../img/layout/btn_menu_quiz.png);
}
.ui-panel-inner ul li#nav_mypage {
  background-image: url(../img/layout/btn_menu_mypage.png);
}
.ui-panel-inner ul li#nav_friend {
  background-image: url(../img/layout/btn_menu_friend.png);
}
.ui-panel-inner ul li#nav_profile {
  background-image: url(../img/layout/btn_menu_profile.png);
}
.ui-panel-inner ul li#nav_to {
/*  background-image: url(../img/layout/btn_menu_trophy.png); */
  background-image: url(../img/layout/btn_folder.png);
}
.ui-panel-inner ul li#nav_rireki {
  background-image: url(../img/layout/btn_menu_rireki.png);
}
.ui-panel-inner ul li#nav_block {
  background-image: url(../img/layout/btn_menu_block.png);
}

.ui-panel-inner ul li#nav_search {
  background-image: url(../img/layout/ico_search.png);
}

.ui-panel-inner ul li#nav_pointhistory{
  background-image: url(../img/layout/btn_menu_pthistory.png);
}
.ui-panel-inner ul li#nav_he {
  background-image: url(../img/layout/btn_menu_help.png);
}
.ui-panel-inner ul li#nav_se {
  background-image: url(../img/layout/btn_menu_setting.png);
}
.ui-panel-inner ul li#nav_lo {
  background-image: url(../img/layout/btn_menu_login.png);
}
.ui-panel-inner ul li.nav_ri {
  background-image: url(../img/layout/btn_tutorial.png);
}
.ui-panel-inner ul li.copyright {
  padding: 10px 5px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  text-shadow: none;
}
/*ー--------------　フォーム部分　--------------*/
.ui-page-theme-a .ui-body-inherit {
  background: #fff;
  border: none;
  color: #444;
  text-shadow: none;
}
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #fff;
  text-shadow: none;
}
.ui-input-text input,
.ui-input-search input,
textarea.ui-input-text {
  padding: 0;
  line-height: 0;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
.ui-page-theme-a .ui-bar-inherit {
  background-color: #fff;
}
.ui-input-text input {
  width: 100%;
  margin: -2px 0 0;
  padding: 13px 5px 16px;
  min-height: 0;
  text-align: left;
  border: 0;
  background: rgba(255, 255, 255, 0.7);
  color: #333;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-input-text,
.ui-input-search {
  margin: 0;
  border-width: 0;
  border-style: none;
}
.ui-header,
.ui-footer {
  border: none;
}
.ui-header-fixed .ui-btn,
.ui-footer-fixed .ui-btn,
.ui-header-fixed .ui-button,
.ui-footer-fixed .ui-button {
  z-index: 0;
}
.ui-header .ui-btn,
.ui-footer .ui-btn,
.ui-header .ui-button,
.ui-footer .ui-button {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.ui-page-theme-a .ui-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-shadow-inset {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-btn,
.ui-button {
  margin: 0;
}
.ui-input-btn input {
  -webkit-appearance: push-button;
  -moz-appearance: push-button;
}
.ui-corner-all {
  -webkit-border-radius: 0;
  border-radius: 0;
}
#setting_profile .sp_area .sp_box .ui-btn.ui-corner-all,
#setting .se_area .se_box .ui-btn.ui-corner-all,
#setting_profile .sp_area .sp_box .ui-button.ui-corner-all,
#setting .se_area .se_box .ui-button.ui-corner-all {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-select {
  margin-top: 0;
  position: relative;
}
#setting .se_area .se_box .ui-select {
  margin-bottom: 24px;
}
.ui-page-theme-a .ui-btn,
.ui-page-theme-a .ui-button {
  text-shadow: none;
}

.ui-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-btn,
.ui-button {
  border-width: 0;
  border-style: none;
}
.ui-select .ui-btn > span:not(.ui-li-count),
.ui-select .ui-button > span:not(.ui-li-count) {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden!important;
  white-space: nowrap;
  text-align: left;
  color: #fff;
}
.ui-icon-carat-d:after {
  background-image: url(../img/layout/btn_select_close.png);
  background-size: 29px 11px;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after,
.ui-button-icon-left:after,
.ui-button-icon-right:after,
.ui-button-icon-top:after,
.ui-button-icon-bottom:after,
.ui-button-icon-notext:after {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after,
.ui-button-icon-left:after,
.ui-button-icon-right:after,
.ui-button-icon-top:after,
.ui-button-icon-bottom:after,
.ui-button-icon-notext:after {
  content: "";
  position: absolute;
  display: block;
  width: 32px;
  height: 22px;
}
/*ー--------------　login　ログインボタン　--------------*/
.ui-page-theme-a #btn_login .ui-btn,
.ui-page-theme-a #btn_login .ui-button {
  background: none;
  border: none;
  text-shadow: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #2a393e;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url(../img/layout/btn_login.png);
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 20px;
}
/*ー--------------　group_creat　完了ボタン　--------------*/
/*ー--------------　minimale　送信ボタン　--------------*/
.ui-page-theme-a .m_send .ui-btn,
.ui-page-theme-a .m_send .ui-button {
  background: none;
  border: none;
  color: #444;
  text-shadow: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #2a393e;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url(../img/layout/btn_send_minimail.png);
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 20px;
}

/*ー--------------　minimale　送信ボタン　--------------*/
/*ー--------------　mypage_post　送信ボタン　--------------*/
.ui-page-theme-a .play_post .ui-btn,
.ui-page-theme-a .play_post .ui-button {
  background: none;
  border: none;
  color: #444;
  text-shadow: none;
  width: 90%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #2a393e;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url(../img/layout/btn_send_post.png);
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 20px 21px;
  margin: 0 auto;
}

/*ー--------------　mypage_post　送信ボタン　--------------*/
/*ー--------------　group_creat　完了ボタン　--------------*/
.ui-page-theme-a #btn_comp .ui-btn,
.ui-page-theme-a #btn_comp .ui-button {
  background: none;
  border: none;
  text-shadow: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #555;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*ー--------------　group_creat　完了ボタン　--------------*/
/*ー--------------　group_event_creat　イベント作成ボタン　--------------*/
.ui-page-theme-a #btn_ec .ui-btn,
.ui-page-theme-a #btn_ec .ui-button {
  background: none;
  border: none;
  text-shadow: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #2a393e;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url(../img/layout/btn_create_event_2.png);
  background-repeat: no-repeat;
  background-position: 80px center;
  background-size: 20px 21px;
}
/*ー--------------　group_event_creat　イベント作成ボタン　--------------*/
/*ー--------------　setting_plofile/setting/howto　更新ボタン　--------------*/
.ui-page-theme-a #btn_update .ui-btn,
.ui-page-theme-a #btn_q .ui-btn,
.ui-page-theme-a #btn_update .ui-button,
.ui-page-theme-a #btn_q .ui-button {
  background: none;
  border: none;
  text-shadow: none;
  width: 140px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*.ui-page-theme-a #btn_update .ui-btn{
display: block;
    width: 90%;
    margin: 1em auto;
    padding: 12px 2.5%;
    font-size: 12px;
    border: solid 1px #FFF;
    color: white;
    font-weight: bold;
    border-radius: 30px;
    position: relative;
    font-size: 14px;
background:transparent;
}

*/
.enter_btn{
  position: relative;
  margin: 10px 10px 30px 10px;
}
.ui-page-theme-a #btn_update .ui-btn,.ui-page-theme-a #btn_update .ui-button{
  display: block;
  width: 80%;
  background:#fcc800;
  color: #000000;
  font-size: 16px;
  text-align: center;
  border: none;
  border-radius: 30px;
  margin: 0 auto 15px;
  position: relative;
}
#btn_update:after { }

.ui-page-theme-a #btn_update .ui-btn{
line-height:29px !important;
}

#trade_card_button .on,#trade_card_button ul li#ok_btn{
  margin: 10px auto;
  width: 256px;
  color: #000000 !important;
  font-weight: bold;
  text-align: center;
  background: #fcc800 !important;
  letter-spacing:0.1em;
  border-radius: 30px;
  border:none;
  padding: 10px 22px;
  /*border:2px solid #e36700;
  background: rgb(255,171,50);
background: -moz-linear-gradient(top, rgba(255,171,50,1) 0%, rgba(255,146,33,1) 50%, rgba(255,127,0,1) 51%, rgba(255,107,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,171,50,1)), color-stop(50%,rgba(255,146,33,1)), color-stop(51%,rgba(255,127,0,1)), color-stop(100%,rgba(255,107,0,1)));
background: -webkit-linear-gradient(top, rgba(255,171,50,1) 0%,rgba(255,146,33,1) 50%,rgba(255,127,0,1) 51%,rgba(255,107,0,1) 100%);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
*/
border:solid 1px #000000;
}


/*ー--------------　setting_plofile/setting/howto　完了ボタン　--------------*/
.u_ico2 img {
  border-radius: 50%;
}
/* DateBox
------------------------------------ */
.ui-datebox-container {
  border: none !important;
  box-shadow: none;
}
.ui-datebox-controls a {
  background-color: #2a393e !important;
  color: #FFFFFF !important;
  box-shadow: none;
}
/* ajax file upload
------------------------------------ */
.ajax-file-upload-filename {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* custom.less
============================================ */
/*---------------header1ここから---------------*/
header {
}
#header {
  padding: 10px 10px;
}
#header #header_left {
  float: right;
  position: relative;
}
#header #header_left a {
  display: block;
}
#header #header_left p {
  background-color: #c11920;
  color: #fff;
  font-size: 9px;
  font-weight: normal;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 19px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  position: absolute;
  top: -1px;
  left: 15px;
}
.notice_count{
  background-color: #c11920 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: normal !important;
  text-align: center !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 19px !important;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  border-radius: 18px !important;
}

#header #header_right {
  float: right;
}
#header #header_right #page_top {
  float: left;
}
#header #header_right #home {
  float: right;
  /*	padding-left:17px; */
}
/*---------------header1ここまで--------------*/

#userStatusTop{
  margin:0 0 20px;
  padding:10px;
  background:#0096e0;
}
#userStatusTop .ico{
  float:left;
  width:45px;
}
#userStatusTop #userStatus{
  padding:0 0 0 50px;
  color:#fff;
  font-weight:bold;
}
#userStatusTop #userStatus .name{
  padding:0 0 5px;
  font-size:16px;
}
#userStatusTop #userStatus .statusList{
}
#userStatusTop #userStatus .statusList li{
  position:relative;
  float:left;
  margin:0 0 0 3%;
  padding:2px 5px;
  width:22%;
  font-size:11px;
  text-align:right;
  background:#006cb7;
  border-radius:2px;
}
#userStatusTop #userStatus .statusList li img{
  position:absolute;
  top:-2px;
  left:-7px;
  height:22px;
}
#bnrArea{
  position:relative;
  padding:10px !important;
}
#post_section{
  background: #333;
  color: #fff;
  border-radius: 10px;
  padding: 0;
  margin: 10px 3% 30px;
  position:relative;
  overflow: hidden;
}
#post_section h1 {
  font-size: 18px;
  text-align: center;
  padding: 15px 0 0;
}


/*---------------header2ここから--------------*/
#header2 header {
}
#header2 #close_b {
  display:none;
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #000000;
  height: 42px;
  width: 42px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  border: 2px solid #ffffff;
}

#header2 #close_b a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#header2 #close_b a img{
  padding-top: 8px;
  padding-left: 7px;
}

/*---------------header2ここまで--------------*/
/*---------------バナーエリアここから--------------*/
.banner_aria {
  clear: both;
}
.banner_aria ul li {
  width: 300px;
  margin: 0 auto;
}
.banner_aria i {
  width: 300px;
  margin: 0 auto;
}
/*---------------バナーエリアここまで--------------*/
/*---------------レイアウトここから	---------------*/
.box_1 {
  padding-bottom: 10px;
  /*	border-bottom:1px solid #d4dae2 */
}
.box_2 {
  padding: 0 0 10px;
  /*	border-top:1px solid #fff;
  border-bottom:1px solid #d4dae2
  background: rgba(0, 0, 0, 0.2);*/
}
.box_3 {
  padding: 10px 0 20px;
  border-top: 1px solid #fff;
}
.btn_1 {
  width: 90%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
 /* height: 40px;*/
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #ddd;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
margin: 0 auto;
}

.btn_2 {
  width: 140px;
  margin: 0 auto 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 2.6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #ddd;
}

.btn_3 {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffbf35;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.btn_2 a {
  color: #fff;
}
.u_ico1 {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.u_ico2 {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.u_ico3 {
  margin:0 35px;
}
/*---------------レイアウトここまで---------------*/
/*---------------display.jp	---------------*/
#box {
  display: none;
}
.page_title_1 {
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
}
.page_wrap_1 {
  background-color: #fff;
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  padding: 0 10px 10px;
}
/*---------------display.jp	---------------*/
/*---------------静的ページここから--------------*/
.text_area {
  background-color: #fff;
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  padding: 0 10px 10px;
}
.text_box {
  background-color: #edf1f6;
  margin-bottom: 10px;
}
.text_box .text_title {
  background-color: #2a393e;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 10px;
}
.text_box p {
  padding: 0 15px 10px 15px;
}
/*---------------静的ページここまで--------------*/
/* Custom Button
------------------------------------ */
.btn_del {
  background-image: url(/themes/sns2/sp/img/layout/btn_del.png);
  background-size: 16px 16px;
  background-position: center;
  width: 16px;
  height: 16px;
}
/* Error Dialog
------------------------------------ */
#ui-dialog-error h1 {
  margin: 0.1em 0;
  background-color: #2a393e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
}
#ui-dialog-error p {
  margin: 10px 0;
  background-color: #2a393e;
  color: white;
  text-align: center;
  word-wrap: break-word;
  font-weight: bold;
}
/* Loading Indicator
------------------------------------ */
.loading_indicator {
/*  display: none; */
  margin: 16px 0px;
}
.loading_indicator img {
  padding: 0;
  margin: 0 auto;
  opacity: 0.8;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
/* Show All/No Data/Not Found
------------------------------------ */
.show-all,
.nodata,
.not-found {
  display: none;
}
.show-all a,
.nodata p,
.not-found p {
  margin: 20px 0 20px 0;
  padding: 10px 10px 10px 10px;
  background-color: #ccc;
  /*	border: 1px solid @base_color; */
  text-align: center;
  line-height: 1.5em;
  color: #FFFFFF;
}
.show-all a span,
.nodata p span,
.not-found p span {
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
}
/* Post Body(Text Expand)
------------------------------------ */
.text-expand-end {
  display: inline;
}
.text-expand-hide {
  position: fixed;
  visibility: hidden;
}
.text-expand-show {
  margin: 5px 0 0 0;
  display: block;
}
.text-expand-show a {
  color: #2a393e;
}
/* Flat Menu
------------------------------------ */
.flat-menu {
  display: inline;
  position: relative;
  z-index: 1;
}
.flat-menu ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 115%;
  right: 0;
}
.flat-menu ul li {
  margin: 0 0 0 0;
  padding: 0 10px 0 10px;
  background-color: #999;
  border-bottom: 1px solid white;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  line-height: 35px;
  font-size: 12px;
  color: #FFF;
}
.flat-menu ul li:last-child {
  border-bottom: none;
}
/* dialogueのデザイン上書き */
/*---------------------------------------*/
.ui-page-theme-b .ui-btn,
.ui-page-theme-b .ui-button,
html .ui-bar-b .ui-btn,
html .ui-bar-b .ui-button,
html .ui-body-b .ui-btn,
html .ui-body-b .ui-button,
html body .ui-group-theme-b .ui-btn,
html body .ui-group-theme-b .ui-button,
html head + body .ui-btn.ui-btn-b,
html head + body .ui-button.ui-button-b,
.ui-page-theme-b .ui-btn:visited,
.ui-page-theme-b .ui-button:visited,
html .ui-bar-b .ui-btn:visited,
html .ui-bar-b .ui-button:visited,
html .ui-body-b .ui-btn:visited,
html .ui-body-b .ui-button:visited,
html body .ui-group-theme-b .ui-btn:visited,
html body .ui-group-theme-b .ui-button:visited,
html head + body .ui-btn.ui-btn-b:visited,
html head + body .ui-button.ui-button-b:visited {
  position: relative;
  background: none repeat scroll 0 0 #fcc800;
  color: #000000;
  text-shadow: none;
  margin-bottom: 10px;
  border-radius: 50px;
  font-size: 12px;
  padding: 0;
}
.ui-simpledialog-controls {
  margin-top: 5px;
  padding: 10px;
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
  background: none repeat scroll 0 0 #fcc800;
  color: #000000;
  font-weight: 700;
}
.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after,
.ui-button-icon-left:after,
.ui-button-icon-right:after,
.ui-button-icon-top:after,
.ui-button-icon-bottom:after,
.ui-button-icon-notext:after {
  content: "";
  display: block;
  height: 22px;
  position: absolute;
  width: 32px;
}
.ui-simpledialog-controls .ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after,
.ui-button-icon-left:after,
.ui-button-icon-right:after,
.ui-button-icon-top:after,
.ui-button-icon-bottom:after,
.ui-button-icon-notext:after {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 1em;
}
.ui-header ui-bar-a .ui-simpledialog-controls .ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after,
.ui-button-icon-left:after,
.ui-button-icon-right:after,
.ui-button-icon-top:after,
.ui-button-icon-bottom:after,
.ui-button-icon-notext:after {
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 1em;
}
.ui-btn-icon-notext:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-button-icon-notext:after,
.ui-button-icon-top:after,
.ui-button-icon-bottom:after {
  left: 30%;
  margin-left: -11px;
}
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
  background: transparent;
  color: #fff;
}
.ui-simpledialog-container {
  width: 85%;
  max-width: 500px;
}
/*
.ui-dialog-contain.ui-overlay-shadow {
  box-shadow: none;
}
div[role="dialog"] .ui-header[role="banner"] {
  display: none;
}
.ui-simpledialog-controls .ui-btn {
  background: none !important;
}
*/
.ui-body-b,
.ui-page-theme-b .ui-body-inherit,
html .ui-bar-b .ui-body-inherit,
html .ui-body-b .ui-body-inherit,
html body .ui-group-theme-b .ui-body-inherit,
html .ui-panel-page-container-b {
  color: #fff;
  text-shadow: none;
}
/*----------------------------------------*/
/* Panel
------------------------------------ */
.ui-panel-wrapper {
  z-index: 400 !important;
}
/* Panel User
------------------------------------ */
#user-right-block {
  width: 95%;
  margin:0 2.5%;
}
#user-right-block #user-main {
}
#user-right-block #user-photo {
/*  width: 45%;
  float: left; */
}
#user-right-block #user-photo i {
  border-radius: 50%;
  width: 112px;
  height: 112px;
  margin: 0 auto 5px !important;
}
#user-right-block #user-info {
    border-bottom: solid 1px #3580C1;
    margin-bottom: 15px;
    padding-bottom: 5px;
/*  width: 55%; */
}
#user-right-block #user-info .status{

}
#user-right-block #user-name {
  margin:0 0 8px;
  word-wrap: break-word;
  font-size: 1em;
  font-weight: bold;
  color: white;
}
#user-right-block #user-medal {
  text-align: center;
}
.status{
  color:#fff;
  font-size:10px;
  font-weight:bold;
}


.u_profile .status{
  color:#014087;
  font-size:10px;
  font-weight:bold;
}


.status ul{
}
.status ul li{

  position:relative;
  margin:0 0 3% 2%;
  width:94.5%;
  padding:2px 5px;
  text-align:right;
  font-size:12px;
  border-radius:2px;
}
.status ul li span{
  float:left;
  margin:0 0 0 15px;
}
.status ul li.uid{
  width:100%;
  background:transparent;
  text-align:left;
  letter-spacing:0.1em;
  padding:0;
  margin:0 0 10px;
}
.status ul li.uid span {
  display:inline-block;
  background:#014087;
  border-radius: 2px;
  padding:2px 5px 2px 10px;
  margin:0;
}
.status ul li.uid a,
.status ul li img{
  position:absolute;
  top:-1px;
  left:-4px;
  height:20px;
line-height: 1.8em;
}
.status ul li.uid{
position:relative;
}

.status ul li.uid a:after {
  width: 4px;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  right: 4%;
  top: 50%;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  content: "\f105";
  color: #FFF;
}

.status ul li.ticket img{
  width:36px;
}

/* ranking
------------------------------------ */
#rare_rank{
}
/* head */
.ranking_head {
  text-align: center;
  padding: 10px;
}
.ranking_head .all_in { font-size: 14px; }
.ranking_head .all_in .now { font-size: 20px; font-weight: bold; padding: 0 5px; }
.ranking_head .all_in .now span { font-size: 14px; padding: 0 0 0 3px; }
.ranking_head .all_in img { display: inline-block; width: 19px; }
.ranking_head .compare { font-size: 12px; color: #999; }
.ranking_head .class_icon {width: 68px; margin: 0 3%; display: inline-block; }
.ranking_head .change {display: inline-block; }
/* list */
.rankingList a {
  display: block;
  color: #fff;
  text-align: left;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 10px 3%;
  position: relative;
}
/* rank */
.rankingList .rank_num {
  display: inline-block;
  width: 54px;
  float: left;
  text-align: center;
}
.rankingList .rank_num p {
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  background: no-repeat center center;
  background-size: contain;
}
.rankingList .rank_num span { font-size: 0.7em; padding: 0 3px; opacity: 0.7; }
.rankingList .rank_num_top1 p { font-size: 18px; color: #D1B400; }
.rankingList .rank_num_top2 p { font-size: 18px; color: #daebf1; }
.rankingList .rank_num_top3 p { font-size: 18px; color: #AC6F0B; }

/* icon */
.rankingList .icoUser {
  display: inline-block;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}
/* status */
.rankingList .status { padding: 0 0 0 110px;}
.rankingList .statusList.nickname { font-size: 14px; }
.rankingList .statusList.rank_total,
.rankingList .statusList.count_cards {
  color: #ccc;
  font-size: 11px;
  font-weight: 300;
  text-align: right;
  line-height: 1.4;
  position: relative;
}
.rankingList .statusList.rank_total::before,
.rankingList .statusList.count_cards::before {
  position: absolute;
  left: 0;
}
.rankingList .statusList.rank_total::before { content: '獲得レアリティ'; }
.rankingList .statusList.count_cards::before { content: 'カード'; }
.rankingList img.icon_class{
    position: absolute;
    top: 27px;
    right: 6px;
    width: 42px;
    height: 37.5px;
}

.moreBtn a {

}
.ranking_none { margin: 20px 0; }
.monthly_rank_sita { clear: both; }







.u_profile .status{
  padding:0 10px;
}
.u_profile .status ul{
  margin-left:-2.5%;
}
.u_profile .status ul li{
  /*float:left;
  margin-left:2.5%;
  margin-bottom:10px;
  width:44%;
*/
}
.u_profile .status ul li.uid {
  width:96%;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:2px;
}
.u_profile .status ul li.uid span {
  margin-left:0;
  padding:4px 5px
}
.u_profile .status ul li.uid a {
  display:inline-block;
  background: url(../img/layout/btn_menu_minimail.png) no-repeat 8px center;
  -moz-background-size: auto 10px;
  -webkit-background-size: auto 10px;
  background-size: auto 10px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  border:1px solid #B3CCE1;
  border-radius:2px;
  padding:3px 10px 3px 20px;
}
#user-right-block #user-medal{
  padding:25px 0 0;
}
#user-right-block #user-medal a {
  display:block;
  margin:0 0 0 150px;
  width: 55%;
}
#user-right-block #user-medal a img {
  width: 98%;
}
#user-right-block #user-point {
  margin: 0;
}
#user-point-progress {
  margin: 0 10px 0 0;
  width: 100%;
  height: 20px;
  float: left;
  background-color: #EDF1F6;
}
#user-right-block #user-point-progress span {
  position: relative;
  padding: 0 1%;
  width: 15%;
  height: 100%;
  display: block;
  background-color: #FFBF35;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
}
#user-right-block #user-point-progress span:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -10px;
  border-bottom: 20px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #FFBF35;
}
#user-right-block #user-point p {
  float: left;
  line-height: 20px;
  font-size: 0.7em;
  font-weight: bold;
  color: white;
  padding: 3px 0 0;
}
#user-right-block #user-status {
  margin: 5px 0;
  cursor: pointer;
}
#user-right-block #user-status table {
  width: 100%;
  border-spacing: 1px;
  font-size: 0.8em;
}
#user-right-block #user-status th,
#user-right-block #user-status td {
  border: 1px solid #fff;
}
#user-right-block #user-status th {
  width: 33%;
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: normal;
  padding: 3px 0;
  text-align: center;
}
#user-right-block #user-status th a {
  color: white;
}
#user-right-block #user-status td {
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  color: #444;
  font-size: 1em;
  font-weight: bold;
  padding: 3px 0;
}
#user-right-block #user-status td a {
  display: inline-block;
}
#page-top {
  position: fixed;
  bottom: 80px;
  right: 0;
}
#page-top a {
  text-decoration: none;
  text-align: center;
  display: block;
  background-color: rgba(252, 200, 0, 0.7);
  width: 40px;
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}

#page-top a img {
  padding: 5px;
  width: 40px;
  height: 40px;
}
#inquiry_category {
  width: 95%;
  margin: 5px 2.5%;
  text-align: left;
  color: white;
  background-color: #2a393e;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
#inquiry_category #select_list div {
  width: 95%;
  padding: 0.5em 2.5%;
  border-top: 1px solid #E25B00;
}

.contents {
  padding-top: 50px;
}

/* top.less
============================================ */
/*---------------[コミュニティTOP]ここから-------------*/
.ui-content.top {
/*background:url(/themes/sns8/sp/img/layout/bg.jpg);
background-size:cover;
*/
min-height: 651px;

}
.content_logo {
  padding:0 0;
  background-color: #f5f2ed;
/*
  background-image: url("/themes/sns7/sp/img/main_logo.png");
*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /*
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;
  */
  position: relative;
}
.content_top #todfays_quiz {
  padding-top: 10px;
}
.content_top #todfays_quiz h1 a img {
  width: 300px;
  margin: 0 auto;
}
/*コミュニティTOP/クイズ共通部分ここから*/
.birthday {
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
/*-----flicksimple.jsここから-----*/
.birthday #flick {
  width: 320px;
  height: 52px;
  overflow: hidden;
  margin: 0 auto;
}
.birthday #flick ul {
  width: 1040px;
}
.birthday #flick li {
  float: left;
  position: relative;
  width: 52px;
}
/*-----flicksimple.jsここまで-----*/
.birthday #flick li .birth_user a i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.birthday #flick li .birth_count {
  position: absolute;
  top: 32px;
  left: 33px;
  z-index: 100;
  background-color: #ed5b5b;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*トロフィー/クイズ共通部分ここまで*/
.banner_aria {
  clear: both;
}
.banner_aria ul li {
  width: 300px;
  margin: 0 auto;
}
.banner_aria i {
  width: 300px;
  margin: 0 auto;
}
.topic_aria {
  /*	margin:0 10px; */
}
.box_3 .item {
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin: 0 0 3px;
}
.box_3 .top_pickup {
  margin-bottom: 5px;
  text-align: center;
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: #2a393e;
}
/*プルダウン部分ここから*/
.topic_aria #location_list {
  /*	width: 100%; */
  margin: 5px 2.5% 10px;
  text-align: left;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #2a393e;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.topic_aria #select_list div {
  padding: 0.5em 2.5%;
  margin: 0 0 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.topic_aria ul.pulldown li.cf {
  background-color: #2a393e;
}
.topic_aria ul.pulldown li span {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 10px 12px;
  background-image: url(../img/layout/btn_select_close.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
}
.topic_aria ul.pulldown li span.opened {
  background-image: url(../img/layout/btn_select_open.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
}
.topic_aria .pulldown ul {
  clear: both;
}
.topic_aria .pulldown ul li {
  padding: 10px 12px;
  border-top: 2px solid #2a393e;
}
.topic_aria .pulldown ul li a {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
}
/*ページプルダウン部分ここまで*/
.topic_aria .topic_list {
  margin: 15px 0;
}
.topic_aria .topic_list article {
  background-color: #fff;
  height: 130px;
  padding: 12px 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #afafaf;
}
.topic_aria .topic_list article {
  background-color: #fff;
  height: 130px;
  padding: 12px 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #afafaf;
  display: table;
  width: 100%;
}
.topic_aria .topic_list article .article_l {
  float: left;
  width: 90px;
  padding-right: 10px;
}
.topic_aria .topic_list article .article_r {
  position: relative;
}
.topic_aria .topic_list article .article_l div p {
  width: 90px;
  height: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
}
.topic_aria .topic_list article .article_l .label_1 {
  background-color: #2a393e;
}
.topic_aria .topic_list article .article_l .label_2 {
  background-color: #ffbf35;
}
.topic_aria .topic_list article .article_r h1 {
  margin-bottom: 10px;
}
.topic_aria .topic_list article .article_r p {
  font-size: 12px;
}
.u_profile .post_area {
  margin: 10px;
}
.flick_list_item {
  width: 100%;
  /*background:rgba(19,53,71,0.8);*/
}
.flick_list_item ul {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.flick_list_item ul li {
margin:0 2% 6%;
list-style-type: none;
text-align: center;
background:#FFF;
}

.playerName{
padding: 5px 5px 5px 25%;
margin-bottom:5px;
background:#184D9E;
color:#FFF;
font-size:13px;
border-radius:0;
text-align:left;
/*background: -moz-linear-gradient(top, #1a4884 0%, #4f78b5 3%, #184d9e 5%, #184d9e 96%, #4f78b5 98%, #1a4884 100%);
background: -webkit-linear-gradient(top, #1a4884 0%,#4f78b5 3%,#184d9e 5%,#184d9e 96%,#4f78b5 98%,#1a4884 100%);
*/
}

.userName{
float:left;
font-size:13px;
color:#0D4F8C;
}

.ranking{
float:right;
padding-right: 2%;
font-size:12px;
color:#666666;
}

.ranking span{
font-size:17px;
color:#0d4f8c;
}

.flick_list_item ul li:last-child{
/*	border-bottom:none; */
}
.flick_list_item ul li .listBox{
  padding:2px 0;
}
#flick_list {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*visibility: hidden; */
}
#flick_list > dl {
 /* width: 1%; */
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#flick_list > dl > dd {
  width: 100%;
  float: left;
  list-style-type: none;
  text-align: center;
  position: relative;
}

#rare_rank .rankingList{
  margin:0 2% 3%;
  padding:0 0 5%;
  background:#FFF;
  border-radius:3px;
  border-bottom:solid 1px #EEE;
}

#rare_rank .rankingList a .icoRank{
  float:left;
  width:20px;
  padding:19px 0 0;
}

.aggregate{
padding:5px 3% 5px;
font-size:10px;
text-align:right;
color:#999;
}

.flick_list_item .status{
clear:both;
padding-top:5%;
overflow:hidden;
}

.flick_list_item .status li{
width:48.5%;
float:left;
margin:0;
border:solid 1px #7DC0F9;
padding:2px;
background:#EEEEEE;
box-shadow:none;
box-sizing: border-box;
}

.flick_list_item .status li:last-child{
margin-left:5px;
}

.flick_list_item .status li p{
color:#666;
}

.flick_list_item .status li p span{
font-size:12px;
color:#326A9E;
}


.r_keta_2{
    font-size: 11px;
  float:left;
  width:18px;
  height:18px;
  line-height:17.5px;
  margin:15px 3px 15px 0;
  color:#00428E;
  border-radius:50%;
  border:1px solid #114F99;
  box-sizing: border-box;
  background: rgb(7,89,183); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(53,136,230,1) 0%, rgba(15,82,160,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,136,230,1)), color-stop(100%,rgba(15,82,160,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(53,136,230,1) 0%,rgba(15,82,160,1) 100%); /* Chrome10+,Safari5.1+ */
letter-spacing: -0.25em;
    text-indent: -3px;
}
.r_keta_3{
  float:left;
  width:25px;
  height:25px;
  line-height:25px;
  margin:15px 3px 15px 0;
  color:#6fb3ff;
  font-size:10px;
  border-radius:50%;
  border:1px solid #0450a7;
  box-sizing: border-box;
  box-shadow:0 1px 2px rgba(0,0,0,0.5);
  background: rgb(7,89,183); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(7,89,183,1) 0%, rgba(0,66,142,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,89,183,1)), color-stop(100%,rgba(0,66,142,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(7,89,183,1) 0%,rgba(0,66,142,1) 100%); /* Chrome10+,Safari5.1+ */
}
/* TOPランキング */
#rare_rank .rankingList a .icoUser{
  display: inline-block;
  margin:8px 0 0 2px;
}

.box .name{
margin-bottom:5px;
}


#rare_rank .rankingList a .box{
  padding-left:2%;
  overflow:hidden;
}
#rare_rank .rankingList a .box .name{
  color:#666;
  text-align:left;
  margin-bottom:2px;
}

#rare_rank .rankingList a .box .rankingBefore{
font-size:11px;
color:#666;
text-align:left;
padding:5px 0;
}

#rare_rank .rankingList a .box .rankingBefore span{
font-size: 14px;
color: #326A9E;
}

#rare_rank .rankingList a .box .name span{
  font-size:13px;
  font-weight:bold;
  color: #0D4F8C;
}

#rare_rank .btnMore{
  padding:15px 10px;
}
#tabs {
  width: 100%;
  margin:0 auto;
  position: relative;
  height: 52px;
}
#tabs > div {
    width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid #fcc800;
  padding: 2px 2px 0;
    position: absolute;
    left: 0;
}
#tabs > div > div {
  width:50%;
  float: left;
  background: #444;
  color: #fcc800;
  font-size: 13px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
  border: 1px solid #333;
  border-bottom: none;
  padding:15px 0 13px 0;
  position: relative;
  z-index: 1;
}
#tabs.third > div > div { width: 33.3%; }
#tabs.fourth > div > div { width: 25%; }
#tabs .is_displaying {
  background: #fcc800;
  color: #111;
  z-index: 2;
}
.top_nodata {
  padding: 10px 2.5%;
  font-size: 12px;
  background-color: #fff;
  color: #aaa;
  font-weight: bold;
}
.button_read_more {
position:relative;
  border-bottom: none;
}

.button_read_more a {
  display:block;
  width: 60%;
  margin: 1em auto;
  padding: 12px 2.5%;
  font-size: 12px;
  border:solid 1px #FFF;
  color: white;
  font-weight: bold;
  border-radius: 30px;
  position:relative;
}


.topBtn{
  position:relative;
  text-align: center;
}
.fa-angle-down:before{
position:absolute;
right:5%;
font-size:16px;
}
.topBtn a{
  color: #ddd;
  line-height: 1;
  border: solid 1px;
  margin: 20px auto;
}
.moreBtn{
position:relative;
}
.moreBtn a{
  margin-top:20px;
  border:solid 1px #ddd;
  color:#ddd;
}

.moreDownBtn::after {
/*
  content: '';
  position:absolute;
  top: 50%;
  right:5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('/themes/sns8/sp/img/layout/banner_icon_yellow_under.png');
*/
}


.button_read_more a .fa-angle-right{
position:absolute;
right:10px;
}
/* 検索ワード */
.serch_word {
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  margin: 0 10px 10px;
}
/*---------------[コミュニティTOP]ここまで--------------*/
/*---------------[コミュニティTOPからのもっとみる]ここから--------------*/
#post_area #new_tabs {
  /*  border-bottom: 4px solid #FFC000;
  width: 100%;
  height: 2em;
  overflow: hidden; */
  border-top: 5px solid #F60;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-color: white;
  padding: 14px 0;
}
#post_area #new_flick_list {
  padding: 10px;
}
#post_area #new_flick_list .post {
  background-color: white;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
/*---------------[コミュニティTOPからのもっとみる]ここから--------------*/
/* login.less
============================================ */
.login {
  background-color: #FFFFFF;
}
.login .login_form {
  margin: 80px 10px 0 10px;
}
.login .login_form div {
  text-align: center;
}
.login .login_form .login_message {
  padding: 0;
  color: red;
  text-decoration: none;
}
.login .login_form .login_comment {
  padding: 0 7px;
  color: red;
  text-decoration: none;
  text-align: left !important;
}
.login .login_form .login_error {
  padding: 0;
  color: red;
  text-decoration: none;
}
.login .login_form input[type="text"],
.login .login_form input[type="password"] {
  border: 1px solid #2a393e;
  width: 100%;
  height: 38px;
  padding: 1px 6px;
  line-height: 18px;
  margin-top: 15px;
  margin-bottom: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input:-webkit-input-placeholder,
input:-moz-placeholder {
  color: #2a393e;
}
.login .login_form #btn_login {
  margin: 16px auto 0;
}
.login .login_form input[type="submit"] {
  border: none;
  background-image: url(../img/layout/btn_login.png);
  background-repeat: no-repeat;
  background-position: 90px center;
  background-size: 20px 21px;
}
.login .login_form p {
  text-decoration: underline;
  text-align: center;
  padding-top: 16px;
}
.login .login_form p a {
  color: #2a393e;
  font-size: 12px;
  font-weight: normal;
}
.login_redirect section p {
  margin: 0 auto;
  padding: 15% 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.logout {
  background-color: #2a393e;
}
.logout #logout_dialog p {
  margin: 30px;
  text-align: center;
  line-height: 20px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
/* mypage.less
============================================ */
.my_menu {
  background-color: #ffffff;
  padding: 15px 10px;
}
.my_menu.cf #flick {
  width: 100%;
  height: 80px;
  overflow: hidden;
  margin: 0 auto;
}
.my_menu.cf #flick ul {
  width: 360px;
  /* 90px(item width) * 4(item count) */
}
.my_menu ul li {
  float: left;
  width: 90px;
}
.my_menu ul li.profile a {
  display: block;
  width: 80px;
  height: 80px;
  position: relative;
  background-image: url(../img/layout/btn_profile.png);
  background-size: 80px 80px;
}
.my_menu ul li.profile a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}
.content_warp.cf .post_area {
  margin: 10px;
  color: #000;
}
.post_area .post_box {
  position: relative;
  margin: 10px 0;
  background-color: #fff;
  padding: 4px;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
.post_area .post_box .post_menu {
  position: absolute;
  top: 8px;
  right: 8px;
}
.post_area .post_box .p_contents {
  margin: 10px;
}
.post_area .post_box .p_contents article dl dt {
  width: 42px;
  float: left;
}
.post_area .post_box .p_contents article dl dt i {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.post_area .post_box .p_contents article dl dd {
  float: left;
  padding: 6px 0 0 15px;
  width: 70%;
}
.post_area .post_box .p_contents article dl dd p {
  font-weight: bold;
  word-wrap: break-word;
}
.post_area .post_box .p_contents article h1 {
  clear: both;
  padding: 10px 0;
  word-wrap: break-word;
}
.post_area .post_box .p_cate {
  float: left;
  color: #fff;
  font-size: 11px;
  background-color: #444;
  padding: 2px 10px;
  line-height: 1;
}
.post_area .post_box .p_state_check {
  float: left;
  color: #FFA500;
  font-size: 11px;
  padding: 2px 10px;
  line-height: 1;
}
.post_area .post_box .p_state_ok {
  float: left;
  color: #FFA500;
  font-size: 11px;
  padding: 2px 10px;
  line-height: 1;
}
.post_area .post_box .p_state_ng {
  float: left;
  color: #FF0000;
  font-size: 11px;
  padding: 2px 10px;
  line-height: 1;
}
.post_area .post_box .p_date {
  color: #999;
  float: right;
}
.post_area .post_box .p_date.p_reserved {
  color: red;
}
.post_area .post_box .p_contents article .p_date p {
  float: left;
  font-size: 10px;
}
.post_area .post_box .p_text {
  clear: both;
  font-size: 13px;
  padding: 10px 0;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
  white-space: pre;
}
.post_area .post_box .p_text a {
  color: #2a393e;
  text-decoration: underline;
}
.post_area .post_box .p_text img {
  display: inline;
}
.post_area .post_box .p_text i.thumb {
  display: block;
  box-shadow: 1px 1px 4px #C4C6CB;
  -moz-box-shadow: 1px 1px 4px #C4C6CB;
  -webkit-box-shadow: 1px 1px 4px #C4C6CB;
  cursor: pointer;
  margin: 8px auto;
}
.post_area .post_box .p_contents article .tags {
  margin: 5px 0 10px 0;
  padding: 0 0 0 0;
}
.post_area .post_box .p_contents article .tags li {
  display: inline;
  margin: 0 5px 0 0;
}
.post_area .post_box .p_contents article .tags li a {
  display: inline;
  color: #2a393e;
  white-space: nowrap;
  text-decoration: underline;
}
.post_area .post_box .p_contents article .ext {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  border: 1px solid #AFAFAF;
}
.post_area .post_box .p_contents article .ext a {
  display: block;
  width: 30%;
  min-height: 50px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.post_area .post_box .p_contents article .ext a img {
  margin: 0 auto 0 auto;
  width: 100%;
  max-width: 120px;
}
.post_area .post_box .p_contents article .ext .ext_content {
  padding: 3px 3px 3px 3px;
  width: 70%;
  min-height: 50px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.post_area .post_box .p_contents article .ext .ext_content .ext_description {
  font-size: 12px;
}
.post_area .post_box .p_contents article .ext .ext_content h4 {
  color: #2a393e;
  font-weight: bold;
}
.post_area .post_box .p_contents article .reaction {
  width: 260px;
  margin: 0 auto;
}
.post_area .post_box .p_contents article .reaction .smile {
  float: left;
}
.post_area .post_box .p_contents article .reaction .smile a {
  background: url(../img/icon/icon_smile_1.png) no-repeat center left;
  background-size: 15px 15px;
  padding: 0 0 0 24px;
  font-weight: normal;
}
.post_area .post_box .p_contents article .reaction .smile a.nosmile {
  background: url(../img/icon/icon_smile_2.png) no-repeat center left;
  background-size: 15px 15px;
}
.post_area .post_box .p_contents article .reaction .comment {
  float: left;
  padding-left: 18px;
}
.post_area .post_box .p_contents article .reaction .comment a span {
  background: url(../img/icon/icon_comment.png) no-repeat center left;
  background-size: 15px 15px;
  padding: 2px 0 2px 24px;
  font-weight: normal;
}
.post_area .post_box .comm_area {
  display: none;
}
.post_area .post_box .comm_area .comm_box,
.post_area .post_box .comm_area .comm_more {
  position: relative;
  background-color: #ededed;
  padding: 15px;
  margin-bottom: 1px;
}
.post_area .post_box .comm_area .comm_more a {
  color: #2a393e;
  font-weight: normal;
}
.post_area .post_box .comm_area .comm_box .btn_del {
  position: absolute;
  top: 5px;
  right: 5px;
}
.post_area .post_box .comm_area .comm_box dl dt {
  float: left;
}
.post_area .post_box .comm_area .comm_box dl dt i {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.post_area .post_box .comm_area .comm_box dl dd {
  float: left;
  padding: 10px 0 0 6px;
}
.post_area .post_box .comm_area .comm_box .c_date {
  float: right;
  padding-top: 10px;
  font-size: 10px;
}
.post_area .post_box .comm_area .comm_box .c_text {
  clear: both;
  padding-top: 10px;
  word-wrap: break-word;
}
.post_area .post_box .comm_area .comm_box .c_text a {
  color: #2a393e;
  text-decoration: underline;
}
.post_area .post_box .comm_area .comm_box .c_ext {
  margin: 10px 0 0 0;
}
.post_area .post_box .comm_area .comm_box .c_ext .c_ext_thumb {
  width: 30%;
  float: left;
}
.post_area .post_box .comm_area .comm_box .c_ext .c_ext_thumb img {
  width: 100%;
  max-width: 120px;
}
.post_area .post_box .comm_area .comm_box .c_ext .c_ext_content {
  width: 70%;
  float: left;
}
.post_area .post_box .comm_area .comm_box .c_ext .c_ext_content .c_ext_title {
  padding: 5px;
}
.post_area .post_box .comm_area .comm_form {
  width: 100%;
  margin-top: 14px;
}
.post_area .post_box .comm_area .comm_form textarea {
  margin: 0 5% 0 0;
  display: block;
  float: left;
  width: 55%;
  height: 36px;
  resize: none !important;
}
.post_area .post_box .comm_area .comm_form .btn_2 {
  width: 35%;
  float: left;
  line-height: 3.2em;
}
.post_area .post_box .comm_area .comm_form .btn_2 a {
  color: #FFFFFF;
  display: block;
  line-height: 3.2em;
}
.post_area ul.pulldown li.cf {
  background-color: #2a393e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.post_area ul.pulldown li span {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 10px 12px;
  background-image: url(../img/layout/btn_select_close.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
}
.post_area ul.pulldown li span.opened {
  background-image: url(../img/layout/btn_select_open.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
}
.post_area .pulldown ul li {
  background: rgba(255, 255, 255, 0.2);
  margin: 1px 0 0;
}
.post_area .pulldown ul li a {
  display: block;
  padding: 10px 12px;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
}
/* post.less
============================================ */
.post_form,
.pic_form {
  background-color: #fff;
  margin: 10px;
  padding: 10px;
  border-bottom: 2px solid #ddd;
}
.post_form #p_title {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.post_form #p_title input {
  height: 21px;
  line-height: 21px;
  padding: 1px 6px;
  font-size: 12px;
  color: #444;
}
.post_form #p_title input::-webkit-input-placeholder,
.post_form #p_textarea textarea::-webkit-input-placeholder {
  color: #bbb;
}
.post_form #p_title input:-moz-placeholder,
.post_form #p_textarea textarea::-webkit-input-placeholder {
  color: #bbb;
}
.post_form .cleditorMain {
  padding: 0;
  border: none;
}
.post_form .cleditorToolbar {
  margin: 0 0 0 0;
  height: 34px !important;
  background: #2a393e;
}
.post_form .cleditorWrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 112px;
}
.post_form .cleditorGroup {
  height: 34px !important;
  width: 100% !important;
}
.post_form .cleditorButton {
  width: 34px !important;
  height: 34px !important;
  background-image: url(/themes/common/css/images/buttons.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  cursor: pointer;
}
#post-body .cleditorSize div {
  position: relative;
  width: 35px;
  height: 50px;
  float: left;
  text-align: center;
}
#post-body .cleditorSize div font {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 35px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
#post-body .cleditorColor {
  width: 290px !important;
}
#post-body .cleditorColor div {
  width: 28px !important;
  height: 28px !important;
}
#post-body .cleditorPopup {
  left: 20px !important;
  z-index: 10000;
}
#post-body .cleditorPopup .ajax-upload-dragdrop {
  width: 220px;
}
#post-body .cleditorPopup .ajax-upload-dragdrop span {
  display: none;
}
#post-body .cleditorPopup .ajax-upload-dragdrop .ajax-file-upload {
  margin: 0 auto 10px auto !important;
  width: 200px;
  text-align: center;
  font-size: 14px;
}
#post-body .ajax-file-upload-statusbar {
  width: 90%;
}
#post-body .ajax-file-upload-statusbar .ajax-file-upload-filename {
  margin: 0;
}
#post-body .ajax-file-upload-statusbar .ajax-file-upload-progress {
  width: 70%;
  margin: 5px 10px 5px 0;
}
#post-body .ajax-file-upload-statusbar .ajax-file-upload-green,
#post-body .ajax-file-upload-statusbar .ajax-file-upload-red {
  padding: 4px 10px;
  margin: 5px 0;
}
.post_form #p_textarea,
.pic_form #pic_caption {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.post_form #p_textarea textarea {
  display: none;
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 2px 6px;
  width: 100%;
  word-wrap: break-word;
  resize: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post_form #p_textarea p.style_loss {
  color: red;
  font-size: 10px;
}
.post_form #photo_upload {
  width: 100%;
}
.post_form #photo_upload #thumbnails div.thumb {
  position: relative;
  width: 24%;
  float: left;
  border: 1px solid #666;
}
.post_form #photo_upload #thumbnails div.thumb img {
  width: 100%;
}
.post_form #photo_upload #thumbnails div.thumb span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.post_form #photo_upload #thumbnails .btn_del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
}
.post_form #photo_upload a.image_post_howto {
  display: block;
  margin: 20px 0 0 0;
  line-height: 20px;
  font-size: 1em;
  font-weight: normal;
}
.post_form #photo_upload a.image_post_howto img {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.post_form #photo_upload .ajax-upload-dragdrop {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  width: 24%;
  float: left;
  cursor: pointer;
  border: 1px solid #666;
}
.post_form #photo_upload .ajax-upload-dragdrop span {
  display: block;
  text-align: center;
  color: #2a393e;
  line-height: 20px;
  font-size: 10px;
}
.post_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload {
  margin: 0 0 14% 0;
  padding: 20% 0 0% 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 0;
  overflow: visible !important;
}
.post_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload img {
  display: block;
  margin: 0 20% 0 20%;
  width: 60% !important;
}
.post_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload form {
  width: 100%;
}
.post_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload form input {
  width: 100%;
  height: 105% !important;
}
.post_form #photo_upload .ajax-file-upload-statusbar {
  width: 90%;
  clear: both;
}
.post_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-filename {
  margin: 0;
}
.post_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-progress {
  width: 70%;
  margin: 5px 10px 5px 0;
}
.post_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-green,
.post_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-red {
  padding: 4px 10px;
  margin: 5px 0;
}
.post_form #p_tag,
.pic_form #pic_tag {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.post_form #p_tag input,
.pic_form #pic_tag input {
  background: url(../img/layout/btn_tag.png) no-repeat center left;
  background-size: 18px 19px;
  height: 21px;
  line-height: 21px;
  padding: 1px 6px 1px 6px;
  margin-left: 5px;
  font-size: 12px;
  color: #444;
}
.post_form #p_opened,
.pic_form #pic_opened,
.post_form #p_closed,
.pic_form #pic_closed {
  border-bottom: 1px solid #ddd;
  padding: 3px 0 2px 0;
}
.post_form #p_opened .ui-input-text,
.pic_form #pic_opened .ui-input-text,
.post_form #p_closed .ui-input-text,
.pic_form #pic_closed .ui-input-text {
  width: 50%;
  float: left;
}
.post_form #p_opened .ui-focus,
.pic_form #pic_opened .ui-focus,
.post_form #p_closed .ui-focus,
.pic_form #pic_closed .ui-focus {
  box-shadow: none;
}
.ui-input-datebox {
  padding: 10px 0 !important;
  position: relative;
}
.post_form #p_opened input,
.pic_form #pic_opened input,
.post_form #p_closed input,
.pic_form #pic_closed input {
  min-width: 50px !important;
  height: 21px !important;
  line-height: 21px;
  color: #444;
  font-size: 12px;
}
.post_form #p_opened a,
.pic_form #pic_opened a,
.post_form #p_closed a,
.pic_form #pic_closed a {
  margin-top: 4px;
}
.post_form #p_opened img,
.pic_form #pic_opened img,
.post_form #p_closed img,
.pic_form #pic_closed img {
  display: block;
  position: absolute;
  top: 7px;
  right: 10px;
}
.post_form #p_setting,
.pic_form #pic_setting {
  padding-top: 10px;
}
.post_form #p_category,
.post_form #p_privacy,
.pic_form #pic_privacy {
  background-color: #2a393e;
  float: left;
  width: 115px;
  margin-right: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.post_form .pulldown ul li,
.pic_form .pulldown ul li {
  padding: 10px 12px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  margin: 1px 0 0;
}
.post_form .pulldown li a,
.pic_form .pulldown li a {
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  padding: 12px 12px;
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
}
.post_form .pulldown li a.opened,
.pic_form .pulldown li a.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
}
.post_form #p_pre,
.pic_form #pic_pre {
  float: right;
  padding-top: 5px;
}
.post_form .play_post,
.pic_form .play_post {
  margin: 0 10px;
}
#post_dialog {
  margin: 20px auto 20px auto;
  padding: 0 0 0 0;
}
#error_message {
  text-align: center;
}
/* Time Picker
------------------------------------ */
.ui-slider-horizontal .ui-slider-handle {
  margin-left: 0;
  top: 0.2em;
}
/* Dialog(Error)
------------------------------------ */
.error.ui-widget-content {
  background: none;
  background-color: #2a393e !important;
}
.error.ui-dialog .ui-dialog-titlebar {
  background: none;
  background-color: transparent !important;
  border: none;
}
.error.ui-dialog .ui-dialog-title {
  color: #fff;
}
.error .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.error .ui-state-default .ui-icon {
  background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
#ui-error-dialog p {
  margin: 10px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: normal;
}
#ui-error-dialog button {
  background-color: #2a393e;
  color: #FFFFFF;
  margin-bottom: 10px;
  text-shadow: none;
  border-radius: 1em;
}
/* Dialog(Logout)
------------------------------------ */
.logout.ui-widget-content {
  background: none;
  background-color: #2a393e !important;
}
.logout.ui-dialog .ui-dialog-titlebar {
  background: none;
  background-color: transparent !important;
  border: none;
}
.logout.ui-dialog .ui-dialog-title {
  color: #fff;
}
.logout .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.logout .ui-state-default .ui-icon {
  background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
#ui-logout-dialog p {
  margin: 10px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: normal;
}
#ui-logout-dialog button {
  background-color: #2a393e;
  color: #FFFFFF;
  margin-bottom: 10px;
  text-shadow: none;
  border-radius: 1em;
}
/* Dialog(Confirm)
------------------------------------ */
.confirm.ui-widget-content {
  background: none;
  background-color: #2a393e !important;
}
.confirm.ui-dialog .ui-dialog-titlebar {
  background: none;
  background-color: transparent !important;
  border: none;
}
.confirm.ui-dialog .ui-dialog-title {
  color: #fff;
}
.confirm .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.confirm .ui-state-default .ui-icon {
  background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
#ui-confirm-dialog p {
  margin: 10px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: normal;
}
#ui-confirm-dialog button {
  background-color: #2a393e;
  color: #FFFFFF;
  margin-bottom: 10px;
  text-shadow: none;
  border-radius: 1em;
}
#preview {
  display: none;
}
/* photo.less
============================================ */
.pic_form #pic_tag h2 {
  text-align: center;
  font-size: 1.4em;
}
.pic_form #pic_tag h3 {
  text-align: center;
  font-size: 1em;
  color: #2a393e;
}
.pic_form #pic_caption {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.pic_form #pic_caption input {
  height: 21px;
  line-height: 21px;
  padding: 1px 6px 1px 6px;
  margin-left: 5px;
  font-size: 12px;
  color: #444;
}
.pic_form #photo_upload {
  border-bottom: 1px solid #ddd;
  padding: 10px 0 5px 0;
}
.pic_form #photo_upload span {
  display: inline-block;
  margin-left: 12px;
  color: #2a393e;
  font-size: 12px;
}
.pic_form #photo_upload .ajax-upload-dragdrop {
  position: relative;
  padding: 0;
  border: none;
  width: 100%;
  min-height: 35px;
  cursor: pointer;
}
.pic_form #photo_upload .ajax-upload-dragdrop span {
  display: block;
  position: absolute;
  top: 7px;
  left: 40px;
  color: #2a393e;
  font-size: 12px;
}
.pic_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload {
  margin: 0 10px 0 0;
  padding: 0 0 0 0;
  width: 100%;
  min-height: 35px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 0;
}
.pic_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload form {
  width: 100%;
}
.pic_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload form input {
  width: 100%;
}
.pic_form #photo_upload .ajax-file-upload-statusbar {
  width: 90%;
}
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-filename {
  margin: 0;
}
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-progress {
  width: 70%;
  margin: 5px 10px 5px 0;
}
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-green,
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-red {
  padding: 4px 10px;
  margin: 5px 0;
}
.pic_form #photo_upload #thumbnails div {
  position: relative;
  width: 24%;
  float: left;
  border: 1px solid #666;
}
.pic_form #photo_upload #thumbnails div img {
  width: 100%;
}
.pic_form #photo_upload #thumbnails .btn_del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
}
.pic_form #photo_upload a.image_post_howto {
  display: block;
  margin: 20px 0 0 0;
  line-height: 20px;
  font-size: 1em;
  font-weight: normal;
}
.pic_form #photo_upload a.image_post_howto img {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
/* mypage_member.less
============================================ */
.user .u_name {
  position: relative;
  background-color: #2a393e;
  padding: 10px 4px 10px 15px;
  background-image: url(../img/layout/btn_select_close.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
  overflow: hidden;
  opacity: 0.9999999;
}
.user .u_name.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
  background-color: #2a393e;
}
.user .u_name.cf.accordion #trans_skin {
  position: absolute;
  top: -60px;
  overflow: hidden;
  right: 0;
  opacity: 0.2;
  z-index: -9999;
}
.user .u_name.opened #trans_skin {
  display: none;
}
.user .u_name .ico_name {
  position: relative;
  z-index: 300;
}
.user .u_name .ico_name i {
  width: 37px;
  height: 37px;
  float: left;
  border: none;
}
.user .u_name .ico_name h1 {
  float: left;
  padding: 12px 0 0 15px;
  width: 70%;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user .u_name .ico_name h1 a {
  color: #FFFFFF;
}
.user .u_profile .u_text_area {
  position: relative;
  /*min-height: 160px;
  max-height: 300px;
*/
}
.user .u_profile .u_text_area #u_skin {
  position: relative;
  /*min-height: 160px;
  max-height: 300px;*/
  overflow: hidden;
}
.user .u_profile .u_text_area p#u_title {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 1.3em;
  font-size: 13px;
  font-weight: bold;
  width: 90%;
  color: #2a393e;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
  overflow: hidden;
}
.user .u_profile .u_text_area p#u_text {
  position: absolute;
  top: 25px;
  left: 10px;
  margin-top: 5px;
  font-size: 12px;
  /*	font-weight: 700; */
  width: 90%;
  color: #2a393e;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
}
.user .profile_comment {
  background:#014087;
  padding:10px;
  margin:0 0 10px;
}

.user .profile_comment p{
  text-align:center;
  font-size:16px;
  line-height:1.6em;
  font-weight:bold;
}

.user .profile_comment p#u_title {
  font-size: 13px;
  font-weight: bold;
  word-wrap: break-word;

}
.user .profile_comment p#u_text {
  color:#fff;
  font-size: 12px;
  word-wrap: break-word;
}


#dialog_profile {
  padding: 0 10px;
  text-align: left;
  font-size: 12px;
  word-wrap: break-word;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.user .u_profile .u_text_area span#u_title_full {
  display: none;
}
.user .u_profile .u_text_area span#u_text_full {
  display: none;
}
.user .u_profile .u_text_area p#s_change a {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30%;
  background: rgba(255, 255, 255, 0.7) url(../img/icon/icon_setting.png) no-repeat 5px center;
  background-size: 15px 15px;
  padding: 5px 0 5px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.user .u_profile{
margin:3%;
    background:#FFF;
  color:#000;
overflow:hidden;
}

.user .u_profile .u_text_area .action_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.user .u_profile .u_text_area .action_btn.birthday {
  position: absolute;
  top: 70px;
  right: 10px;
}
.user .u_profile .u_text_area .action_btn li {
  float: left;
  padding-right: 10px;
  width: 40px;
}
.user .u_profile .u_text_area .action_btn.birthday li {
  float: right;
  padding-right: 0;
  width: 40px;
}
.user .u_profile .u_text_area .action_btn li:last-child {
  padding: 0;
}
.user .u_friend {
  padding: 0 0 10px 0;
}
.user .u_profile .u_friend #u_medal {
  width: 22%;
  float: left;
}
.user .u_profile .u_friend #u_medal a {
  margin: 0 auto;
  width: 35px;
}
.user .u_profile .u_friend .f_list {
  width: 232px;
  float: right;
  margin: 0 10px 0 0;
}
.user .u_profile .u_friend .u_status dl {
  width: 234px;
  border: 1px solid #fff;
  border-right: none;
}
.user .u_profile .u_friend.cf .f_list dl {
  float: left;
  width: 76px;
}
.user .u_profile .u_friend.cf .f_list dl:last-child {
  border-right: 1px solid #fff;
}
.user .u_profile .u_friend.cf .f_list dl dt {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 2px 0;
  line-height: 1.2;
}
.user .u_profile .u_friend.cf .f_list dl dd {
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-weight: bold;
  padding: 2px 0;
  line-height: 1.2;
  border-top: 1px solid #fff;
}
.user .u_profile .u_detail {
  padding:0 10px 10px;
}
.user .u_profile .u_detail .u_data {
  float: left;
  width: 50%;
}
.user .u_profile .u_detail .u_data dl {
  border-top: 1px solid #EEE;
  color: #000;
  font-size: 10px;
  padding: 10px 0;
  clear: both;
}
.user .u_profile .u_detail .u_data dl:last-child {
  border-bottom: 1px solid #EEE;
}
.user .u_profile .u_detail .u_data dl dt {
  float: left;
}
.user .u_profile .u_detail .u_data dl dd {
  float: right;
}
.user .u_profile .u_detail .u_data dl dd.mysong {
  width: 66px;
  text-align: right;
}
.user .u_profile .u_detail .p_change {
  float:left;
  width:40%;
}
.u_detail.cf .p_change {
  padding-top: 10px;
}

.u_detail.cf .p_change p{
position:relative;
}


.u_detail.cf .p_change p a {
background: transparent;
border:solid 2px #DDD;
border-radius:3px;
color:#727272;
padding:8px;
    text-indent: -0.3em;
}

/*.u_detail.cf .p_change p a:after{
    position: absolute;
    right: 5%;
top: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: ">";
    color: #151515;
font-weight:bold;
}
*/
.u_detail.cf .p_change p a:after,.bl_mark_Btn:after{
  width: 7px;
  height: 14px;
  margin-top: -7px;
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  color: #37373F;
  position: absolute;
  right: 5px;
  top: 50%;
  font-weight: bold;
}


#setting_profile .u_detail.cf .p_change p{
position:relative;
}

#setting_profile .u_detail.cf .p_change p a {
background: transparent;
border: solid 1px #FFF;
color: #FFF;
padding: 6px 0;
position: relative;
text-align: center;
text-indent: -0.35em;
}

#setting_profile .u_detail.cf .p_change p a:after{
    right: 2px;
}

.bl_mark_Btn{
background: transparent;
border: solid 2px #DDD;
border-radius: 3px;
color: #727272;
padding: 7px;
position:relative;
width: 55%;
float:right;
margin-bottom:5%;
}


#setting_profile .u_detail.cf .p_change p a:after{
width:7px;
height:14px;
margin-top:-7px;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
color:#37373F;
    position: absolute;
    right: 3px;
    top: 50%;
    color: #FFF;


}

#btn_update{
  position:relative;
/*	margin: 0 3% 30px !important;
  padding: 20px 20px 0; */
  border-radius: 3px;
}



.user .u_profile .u_detail .u_card {
  float: right;
  background-color: #fff;
  padding: 12px;
}
.u_profile .u_detail.cf .u_card dl {
  margin: 0 auto;
  width: 116px;
}
.u_profile .u_detail.cf .u_card dl dt {
  color: #2a393e;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}
.u_profile .u_detail.cf .u_card dl .mb10 {
  width: 70px;
  margin: 0 auto;
}

.content_warp.cf .post_area {
  margin: 10px;
  color: #000;
}
#skin_dialog #skin_list {
  background-color: #EDF1F6;
}
#skin_dialog #skin_list ul {
  position: relative;
  list-style-type: none;
  padding: 10px;
}
#skin_dialog #skin_list li {
  border: 2px solid #EDF1F6;
  margin: 0 0 5px;
}
#skin_dialog #skin_list i.img {
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  border: 2px solid #fff;
  cursor: pointer;
}
#skin_dialog #skin_list img {
  width: 100%;
}
/* mypage_articst.less
============================================ */
.sp_account #sp_skin {
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #2a393e;
  position: relative;
  min-height: 160px;
}
.sp_account #sp_skin #sp_action_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.sp_account #sp_skin #s_change {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.sp_account #sp_skin #s_change a {
  color: #2a393e;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  background: url(../img/icon/icon_setting.png) no-repeat center left;
  background-size: 15px 15px;
  padding-left: 20px;
}
.sp_account #calendar_area #calendar div.accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
  padding: 18px 0 18px 10px;
  background-color: #2a393e;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.sp_account #calendar_area #calendar div.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
  background-color: #2a393e;
}
.sp_account #mypage-calendar .calendar {
  margin: 0 auto;
}
.content_warp.cf .post_area {
  margin: 10px;
  color: #000;
}

.sp_account .u_profile .u_text_area {
  position: relative;
  min-height: 160px;
  max-height: 300px;
}
.sp_account .u_profile .u_text_area #u_skin {
  position: relative;
  min-height: 160px;
  max-height: 300px;
  overflow: hidden;
}
.sp_account .u_profile .u_text_area p#u_title {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 1.3em;
  font-size: 13px;
  font-weight: bold;
  width: 90%;
  color: #2a393e;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
  overflow: hidden;
}
.sp_account .u_profile .u_text_area p#u_text {
  position: absolute;
  top: 25px;
  left: 10px;
  margin-top: 5px;
  font-size: 12px;
  /*	font-weight: 700; */
  width: 90%;
  color: #2a393e;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
}
/* gacha
============================================ */
.content_warp #gacha{
  padding:10px;
  background:#caebfe;
}
.content_warp #gacha .gachaMenu{
  text-align:center;
}
.content_warp #gacha .gachaMenu li{
  display:inline-block;
  vertical-align:top;
  width:47%;
  padding:0 1%;
  color:#fff;
}
.content_warp #gacha .gachaMenu li a{
  margin:0 0 8px;
}
.content_warp #gacha .gachaMenu li .main img{
  width:100%;
}
.content_warp #gacha .gachaMenu li p{
  margin:0 0 8px;
  padding:3px;
  border-radius:2px;
}
.content_warp #gacha .gachaMenu li.point p{
  font-weight:bold;
  background:#0b8cdd;
  border:2px solid #00539f;
}
.content_warp #gacha .gachaMenu li.ticket p{
  font-weight:bold;
  background:#ffc525;
  border:2px solid #f7921c;
}
.content_warp #gacha .gachaMenu li p.text{
  padding:5px;
  color:#222;
  text-align:left;
  border:2px solid #fff;
}
.content_warp #gacha .gachaMenu li.point p.text{
  background:#7acaff;
}
.content_warp #gacha .gachaMenu li.ticket p.text{
  background:#ffdd23;
}
.content_warp #gacha .gachaMenu li p .left{
  float:left;
}
.content_warp #gacha .gachaMenu li p .right{
  float:right;
}
#myPoint{
  margin:10px 0;
  color:#fff;
  font-size:18px;
  font-weight:bold;
}
#myPoint p{
  padding:5px;
  border-radius:5px;
}
#myPoint p.point{
  background:#0b8cdd;
  border:4px solid #00539f;
}
#myPoint p.ticket{
  background:#ffc525;
  border:4px solid #f7921c;
}
#myPoint p .left{
  float:left;
}
#myPoint p .right{
  float:right;
}
#btnGacya li{
  padding:0 0 20px;
}
#btnGacya li:nth-child(1){
  float:left;
  width:49%;
}
#btnGacya li:nth-child(2){
  float:right;
  width:49%;
}
#btnGacya li a img{
  width:100%;
}
#btnGacyaOne li{
  padding:0 0 20px;
}
#btnGacyaOne li{
  width:100%;
}
#btnGacyaOne li a img{
  width:100%;
}
#btnSns{
  text-align:center;
}
#btnSns li{
  display:inline-block;
  width:31%;
  padding:1%;
}
#btnSns li a{
  width:100%;
  padding:5px 0;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  border-radius:2px;
  box-sizing:border-box;
}
#btnSns li.fb a{
  background:#3a5795;
  border:1px solid #2b4989;
}
#btnSns li.tw a{
  background:#0f92c2;
  border:1px solid #0084b4;
}
#btnSns li.line a{
  background:#1dcd00;
  border:1px solid #1bbd00;
}


/* minimail.less
============================================ */
/*---------------[ミニメール]ここから-------------*/
#minimail_dialog {
  padding-top: 0 !important;
}

/*ミニメール/投稿画面共通部分ここまで*/
#mini_mail #to_user {
  background-color: #fcc800;
  width: 100%;
  text-align: center;
  padding: 10px;
}
#mini_mail #to_user figure {
  padding: 14px 10px;
}
#mini_mail #to_user figure i {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  /* border:2px solid #fff; */
} /*
#mini_mail #to_user dl {
  float: left;
  width: 210px;
  padding-top: 12px;
}
#mini_mail #to_user dl dt {
  color: #fff;
  font-weight: bold;
}
#mini_mail #to_user dl dd {
  color: #fff;
  font-size: 10px;
} */
#mini_mail #to_user #m_action {
  position: absolute;
  top: 14px;
  right: 10px;
}
.mail_area {
  margin-top: 40px;
  padding-top: 20px;
}
.mail_area .from {
  background-color: transparent;
  padding: 15px 0;
}
.mail_area .from .f_box {
  float: right;
  width: 280px;
  position: relative;
}
.mail_area .from.cf .f_box .f_text {
  float: right;
}
.mail_area .from .f_box .f_text .f_name {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  padding: 0 18px 5px 0;
color:#FFF;
}
.mail_area .from.cf .f_box .f_text .f_message {
  background: url(../img/layout/minimail_tail_from.png) no-repeat;
  background-position: 175px 5px;
  background-size: 9px 8px;
  padding-right: 20px;
  float: right;
  word-break: break-all;
}
.mail_area .from .f_box .f_text .f_message div {
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 12px;
  padding: 12px 10px;
  width: 155px;
}
/*.mail_area .from .f_box .f_text .f_message div div{*/
/*padding-right: 0; */
/*}*/
.mail_area .from.cf .f_box .t_time {
  font-size: 10px;
  position: absolute;
  right: 205px;
  bottom: 0;
color:#FFF;
}
.mail_area .from.cf .f_box .t_time span {
  padding-left: 4px;
}
.mail_area .to {
  padding: 15px 0;
}
.mail_area .to .t_box {
  float: left;
  width: 100%;
  position: relative;
}
.mail_area .to .icon {
  margin: 0 0 0 10px;
  float: left;
  width: 30px;
  height: 30px;
  border: 1px solid #fcc800;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.mail_area .to .t_box .t_text {
  float: left;
}
.mail_area .to .t_box .t_text .t_name {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 0 0 5px 28px;
  color:#FFF;
}
.mail_area .to .t_box .t_text .t_message {
  background: url(../img/layout/minimail_tail_to.png) no-repeat;
  background-position: 11px 5px;
  background-size: 9px 8px;
  padding-left: 20px;
  word-break: break-all;
}
.mail_area .to.cf .t_box .t_text .t_message div {
  background-color: #fcc800;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 12px;
  color: #ffffff;
  padding: 10px 12px 10px 12px;
  width: 180px;
}
.mail_area .to .t_box .t_text .t_message img {
  max-width: 100%;
}
/*.mail_area .to.cf .t_box .t_text .t_message div div{*/
/*padding-right: 0;*/
/*}*/
.mail_area .from .f_box .f_text .f_message div .message-button {
  padding: 0;
  display: none;
}
.mail_area .to.cf .t_box .t_text .t_message div .message-button {
  padding: 0;
}
.mail_area .to.cf .t_box .t_text .t_message div .message-button {
  width: 156px;
}
.mail_area .from .f_box .f_text .f_message div .message-button a {
  margin-top: 10px;
}
.mail_area .to.cf .t_box .t_text .t_message div .message-button a {
  position: relative;
  margin-top: 10px;
  border-radius: 3px;
  border: 1px solid #ffffff;
  padding: 10px 5px;
  width: 100%;
  box-sizing: border-box;
}
.mail_area .to.cf .t_box .t_text .t_message div .message-button a::before {
  content: "カードホルダーを見る";
  color: #ffffff;
}
.mail_area .to.cf .t_box .t_text .t_message div .message-button a::after {
  content: "▲";
  position: absolute;
  top: 50%;
  right: 5px;
  margin: auto;
  line-height: 0;
  font-size: 8px;
  color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.mail_area .f_message a[target="_blank"] {
  text-decoration: underline;
  color: #2a393e;
}
.mail_area .t_message a[target="_blank"] {
  text-decoration: underline;
  color: #FFFFFF;
}
.mail_area .to.cf .t_box .t_time {
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 250px;
color:#FFF;
}

.ui-mobile label{
font-size:14px;
font-weight:bold;
margin:0;
}

#enter_text {
  background-color: #fff;
  border-top: 2px solido #c5ced9;
  padding-bottom: 15px;
}
#enter_text .m_photo {
  float: left;
  padding: 18px 10px 12px 15px;
}
#enter_text .m_form {
  float: left;
  padding-top: 7px;
  margin:0 10px;
  /*padding-right: 10px;*/
  width:94%;
}
#minimail-message-button{
  display:block;
}
#enter_text .m_form input {
  border: 1px solid #999;
  width: 100%;
  height: 38px;
  padding: 1px 6px;
  line-height: inherit;
  margin-top: 15px;
  font-size: 14px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder {
  color: #2a393e;
}
#enter_text .m_send {
  clear: both;
  margin: 0 10px 0 10px;
}
#minimail .ajax-file-upload {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0 0 0 0 ;
}
#minimail .ajax-upload-dragdrop {
  width: 255px;
  padding: 10px;
}
#minimail .ajax-file-upload-statusbar {
  width: 255px;
}
#minimail .ajax-file-upload-statusbar .ajax-file-upload-progress {
  width: 240px;
}
#minimail-photo-btn {
  background: #FFFFFF;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
}

/*---------------[ミニメール]ここまで-------------*/
/* minimail_menu.less
============================================ */
/*---------------[ミニメールメニュー]ここから-------------*/
#minimail_menu {
  background: #333;
  color: #fff;
  border-radius: 10px;
    margin: 10px 3%;
  overflow: hidden;
}
#minimail_menu h2 {
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
  color: #000000;
  background-color: #fcc800;
}
#minimail_menu .mm_area { }
#minimail_menu .mm_area .mm_box { }
#minimail_menu .mm_area .mm_box li { border-bottom: 1px solid rgba(255,255,255,0.1); }
#minimail_menu .mm_area .mm_box ul li a { color: #fff; }
#minimail_menu .mm_area .mm_box ul li a div {
  vertical-align: top;
  width: 45px;
  padding-right: 8px;
  position: relative;
}
#minimail_menu .mm_area .mm_box .minimail-new-mark {
  position: absolute;
  left: 6px;
  top: 6px;
}
#minimail_menu .mm_area .mm_box ul li a dl { }

#minimail_menu .mm_area .mm_box ul li dl dt{ color: #aaa; text-align:left; }
#minimail_menu .mm_area .mm_box ul li dl dd { text-align:left; }
#minimail_menu .mm_area .mm_box .title_text { font-size: 14px; }
#minimail_menu .mm_area .mm_box .date { color: #aaa; text-align: right; }
#minimail_menu .mm_area .empty { padding: 30px 0; text-align: center; }
#minimail_menu .mm_area .mm_nodata {
  width: 95%;
  margin: 0;
  padding: 2.5%;
  text-align: center;
  color: white;
  background-color: #999;
}
/* trophy.less
============================================ */
/*---------------[トロフィー]ここから-------------*/
.comm_medal {
  /*	margin-top:10px; */
}
.comm_medal .med_list {
  background-color: #fff;
  border-bottom: 1px solid #999;
  padding: 15px 0 10px;
}
.comm_medal .med_list h2 {
  text-align: center;
  font-size: 14px;
}
/*-----flicksimple.jsここから-----*/
.comm_medal .med_list #flick {
  width: 320px;
  height: 60px;
  overflow: hidden;
  margin: 18px auto 14px;
}
.comm_medal .med_list #flick ul {
  width: 840px;
  /* 70px(item width) * 12(item count) */
}
.comm_medal .med_list #flick ul li {
  float: left;
  width: 70px;
}
/*-----flicksimple.jsまで-----*/
.card_folder {
  position: relative;
}
.card_folder .card_list {
  /*border-bottom: 1px solid #999;*/
  padding: 15px 0 2px;
  position: relative;
}
.card_folder .card_list h2{
  text-align: center;
  color: #ffffff;
  text-shadow:0px 0px 3px #000000,0px 0px 2px #000000;
}
.card_folder .card_list #wa_change {
  position: absolute;
  top: 5px;
  right: 10px;
}
/*-----flicksimple.jsここから-----*/
.card_folder .card_list #flick2 {
  width: 320px;
  height: 82x;
  padding: 14px 0;
  margin: 16px auto 10px;
}
.card_folder .card_list #flick2 ul {
 /*overflow:hidden;
  /*width: 3500px;*/
  /* 70px(item width) * 12(item count) */
}
.card_folder .card_list #flick2 ul li {
  float: left;
  width: 70px;
  position: relative;
}
.card_folder .card_list #flick2 ul li .card_count,
.card_folder .card_list #flick2 ul li .real_card_count {
  position: absolute;
  top:-2px;
  right:-2px;
  z-index: 5;
  background-color: #c11920;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.card_folder .card_list #flick2 ul li .real_card_count {
  background-color: #FFBA00;
  color: #000;
}

.card_folder .card_list #flick2 ul li .real_card_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 6;
}

.card_folder .card_list #flick2 ul li .card_count p{
font-size:10px;
font-weight:normal;
line-height:18px;
letter-spacing:-0.04em;
}

.card_folder .card_list #flick2 ul li .card_mask {
  position: absolute;
  top: 0;
  left: 0;
}
.card_folder .card_list #flick2 ul li .card .rare {
	position: absolute;
	bottom: 16px;
	left: 6px;
	color: #fff;
	font-size: 8px;
}
.card_folder .card_list #flick2 ul li .card .name {
	position: absolute;
	bottom: 6px;
	left: 6px;
	color: #fff;
	font-size: 8px;
}
/*-----flicksimple.jsまで-----*/
.card_folder .card_list .effect_text {
  border: 2px solid #fcc800;
  padding: 10px 12px;
  margin: 0 10px;
}
.card_folder .card_list .effect_text p {
  margin-left: 2.6em;
  text-indent: -3em;
  line-height: 1.6;
}
.card_folder .card_list #btn_favo,
.card_folder .card_list btn_chan {
  margin: 10px 10px;
  height: 48px;
  width: auto;
}
.card_folder .card_list #btn_favo p {
  color: #fff;
  line-height: 4;
  background: url(../img/layout/btn_set_favorite.png) no-repeat center center;
  background-size: 18px 13px;
  padding-left: 134px;
  margin-left: -134px;
}
.card_folder .card_list #btn_chan p {
  color: #fff;
  line-height: 4;
  background: url(../img/layout/btn_trade.png) no-repeat center center;
  background-size: 18px 22px;
  padding-left: 134px;
  margin-left: -134px;
}
summary {
  list-style: none;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}
.card_filter_accordion {
  position: relative;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.5);
}
.card_filter_accordion::after {
  content: "";
  position: absolute;
  top: 11px;
  right: 10px;
  background-image: url(/themes/common/img/layout/arrow_white_cardholder.svg);
  width: 11px;
  height: 7px;
}
.card_filter_accordion.open::after {
  transform: rotate(180deg);
  top: 9px;
}
.card_filter_accordion.active {
  color: #F3CB45;
  border: 1px solid #F3CB45;
}
.card_filter_accordion.active::after {
  background-image: url(/themes/common/img/layout/arrow_yellow1_cardholder.svg);
}
.card_filter_accordion .card_filter_accordion_header {
  padding-bottom: 5.5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
.card_filter_accordion .card_filter_accordion_header_top {
  position: relative;
  padding-top: 4.5px;
}
.card_filter_accordion .card_filter_accordion_header_top.active {
  padding-bottom: 5.5px;
  background-color: #F3CB45;
  color: #000000;
  border-radius: 12px 12px 0 0;
}
.card_filter_accordion .card_selected_conditions {
  color: #F3CB45;
  text-align: left;
}
.card_filter_accordion .card_selected_conditions.active {
  padding: 3.5px 11px 0;
}
.card_filter_accordion .card_filter_accordion_content {
  color: #ffffff;
  padding: 4px 12px 0;
  border-top: 1px solid #ffffff;
  font-size: 11px;
  font-weight: bold;
}
.card_filter_accordion .card_filter_accordion_content.active {
  border-top: 1px solid #F3CB45;
}
.card_filter_clear_button {
  color: #ffffff;
  padding: 4px 0 8px;
  text-decoration: underline;
  text-align: right;
  font-weight: 400;
  font-size: 11px;
}
.card_filter_accordion .card_filter_group {
  display: flex;
  align-items: center;
  padding: 11px 4px 11px;
  border-bottom: 1px solid #ffffff;
}
.card_filter_accordion .card_filter_group:first-of-type {
  border-top: 1px solid #ffffff;
}
.card_filter_accordion .card_filter_group_dt {
  width: 55px;
  margin-right: 8px;
  text-align: center;
}
.card_filter_accordion .card_filter_group_dd {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.card_filter_accordion .card_filter_group_button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 25px;
  margin-right: 7px;
  padding: 0 9px;
  font-size: 11px;
}
.card_filter_accordion .card_filter_group_button:last-of-type {
  margin-right: initial;
}
.card_filter_accordion .card_filter_group_button.active {
  background-color: rgba(243, 203, 69, 0.4);
}
.card_filter_accordion .card_filter_group_button_bottom {
  margin-top: 8px;
}
.card_filter_accordion .card_filter_group_inner {
  width: 100%;
}
.card_filter_accordion .card_filter_group_inner_item {
  display: flex;
  align-items: center;
}
.card_filter_accordion .card_filter_group_inner_item + .card_filter_group_inner_item {
  margin-top: 12px;
}
.card_filter_accordion .card_filter_group_inner .card_filter_group_dt {
  width: 100px;
}
.card_filter_accordion .card_filter_group_inner .card_filter_group_dd {
  display: block;
  flex: initial;
}
button.ui-btn.card_filter_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 38px;
  margin: 17px auto 20px;
  background-color: #F3CB45;
  font-size: 11px;
}
button.ui-btn.card_filter_button:disabled {
  background-color: #999999;
  color: #666666;
  opacity: 1;
}
.block_folder {
  background-color: #fff;
  text-align: center;
  color: #111;
  padding: 15px 0;
  margin: 10px 0;
  font-weight: bold;
}
.block_folder_hold {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 101;
}
.cardLinktext a{
  display:block;
  background:url(../img/layout/banner_icon_black_right_off.png) 98% center no-repeat #fcc800;
  background-size: 8px 10px;
  -webkit-background-size: 8px 10px;
  color:#000000;
  font-size:13px;
  border-radius:5px;
  font-weight:bold;
  padding:8px 8px 8px 8px;
  text-align: center;
}
.cardLinktext #btn_share {
  background:url(../img/pov/btn_sns.png) 98% center no-repeat;
  background-size: 100% 100%;
}
.cardLinktextRealcard a {
  background-color: #FFBA00;
  background-image: initial;
}
.cardLinktextRealcard a.disabled {
  background-color: #999999;
  color: #666666;
  pointer-events: none;
}
#ptHistory{
  padding:8px;
  border-bottom:1px dotted #333;
}
#ptHistory .tit{
  padding:0 0 5px;
  font-weight:bold;
}
#ptHistory .pt{
  margin:0 0 0 5px;
}
#ptHistory .date{
  color:#555;
  font-size:10px;
}

/*---------------[トロフィー]ここまで-------------*/
/* trophy_member.less
============================================ */
/*---------------[トロフィー]ここから-------------*/
.comm_medal .med_list {
  background-color: #fff;
  border-bottom: 1px solid #d4dae2;
  border-top:none;
  padding: 15px 0 10px;
}
.comm_medal .med_list h2 {
  text-align: center;
  font-size: 14px;
}
/*-----flicksimple.jsここから-----*/
.comm_medal .med_list #flick {
  width: 320px;
  height: 60px;
  overflow: hidden;
  margin: 18px auto 14px;
}
.comm_medal .med_list #flick ul {
  width: 840px;
  /* 70px(item width) * 12(item count) */
}
.comm_medal .med_list #flick ul li {
  float: left;
  width: 70px;
}
/*-----flicksimple.jsまで-----*/
.card_folder .card_list {
  /*border-top: 1px solid #eee;
  border-bottom: 1px solid #ccc;*/
margin:0 0 8% 0;
  padding: 14px 3% 2px;
  position: relative;
    /*background: rgba(19,53,71,0.8);*/
}

h2.card_list_title {
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
  color:#000000;
  background-color: #fcc800;
}
h2.card_list_title img { display: none; }

.card_folder .card_list #wa_change {
  position: absolute;
  top: 5px;
  right: 10px;
}
/*-----flicksimple.jsここから-----*/
.card_folder .card_list #flick2 {
  margin:0 auto 15px;
}
.card_folder .card_list #flick2 ul {
  /*width:3500px; */
  /* 70px(item width) * 12(item count) */
  margin-left:-1%;
}
.card_folder .card_list #flick2 ul li{
  float: left;
  width:22.7%;
  margin:0 3% 2.9% 0;
  position: relative;
  min-height:100px;
}

.card_folder .card_list #flick2 ul li:nth-child(4n){
margin:0 0 3%;
}


.cardNumber{
display: inline-block;
font-size:10px;
color:#FFF;
margin-top:3px;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}
#btn_cancel{
  margin-top: 10px;
}

#btn_close{
  padding:5px;
  display:block;
  position:absolute;
  z-index:10000;
  top:7%;
  right:7%;
  color:#333;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  width:18px;
  height:18px;
  line-height:18px;
  background:#fff;
  border:2px solid #333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: initial;
}
.btn_close{
  padding:5px;
  display:block;
  position:absolute;
  z-index:10000;
  top:7%;
  right:7%;
  color:#333;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  width:18px;
  height:18px;
  line-height:18px;
  background:#fff;
  border:2px solid #333;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-sizing: initial;
}

.card_folder .card_list #flick2 ul li .card_mask {
  position: absolute;
  top: 0;
  left: 0;
}
/*-----flicksimple.jsまで-----*/
.card_folder .card_list .effect_text {
  border: 2px solid #2a393e;
  padding: 10px 12px;
  margin: 0 10px;
}
.card_folder .card_list .effect_text p {
  margin-left: 4.9em;
  text-indent: -4.9em;
  line-height: 1.6;
}
.card_folder .card_list #btn_favo,
.card_folder .card_list #btn_chan {
  margin: 10px 10px;
  height: 48px;
  width: auto;
}
.card_folder .card_list #btn_favo p {
  color: #fff;
  line-height: 4;
  background: url(../img/layout/btn_set_favorite.png) no-repeat center center;
  background-size: 18px 13px;
  padding-left: 134px;
  margin-left: -134px;
}
.card_folder .card_list #btn_favo p.no_mark {
  color: #fff;
  line-height: 4;
  background: none !important;
  padding-left: 134px;
  margin-left: -134px;
}
.card_folder .card_list #btn_favo p.check_mark {
  color: #fff;
  line-height: 4;
  background: url(../img/layout/btn_set_favorite.png) no-repeat center center;
  background-size: 18px 13px;
  padding-left: 134px;
  margin-left: -134px;
}
.card_folder .card_list #btn_chan p {
  color: #fff;
  line-height: 4;
  background: url(../img/layout/btn_trade.png) no-repeat center center;
  background-size: 18px 22px;
  padding-left: 134px;
  margin-left: -134px;
}
.my_activity .activity_box {
  background: #333;
    color: #fff;
    border-radius: 10px;
    padding: 0;
    margin: 10px 3%;
    position: relative;
    overflow: hidden;
}
.my_activity .activity_box h2 {
  position: relative;
  text-align: center;
  font-size: 16px;
  background-color: #fcc800;
  color: #000000;
  padding: 15px 0;
}

/*
.my_activity .activity_box li {
  padding: 10px 3%;
}
.my_activity .activity_box li a {
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.my_activity .activity_box ul li p {
  font-size: 14px;
  padding: 0 0 0 40px;
}
.my_activity .activity_box li span {
  display: block;
  color: #fcc800;
  font-size: 12px;
  position: relative;
  padding-left: 20px;
}
.my_activity .activity_box li p div {
  color: #aaa;
  font-size: 11px;
}
*/


#gacha .btnTop{
  padding:20px 0 40px;
  text-align:center;
}
#gacha .btnTop a{
  display:inline-block;
  width:80%;
  color:#fff;
  padding:8px 0;
  border-radius:5px;
  background:#999;
}


/*---------------[トロフィー]ここまで-------------*/
/* trade.less
============================================ */
/*---------------[カード交換]ここから-------------*/
#card_trade #trade_card_button{
  padding:5px 0 15px 0 ;
  /*background: #00549D;*/
}
#trade_card_button ul li{
  /*height:40px !important;;
  line-height:40px !important;;
  width: 95%;
  margin: 5px 2.5%;
  text-align:center;
  color:#666 !important;
  background-color:#FFF !important;
  font-weight:bold;
  border-radius:2px;
  position:relative;
*/
  display: block;
  color: #FFF;
  font-size: 14px;
  position: relative;
  padding: 10px 22px;
  text-align: center;
  border: solid 1px #FFF;
  width: 256px;
  border-radius: 30px;
  margin: 15px auto;
  background-color: rgba(0,0,0,0.5);
  letter-spacing: 0.1em;
}

#trade_card_button ul li:after {
  position: absolute;
  display: block;
  content: '▲';
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);

  font-size: 8px;
  color: #ffffff;
}
#trade_card_button ul li#ok_btn:after {
    color: #000000;
}

#card_trade .trade_area {
  /*border-top: 5px solid #fff;*/
  background-color: transparent		;
  padding: 14px 0 0;
  margin: 0 auto;
  color: #fff;
  position: relative;
}
#card_trade .trade_area .trade_box1 {
  background: url(../img/layout/trade_tail_to.png) no-repeat;
  background-position: center bottom;
  background-size: 14px;
  padding-bottom: 12px;
  width: 300px;
  margin: 0 auto;
}
#card_trade .trade_area .trade_box1 .left_user1 {
  float: left;
  width: 33.3%;
}
#card_trade .trade_area .trade_box1 .left_user2 {
  float: left;
  width: 33.3%;
}
#card_trade .trade_area .trade_box1 .right_user1 {
  float: right;
  width: 33.3%;
}
#card_trade .trade_area .trade_box1 .right_user2 {
  float: right;
  width: 33.3%;
}
#card_trade .trade_area .trade_box1 .left_user1 i,
#card_trade .trade_area .trade_box1 .right_user1 i,
#card_trade .trade_area .trade_box1 .left_user2 i,
#card_trade .trade_area .trade_box1 .right_user2 i {
  margin: 0 auto;
}
#card_trade .trade_area .trade_box1 .left_user1 p,
#card_trade .trade_area .trade_box1 .right_user1 p,
#card_trade .trade_area .trade_box1 .left_user2 p,
#card_trade .trade_area .trade_box1 .right_user2 p {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
}
#card_trade .trade_area .trade_box1 .center {
    width: 33.3%;
  float: left;
}
#card_trade .trade_area .trade_box1 .center p {
  text-align: center;
  font-weight: bold;
}
#card_trade .trade_area .trade_box2 {
  clear: both;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  width: 300px;
  padding: 12px 0;
  margin: 0 auto;
}
#card_trade .trade_area .trade_box2 .left_card {
  float: left;
}
#card_trade .trade_area .trade_box2 .trade_img {
  float: left;
  margin-top: 30px;
}
#card_trade .trade_area .trade_box2 .right_card {
  float: right;
}
#card_trade .trade_area .trade_box2 .left_card,
#card_trade .trade_area .trade_box2 .right_card {
  text-align: center;
}
#card_choice .cho_area {
  padding:0 0 15px;
  background-color: #fff;
  border-bottom: 1px solid #b6b8bc;
}
#card_choice .cho_area h2 {
  text-align: center;
  font-size: 14px;
  padding: 15px 0 10px;
}

/*-----flicksimple.js-----*/
#card_choice .cho_area #flick1_wrapper{
  padding:0 0 0 8px;
}
#card_choice .cho_area #flick1 {
  width: 310px;
  height: 64px;
  overflow: hidden;
  margin:5px auto;
}
#card_choice .cho_area #flick1 ul {
  width: 1400px;
  /* 70px(item width) * 12(item count) */
}
#card_choice .cho_area #flick1 ul li {
  float: left;
  width: 58px;
  height: 58px;
  /*border: 1px solid #edf1f6;*/
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 10px;
}
#card_choice .cho_area #flick1 ul li.is_selected {
  border-color: #6c93c3;
}
#flick2 ul li i {
  border: 2px solid #edf1f6;
}
#flick2 ul li.is_selected i {
  border-color: #6c93c3;
}
#card_choice .cho_area #flick1 ul li i {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin:5px auto;
}
/*-----flicksimple.js-----*/
#card_choice .cho_area #flick2 {
  background-color: #edf1f6;
  width: 310px;
  overflow: hidden;
  margin: 0 auto;
  padding: 6px 0;
}
#card_choice .cho_area #flick2_wrapper{
  padding:0 0 0 8px;
  background-color: #edf1f6;
}
#card_choice .cho_area #flick2 ul {
  width: 3500px;
  /* 70px(item width) * 50(item count) */
}
#card_choice .cho_area #flick2 ul li {
  float: left;
  width: 70px;
}
#card_choice .cho_area .effect_text {
  border: 2px solid #2a393e;
  padding: 10px 8px;
  margin: 12px 10px 0;
}
#card_choice .cho_area .effect_text p {
  margin-left: 2.6em;
  text-indent: -2.4em;
  line-height: 1.6;
  font-size: 12px;
}
#btn_area {
  margin: 0 10px;
}
#btn_area .btn_1 {
 /* height: 48px;*/
}

#btn_area #btn_trade p {
  background: url(../img/layout/btn_trade.png) no-repeat center center;
  background-size: 18px 22px;
  padding-left: 136px;
  margin-left: -136px;
  color: #fff;
  line-height: 4;
}

#btn_area #btn_trade a{
  margin: 0 auto 20px;
  width:94%;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing:0.1em;
  border-radius: 2px;
  border:2px solid #e36700;
  background: rgb(255,171,50); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,171,50,1) 0%, rgba(255,146,33,1) 50%, rgba(255,127,0,1) 51%, rgba(255,107,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,171,50,1)), color-stop(50%,rgba(255,146,33,1)), color-stop(51%,rgba(255,127,0,1)), color-stop(100%,rgba(255,107,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,171,50,1) 0%,rgba(255,146,33,1) 50%,rgba(255,127,0,1) 51%,rgba(255,107,0,1) 100%); /* Chrome10+,Safari5.1+ */
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#omote_card #omote_img{
  width:100%;
}
#ura_card div{
  padding:10px;
}

/*---------------[カード交換]ここまで-------------*/
/* group.less
============================================ */
/*---------------[グループメニュー]ここから-------------*/
#group_menu {
  /*	margin-top:10px; */
}
#group_menu .gm_area {
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  background-color: #fff;
  padding: 15px 10px 12px;
}
#group_menu .gm_area h2 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 22px;
}
#group_menu .gm_area #btn_creat {
  height: 48px;
  width: auto;
}
#group_menu .gm_area #btn_creat a p {
  color: #fff;
  line-height: 4;
  background: url(../img/layout/btn_create_group.png) no-repeat;
  background-position: center center;
  background-size: 20px 21px;
  padding-left: 124px;
  margin-left: -124px;
}
#group_menu .gm_area #gm_box ul {
  margin-top: 20px;
}
#group_menu .gm_area #gm_box ul li {
  background-color: #edf1f6;
  display: table;
  width: 100%;
  min-height: 115px;
  margin-bottom: 5px;
}
#group_menu .gm_area #gm_box ul li a {
  display: block;
  padding: 15px 0px 0px 10px;
}
#group_menu .gm_area #gm_box ul li a div {
  display: table-cell;
  vertical-align: middle;
  width: 85px;
  position: relative;
}
#group_menu .gm_area #gm_box ul li a div #new_image {
  position: absolute;
  top: -12px;
  right: -8px;
}
#group_menu .gm_area #gm_box ul li a dl {
  display: block;
  height: 100px;
  display: table-cell;
  padding: 0px 0px 0px 15px;
}
#group_menu .gm_area #gm_box ul li a dl dt {
  padding-bottom: 8px;
  word-break: break-all;
}
#group_menu .gm_area #gm_box ul li a dl dd {
  font-weight: normal;
  word-break: break-all;
}
#group_menu .gm_area #no_post {
  margin-top: 20px;
  display: none;
  line-height: 40px;
  height: 40px;
  background-color: #ccc;
}
#gp_skin {
  margin-top: 50px;
}
/*---------------[グループメニュー]ここまで-------------*/
/* group_dialog.less
============================================ */
/*---------------[グループ作成]ここから-------------*/
#group_form {
  margin-top: 10px;
}
#group_form .gf_area {
  /*	border-top:5px solid #fff;
  border-bottom:1px solid #afafaf; */
}
#group_form .gf_area .gf_box {
  background-color: #fff;
  min-height: 120px;
  padding: 10px;
  margin: 0 10px;
}
#group_form .gf_area .gf_box #gf_title {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
#group_form .gf_area .gf_box #gf_title input {
  height: 21px;
  line-height: 21px;
  padding: 0;
  font-size: 14px;
  color: #444;
}
#group_form .gf_area .gf_box #gf_title input::-webkit-input-placeholder,
#group_form .gf_area .gf_box #gf_textarea textarea::-webkit-input-placeholder {
  color: #bbb;
}
#group_form .gf_area .gf_box #gf_title input:-moz-placeholder,
#group_form .gf_area .gf_box #gf_textarea textarea::-webkit-input-placeholder {
  color: #bbb;
}
#group_form .gf_area .gf_box #gf_textarea {
  padding: 10px 0;
  min-height: 120px;
}
#group_form .gf_area .gf_box #gf_textarea textarea {
  font-size: 14px;
  line-height: 21px;
  color: #444;
  padding: 0;
  width: 100%;
  min-height: 120px;
}
#g_choice .gc_area {
  border-bottom: 1px solid #d4dae2;
  background-color: #fff;
  padding: 15px 0 18px;
}
#g_choice .gc_area h2 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 18px;
}
/*-----flicksimple.jsここから-----*/
@media only screen and (orientation: portrait) {
  /*縦向きの際に適用*/
  #g_choice .gc_area #flick {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #edf1f6;
    padding: 12px 5px 12px 10px;
  }
}
@media only screen and (orientation: landscape) {
  /*横向きの際に適用*/
  #g_choice .gc_area #flick {
    width: 640px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #edf1f6;
    padding: 12px 0px 12px 10px;
  }
}
#g_choice .gc_area #flick ul {
  /*width:710px; */
  /* 70px(item width) * 20(item count) */
  display: block;
  margin: 0;
  padding: 0;
}
#g_choice .gc_area #flick ul li {
  width: 70px;
  padding: 0px px;
  height: 60px;
  float: left;
  list-style-type: none;
}
/*-----flicksimple.jsここまで-----*/
#btn_comp {
  margin: 0 10px;
}
/*---------------[グループ作成]ここまで-------------*/
/* group_top.less
============================================ */
/*---------------[グループTOP]ここから-------------*/
#g_profile {
  /*	margin-top:10px; */
  min-height: 300px;
}
#g_profile .gp_area {
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  padding: 10px;
}
#g_profile .gp_area .gp_box {
  display: table;
  width: 100%;
}
#g_profile .gp_area .gp_box .gp_reft {
  display: table-cell;
  vertical-align: top;
  max-width: 150px;
}
#g_profile .gp_area .gp_box .gp_right {
  display: table-cell;
  vertical-align: top;
  width: 140px;
  padding-left: 10px;
}
#g_profile .gp_area .gp_box .gp_right ul {
  margin-bottom: 5px;
}
#g_profile .gp_area .gp_box .gp_reft h1 {
  font-size: 14px;
  color: #2a393e;
  padding-top: 10px;
  word-wrap: break-word;
}
#g_profile .gp_area.cf .gp_box .gp_reft .gp_text {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 90px;
  color: #2a393e;
  font-weight: normal;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
}
#g_profile .gp_area.cf .gp_box .gp_reft div {
  color: #c2d1e4;
}
#g_profile .gp_area.cf .gp_box .gp_reft .gp_setting {
  /*padding-top:20px;*/
  width: 75px;
}
#g_profile .gp_area.cf .gp_box .gp_reft .gp_setting span {
  background: url(../img/icon/icon_setting.png) no-repeat left center;
  background-size: 15px 15px;
  color: #c2d1e4;
  font-weight: bold;
  padding: 10px 0 10px 22px;
}
#g_profile .gp_area.cf .gp_box .gp_reft .gp_quit a {
  color: #c2d1e4;
  text-decoration: underline;
}
#g_profile .gp_area.cf .gp_box .gp_right ul li {
  float: left;
  padding-left: 10px;
}
#g_profile .gp_area.cf #btn_write {
  margin: 15px 0 10px;
}
#g_profile .gp_area.cf #btn_write a {
  display: block;
  color: #fff;
  line-height: 3.2;
  background: url(../img/layout/btn_send_post.png) no-repeat center center;
  background-size: 20px 21px;
  padding-left: 110px;
  margin-left: -110px;
}
#g_profile .gp_area.cf #btn_in_group {
  margin: 15px 0 10px;
}
#g_profile .gp_area.cf #btn_in_group a {
  display: block;
  color: #fff;
  line-height: 3.2;
  background-size: 20px 21px;
  padding-left: 110px;
  margin-left: -110px;
}
#g_member .gm_area {
  /*	background-color:@base_color; */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 10px;
}
#g_member .gm_area .m_accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
}
#g_member .gm_area .m_accordion.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
}
#g_member .gm_area .m_accordion p {
  padding: 18px 0 18px 10px;
}
#g_member .gm_area .m_accordion p span {
  background: url(../img/layout/btn_member.png) no-repeat center left;
  background-size: 21px 21px;
  padding: 6px 0 6px 32px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
/*イベント */
#event .event_block {
  background-color: #2a393e;
}
#event .event_accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
}
#event .event_accordion.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
}
#event .event_accordion p {
  padding: 18px 0 18px 10px;
}
#event .event_accordion p span {
  background: url(../img/layout/btn_create_event_2.png) no-repeat center left;
  background-size: 21px 21px;
  padding: 6px 0 6px 32px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
/* 過去のイベント */
#old_event .event_block {
  background-color: #2a393e;
}
#old_event .old_event_accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
}
#old_event .old_event_accordion.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
}
#old_event .old_event_accordion p {
  padding: 18px 0 18px 10px;
}
#old_event .old_event_accordion p span {
  background: url(../img/layout/btn_create_event_2.png) no-repeat center left;
  background-size: 21px 21px;
  padding: 6px 0 6px 32px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
#g_member .gm_area .gm_box {
  position: relative;
  padding: 10px 0px;
  background-color: #fff;
}
/*横*/
#g_member .gm_area #member_flick {
  text-align: center;
  width: 250px;
  overflow: hidden;
  margin: 0 auto;
}
/**/
#g_member .gm_area #member_flick ul {
  width: 500px;
}
/**/
#g_member .gm_area #member_flick ul li {
  float: left;
  width: 250px;
  min-height: 50px;
  max-height: 115px;
}
#g_member .gm_area #member_flick ul li div {
  border: 1px solid #edf1f6;
  width: 45px;
  height: 45px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-left: 5px;
}
#g_member .gm_area #member_flick ul li div .thumbnail {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#m_pager_prev {
  width: 30px;
  height: 30px;
  left: 1%;
  top: 40%;
  position: absolute;
}
#m_pager_next {
  width: 30px;
  height: 30px;
  right: 1%;
  top: 40%;
  position: absolute;
}
#g_member .gm_area #member_flick #m_page_count {
  padding-top: 13px;
  clear: both;
  color: #C2D1E4;
  font-weight: bold;
  font-size: 16px;
}
#g_member .gm_area #member_flick ul li a img {
  /*border: 1px solid #edf1f6;*/
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#g_post {
  margin: 0 10px;
  padding-bottom: 35px;
}
#g_post .ep_box {
  margin: 10px 0;
  background-color: #fff;
  padding: 4px;
  border-bottom: 2px solid #afafaf;
}
#g_post .ep_box .ep_contents {
  margin: 10px;
}
#g_post .ep_box .ep_contents article dl dt {
  float: left;
}
#g_post .ep_box .ep_contents article dl dt img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#g_post .ep_box .ep_contents article dl dd {
  float: left;
  padding: 6px 0 0 15px;
}
#g_post .ep_box .ep_contents article dl dd p {
  font-weight: bold;
  height: 35px;
  width: 170px;
  word-wrap: break-word;
}
#g_post .ep_box .ep_contents article .ep_setting {
  float: right;
}
#g_post .ep_box .ep_contents article .ep_title {
  color: #000;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}
#g_post .ep_box .ep_contents article .ep_date {
  clear: both;
  text-align: right;
  font-size: 10px;
  /*color:#C4D3E5;
  font-weight:bold;*/
}
#g_post .ep_box .ep_contents article .ep_text {
  padding: 10px 0;
  /*color:#000;*/
  /*font-weight:bold;*/
  word-wrap: break-word;
}
#g_post .ep_box .ep_contents article .comment {
  text-align: center;
}
#g_post .ep_box .ep_contents article .comment span {
  background: url(../img/icon/icon_comment.png) no-repeat center left;
  background-size: 15px 15px;
  padding: 2px 0 2px 24px;
  /*font-weight:bold;*/
  text-decoration: underline;
}
#g_post .ep_box .comm_area .comm_list .comm_box {
  background-color: #ededed;
  padding: 15px;
  margin-bottom: 10px;
  position: relative;
}
#g_post .ep_box .comm_area .comm_list .comm_box dl dt {
  float: left;
}
#g_post .ep_box .comm_area .comm_list .comm_box dl dt .comm_user_img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#g_post .ep_box .comm_area .comm_list .comm_box dl dd {
  float: left;
  padding: 8px 0 0 8px;
  font-weight: bold;
  word-wrap: break-word;
  width: 170px;
  height: 35px;
}
#g_post .ep_box .comm_area .comm_list .comm_box .c_date {
  float: right;
  padding-top: 10px;
  font-size: 10px;
  /*color:#C4D3E5;
  font-weight:bold;*/
}
#g_post .ep_box .comm_area .comm_list .comm_box .c_text {
  clear: both;
  /*font-weight:bold;*/
  padding-top: 10px;
  word-wrap: break-word;
}
#g_post .ep_box .comm_area .comm_list .comm_del {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #2a393e;
  background-image: url(/themes/sns2/sp/img/layout/btn_del.png);
  background-size: 16px 16px;
  background-position: center;
  width: 16px;
  height: 16px;
}
#g_post .ep_box .comm_area .btn_2 {
  float: right;
  width: 40%;
}
#g_post .ep_box .comm_area .btn_2 a {
  color: #fff;
  display: block;
  line-height: 40px;
}
#g_post #no_post {
  margin-top: 10px;
  display: none;
  line-height: 40px;
  height: 40px;
  background-color: #ccc;
}
#event {
  /*padding:10px 10px;*/
}
#event h2 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
#old_event {
  /*padding:10px 10px;*/
}
#old_e_area {
  padding: 10px 10px;
}
#e_area {
  padding: 10px 10px;
}
#old_event h2 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
/**/
#group_event_area {
  background-color: #fff;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
/**/
#group_event_area ul {
  width: 600px;
}
/**/
#group_event_area ul li {
  float: left;
  width: 300px;
  height: 150px;
  box-sizing: border-box;
}
#group_event_area ul li div {
  height: 49px;
}
#group_event_area ul li a div {
  height: 49px;
  border-bottom: 1px solid #d4dae2;
}
#group_event_area ul li a div .event_image {
  float: left;
  margin-top: 14px;
  margin-left: 10px;
}
#group_event_area ul li a div .event_title {
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  width: 140px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -o-white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
}
#group_event_area ul li a div .event_time {
  float: right;
  margin-top: 15px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #C4D3E5;
}
/**/
#group_old_event_area {
  background-color: #fff;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
/**/
#group_old_event_area ul {
  width: 600px;
}
/**/
#group_old_event_area ul li {
  float: left;
  width: 300px;
  height: 150px;
  box-sizing: border-box;
}
#group_old_event_area ul li div {
  height: 49px;
}
#group_old_event_area ul li a div {
  height: 49px;
  border-bottom: 1px solid #d4dae2;
}
#group_old_event_area ul li a div .event_image {
  float: left;
  margin-top: 14px;
  margin-left: 10px;
}
#group_old_event_area ul li a div .event_title {
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  width: 140px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -o-white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
}
#group_old_event_area ul li a div .event_time {
  float: right;
  margin-top: 15px;
  padding-right: 5px;
  font-weight: bold;
  font-size: 10px;
  color: #C4D3E5;
}
#event_box_title {
  height: 30px;
  width: 300px;
  margin: 0 auto;
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  font-weight: bold;
}
#old_event_box_title {
  height: 30px;
  width: 300px;
  margin: 0 auto;
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  font-weight: bold;
}
#event_count {
  padding-top: 5px;
  clear: both;
  color: #C2D1E4;
  font-weight: bold;
  font-size: 16px;
}
#old_event_count {
  padding-top: 5px;
  clear: both;
  color: #C2D1E4;
  font-weight: bold;
  font-size: 16px;
}
#group_setting_menu {
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 20px;
  color: #fff;
  display: hide;
}
#group_setting_menu .g_menu_eddit {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #61150F;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#group_setting_menu .g_menu_eddit p {
  color: #fff;
}
#group_setting_menu .g_menu_del {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #61150F;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#group_setting_menu .g_menu_del p {
  color: #fff;
}
#gf_textarea {
  float: left;
  width: 55%;
}
#gf_textarea textarea {
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 8px 0px 1px 4px;
  height: 30px;
}
#group_post_setting_menu {
  z-index: 10;
  position: absolute;
  top: 20px;
  right: 2px;
  color: #fff;
}
#group_post_setting_menu .g_post_menu_eddit {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 95px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#group_post_setting_menu .g_post_menu_eddit p {
  color: #fff;
}
#group_post_setting_menu .g_post_menu_del {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 95px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#group_post_setting_menu .g_post_menu_del p {
  color: #fff;
}
#group_post_setting_menu .g_post_menu_rep {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 95px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#group_post_setting_menu .g_post_menu_rep p {
  color: #fff;
}
#event_prev {
  margin-right: 70px;
}
#event_next {
  margin-left: 70px;
}
#old_event_prev {
  margin-right: 70px;
}
#old_event_next {
  margin-left: 70px;
}
.event_count_and_pager {
  display: -moz-inline-box;
  display: inline-block;
  margin-right: 3px;
  line-height: 25px;
  width: 25px;
  height: 25px;
}
/*---------------[グループTOP]ここまで-------------*/
/* write_posts_iphone.less
============================================ */
/*---------------[イベント作成]ここから-------------*/
#posts_form {
  margin: 10px 10px 0 10px;
}
#posts_form .pf_area {
  background-color: #fff;
  border-bottom: 1px solid #afafaf;
  padding: 10px;
}
#posts_form .pf_area #ef_title,
#posts_form .pf_area #ef_place {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
#posts_form .pf_area #ef_title input,
#posts_form .pf_area #ef_place input,
#posts_form .pf_area #gf_date input {
  height: 21px;
  line-height: 21px;
  padding: 1px 6px;
  font-size: 12px;
  color: #444;
}
#posts_form .pf_area #ef_title input::-webkit-input-placeholder,
#posts_form .pf_area #pf_textarea textarea::-webkit-input-placeholder,
#posts_form .pf_area #ef_place input::-webkit-input-placeholder,
#posts_form .pf_area #gf_date input::-webkit-input-placeholder {
  color: #bbb;
}
#posts_form .pf_area #ef_title input:-moz-placeholder,
#posts_form .pf_area #pf_textarea textarea:-moz-placeholder,
#posts_form .pf_area #ef_place input:-moz-placeholder,
#posts_form .pf_area #gf_date input:-moz-placeholder {
  color: #bbb;
}
#posts_form .pf_area #pf_textarea textarea {
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 2px 6px;
  width: 100%;
  word-wrap: break-word;
  resize: none !important;
  box-sizing: border-box;
  min-height: 120px;
}
#posts_form .pf_area #gf_date {
  padding: 10px 0;
}
#btn_gp {
  margin: 0 10px;
}
.ui-page-theme-a #btn_gp .ui-btn,
.ui-page-theme-a #btn_gp .ui-button {
  background: none;
  border: none;
  text-shadow: none;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  line-height: 2;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #ffbf35;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-image: url(../img/layout/btn_send_post.png);
  background-repeat: no-repeat;
  background-position: 80px center;
  background-size: 20px 21px;
}
/*---------------[イベント作成]ここまで-------------*/
/* invite_friend.less
============================================ */
/*---------------[友達招待]ここから-------------*/
#invite_friend {
  margin: 10px 0;
}
#friend_follower {
}
#invite_friend h2 {
  border-top: 5px solid #2a393e;
  text-align: center;
  font-size: 14px;
  background-color: #fff;
  padding: 14px 0;
}
#invite_friend .ifre_area {
  margin: 10px;
}
#invite_friend .ifre_area .ifre_box {
  background-color: #fff;
  border-bottom: 1px solid #FF9D5B;
  margin-bottom: 10px;
}
#invite_friend .ifre_area .ifre_box ul li {
  display: table;
  width: 100%;
}
#invite_friend .ifre_area .ifre_box ul li a {
  height: 55px;
  padding: 10px;
  display: block;
}
#invite_friend .ifre_area .ifre_box ul li a figure {
  display: table-cell;
  vertical-align: top;
  width: 45px;
  padding-right: 8px;
}
#invite_friend .ifre_area .ifre_box ul li a dl {
  display: table-cell;
  vertical-align: top;
}
#invite_friend .ifre_area .ifre_box ul li a dl dd {
  font-weight: normal;
}
#invite_button {
  padding: 10px 10px 20px 10px;
}
#invite_button #btn_invite a {
  display: block;
  color: #fff;
  line-height: 3.2;
  background-size: 20px 21px;
  padding-left: 110px;
  margin-left: -110px;
}
/*---------------[友達招待]ここまで-------------*/
/* event_dialog.less
============================================ */
/*---------------[イベント作成]ここから-------------*/
#event_form {
  margin: 10px 10px 0 10px;
}
#event_form .ef_area {
  background-color: #fff;
  border-bottom: 1px solid #afafaf;
  padding: 15px 10px 10px ;
  padding-top: 20px;
}
#event_form .ef_area #ef_title,
#event_form .ef_area #ef_textarea,
#event_form .ef_area #ef_place {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
#event_form .ef_area #ef_title input,
#event_form .ef_area #ef_place input,
#event_form .ef_area #gf_date input {
  height: 21px;
  line-height: 21px;
  padding: 1px 6px;
  font-size: 12px;
  color: #444;
}
#event_form .ef_area #ef_title input::-webkit-input-placeholder,
#event_form .ef_area #ef_textarea textarea::-webkit-input-placeholder,
#event_form .ef_area #ef_place input::-webkit-input-placeholder,
#event_form .ef_area #gf_date input::-webkit-input-placeholder {
  color: #bbb;
}
#event_form .ef_area #ef_title input:-moz-placeholder,
#event_form .ef_area #ef_textarea textarea:-moz-placeholder,
#event_form .ef_area #ef_place input:-moz-placeholder,
#event_form .ef_area #gf_date input:-moz-placeholder {
  color: #bbb;
}
#ef_textarea {
  min-height: 140px;
}
#event_form .ef_area #ef_textarea textarea {
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 2px 6px;
  min-height: 120px;
}
#event_form .ef_area #gf_date {
  padding: 10px 0;
}
#btn_ec {
  margin: 20px 10px;
}
.box_3 {
  border-top: none;
}
/*
#btn_block_func p{
color:#666 !important;
}

#btn_block_func .blBtn{
color:#FFF !important;
position:relative;
}

#btn_block_func .blBtn:after{
position:absolute;
right:5%;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
content: ">";
color:#FFF;
}
*/

.user{
position:relative;
}

/*---------------[イベント作成]ここまで-------------*/
/* eventlist.less
============================================ */
#event_detail {
  margin-top: 10px;
  margin-bottom: 20px;
  min-height: 200px;
}
#event_detail .ed_area {
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
#event_detail .ed_area .ed_box {
  display: table;
  width: 100%;
}
#event_detail .ed_area .ed_box .ed_reft {
  display: table-cell;
  vertical-align: top;
  max-width: 200px;
}
#event_detail .ed_area .ed_box .ed_right {
  display: table-cell;
  vertical-align: top;
  min-width: 80px;
  padding-left: 5px;
}
#event_detail .ed_area .ed_box .ed_reft h1 {
  font-size: 14px;
  color: #2a393e;
  padding-top: 10px;
  word-wrap: break-word;
}
#event_detail .ed_area .ed_box .ed_reft .ed_text {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 90px;
  margin-bottom: 20px;
  color: #2a393e;
  font-weight: normal;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
}
#event_detail .ed_area .ed_box .ed_reft .ed_date,
#event_detail .ed_area .ed_box .ed_reft .ed_location {
  color: #2a393e;
  font-weight: normal;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
}
#event_detail .ed_area .ed_box .ed_reft .ed_setting {
  /*padding-top:20px;*/
}
#event_detail .ed_area .ed_box .ed_reft .ed_setting a {
  width: 60px;
  background: url(../img/icon/icon_setting.png) no-repeat left center;
  background-size: 15px 15px;
  color: #c2d1e4;
  padding: 10px 0 10px 22px;
}
#event_detail .ed_area .ed_box .ed_right dl dt {
  margin: 0 auto 0px;
  margin-top: 15px;
}
#event_detail .ed_area .ed_box .ed_right dl dd {
  text-align: center;
}
#event_detail .ed_area .ed_box .ed_right dl dd p {
  text-align: center;
  font-weight: bold;
  padding-top: 4px;
  /*width:100px;*/
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
}
.event_editor_image_box i {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#event_detail .ed_area.cf #btn_write {
  margin: 15px 0 10px;
}
#event_detail .ed_area.cf #btn_write a p {
  display: block;
  color: #fff;
  line-height: 3.2;
  background: url(../img/layout/btn_send_post.png) no-repeat center center;
  background-size: 20px 21px;
  padding-left: 110px;
  margin-left: -110px;
}
#event_detail #e_btn_in_group {
  margin: 15px 0 10px;
}
#event_detail #e_btn_in_group a {
  display: block;
  color: #fff;
  line-height: 3.2;
  background-size: 20px 21px;
  padding-left: 110px;
  margin-left: -110px;
}
#g_member .gm_area {
  background-color: #2a393e;
}
#g_member .gm_area .accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
}
#g_member .gm_area .accordion.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
}
#g_member .gm_area .accordion p {
  padding: 18px 0 18px 10px;
}
#g_member .gm_area .accordion p span {
  background: url(../img/layout/btn_member.png) no-repeat center left;
  background-size: 21px 21px;
  padding: 6px 0 6px 32px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
#g_member .gm_area .gm_box {
  background-color: #fff;
}
#g_member .gm_area #flick {
  width: 320px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 12px;
}
#g_member .gm_area #flick ul {
  width: 540px;
}
#g_member .gm_area #flick ul li {
  float: left;
  width: 58px;
  height: 58px;
  border: 1px solid #edf1f6;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-right: 10px;
}
#g_member .gm_area #flick ul li a img {
  padding: 6px;
}
#g_member .gm_area #flick p {
  clear: both;
}
#event .event_area {
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  background-color: #fff;
  margin: 0 10px;
  padding: 15px 0 0;
}
#event .event_area h2 {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
#event .event_area ul li {
  display: table;
  border-top: 1px solid #e2eaf4;
  width: 100%;
  height: 32px;
  position: relative;
}
#event .event_area ul li a {
  padding: 14px 12px 14px 16px;
  font-weight: normal;
  display: block;
}
#event .event_area ul li a .e_ico {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}
#event .event_area ul li a p {
  display: table-cell;
  vertical-align: top;
  padding-right: 50px;
}
#event .event_area ul li a span {
  display: table-cell;
  vertical-align: top;
  color: #2a393e;
  font-size: 10px;
  position: absolute;
  top: 10px;
  right: 12px;
}
#e_post {
  margin: 0 10px;
}
#e_post .ep_box {
  margin: 10px 0;
  background-color: #fff;
  padding: 4px;
  border-bottom: 2px solid #afafaf;
}
#e_post .ep_box .ep_contents {
  margin: 10px;
}
#e_post .ep_box .ep_contents article dl dt {
  float: left;
}
#e_post .ep_box .ep_contents article dl dt img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#e_post .ep_box .ep_contents article dl dd {
  float: left;
  padding: 6px 0 0 15px;
}
#e_post .ep_box .ep_contents article dl dd p {
  font-weight: bold;
  height: 35px;
  width: 170px;
  word-wrap: break-word;
}
#e_post .ep_box .ep_contents article .ep_setting {
  float: right;
}
#e_post .ep_box .ep_contents article .ep_date {
  clear: both;
  text-align: right;
  font-size: 10px;
  /*color: #C4D3E5;*/
  /*font-weight: bold;*/
}
#e_post .ep_box .ep_contents article .ep_text {
  padding: 10px 0;
  /*font-weight: bold;*/
  word-wrap: break-word;
}
#e_post .ep_box .ep_contents article .comment {
  text-align: center;
}
#e_post .ep_box .ep_contents article .comment span {
  background: url(../img/icon/icon_comment.png) no-repeat center left;
  background-size: 15px 15px;
  padding: 2px 0 2px 24px;
  font-weight: normal;
  /*font-weight: bold;*/
  text-decoration: underline;
}
#e_post .ep_box .comm_area .comm_box {
  background-color: #ededed;
  padding: 15px;
  margin-bottom: 10px;
  position: relative;
}
#e_post .ep_box .comm_area .comm_box dl dt {
  float: left;
}
#e_post .ep_box .comm_area .comm_box dl dd {
  float: left;
  padding: 10px 0 0 6px;
  font-weight: bold;
  word-wrap: break-word;
  width: 170px;
  height: 35px;
}
#e_post .ep_box .comm_area .comm_box .c_date {
  float: right;
  padding-top: 10px;
  font-size: 10px;
  /*color: #C4D3E5;
  font-weight: bold;*/
}
#e_post .ep_box .comm_area .comm_box .c_text {
  clear: both;
  padding-top: 10px;
  /*font-weight: bold;*/
  word-wrap: break-word;
}
#e_post .ep_box .comm_area .btn_2 a {
  color: #fff;
  display: block;
  line-height: 3.2;
}
#e_post #no_post {
  margin-top: 20px;
  display: none;
  line-height: 40px;
  height: 40px;
  background-color: #2a393e;
}
.ed_date {
  width: 180px;
}
.ed_location {
  width: 190px;
}
.ed_setting {
  width: 40px;
}
#event_setting_menu {
  z-index: 10;
  position: absolute;
  top: 5px;
  left: 20px;
  color: #fff;
}
#event_setting_menu .event_edit {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#event_setting_menu .event_edit p {
  color: #fff;
}
#event_setting_menu .event_delete {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#event_setting_menu .event_delete p {
  color: #fff;
}
box_2 {
  padding: 10px 0;
  border-top: none;
  border-bottom: 1px solid #d4dae2;
}
#btn_write {
  margin: 15px 0 10px;
}
#btn_write a {
  display: block;
  color: #fff;
  line-height: 3.2;
  background: url(../img/layout/btn_send_post.png) no-repeat center center;
  background-size: 20px 21px;
  padding-left: 110px;
  margin-left: -110px;
}
#e_post .ep_box .comm_area .btn_2 {
  float: right;
  width: 40%;
}
#event_top_textarea {
  float: left;
  width: 55%;
}
#event_top_textarea textarea {
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 8px 0px 1px 4px;
  height: 30px;
}
.event_comm_list .comm_del {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #2a393e;
  background-image: url("/themes/sns7/sp/img/layout/btn_del.png");
  background-size: 16px 16px;
  background-position: center;
  width: 16px;
  height: 16px;
}
#event_post_setting_menu {
  z-index: 10;
  position: absolute;
  top: 20px;
  right: 2px;
  color: #fff;
}
#event_post_setting_menu .e_post_menu_eddit {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#event_post_setting_menu .e_post_menu_eddit p {
  color: #fff;
}
#event_post_setting_menu .e_post_menu_del {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#event_post_setting_menu .e_post_menu_del p {
  color: #fff;
}
#event_post_setting_menu .e_post_menu_rep {
  margin-bottom: 2px;
  line-height: 35px;
  padding-left: 5px;
  background-color: #C2D1E4;
  width: 125px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  padding: 0 10px 0 10px;
  text-align: left;
  white-space: nowrap;
}
#event_post_setting_menu .e_post_menu_rep p {
  color: #fff;
}
.comm_box img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
/* quiz.less
============================================ */
/*---------------[クイズ]ここから-------------*/
#quiz .quiz_area {
  background: #2a393e;
  border-bottom: 1px solid #5178a7;
}
#quiz h2 {
  background-color: #2a393e;
  text-align: center;
  font-size: 14px;
  padding: 12px 0;
}
#quiz h2 span {
  color: #fff;
  font-size: 14px;
  background: url(../img/icon/icon_finger.png) no-repeat center left;
  background-size: 14px 18px;
  padding: 2px 0 2px 24px;
  margin-left: -24px;
}
#quiz .quiz_box {
  width: 300px;
  margin: 0 auto;
  padding: 15px 10px 15px;
  position: relative;
}
#quiz .quiz_box .q_text {
  float: left;
  background: url(../img/layout/quiz_tail.png) no-repeat;
  background-position: 232px 32px;
  background-size: 6px 9px;
  padding-right: 10px;
}
#quiz .quiz_box .q_text p {
  background-color: #2a393e;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #fff;
  width: 204px;
  padding: 22px 14px;
  font-size: 12px;
}
#quiz .quiz_box .q_chara {
  float: right;
}
#quiz .quiz_box p#a_time {
  clear: both;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
#quiz .quiz_box p#a_time span {
  background-color: #fff;
  color: #2a393e;
  padding: 2px 4px;
  margin-left: 5px;
  font-size: 12px;
}
#quiz .quiz_box ul li {
  background-color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin-bottom: 10px;
}
#quiz .quiz_box ul li p {
  color: #2a393e;
  font-weight: bold;
  text-align: center;
  height: 43px;
  line-height: 3.5;
}
#quiz .quiz_box ul #q1 {
  background: url(../img/icon/icon_choice1.png) no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
}
#quiz .quiz_box ul #q2 {
  background: url(../img/icon/icon_choice2.png) no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
}
#quiz .quiz_box ul #q3 {
  background: url(../img/icon/icon_choice3.png) no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
}
#quiz .quiz_box ul #q4 {
  background: url(../img/icon/icon_choice4.png) no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
}
#rank_all .all_area,
#rank_friend .all_area {
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #c5ceda;
}
#rank_all .all_area h2,
#rank_friend .all_area h2 {
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
}
#rank_all .all_area h2 span,
#rank_friend .all_area h2 span {
  background: url(../img/icon/icon_ranking.png) no-repeat center left;
  background-size: 19px 16px;
  padding: 2px 0 2px 24px;
  margin-left: -24px;
}
#rank_all .all_area .pulldown li,
#rank_friend .all_area .pulldown li {
  background-color: #2a393e;
}
#rank_all .all_area .pulldown li .accordion,
#rank_friend .all_area .pulldown li .accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
  padding: 16px 0 16px 10px;
}
#rank_all .all_area .pulldown li .accordion.opened,
#rank_friend .all_area .pulldown li .accordion.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
}
#rank_all .all_area .pulldown li .accordion span,
#rank_friend .all_area .pulldown li .accordion span {
  color: #fff;
  font-weight: bold;
}
#rank_all .all_area .pulldown li .accordion span.w_rank,
#rank_friend .all_area .pulldown li .accordion span.w_rank {
  background: url(../img/layout/btn_ranking_weekly.png) no-repeat center left;
  background-size: 13px 18px;
  padding: 2px 0 2px 28px;
  margin-left: 4px;
}
#rank_all .all_area .pulldown li .accordion span.cont_rank,
#rank_friend .all_area .pulldown li .accordion span.cont_rank {
  background: url(../img/layout/btn_ranking_correct.png) no-repeat center left;
  background-size: 16px 19px;
  padding: 2px 0 2px 32px;
}
#rank_all .all_area .pulldown li ul li,
#rank_friend .all_area .pulldown li ul li {
  background-color: #fff;
  height: 45px;
  padding: 15px 10px;
  border-bottom: 1px solid #edf1f6;
}
#rank_all .all_area .pulldown li ul .r_ico,
#rank_friend .all_area .pulldown li ul .r_ico {
  float: left;
  margin: 10px 10px 0 0;
}
#rank_all .all_area .pulldown li ul dl dt,
#rank_friend .all_area .pulldown li ul dl dt {
  float: left;
  margin-right: 10px;
}
#rank_all .all_area .pulldown li ul .cf dl dd,
#rank_friend .all_area .pulldown li ul .cf dl dd {
  float: left;
  width: 180px;
}
.user_activity {
  padding: 10px;
}
.user_activity .activity_box {
  background-color: #fff;
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
}
.user_activity .activity_box h2 {
  text-align: center;
  font-size: 14px;
  padding: 14px 0;
}
.user_activity .activity_box ul li {
  border-top: 1px solid #e2eaf4;
  display: table;
  width: 100%;
  position: relative;
}
.user_activity .activity_box ul li p a {
  padding: 0px;
}
.user_activity .activity_box ul li a {
  padding: 12px;
  display: inline-block;
  font-weight: normal;
}
.user_activity .activity_box ul li figure {
  display: table-cell;
  vertical-align: middle;
  width: 32px;
}
.user_activity .activity_box ul li p {
  display: table-cell;
  vertical-align: top;
  /*padding-left:12px;*/
  padding: 10px 50px 10px 0;
  width: 272px;
}
.user_activity .activity_box ul li span {
  display: table-cell;
  vertical-align: top;
  color: #2a393e;
  font-size: 10px;
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: auto;
}
.birthday {
  height: 50px;
}
/*-----flicksimple.jsここから-----*/
.birthday #flick {
  width: 320px;
  height: 52px;
  overflow: hidden;
  margin: 0 auto;
}
.birthday #flick ul {
  width: 1040px;
}
.birthday #flick li {
  float: left;
  position: relative;
  width: 52px;
}
/*-----flicksimple.jsここまで-----*/
.birthday #flick li .birth_user a i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.birthday #flick li .birth_count {
  position: absolute;
  top: 32px;
  left: 33px;
  z-index: 100;
  background-color: #ed5b5b;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*---------------[クイズ]ここまで-------------*/
#graph_color1 {
  color: #FFBF35;
}
#graph_color2 {
  color: #FFD26E;
}
#graph_color3 {
  color: #FFE4A6;
}
#graph_color4 {
  color: #FFEFCA;
}
#q_today_trend_choices ul li.li_trend_choices {
  background-color: #2a393e;
  margin-bottom: 5px;
}
#q_yesterday_trend_choices ul li.li_trend_choices {
  background-color: #2a393e;
  margin-bottom: 5px;
}
#q_today_trend_choices ul li.li_trend_choices p.p_trend_choices {
  color: #FFFFFF;
  font-weight: bold;
  height: 28px;
  line-height: 2.0;
  text-align: left;
}
#q_yesterday_trend_choices ul li.li_trend_choices p.p_trend_choices {
  color: #FFFFFF;
  font-weight: bold;
  height: 28px;
  line-height: 2.0;
  text-align: left;
}
div.q_text p#accuracy_rate {
  text-align: right;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 5px 14px 10px !important;
  border-radius: 0 0 2px 2px !important;
  -webkit-border-radius: 0 0 2px 2px !important;
  -moz-border-radius: 0 0 2px 2px !important;
}
#commit_countdown_progressbar_background {
  width: 220px;
  position: absolute;
  left: -220px;
  background-color: #2a393e;
  padding: 100px 0 0;
}
/* friend.less
============================================ */
/*---------------[友達招待/ミニメールメニュー/友達・フォロー・フォロワー・ブロック]ここから-------------*/
#invite_friend,
#minimail_menu {
  margin: 15px 10px;
}
#friend_follower {
}

#invite_friend h2,
#minimail_menu h2 {
  text-align: center;
  font-size: 16px;
  background-color: #fcc800;
  color: #000000;
  padding: 14px 0;
}

#invite_friend .ifre_area,
#minimail_menu .mm_area {
}
#invite_friend .ifre_area .ifre_box,
#minimail_menu .mm_area .mm_box,{
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
#invite_friend .ifre_area .ifre_box ul li,
#minimail_menu .mm_area .mm_box ul li,
#friend_follower .ff_area .ff_box ul li,
#search_history .ff_area .ff_box ul li {
  display: table;
  width: 100%;
  text-overflow: ellipsis;
  word-break: break-all;
}
#invite_friend .ifre_area .ifre_box ul li a,
#minimail_menu .mm_area .mm_box ul li a,
#friend_follower .ff_area .ff_box ul li a,
#search_history .ff_area .ff_box ul li a {
  display: block;
  padding: 10px 6% 10px 3%;
}
#invite_friend .ifre_area .ifre_box ul li a figure,
#minimail_menu .mm_area .mm_box ul li a figure,
#friend_follower .ff_area .ff_box ul li a figure,
#search_history .ff_area .ff_box ul li a figure {
  width: 45px;
  float: left;
  padding-right: 8px;
}
#invite_friend .ifre_area .ifre_box ul li a dl,
#minimail_menu .mm_area .mm_box ul li a dl,
#friend_follower .ff_area .ff_box ul li a dl,
#search_history .ff_area .ff_box ul li a dl {
}

#friend_follower .ff_area .ff_box dt,
#search_history .ff_area .ff_box dt {
  font-size: 14px;
  font-weight: 300;
  line-height: 45px;
  padding: 0 110px 0 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#minimail_menu .mm_area .mm_box ul li{
  position:relative;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}


#minimail_menu .mm_area .mm_box ul li a:after{
position: absolute;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    position: absolute;
    right: 3%;
    top: 50%;
  margin-top: -7px;
}

#invite_friend .ifre_area .ifre_box ul li a dl dd,
#minimail_menu .mm_area .mm_box ul li dl dd,
#friend_follower .ff_area .ff_box ul li dl dd,
#search_history .ff_area .ff_box ul li dl dd {
}
#friend_follower .ff_area .ff_block,
#search_history .ff_area .ff_block {
  padding: 30px 0;
}
#friend_follower .ff_area .ff_folder_link,
#search_history .ff_area .ff_folder_link {
  color: #fff;
  font-weight: 300;
  text-align: center;
  border-radius: 15px;
  border:1px solid;
  padding: 5px 10px;
  margin: -15px 0 0;
  position: absolute;
  right: 10px;
  top: 50%;
}
#friend_follower .ff_area .ff_folder_link::after,
#search_history .ff_area .ff_folder_link::after {

}
#friend_follower .ff_area .ff_box.ff_nodata,
#search_history .ff_area .ff_box.ff_nodata {
  margin-top: 20px;
  line-height: 40px;
  height: 40px;
  /*background-color: #fff;*/
}
#friend_follower .ff_area .ff_box.ff_nodata p,
#search_history .ff_area .ff_box.ff_nodata p {
  color: #ffffff;
  text-shadow:  0px 0px 4px rgba(0,0,0,0.5),
                0px 0px 4px rgba(0,0,0,0.5),
                0px 0px 5px rgba(0,0,0,0.2);
  font-weight: normal;
}
/*プルダウン部分ここから*/
#friend_follower .pulldown li,
#search_history .pulldown li {
  background-color: #2a393e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#friend_follower .pulldown li span,
#search_history .pulldown li span {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 10px 12px;
  background-image: url(../img/layout/btn_select_close.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
}
#friend_follower .pulldown li span.opened,
#search_history .pulldown li span.opened {
  background-image: url(../img/layout/btn_select_open.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 29px 11px;
}
#friend_follower .pulldown ul li,
#search_history .pulldown ul li {
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.2);
  margin: 1px 0 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#friend_follower .pulldown ul li a,
#search_history .pulldown ul li a {
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
}
/*プルダウン部分ここまで*/
/*---------------[友達招待/ミニメールメニュー/友達・フォロー・フォロワー・ブロック]ここまで-------------*/
/* profile.less
============================================ */
/*---------------[プロフィール設定]ここから-------------*/
#setting_profile {
  /*	margin-top:10px */
}
#setting_profile .sp_area {
  padding: 0 10px 2px;
}
#setting_profile .sp_area h1 {
  text-align: center;
  font-size: 16px;
  padding: 14px 0;
}
#setting_profile .sp_area figure {
  width: 84px;
  margin: 0 auto 15px;
}
#setting_profile .sp_area .sp_box {
  background-color: #fff;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
#setting_profile .sp_area .sp_box h2 {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 14px 0;
}
#setting_profile .sp_area .sp_box .sp_input input {
  height: 34px;
  line-height: 21px;
  padding: 1px 6px;
  font-size: 12px;
  color: #444;
  border: 1px solid #999;
}
#setting_profile .sp_area .sp_box .sp_input input::-webkit-input-placeholder {
  color: #bbb;
}
#setting_profile .sp_area .sp_box .sp_input input:-moz-placeholder {
  color: #bbb;
}
#setting_profile .sp_area .sp_box .sp_textarea textarea {
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 2px 6px;
  border: 1px solid #888;
  background: rgba(255, 255, 255, 0.7);
  color: #333;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#setting_profile .sp_area .sp_box p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#setting_profile .sp_area .sp_box .ui-select .ui-btn,
#setting_profile .sp_area .sp_box .ui-select .ui-button {
  background-color: #999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#setting_profile .sp_area .sp_box .ui-select .ui-btn{
font-weight:normal;
}

#setting_profile .sp_area .sp_box .fun_year {
  float: left;
  width: 48.5%;
}
#setting_profile .sp_area .sp_box .fun_month {
  float: right;
  width: 48.5%;
}
/*---------------[プロフィール設定]ここまで-------------*/
/* setting.less
============================================ */
/*---------------[設定]ここから-------------*/
#setting .se_area {
  background-color: #fff;
  border-top: 5px solid #2a393e;
  border-bottom: 1px solid #d4dae2;
  padding: 0 10px 10px;
}
#setting .se_area h1 {
  text-align: center;
  font-size: 16px;
  padding: 14px 0;
}
#setting .se_area .ui-btn {
  width: 80%;
  font-size: 13px;
  margin: 0 auto 20px;
}
#setting .se_area .se_box {
  background-color: #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#setting .se_area .se_box h2 {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 14px;
  display: none;
}
#setting .se_area .se_box p {
  font-size: 13px;
  font-weight: bold;
}
#setting .se_area .se_box p label {
  font-size: 14px;
  margin: 0 0 10px;
}
#setting .se_area .se_box .ui-select .ui-btn,
#setting .se_area .se_box .ui-select .ui-button {
  background-color: #2a393e;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/*---------------[設定]ここまで-------------*/
/* howto.less
============================================ */
/*---------------[使い方]ここから-------------*/
#howto .howto_area {
  padding: 0 5% 3%;
}
#howto .howto_area h1 {
  text-align: center;
  font-size: 16px;
  padding: 14px 0;
color:#FFF;
}
#howto .howto_area .howto_textarea textarea {
  font-size: 12px;
  line-height: 21px;
  color: #444;
  padding: 2px 6px;
  border: 1px solid #2a393e;
}
#howto .howto_area #btn_q {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 16px;
}
#howto .howto_area #howto_box .pulldown li {
position:relative;
}

#howto .howto_area #howto_box .pulldown li span.accordion {
  background:transparent !important;
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 18px 18px;
  background-color: #FFF;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 10px;
}
#howto .howto_area #howto_box .pulldown li .close:before{
content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #37373F;
    position: absolute;
    right: 10px;
    top: 13px;
    color: #000;
}


#howto .howto_area #howto_box .pulldown li .open:before{
content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #37373F;
    position: absolute;
    right: 10px;
    top: 13px;
    color: #000;
}

#howto .howto_area #howto_box .pulldown li span.opened {
  background-image: url(../img/layout/btn_minus.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 28px 18px;
  background-color: #2a393e;
}
#howto .howto_area #howto_box .pulldown li ul li {
  background-color: #FFF;
  padding: 15px;
  list-style-type: upper-alpha;
  display: block;
border-bottom:solid 1px #E9E9EA;
}
#howto .howto_area #howto_box .pulldown li ul li span {
  display: table-cell;
  vertical-align: top;
  width: 20px;
  color: #2a393e;
}
#howto .howto_area #howto_box .pulldown li ul li p {
  display: table-cell;
  vertical-align: top;
}
#howto .howto_area p#howto_text {
  text-align: center;
  margin: 25px 0;
}
#howto .howto_area p#howto_text a {
  display: inline;
  color: #2a393e;
}

.howtoList{
background:#FFF;
margin-bottom:50px;
}


.howtoList .faqTit{
display:block;
font-weight:bold;
padding:15px;
border-bottom:solid 1px #E9E9EA;
}

.howtoList .accordion{
position:relative;
width: 100%;
    position: absolute;
    /* padding: 20px 0; */
    bottom: -40px;
    height: 40px;
    z-index: 999;
    background: #FFF;
}

.howtoList .accordion:after{
width: 13px;
    height: 20px;
    margin: -10px 0 0 -6px;
content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #37373F;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #A2A2A2;
}

.howtoList .opened:after{
width: 13px;
    height: 20px;
    margin: -10px 0 0 -6px;
content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #37373F;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #A2A2A2;
}




/*---------------[使い方]ここまで-------------*/
/* theme.less
============================================ */
/*--------------- -------------*/
#theme_list {
  margin: 0 0 10px;
}
#theme_list h2 {
  border-top: 5px solid #2a393e;
  text-align: center;
  font-size: 14px;
  background-color: #fff;
  padding: 14px 0;
}
#theme_list .tm_area {
  margin: 10px;
}
#theme_list .tm_area .tm_box {
  background-color: #fff;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
}
#theme_list .tm_area .tm_box ul li {
  display: table;
  width: 100%;
}
#theme_list .tm_area .tm_box ul li a {
  padding: 10px;
  display: block;
}
#theme_list .tm_area .tm_box ul li a div.tm_ym {
  display: table-cell;
  vertical-align: top;
  background-color: #2a393e;
  width: 30%;
  margin-right: 5%;
  position: relative;
  color: #FFFFFF;
}
#theme_list .tm_area .tm_box ul li a div.tm_ym div.tm_y {
  text-align: center;
  color: #FFFFFF;
  font-size: 1.2em;
}
#theme_list .tm_area .tm_box ul li a div.tm_ym div.tm_m {
  text-align: center;
  color: #FFFFFF;
  font-size: 2em;
}
#theme_list .tm_area .tm_box ul li a div.tm_tag {
  display: table-cell;
  padding: 0 2%;
  vertical-align: middle;
  width: 61%;
  position: relative;
  font-size: 1.4em;
}
#theme_list .tm_area .tm_nodata {
  width: 95%;
  margin: 0;
  padding: 2.5%;
  text-align: center;
  color: white;
  background-color: #2a393e;
}
.ui-bar-a {
/*	display:none; */
}
.ui-simpledialog-subtitle {
  padding-top:15px;
}



.pop.in .ui-simpledialog-subtitle {
color:#151515;
}

.pop {
color:#000;
font-size:12px;
line-height:1.4em;
text-align:center;
}

.block_list {
  margin-left: 57%;
  margin-bottom:0px;
  width:40%;
}
.block_item {
  line-height:1.5;
}

.btn_1{
background:#FFF;
color:#666;
font-size:12px;
}

#btn_chan{
background:#fcc800;
}

.ui-simpledialog-controls a{
padding: 13px 0;
}

.ui-icon-delete {
background:#FFFFFF !important;
border:1px solid #000000 !important;
color:#000000 !important;
font-size:12px !important;
}

.card{
position:relative;
}


.new_icon{
font-size:12px;
color:#f4c700;
}


.flick_list_item ul .tradeList{
padding:0;
position:relative;
margin:10px 2% 20px;
overflow:hidden;
background:#FFF url(../img/layout/bg_trade.jpg) no-repeat;
background-position:center;
background-size:94px;
}

.flick_list_item ul .tradeList .cardName {
width: 45%;
text-align:left;
}

.cardTrade{
width:50%;
float:left;
position:relative;
}

.tradeTxtBox{
margin-top:35%;
}



.tradeList .mineCard span{
width: 14px;
height: 26px;
position: absolute;
transform: skew(-20deg,0deg);
-webkit-transform: skew(-20deg,0deg);
-moz-transform: skew(-20deg,0deg);
-ms-transform: skew(-20deg,0deg);
background: #DAC665;
top: 0px;
left: -5px;
}


.tradeList .otherCard span{
width: 14px;
height: 26px;
position: absolute;
transform: skew(-20deg,0deg);
-webkit-transform: skew(-20deg,0deg);
-moz-transform: skew(-20deg,0deg);
-ms-transform: skew(-20deg,0deg);
background: #DAC665;
top: 0px;
right: -5px;
}

.cardName{
/*border:solid 1px #b87a12;*/
    position: absolute;
font-style:normal;
font-size:13px;
   background: #DAC665;
z-index:0;
color:#462f16 !important;
}

.flick_list_item ul .tradeList .mineCard{
    padding: 5px 28% 5px 5%;
border-bottom:none;
    bottom: 0;
    right: -10px;
    text-align: right;
/* background: -moz-linear-gradient(top, #f7d111 0%, #fad400 95%, #f9e581 97%, #f7d111 100%);
background: -webkit-linear-gradient(top, #f7d111 0%,#fad400 95%,#f9e581 97%,#f7d111 100%); */

}

.flick_list_item ul .tradeList .otherCard{
    padding: 5px 5% 5px 28%;
border-top:none;
    top: 0;
    left: -10px;
    text-align: left;
/* background: -moz-linear-gradient(top, #f7d111 0%, #f9e581 3%, #fad400 5%, #fad400 96%, #f9e581 98%, #f7d111 100%);
background: -webkit-linear-gradient(top, #f7d111 0%,#f9e581 3%,#fad400 5%,#fad400 96%,#f9e581 98%,#f7d111 100%); */
}

.nickName {
font-size:12px;
margin-bottom:5px;
    padding-bottom: 15px;
}

.status ul li.uid a {
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 60%;
    height: 20px;
    color: #FFF;
    padding: 1px 3px 0;
    border: solid 1px #B0C4DC;
    border-radius: 3px;
    width: 37%;
    line-height: 2em;
    text-align: center;
}


#user-right-block .status ul li.uid a{
    text-align: center;
padding:2px 0;
}

.mineArea{
position:relative;
padding:3% 0;
overflow:hidden;
background:#fcc800;
text-align:center;
}

/*.mineArea li{
width: 48.5%;
    float: left;
    border: solid 1px #7DC0F9;
    padding: 3px;
border-radius:3px;
    background: #EEEEEE;
    box-shadow: none;
    box-sizing: border-box;
font-weight:bold;
}

.mineArea li:last-child{
margin-left:3%;
}*/

.mineArea li {
  display: block;
  width: 50%;
  float: left;
  padding: 3px 0;
  border-radius: 3px;
  /* background: #EEEEEE; */
  box-shadow: none;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
}


.mineArea li:last-child {
    border-left: solid 1px #FFF;
    border-radius: 0;
}


.mineArea li .Icon{
  display: inline-block;
  width: 19px;
}

.mineArea li .number{
  display: inline-block;
  font-size: 10px;
  padding: 0 0px 0 18px;
  color: #FFF;
  /* vertical-align: middle; */
  text-align: left;
  position: relative;
  top: -8px;
}

.mineArea li .number span{
padding-right: 2px;
font-size: 18px;
color: #FFF;
font-weight:bold;
}


#btn_chan .ui-link{
padding:13p	x 0;
color:#FFF;
border-radius:8px;
}
.folderBtn{
position:relative;
}

.folderBtn a{
  display: block;
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 10px 22px;
  text-align: center;
  border: solid 1px #FFF;
  margin: 0 auto;
  width: 256px;
  border-radius: 30px;
  background-color: rgba(0,0,0,0.5);
}

.folderBtn a:after{
  content: "▲";
  position: absolute;
  top: 50%;
  right: 5px;
  margin: auto;
  line-height: 0;
  font-size: 8px;
  color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.fa-angle-right{
position:absolute;
right:5%;
}

#setting_profile .sp_area .sp_box .ui-select .ui-btn{
background:#FFF;
border:solid 1px #999999;
padding: 8px;
color:#151515;
}

.ui-select .ui-btn > span:not(.ui-li-count){
color:#151515;
font-size:12px;
}


.ui-icon-carat-d:after{
background-size:15px;
    background-position: 20px center;
}

#friend_follower .ff_area .ff_box li,
#search_history .ff_area .ff_box li { border-bottom: 1px solid rgba(255,255,255,0.1); }
#friend_follower .ff_area .ff_box ul li a,
#search_history .ff_area .ff_box ul li a {
  color: #fff;
  padding: 15px 3%;
}

.ff_box .btn_1 a{
position:relative;
border:solid 2px #DDD;
border-radius:3px;
color:#000 !important	;
}

.ff_box .btn_1 .blockItem{
    width: 100%;
position:relative;
border:solid 2px #DDD;
border-radius:3px;
color:#000 !important;
padding: 2px 5px !important;
text-align:left;
font-size:11px;
font-weight:normal;
}

.ff_box li{
position:relative;
}

.ff_area .ff_box ul li a{
position:relative;
}

.ff_box .btn_1 a:after{
position:absolute;
content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #37373F;
    position: absolute;
    right: 3%;
    top: 3px;
}

.blockItemBtn{
width: 35%;
position: absolute;
top: 35px;
left: 60px;
}

#btn_chan{
padding:15px 0;
}

.off{
opacity:0.5;
}

#gacha .point, #gacha .ticket{
}

#gacha .point .introBtn ,
#gacha .ticket .introBtn {
width:40%;
background: transparent;
border: solid 2px #DDD;
border-radius: 3px;
color: #727272;
padding: 7px 0;
position:relative;
margin:5px 0!important;
float:right;
}



#gacha .text{
display:none;
clear:both;
}

#gacha .pointList{
clear:both;
}

#gacha .point .introBtn:after,
#gacha .ticket .introBtn:after{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    color: #CCC;
    position: absolute;
    right: 5px;
    top: 50%;
    font-weight: bold;
    height: 14px;
    width: 5px;
    margin-top: -7px;
}

.sampleCap{
font-weight:normal !important;
color:#CCC !important;
}

#saleslist_iphone-body .ui-select{
border:solid 3px #fcc800;
border-top:none;
}

#saleslist_iphone-body .ui-page-theme-a .ui-btn{
background:#FFF;
}


#saleslist_iphone-body .ui-page-theme-a .ui-btn .opt_cnt_all{
color:#000;

}



/*===カードフォルダー タブ切り替え ===*/

#target{
  width:100%;
  /* background:#132167; */
  padding:5% 5% 0;
  margin-bottom:2%;
  position: relative;
  /*
  z-index:999;
  left: 0;
  right: 0;
  top: 45px;　*/
}


#target a{
  color:#FFF;
  display:inline-block;
  font-size:14px;
  padding:0 15px 13px;
  margin-right:5px;
  /* opacity:0.4; */
}

#target a.current {
  border-bottom:solid 2px #FFF;
  opacity:1;
}

/* カードフォルダー 暫定対応 */
#target {
  padding:0;
  font-weight: 500;
}
#target .current {
  color:#fff;
  font-size:18px;
  text-align:center;
  /*line-height:38px; */
  padding-top: 2px;
}
#target a {
  display:block;
  background: no-repeat;
  background-size: 16px;
  font-size: 12px;
  font-weight: normal;
  line-height: 25px;
  position: absolute;
  top: 7px;
  margin: 0;
  padding: 0 20px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #ffffff;
}
#target a::before {
  content: '';
  display: block;
  width: 7px;
  height: 8px;
  background:url('/themes/sns8/sp/img/layout/banner_icon_white_right.png') no-repeat center center;
  -moz-background-size: 7px 8px;
  -webkit-background-size: 7px 8px;
  background-size: 7px 8px;
  position: absolute;
  top: 8px;
}
#target .prev { left: 5px; padding: 0 20px 0 25px; }
#target .prev::before { left: 5px; -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }
#target .next { right: 5px; padding: 0 25px 0 20px; }
#target .next::before { right: 5px; }


/* common */
.blockUser {
  background: #333;
  color: #fff;
  border-radius: 10px;
  margin: 15px 3%;
  overflow: hidden;
}
.idSearch #main_title {
  color: #ffffff;
  background-color: inherit;
}
.idSearch {
    background: #333;
    color: #fff;
    border-radius: 10px;
    margin: 15px 3%;
    overflow: hidden;
}

#main_title {
  text-align:center;
  margin: 15px 0 0 0;
  color:#000000;
  font-size:16px;
  padding: 10px 0;
  background-color: #fcc800;
}




/* マイページ */
.slide_logo {
    position: absolute;
    top: 15px;
    left: 30px;
    margin: 0 auto;
    z-index: 1;
    height: auto;
    width: auto;
    max-height: 80px;
    max-width: 80px;
}
#deck_num{
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 100%;
  text-align: center;
  font-size: 0px;
  -webkit-transform: translate3d(0, 0, 50px) scale(1,1);
  transform: translate3d(0px,0px,50px) scale(1,1);
  z-index: 90;
  display:none;
}
#deck_num div{
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 8px;
  background: #d3d3d4;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #000000;
}
#deck_num div.on{
  background: #fcc800;
}

#top_iphone {
  padding-top: 0 !important;
}

/* バナースライダー */
.carousel_slider{
  width: calc(100% - 30px);
  margin: 20px auto 30px auto;
}
.carousel_slider .carousel-cell{
  width: 100%;
}
.carousel_slider .carousel-cell img {
  width: 100%;
}

/* トップタイムライン */
#post_section.top_timeline{
  background-color: inherit;
}
.top_timeline_box {
  position: relative;
  padding: 5px;
  margin: 10px 0;
}
.top_timeline_box.cardpack {
  background: #ffffff url('../img/layout/top_timeline01.jpg') no-repeat center center;
  background-size: auto 100%;
  color: #000;
  height: 110px;
}
.top_timeline_box.like,
.top_timeline_box.cardpack {
    display: flex;
    justify-content: space-between;
    color: #000;
    height: 110px;
}

.top_timeline_box.like.to { background: url('../img/layout/top_timeline04.png?t20210513') no-repeat top/100%; background-size: auto 100%; background-color:#ffcece; }
.top_timeline_box.like.receive { background: url('../img/layout/top_timeline03.png?t20210513') no-repeat top/100%; background-size: auto 100%; background-color:#ffcece; }
.top_timeline_box.like.other { background: url('../img/layout/top_timeline05.png?t20210513') no-repeat top/100%; background-size: auto 100%; background-color:#ffcece; }

.top_timeline_box.like .txt,
.top_timeline_box.cardpack .txt {
    flex-basis: 212px;
    text-align: left;
}

.top_timeline_box.like.to .txt { padding: 16px 0 0 10px; }
.top_timeline_box.like.receive .txt { padding: 16px 0 0 10px; }
.top_timeline_box.like.other .txt { padding: 0 0 0 10px; }

.top_timeline_box.cardpack .txt { padding: 0 0 0 10px; }

.top_timeline_box.like .player,
.top_timeline_box.cardpack .player {
    flex-basis: 70px;
    text-align: center;
    font-size: 10px;
}
.top_timeline_box.like .player .thumb,
.top_timeline_box.cardpack .player .thumb {
    overflow: hidden;
    display: block;
    margin: auto;
    width: 50px; height: 50px;
    border: 1px solid #f4ca44;
    border-radius: 50%;
}

.top_timeline_box.trade {
  background: url('../img/layout/top_timeline02.jpg'),
   -moz-linear-gradient(
              left,
              #fcc800 1%,
              #fcc800 50%,
              #000000 51%,
              #000000 100%);
  background: url('../img/layout/top_timeline02.jpg'),
   -webkit-linear-gradient(
              left,
              #fcc800 1%,
              #fcc800 50%,
              #000000 51%,
              #000000 100%);
  background: url('../img/layout/top_timeline02.jpg'),
   linear-gradient(
              to right,
              #fcc800 1%,
              #fcc800 50%,
              #000000 51%,
              #000000 100%);
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.top_timeline_box .top_timeline_table > a,
.top_timeline_box .top_timeline_table {
  display: table;
  width: 100%;
  text-align: left;
}
.top_timeline_box .top_timeline_table > a > div,
.top_timeline_box .top_timeline_table > div {
  display: table-cell;
  vertical-align: top;
}
.top_timeline_box .top_timeline_table > div.self_cell,
.top_timeline_box .top_timeline_table > div.other_cell {
  width: 50%;
}
.top_timeline_box .top_timeline_table > div.self_cell {
  vertical-align: bottom;
}
.top_timeline_box .top_timeline_table > div.self_cell > div,
.top_timeline_box .top_timeline_table > div.other_cell > div {
  display: table;
  vertical-align: top;
  width: 100%;
}
.top_timeline_box .top_timeline_table > div.self_cell > div > div,
.top_timeline_box .top_timeline_table > div.other_cell > div > div {
  display: table-cell;
}
.top_timeline_box .top_timeline_table > div.other_cell > div > div {
  vertical-align: top;
}
.top_timeline_box .top_timeline_table > div.self_cell > div > div {
  vertical-align: bottom;
}

.top_timeline_box .image {
  width: 55px;
}
.top_timeline_box .image img {
  width: 100%;
}
.top_timeline_box .text {
  padding-left: 5px;
}
.top_timeline_box .text a {
  color: #000000;
  display: inline-block;
}
.top_timeline_box .self_cell .text {
  text-align: right;
  padding: 0 5px 0 0;
  color: #ffffff;
  vertical-align: bottom;
}
.top_timeline_box .self_cell .text a {
  color: #ffffff;
}

.top_timeline_box .icon {
  position: relative;
  width: 28px;
  height: 28px;
  margin-top: 5px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.top_timeline_box .self_cell .icon {
  margin: 0 0 5px auto ;
}
.top_timeline_box .icon a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top_timeline_box .text .strong {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  z-index: 1;
}
.top_timeline_box .text p {
  font-size: 10px;
  line-height: 12px;
}
.top_timeline_box .text .name,
.top_timeline_box .text .num {
  font-size: 13px;
}
.top_timeline_box .text .card_num {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}
.top_timeline_box .text .card_num .now {
  color: #fcc800;
  font-size: 16px;
}
.top_timeline_box .rare_rank{
  font-size: 16px;
  text-align: right;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fcc800;
}
.top_timeline_box .rank_class{
    position: absolute;
    top: 28px;
    right: 3px;
    width: 12%;
}

/* データバックアップ登録 */
.register_text {
  margin: 20px;
  font-size: 12px;
}
.register_text a {
  display: inline-block;
  color: #fcc800;
  text-decoration: underline;
}
.register_text .strong_text {
  font-weight: bold;
}
.register_text .important_text {
  color: #f00;
}
.not_register_txt {
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0;
}
.register_text_error {
  color: #f00;
}
.register_form {
  margin: 20px;
}
.register_form input{
  border-radius: 0;
  margin: 20px 0;
  line-height: 16px;
}
.register_form input[type="text"] ,
.register_form input[type="email"] ,
.register_form input[type="password"] {
  height: 40px;
  background: #eee;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  padding: 5px;
}
.register_form input[type="submit"] {
  display: block;
  width: 80%;
  background: #fcc800;
  font-size: 16px;
  border-radius: 30px;
  border: none;
  padding: 14px 0;
  margin: 10px auto;
  outline: none;
}
.register_link .caution,
.register_link .faq,
.register_link .mail,
.register_link .forgot  {
  margin: 0 20px;
  box-sizing: border-box;
}

.register_link .caution a,
.register_link .faq a,
.register_link .mail a,
.register_link .forgot a {
  display: block;
  color: #fff;
  line-height: 30px;

  border-top: 1px solid rgba(255,255,255,0.1);
  box-sizing: border-box;
  padding: 10px 0 10px 40px;
  position: relative;
}
.register_link .faq a { border-bottom: 1px solid rgba(255,255,255,0.1); }
.register_link p br { display: none; }
.register_link .caution a::after,
.register_link .faq a::after,
.register_link .mail a::after,
.register_link .forgot a::after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.register_link a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #fff no-repeat center center;
  background-size: auto 70%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}
.register_link .change_bg a { background-color: #fcc800; }
.register_link .caution a::before { background-image: url('../img/layout/icon_register01.png'); }
.register_link .faq a::before { background-image: url('../img/layout/icon_register02.png'); }
.register_link .mail a::before { background-image: url('../img/layout/icon_register03.png'); }
.register_link .forgot a::before { background-image: url('../img/layout/icon_register04.png'); }
.register_link .change a::before { background-image: url('../img/layout/icon_register05.png'); }
.register_link .agree a::before { background-image: url('../img/layout/icon_transfer01.png'); }
/* .register_link .transfer a::before { background-image: url('../img/layout/icon_transfer02.png'); } */

/* 戻るボタン */
.backBtn{
  position:relative;
  margin: 20px;
}
.backBtn a{
  display: block;
  width: 80%;
  color:#fff;
  font-size: 16px;
  text-align: center;
  border: solid 1px;
  border-radius: 30px;
  padding: 10px;
  margin: 0 auto;
}
.backBtn a::after{

}
/* トップへ戻るボタン */
.backTopBtn{
  position:relative;
  margin: 20px;
}
.backTopBtn a{
  display: block;
  padding: 10px;
  font-size: 16px;
  border:solid 1px #000000;
  background-color: #fcc800;
  color: #000000;
  font-weight: normal;
  text-align: center;
  border-radius: 20px;
}
.backTopBtn a:hover{
  color: #000000;
}
.backTopBtn a::after{
  position: absolute;
  display: block;
  content: ' ';
  right: 15px;
  top: 50%;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('/themes/sns8/sp/img/layout/banner_icon_black_right_off.png');
}

/* 利用引き継ぎ */
.policy_text {
  height: 300px;
  background: #fff;
  color: #222;
  font-size: 12px;
  padding: 0 5px 0 10px;
  margin: 10px;
  overflow-y: scroll;
  box-sizing: border-box;
  text-align: left;
}
.policy_text p {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}
.policy_text p.end {
  border-bottom: none;
  text-align: right;
}
.policy_text{
  overflow-y: scroll;
}
.policy_text::-webkit-scrollbar{ /* スクロールバー本体 */
  width: 5px;
  background: #ededed;
}
.policy_text::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
  background: #888888;
  border-radius: 2px;
}
.policy_text::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
  background: #ededed;
}
.policy_text::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
  background: #ededed;
}
.policy_text::-webkit-scrollbar-corner{ /* スクロールバー角 */
  background: transparent;
}
.square_link {
  margin: 20px;
}
.square_link a {
  display: block;
  color: #aaa;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding: 10px;
}
.square_link a::after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin: 0 0 0 5px;
  position: relative;
}


.transfer_status {
  margin: 10px 20px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  color: #000000;
}
.transfer_status p {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 0;
  color: #c11920;
}
.transfer_status p:first-child {
  margin: 0;
}

/* プロフィールページ
------------------------------- */
section.profile{
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 5px 0 0;
  margin: 20px;
  position: relative;
}
.profile .edit{
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 10px;
}
.profile .icon {
  position: relative;
  display: block;
  width: 64px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #fcc800;
  margin: 0 auto 10px;
  overflow: hidden;
}
.profile .nicname {
  font-size: 16px;
  padding: 0 3%;
  margin: 0 0 10px;
}
.profile .introduction{
  font-size: 11px;
  line-height: 1.7;
  padding: 0 3%;
  margin: 0 0 15px;
  opacity: 0.6;
}

.profile .id_set { padding: 0 3% 10px; }
.profile .id_set a {
  display: block;
  background: #222;
  color: #aaa;
  font-weight: 300;
  text-align: left;
  line-height: 30px;
  border-radius: 15px;
  padding: 0 10px;
}
.profile .id_set p { display: inline-block; }
.profile .id_set .label { float: right; color: #fcc800; }
.profile .id_set .label::after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  border: 2px solid;
  border-right: none;
  border-bottom: none;
  position: relative;
  top: -1px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.profile .status_set { border-top: 1px solid rgba(255,255,255,0.1); }
.profile .status_set dl {
  font-size: 11px;
  font-weight: 300;
  text-align: left;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 15px 3%;
}
.profile .status_set dt {
  min-width: 110px;
  clear: left;
  float: left;
  color: #aaa;
  padding: 3px 0;
}
.profile .status_set dt img {
  display: inline;
    max-width: 15px;
    max-height: 12px;
    vertical-align: middle;
  margin: 0 3px 0 0;
}
.profile .status_set dd { padding: 3px 0; }

.profile .status_set .ownedList { padding: 10px 3%; }
.profile .status_set .ownedList li {
  min-height: 75px;
  background: #222;
  color: #aaa;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 5px;
}
.profile .status_set .ownedList .own_point { width: 30%; float: left; }
.profile .status_set .ownedList .own_balloon { width: 68%; float: right; }
.profile .status_set .ownedList .own_ticket { width: 100%; float: left; margin: 8px 0; }
.profile .status_set .ownedList .tit { font-size: 12px; }
.profile .status_set .ownedList .point { font-size: 10px; font-weight: bold; line-height: 1; }
.profile .status_set .ownedList .point span { display: block; font-size: 18px; padding: 8px 0 4px; color:#fff;}
.profile .status_set .ownedList .balloon { display: inline-block; padding: 10px 10px 0; }
.profile .status_set .ownedList .balloon img { display: inline; width: 30px; vertical-align: -5px }
.profile .status_set .ownedList .ticket { display: inline-block; width: 45% }
.profile .status_set .ownedList .ticket img { display: inline; width: 58%; vertical-align: -5px }
.profile .status_set .ownedList .ticket span { display: block; }
.profile .status_set .ownedList .balloon span { font-size: 18px; font-weight: bold; color:#fff;}

/* 202002 renew */
.profile .like_area {
  margin: 15px auto;
  width: 80%;
}
.profile .like_area th {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: #a1a1a1;
}
.profile .like_area td {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #fff;
}
.profile .like_area td .icon_crown {
  display: inline-block;
  margin-top: -3px;
  margin-left: 5px;
  width: 18px;
  vertical-align: middle;
}


/* メニューボタン部 */
section.menu{
  margin: 0px 20px 10px 20px;
  font-size: 0px;
  text-align: left;
}
section.menu a{
  margin: 0px 0;
}

.menu .btn{
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.menu .btn.menu_on{
  -webkit-transform: translate(0px, 2px);
  transform: translate(0px, 2px);
}
.menu a.btn{
  cursor: pointer;
}
.menu .btn img{
  width: 100%;
  max-width: 100px;
}

.menu .btn .menu_on{
  display: none;
}
.menu .btn .menu_off{
  display: inline-block;
}
.menu .btn.menu_on .menu_on{
  display: inline-block;
}
.menu .btn.menu_on .menu_off{
  display: none;
}
.menu .image_menu_link{
  position: relative;
  display: inline-block;
  width: 90%;
  /*height: 101px;*/
}

.menu .menu_table {
    display: table;
    width: 90%;
    margin: auto;
    padding-bottom: 5px;
}
.menu .menu_table p {
  display: table-cell;
  width: 33%;
  vertical-align: top;
  text-align: center;
}
.menu .menu_table p:last-child {
  text-align: right;
}
.menu .menu_table p:first-child {
  text-align: left;
}

.profile .edit_btn {
  position: relative;
  color: #fcc900;
  font-weight: 400;
  text-align: center;
  border-radius: 15px;
  border: 1px solid;
  padding: 6px 20px;
  display: inline-block;
}
.profile .edit_btn p {
  font-size: 12px;
  line-height: 13px;
}
#profile_photo_upload .uploadBtn {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #ffffff;

  text-align: center;
  color: #ffffff;
  font-size: 12px;
}
.cursor_right_right::after{
  content: '';
    display: block;
    width: 4px;
    height: 4px;
    border: 2px solid;
    border-right: none;
    border-bottom: none;
    margin: -3px 0 0;
    position: absolute;
    top: 50%;
  right: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


/* 利用規約・特定商取引 */
.tokusho_table h2{
  text-align: center;
  font-size: 16px;
  background-color: #fcc800;
  color: #000000;
  padding: 14px 0;
}
.policys_text {
  margin: 10px 10px 10px 15px;
  padding-right: 5px;
  height: 400px;
  overflow-y: scroll;
  font-size: 12px;
  box-sizing: border-box;
  text-align: left;
}
.policys_text p {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #cccccc;
}
.policys_text p.first {
  font-size: 16px;
  margin: 0 0 10px 0;
  border-bottom: none;
}
.policys_text p.end {
  border-bottom: none;
  text-align: right;
}
.policys_text{ /* 対象となる要素のクラス名が"element"の場合 */
  overflow-y: scroll;
}
.policys_text::-webkit-scrollbar{ /* スクロールバー本体 */
  width: 5px;
  background: #ededed;
}
.policys_text::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
  background: #888888;
  border-radius: 2px;
}
.policys_text::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
  background: #ededed;
}
.policys_text::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
  background: #ededed;
}
.policys_text::-webkit-scrollbar-corner{ /* スクロールバー角 */
  background: transparent;
}

/* シリアルキャンペーンページ */
#post_section.serial_campaign_box {
    position: relative;
    overflow: hidden;
    margin: 10px 3% 30px;
    padding: 15px 10px;
    border-radius: 10px;
    background: #FFF;
    color: #000;
}
.serial_campaign_box .banner {
    margin: auto;
    width: 95%;
}
.serial_campaign_box .campaign_period {
    margin: 15px auto;
    font-size: 12px;
    text-align: center;
}
.serial_campaign_box .campaign_period .title {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 5px;
    background: #FFCB00;
    font-weight: bold;
    text-align: center;
}
.serial_campaign_box .campaign_form {
    margin: 30px auto 0;
    width: 90%;
    text-align: center;
}
.serial_campaign_box .campaign_form .serial_field {
    padding: 20px 10px;
    width: 90%;
    border: 1px solid #888;
    border-radius: 4px;
    background: #dedede;
    font-size: 14px;
}
.serial_campaign_box .btn_submit {
    margin: 20px auto 0;
    padding: 10px;
    width: 90%;
    border-radius: 20px;
    background: #FFCB00;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.serial_campaign_box .btn_submit.disable {
    margin: 50px auto;
    background: #ccc;
}
.serial_campaign_box .caution_area {
    margin: 40px auto 20px;
    width: 95%; min-height: 350px;
}
.serial_campaign_box .caution_area .title { font-weight: bold; }

.popup_box .popup_btns_list { display: block !important; }
.popup_box .popup_btns_list li { width: 80% !important; }
.popup_box .popup_btns_list .popup_btn { width: 100% !important; }
.popup_box .popup_btns_list .popup_btn.yellow { background: #FFCB00; }
.popup_box_inner .img_item,
.popup_box_inner .img_card {
    display: block;
    margin: 20px auto;
    width: 50%;
}
.popup_box_inner .img_card { box-shadow: 0 0 15px 15px rgba(0,0,0,0.5); }

/* シリアル開催中キャンペーンページ */
.serial_campaign .top_banner {
  margin-bottom: 15px;
}
.serial_campaign h2 {
  padding: 2px 0;
  border-top: 3px solid #FFCB00;
  border-bottom: 3px solid #FFCB00;
  background: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: var(--color--team);
}
.serial_campaign .campaign_list {
  margin: 15px auto;
  width: 94%;
}
.serial_campaign .campaign_list li {
  overflow: hidden;
  position: relative;
  margin: 0 0 20px;
  padding: 3px;
  width: 100%;
  border-radius: 0 0 6px 6px;
  background: #FFF;
  color: var(--color--team);
}
.serial_campaign .campaign_list li .banner {
  display: block;
  width: 100%;
}
.serial_campaign .campaign_list li .lower {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3px;
}
.serial_campaign .campaign_list li .lower .date {
  padding-left: 0.5rem;
  width: 54.5%;
/*  font-size: 1.5rem;*/
  font-weight: bold;
  color: var(--color--team);
}
.serial_campaign .campaign_list li .lower .btn_serial_input {
  display: block;
  width: 45.5%;
}
.serial_campaign .campaign_list li .lower .btn_serial_input .btn_img {
  width: 100%;
}
.serial_campaign .campaign_list li.disable:after {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
}

/* ガチャ カードパック購入 */
section.title{
  position: fixed;
  top: 0px;
  left: 0px;
  margin: 0px 0px;
  width: 100%;
  z-index: 100;
}
section.title h1{
  width: 100%;
  padding: 13px 0px 13px 0px;
  text-align: center;
  background-color: #fcc800;
}
section.title h1 span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  padding-left: 22px;
}
section.title h1 span:before{
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 25px;
  content: ' ';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url('../img/cardpack/2_title_icon.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

/* カードパック購入　ガチャ */

section.cardpack{
  width: 100%;
  margin: 40px auto 0px auto;
  overflow: hidden;
}
section.cardpack ul{
  width: 100%;
}

section.cardpack ul li.cardpack_oneset{
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  width: 93%;
  background-color: #ffffff;
  padding: 10px;
  margin: auto;
  box-sizing: border-box;
}
section.cardpack ul li.cardpack_oneset .band img{
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: 20;
  width: 120px;
}
section.cardpack ul li.cardpack_oneset .band p{
  position: absolute;
  top: 9px;
  left: 0px;
  -webkit-transform: rotate( -31deg );
  transform: rotate( -31deg );
  z-index: 21;

  color: #ffffff;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-align: center;
}
section.cardpack ul li.cardpack_oneset .description{
  width: calc(100% - 2px);
  background-color: #f4f4f4;
  border: 1px solid #dedede;
  padding: 0px 0px 10px 0px;
  text-align: center;
}
section.cardpack ul li.cardpack_oneset .description img{
  width: 100%;
}
section.cardpack ul li.cardpack_oneset .description > p{
  display: inline-block;
  padding: 10px;

  color: #000000;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  text-align: left;
  box-sizing: border-box;
}

section.cardpack ul li.cardpack_oneset .cardpack_skipBtn {
  text-align: center;
  margin: 10px 0;
}
section.cardpack ul li.cardpack_oneset .cardpack_skipBtn > div {
  display: inline-block;
  position: relative;
}
section.cardpack ul li.cardpack_oneset .cardpack_skipBtn label {
  background-color: #f1f1f1;
  padding: 10px 20px 10px 40px;
  border-radius: 20px;
  z-index: 0;
}
section.cardpack ul li.cardpack_oneset .btn_set{
  margin: 10px 0px 0px 0px;
  padding: 10px;
  background-color: #fcc800;
}
section.cardpack ul li.cardpack_oneset .btn_set > div,
section.cardpack ul li.cardpack_oneset .btn_set > a{
  position: relative;
  margin: 5px 0px 0px 0px;
}
section.cardpack ul li.cardpack_oneset .btn_set > div:first-child,
section.cardpack ul li.cardpack_oneset .btn_set > a:first-child{
  margin: 0px 0px 0px 0px;
}

section.cardpack ul li.cardpack_oneset .btn_set > a img {
  width: 100%;
}
section.cardpack ul li.cardpack_oneset .btn_set .point_set{
  border: 1px solid #000000;
  font-size: 0px;
  padding: 5px;
  box-sizing: border-box;
}
section.cardpack ul li.cardpack_oneset .btn_set .point_set h3{
  display: inline-block;
  width: 50%;

  color: #000000;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
section.cardpack ul li.cardpack_oneset .btn_set .point_set h3 .p_print{
  display: block;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
}
section.cardpack ul li.cardpack_oneset .btn_set .point_set p{
  display: inline-block;
  padding: 0px 20px 0px 0px;

  color: #000000;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
  box-sizing: border-box;
}
section.cardpack ul li.cardpack_oneset .btn_cardpack_re {
  position: relative;
  background-color: #cfcfcf;
  padding: 10px;
  color: #333333;
  font-size: 14px;
}
section.cardpack ul li.cardpack_oneset .btn_cardpack_re p {
  background-color: #656565;
  color: #ffffff;
  padding: 5px;
  margin: 0 10px;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
section.cardpack ul li.cardpack_oneset .btn_cardpack{
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 0px;
  text-decoration: none;
}
section.cardpack ul li.cardpack_oneset .btn_cardpack h3{
  position: absolute;
  top: 50%;
  left: 0;
  width: 70%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 0 0 40px;
  box-sizing: border-box;

  color: #000000;
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
  text-shadow:  0px 0px 4px #ffffff,
                0px 0px 4px #ffffff,
                0px 0px 4px #ffffff,
                0px 0px 4px #ffffff,
                0px 0px 4px #ffffff,
                0px 0px 4px #ffffff,
                0px 0px 4px #ffffff;
  text-align: left;
}
section.cardpack ul li.cardpack_oneset .btn_cardpack h3:before{
    position: absolute;
    display: block;
    top: 50%;
    left: 5px;
    width: 28px;
    height: 25px;
    content: ' ';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('../img/cardpack/gacha_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
section.cardpack ul li.cardpack_oneset .btn_cardpack p{
  position: absolute;
  top: 50%;
  right: 5px;
  display: inline-block;
  width: 30%;
  padding: 10px 0px;
  background-color: #000000;
  border-radius: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  color: #fcc800;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
}
section.cardpack .btn_cardpackleft,
section.cardpack .btn_cardpackright{
  position: fixed;
  display: block;
  width: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
section.cardpack .btn_cardpackleft img,
section.cardpack .btn_cardpackright img{
  width: 100%;
}
section.cardpack .btn_cardpackleft{
  left: 0px;
}
section.cardpack .btn_cardpackright{
  right: 0px;
}

section.cardpack .cardpack_on{
  display: none;
}
section.cardpack .cardpack_off{
  display: inline-block;
}
section.cardpack .cardpack_on .cardpack_on{
  display: inline-block;
}
section.cardpack .cardpack_on .cardpack_off{
  display: none;
}
.notesBtn {
  width: 120px;
  position:relative;
  display: block;
  padding: 5px;
  margin: 5px auto;
  border:solid 1px #000000;
  border-radius: 20px;
  background-color: #ffffff;

  font-size: 14px;
  color:#000000;
  font-weight: normal;
  text-align: center;
}

.cardpack_footer{
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #000000;
  padding: 5px 0px;
  font-size: 0px;
  text-align: center;
  z-index: 100;
}
.cardpack_footer .left,
.cardpack_footer .right{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
}
.cardpack_footer .left{
  left: 10px;
}
.cardpack_footer .right{
  right: 10px;
}
.cardpack_footer .btn_border_yellow {
  position: relative;
  display: inline-block;
  padding: 5px 25px 5px 25px;
  border: 1px solid #fcc800;
  border-radius: 35px;
  background-color: rgba(0,0,0,0.6);

  color: #fcc800;
}
.cardpack_footer .cursor_left_left::after,
.cardpack_footer .cursor_right_right::after{
  position: absolute;
  display: block;
  content: ' ';
  width: 8px;
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.cardpack_footer .cursor_left_left::after{
  left: 5px;
  background-image: url('/themes/sns8/sp/img/layout/banner_icon_yellow_left.png');
}
.cardpack_footer .cursor_right_right::after{
  right: 5px;
  background-image: url('/themes/sns8/sp/img/layout/banner_icon_yellow_right.png');
}

.cardpack_footer #pager{
  display: inline-block;
}
.cardpack_footer #pager div{
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #d3d3d4;
  margin: 15px 5px;
}
.cardpack_footer #pager div.cardpack_on{
  background-color: #fcc800;
}
/* ミッション・プレゼント
----------------------------- */
/*
  表示崩れるので mission.css で別読み込み
.mission_box .missionBlock:first-of-type,
.present_box .presentBlock:first-of-type { border-top: 1px solid rgba(255,255,255,0.1); }

.missionBlock,
.presentBlock,
.activitieBlock {
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 10px 3%;
  position: relative;
  overflow: hidden;
}
/* label
.missionBlock::before {
  content: 'ミッション';
  display: inline-block;
  width: 80px;
  background: #fcc800;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.missionBlock::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid #fcc800;
  border-left: 6px solid #fcc800;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: 80px;
  top: 0px;
}

.presentBlock::before {
  content: attr(data-gift_type);
  display: inline-block;
  width: 100px;
  background: #fcc800;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  position: absolute;
  left: -30px;
  top: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.missionBlock .title_image,
.presentBlock .title_image,
.activitieBlock .title_image {
  width: 80px;
  float: left;
  margin: 0 10px 0 0;
}
.missionBlock p,
.presentBlock p,
.activitieBlock p { padding-left: 90px; }
.missionBlock .title_text,
.presentBlock .title_text,
.activitieBlock .title_text { font-size: 14px; margin: 0 0 5px; }
.missionBlock .prize,
.presentBlock .prize,
.activitieBlock .prize { color: #fcc800; font-size: 12px; line-height: 16px; margin: 0 0 5px; }
.missionBlock .prize .label,
.presentBlock .prize .label {
  display: inline-block;
  background: #fcc800;
  color: #000;
  font-size: 11px;
  line-height: 16px;
  border-radius: 8px;
  padding: 0 10px;
}
.presentBlock .text {
  color: #aaa;
  font-size: 12px;
}
.missionBlock .limit,
.presentBlock .limit { color: #aaa; font-size: 12px; }
.activitieBlock .date { font-size: 11px; color: #aaa; text-align: right; }

.missionBlock .missionBlock_bar {
  background: #555;
  font-size: 12px;
  line-height: 26px;
  border-radius: 13px;
  padding: 0;
  margin: 7px 0 0 90px;
  position: relative;
  overflow: hidden;
}
.missionBlock .missionBlock_bar .bar {
  display: block;
  height: 26px;
  background: #fcc800;
}
.missionBlock .missionBlock_bar .num {
  color: #fff;
  position: absolute;
  right: 15px;
  top: 0;
}
.missionBlock .missionBlock_bar .achievedBtn {
  display: block;
  width: 100%;
  background: #fcc800;
  color: #000;
  font-size: 14px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.presentBlock .achievedBtn {
    width: 90px;
    font-size: 13px;
    line-height: 33px;
  margin: 5px 0 0 auto;
}
.presentBlock.mission_get .achievedBtn {
  background: #aaa;
  color: #111;
  text-align: center;
    border-radius: 23px;
    padding: 0;
}
.missionBlock.mission_get,
.presentBlock.mission_get {
  filter: grayscale(100%) brightness(50%);
}


/* btn
-----------------------------
.presentBtn,
.missionBtn { padding: 15px 0; }

.presentBtn a,
.missionBtn a {
  display: block;
  width: 80%;
  color: #fcc800;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
  border: 1px solid;
  border-radius: 25px;
  margin: 0 auto;
}

/* paging
-----------------------------
.paging { text-align: center; padding: 20px 3%; }
.paging > div {
  width: 30%;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.paging a,
.paging p {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid;
  position: relative;
}
.pagingLeft *::before,
.pagingRight *::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-right: none;
  border-bottom: none;
  margin: -3px 0 0;
  position: absolute;
  top: 50%;

}
.pagingLeft *::before {
  left: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pagingRight *::before {
  right: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.pagingLeft-nolink,
.pagingRight-nolink { opacity: 0.3; }


.present_alert {
  background: #c11920;
  color: #fff;
  text-align: center;
  padding: 10px 5px;
}
*/

/* 汎用ダイアログ
------------------------------- */

.modalDialog_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 1000;
}
.modalDialog {
  width: 80%;
  background: #fff;
  color: #111;
  font-size: 14px;
    text-align: center;
  margin: 0 auto;
  border-radius: 10px;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1001;
}
.modalDialog h1 {
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
}
.modalDialog p {
  font-size: 13px;
  margin: 0 0 10px;
}
.modalDialog_content {
  width: 90%;
  max-height: 100px;
  background: #fcc800;
  font-size: 12px;
  padding: 10px 0;
  overflow-y: scroll;
  margin: 10px auto;
}
.modalDialog_content li {
  margin: 5px 0;
}
.modalDialog_content li .icon_point {
  display: inline-block;
  width: 15px;
  vertical-align: sub;
  margin: 0 5px;
}
.modalDialog .closeBtn a {
  position: relative;
  display: block;
  width: 130px;
  color: #000000;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 10px;
  margin: 20px auto;
}

.kurukuru {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* エラー */
.error_page {
  margin: 15px 10px;
}
.error_page h1 {
  background-color: #fcc800;
  padding: 10px 0;
  margin: 0;
  font-size: 16px;
  color: #000000;
  text-align: center;
}
.error_page_message {
  background-color: #ffffff;
  color: #000000;
  padding: 20px;
}
/* お知らせ
-------------------------------*/
.news_box_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 1000;
}
.news_box {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  color: #000000;
  background-color: #fcc800;
  border-radius: 10px;
  margin: 0 15px;
  z-index: 1001;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.news_box h1 {
  text-align: center;
  padding: 10px 0 !important;
  font-size: 16px;
}
.news_list{
  height: 300px;
  background: #fff;
  overflow-y: scroll;
  box-sizing: border-box;
}
.news_list li {
  padding: 15px 10px 20px;
  border-bottom: 1px solid #aaa;
}
.news_list li:last-child {
  border: none;
}
.news_list .news_date {
  color: #aaa;
  font-size: 10px;
  margin: 0 0 10px;
}
.news_list img { display: inline;}

.mission_box .news_list,
.present_box .news_list  { text-align: center; }
.mission_box .news_list li li,
.present_box .news_list li li { font-size: 16px; font-weight: bold; }

.news_title{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}
.news_text {
  text-align: left;
  font-size: 12px;
  line-height: 1.6em;
}
.news_text img {
  max-width: 100%;
}
.news_text .none{
  padding: 20px;
}
.news_list::-webkit-scrollbar{ /* スクロールバー本体 */
  width: 5px;
  background: #ededed;
}
.news_list::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
  background: #888888;
  border-radius: 2px;
}
.news_list::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
  background: #ededed;
}
.news_list::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
  background: #ededed;
}
.news_list::-webkit-scrollbar-corner{ /* スクロールバー角 */
  background: transparent;
}
.news_box .closeBtn a {
  position: relative;
  display: block;
  width: 130px;
  color: #000000;
  font-size: 13px;
  text-align: center;
  border: 1px solid #000000;
  border-radius: 30px;
  padding: 10px;
  margin: 10px auto;
}

/* チェックボックス */
.news_box .today_check {
  margin: 10px;
  text-align: center;
}
.news_box .today_check input[type="checkbox"] {
    border: 1px solid #000000;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #ffffff;
    outline: none;
}
.news_box .today_check input[type="checkbox"]:checked {
    background: #000000;
    border: 1px solid #000000;
}
.news_box .today_check input[type="checkbox"]:checked:before {
    position: absolute;
    left: 0px;
    top: 13px;
    display: block;
    content: "";
    width: 8px;
    height: 3px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news_box .today_check input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 7px;
    top: 13px;
    content: "";
    width: 14px;
    height: 3px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    transform: rotate(-53deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.news_box .today_check label {
  display: inline;
  font-weight: normal;
  font-size: 12px;
}
.tutorial_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.tutorial_box .flickity-viewport {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tutorial_box ul {
  position: static;
  width: 100%;
}
.tutorial_box ul li {
  width: 100%;
}
.tutorial_box ul li img {
  width: 100%;
}
.tutorial_box .flickity-page-dots {
  bottom: 10px;
}
.tutorial_box .flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  margin: 0 4px;
}
.tutorial_box .flickity-prev-next-button.previous {
  display: none;
}
.tutorial_box .flickity-prev-next-button.next {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #fcc800;
  color: #000;

  width: 250px;
  height: 40px;
  line-height: 40px;
  -webkit-transform: inherit;
  transform: inherit;

  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;
  z-index: 2;
}
.tutorial_box .flickity-prev-next-button.next:active {
  opacity: 1;
  background-color: #ddb000;
}
.tutorial_box .flickity-prev-next-button.next::before {
  content: "次へ";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 0;
  font-size: 16px;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tutorial_box .flickity-prev-next-button:disabled {
  display: none;
}
.tutorial_box .tutorial_endBtn {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 250px;
  z-index: 1;
}
.tutorial_box .tutorial_endBtn a {
  position: relative;
  line-height: 40px;
  background-color: #FFF;
  border-radius: 30px;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.tutorial_box .tutorial_endBtn a::after {
  content: "▲";
  position: absolute;
  top: 50%;
  right: 5px;
  margin: auto;
  line-height: 0;
  font-size: 8px;
  color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

/* アクセスポイントダイアログ */
.ui-simpledialog-container span.mes_pt {
  position: relative;
  display: block;
  width: 160px;
  font-size: 25px;
  line-height: inherit;
  font-weight: bold;
  margin: 30px auto;
  padding-left: 64px;
  text-align: left;
  box-sizing: border-box;
}
.ui-simpledialog-container span.mes_pt::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -10px;
  width: 64px;
  height: 64px;
  background-image: url('/themes/sns8/sp/img/layout/icon_point.png');
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.ui-simpledialog-container span.mes_forecast {
  position: relative;
  display: block;
  width: 160px;
  font-size: 25px;
  line-height: inherit;
  font-weight: bold;
  margin: 30px auto;
  padding-left: 90px;
  text-align: left;
  box-sizing: border-box;
}
.ui-simpledialog-container span.mes_forecast::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -10px;
  width: 100px;
  height: 81px;
  background-image: url('/themes/sns8/sp/img/forecast/2024/icon_atsuo_large.png');
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}

/* activity履歴 */
#activities span.mes_pt {
}
#activities span.mes_pt::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url('/themes/sns8/sp/img/layout/icon_point.png');
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}

/* 外部用背景CSS */
#outside_bg {
  position: fixed;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
/*  background: #000000 url('/themes/sns8/sp/img/layout/bg.jpg');*/
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: -1;
}

/* ガチャ結果ページ */
.gacha_card_list {
  margin: 10px 0;
}
.gacha_card_list ul {
  margin: 0 10px;
  display: flex;
  justify-content: center;
}
.gacha_card_list ul li {
  display: block;
  width: 25%;
  padding: 10px 0;
  display: inline-block;
}
.gacha_card_list ul li > div {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.gacha_card_list ul li .img {
  width: 100%;
  max-width: 500px;
}
.gacha_card_list .clear {
  clear: both;
}
.gacha_result_link {
  position: relative;
  margin: 30px 20px 20px 20px;
  text-align: center;
}
.gacha_result_link > div {
  margin: 15px 0;
}
.gacha_result_link a {
  text-align: center;
  padding: 10px;
  background-color: rgba(0,0,0,0.5);
  border: 1px solid #ffffff;
  border-radius: 30px;
  box-sizing: border-box;

  color: #ffffff;
  font-size: 14px;
}
.gacha_result_link .first a {
  display: block;
}
.gacha_result_link .second {
  display: table;
  width: 100%;
}
.gacha_result_link .second > div {
  display: table-cell;
  width: 50%;
}
.gacha_result_link .second > div:first-child a {
  margin-right: 5px;
}
.gacha_result_link .second > div:last-child a {
  margin-left: 5px;
}
.gacha_card_list li .new {
  position: absolute;
  width: 30px;
  left: -3px;
  top: -17px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.gacha_card_list li .new img {
  width: 100%;
}

/* 確定枠 */
.gacha_card_list li .confirmed {
  display: block;
  position: absolute;
  width: 115%;
  max-width: inherit;
  left: 0px;
  top: -9.5%;
}

/* 一枚の場合 */
.gacha_card_list {
  margin: 46px 0;
}
.gacha_card_list.only ul {
  margin: 0 10px;
}
.gacha_card_list.only li {
  width: 100%;
  float: none;
}
.gacha_card_list.only li .new {
  position: absolute;
  width: 70px;
  left: -10px;
  top: -35px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

/* 確定枠 */
.gacha_card_list.only li .confirmed {
  display: block;
  position: absolute;
  width: 118%;
  max-width: inherit;
  left: -2%;
  top: -10%;
}

.gacha_card_list li .icon-rotate {
    /*position: absolute;*/
    bottom: 0px;
    /*left: 25px;*/
}
.gacha_card_list li .icon-rotate img{
    position: absolute;
    width:25px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
/* 名前表示対応 */
.gacha_card_background {
  padding-top: 1px;
  background-color: rgba(0,0,0,0.8);
  position: fixed;
  width: 100%; height: 100vh;
  overflow: auto;
}
.gacha_card_list li .name {
  color: #ffffff;
  font-size: 10px;
  width: 100%;
  text-align: center;
}
.gacha_card_list.only li .name {
  color: #ffffff;
  font-size: 20px;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}

/* バージョンチェック */
.version_check_text {
  padding: 20px 0 0 0;
  font-size: 12px;
  text-align: center;
}
.version_check_link {
  width: 100%;
  display: table;
  margin: 20px 0;
  box-sizing: border-box;
}
.version_check_link .center{
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.version_check_link a {
  position: relative;
  display: block;
  width: 95%;
  max-width: 300px;
  height: 50px;
  padding: 7px;
  border: 1px solid #000000;
  border-radius: 30px;
  box-sizing: border-box;
}
.version_check_link p {
  color: #000000;
  text-align: center;
  font-size: 20px;
  line-height: 16px;
  font-weight: bold;
  position: absolute;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.version_check_link > div > a::before {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.version_check_link .change_bg a {
  background-color: #fcc800;
  margin: 0 auto;
}


/* 20180312 added */
#navigationBar {
  line-height: 50px;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 100;
  background-color:#000;
}
#navigationBar h1 { color: #FFCB00; font-size: 16px; font-weight: bold; text-align: center; padding: 0 50px; }
#navigationBar h1.ja { font-size: 20px; }
@media screen and (max-width: 374px) {
  #navigationBar h1.ja { font-size: 18px; }
}
#navigationBar .left { position: absolute; left: 0; top: 0; }
#navigationBar .right { position: absolute; left: 0; top: 0; }
#navigationBar .back a {
  display: block;
  width: 50px;
  height: 50px;
}
#navigationBar .back a::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-right: none;
  border-bottom: none;
  position: absolute;
  left: 10px;
  top: 19px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#navigationBar .howto {
  position: absolute;
  padding: 7px 15px;
  top: 12px; right: 13px;
  border-radius: 16px;
  background: #fcc800;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #000;
}

#crystal { padding: 10px 3%; }
#crystal .bnr a { display: block; padding: 0 4%; margin: 0 0 10px; }
#crystal .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#crystal .list li {
  width: 28%;
  margin: 0 2% 15px;
}
#crystal .txtLink a { display: block; color: #aaa; text-align: center; }
#crystal .cancelBtn a{
  position: relative;
    display: block;
    width: 130px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border: 1px solid;
    border-radius: 30px;
    padding: 10px;
    margin: 10px auto;
}




html.disable-scroll {
  width: 100vw;
  height: 100vh; }

body.disable-scroll {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw; }



.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

.flip-container .flipper {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.flip-container .flipper.flip {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*.flip-container, .front, .back {
  width: 320px;
  height: 480px;
}
*/

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

#card_omotemen, #card_uramen {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#card_omotemen {
}

#card_uramen {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}


/* ステップアップ用 */
.stepup_box .text_balloon {
    display: inline-block;
    position: relative;
  max-width: 92%;
    margin: 10px auto 20px;
    padding: 10px 20px;
    border-radius: 10px;
    border: 4px solid #fbc706;
    background: #FFF;
    color: #000;
}
.stepup_box .text_balloon:after {
    display: block;
    position: absolute;
    bottom: -12px; left: 50%;
    width: 20px; height: 20px;
    border-left: 3px solid #fbc706;
    border-bottom: 3px solid #fbc706;
    background: #FFF;
    transform: translateX(-50%) rotate(-45deg);
    content: '';
}
.stepup_box .text_balloon.result:after {
    left: 80%;
}


.stepup_box .text_balloon .step_text {
    font-size: 20px;
    font-weight: bold;
}
.stepup_box .text_balloon .catch_phrase {
    font-size: 13px;
    word-break: break-all;
}

#modal-prohibit {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0%;
  left: 0;
  width: 100vw;
  bottom: 0;
  background: #000;
  z-index: 11000;
  display: flex;
  color: #FFF;
}
#modal-prohibit .modal-prohibit-inner {
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1.4rem, 2vw, 2.8rem);
  line-height: 1.4;
}
#modal-prohibit .modal-prohibit-lead {
  font-size: 3.5rem;
  font-size: clamp(1.8rem, 2.4vw, 3.2rem);
  margin-bottom: 1em;
}

@media screen and (max-width:480px),screen and (orientation:portrait){
    #modal-prohibit{
        display:none;
    }
}

.p_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
}
.p_footerNav {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-top: -6px;
}
.p_footerNav .p_footerNavItem {
  width: 20%;
  font-weight: bold;
  position: relative;
}
.p_footerNav .p_footerNavItem a {
  display: block;
}

.p_footerNav .p_footerNavItem .footer_badge {
  background: #ec4646;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  position: absolute;
  top: 0px;
  left: 70%;
}

/* 汎用ポップアップ */
#cmn_popup_cover {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}
#cmn_popup_cover .popup_box {
    display: none;
    overflow: hidden;
    position: fixed;
    margin: 0 20px;
    top: 50%; left: 0; right: 0;
    border-radius: 10px;
    transform: translateY(-50%);
}
#cmn_popup_cover .popup_box .popup_title {
    padding: 7px 0;
    background: #fcc800;
    font-size: 16px;
    text-align: center;
}
#cmn_popup_cover .popup_box .popup_box_inner {
    padding: 15px 8px;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    color: #000;
}
#cmn_popup_cover .popup_box .popup_box_inner .popup_text {
    margin-bottom: 20px;
}
#cmn_popup_cover .popup_box .popup_btns_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    width: 80%;
}
#cmn_popup_cover .popup_box .popup_btns_list.single { justify-content: center; }
#cmn_popup_cover .popup_box .popup_btns_list.vertical { display: block; }
#cmn_popup_cover .popup_box li {
    display: inline-block;
    width: 45%;
}
#cmn_popup_cover .popup_box .popup_btns_list.vertical li {
  margin-bottom: 15px;
  width: 80%;
}
#cmn_popup_cover .popup_box .popup_btns_list.vertical li:last-child { margin-bottom: 0; }
#cmn_popup_cover .popup_box .popup_btns_list .popup_btn {
    display: inline-block;
    padding: 8px;
    width: 100%;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 12px;
    text-align: center;
}