@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src: url('/static/fonts/icomoon.eot?vz0fnp');
  src: url('/static/fonts/icomoon.eot?vz0fnp#iefix') format('embedded-opentype'), url('/static/fonts/icomoon.ttf?vz0fnp') format('truetype'), url('/static/fonts/icomoon.woff?vz0fnp') format('woff'), url('/static/fonts/icomoon.svg?vz0fnp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
  content: "\E917";
  color: inherit;
}
.icon-direction-ahead:before {
  content: "\E900";
  color: inherit;
}
.icon-direction-outline:before {
  content: "\E901";
  color: inherit;
}
.icon-slide-out:before {
  content: "\E902";
  color: inherit;
}
.icon-slide-in:before {
  content: "\E903";
  color: inherit;
}
.icon-bars:before {
  content: "\E904";
  color: inherit;
}
.icon-direction-solid:before {
  content: "\E905";
  color: inherit;
}
.icon-screen:before {
  content: "\E906";
  color: inherit;
}
.icon-truck:before {
  content: "\E907";
  color: inherit;
}
.icon-download:before {
  content: "\E908";
  color: inherit;
}
.icon-marker:before {
  content: "\E909";
  color: inherit;
}
.icon-info:before {
  content: "\E90A";
  color: inherit;
}
.icon-award:before {
  content: "\E90B";
  color: inherit;
}
.icon-bell:before {
  content: "\E90C";
  color: inherit;
}
.icon-yen:before {
  content: "\E90D";
  color: inherit;
}
.icon-rador:before {
  content: "\E90E";
  color: inherit;
}
.icon-person:before {
  content: "\E90F";
  color: inherit;
}
.icon-option:before {
  content: "\E910";
  color: inherit;
}
.icon-ticket:before {
  content: "\E911";
  color: inherit;
}
.icon-home:before {
  content: "\E912";
  color: inherit;
}
.icon-reload:before {
  content: "\E913";
  color: inherit;
}
.icon-arrow-left:before {
  content: "\E914";
  color: inherit;
}
.icon-arrow-right:before {
  content: "\E915";
  color: inherit;
}
.icon-arrow-up:before {
  content: "\E916";
  color: inherit;
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/static/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/static/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/static/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/static/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/static/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/static/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}
.fa-music:before {
  content: "\F001";
}
.fa-search:before {
  content: "\F002";
}
.fa-envelope-o:before {
  content: "\F003";
}
.fa-heart:before {
  content: "\F004";
}
.fa-star:before {
  content: "\F005";
}
.fa-star-o:before {
  content: "\F006";
}
.fa-user:before {
  content: "\F007";
}
.fa-film:before {
  content: "\F008";
}
.fa-th-large:before {
  content: "\F009";
}
.fa-th:before {
  content: "\F00A";
}
.fa-th-list:before {
  content: "\F00B";
}
.fa-check:before {
  content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.fa-search-plus:before {
  content: "\F00E";
}
.fa-search-minus:before {
  content: "\F010";
}
.fa-power-off:before {
  content: "\F011";
}
.fa-signal:before {
  content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}
.fa-trash-o:before {
  content: "\F014";
}
.fa-home:before {
  content: "\F015";
}
.fa-file-o:before {
  content: "\F016";
}
.fa-clock-o:before {
  content: "\F017";
}
.fa-road:before {
  content: "\F018";
}
.fa-download:before {
  content: "\F019";
}
.fa-arrow-circle-o-down:before {
  content: "\F01A";
}
.fa-arrow-circle-o-up:before {
  content: "\F01B";
}
.fa-inbox:before {
  content: "\F01C";
}
.fa-play-circle-o:before {
  content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}
.fa-refresh:before {
  content: "\F021";
}
.fa-list-alt:before {
  content: "\F022";
}
.fa-lock:before {
  content: "\F023";
}
.fa-flag:before {
  content: "\F024";
}
.fa-headphones:before {
  content: "\F025";
}
.fa-volume-off:before {
  content: "\F026";
}
.fa-volume-down:before {
  content: "\F027";
}
.fa-volume-up:before {
  content: "\F028";
}
.fa-qrcode:before {
  content: "\F029";
}
.fa-barcode:before {
  content: "\F02A";
}
.fa-tag:before {
  content: "\F02B";
}
.fa-tags:before {
  content: "\F02C";
}
.fa-book:before {
  content: "\F02D";
}
.fa-bookmark:before {
  content: "\F02E";
}
.fa-print:before {
  content: "\F02F";
}
.fa-camera:before {
  content: "\F030";
}
.fa-font:before {
  content: "\F031";
}
.fa-bold:before {
  content: "\F032";
}
.fa-italic:before {
  content: "\F033";
}
.fa-text-height:before {
  content: "\F034";
}
.fa-text-width:before {
  content: "\F035";
}
.fa-align-left:before {
  content: "\F036";
}
.fa-align-center:before {
  content: "\F037";
}
.fa-align-right:before {
  content: "\F038";
}
.fa-align-justify:before {
  content: "\F039";
}
.fa-list:before {
  content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}
.fa-indent:before {
  content: "\F03C";
}
.fa-video-camera:before {
  content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}
.fa-pencil:before {
  content: "\F040";
}
.fa-map-marker:before {
  content: "\F041";
}
.fa-adjust:before {
  content: "\F042";
}
.fa-tint:before {
  content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}
.fa-share-square-o:before {
  content: "\F045";
}
.fa-check-square-o:before {
  content: "\F046";
}
.fa-arrows:before {
  content: "\F047";
}
.fa-step-backward:before {
  content: "\F048";
}
.fa-fast-backward:before {
  content: "\F049";
}
.fa-backward:before {
  content: "\F04A";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\F04C";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-forward:before {
  content: "\F04E";
}
.fa-fast-forward:before {
  content: "\F050";
}
.fa-step-forward:before {
  content: "\F051";
}
.fa-eject:before {
  content: "\F052";
}
.fa-chevron-left:before {
  content: "\F053";
}
.fa-chevron-right:before {
  content: "\F054";
}
.fa-plus-circle:before {
  content: "\F055";
}
.fa-minus-circle:before {
  content: "\F056";
}
.fa-times-circle:before {
  content: "\F057";
}
.fa-check-circle:before {
  content: "\F058";
}
.fa-question-circle:before {
  content: "\F059";
}
.fa-info-circle:before {
  content: "\F05A";
}
.fa-crosshairs:before {
  content: "\F05B";
}
.fa-times-circle-o:before {
  content: "\F05C";
}
.fa-check-circle-o:before {
  content: "\F05D";
}
.fa-ban:before {
  content: "\F05E";
}
.fa-arrow-left:before {
  content: "\F060";
}
.fa-arrow-right:before {
  content: "\F061";
}
.fa-arrow-up:before {
  content: "\F062";
}
.fa-arrow-down:before {
  content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}
.fa-expand:before {
  content: "\F065";
}
.fa-compress:before {
  content: "\F066";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-asterisk:before {
  content: "\F069";
}
.fa-exclamation-circle:before {
  content: "\F06A";
}
.fa-gift:before {
  content: "\F06B";
}
.fa-leaf:before {
  content: "\F06C";
}
.fa-fire:before {
  content: "\F06D";
}
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-slash:before {
  content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}
.fa-plane:before {
  content: "\F072";
}
.fa-calendar:before {
  content: "\F073";
}
.fa-random:before {
  content: "\F074";
}
.fa-comment:before {
  content: "\F075";
}
.fa-magnet:before {
  content: "\F076";
}
.fa-chevron-up:before {
  content: "\F077";
}
.fa-chevron-down:before {
  content: "\F078";
}
.fa-retweet:before {
  content: "\F079";
}
.fa-shopping-cart:before {
  content: "\F07A";
}
.fa-folder:before {
  content: "\F07B";
}
.fa-folder-open:before {
  content: "\F07C";
}
.fa-arrows-v:before {
  content: "\F07D";
}
.fa-arrows-h:before {
  content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}
.fa-twitter-square:before {
  content: "\F081";
}
.fa-facebook-square:before {
  content: "\F082";
}
.fa-camera-retro:before {
  content: "\F083";
}
.fa-key:before {
  content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}
.fa-comments:before {
  content: "\F086";
}
.fa-thumbs-o-up:before {
  content: "\F087";
}
.fa-thumbs-o-down:before {
  content: "\F088";
}
.fa-star-half:before {
  content: "\F089";
}
.fa-heart-o:before {
  content: "\F08A";
}
.fa-sign-out:before {
  content: "\F08B";
}
.fa-linkedin-square:before {
  content: "\F08C";
}
.fa-thumb-tack:before {
  content: "\F08D";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-sign-in:before {
  content: "\F090";
}
.fa-trophy:before {
  content: "\F091";
}
.fa-github-square:before {
  content: "\F092";
}
.fa-upload:before {
  content: "\F093";
}
.fa-lemon-o:before {
  content: "\F094";
}
.fa-phone:before {
  content: "\F095";
}
.fa-square-o:before {
  content: "\F096";
}
.fa-bookmark-o:before {
  content: "\F097";
}
.fa-phone-square:before {
  content: "\F098";
}
.fa-twitter:before {
  content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}
.fa-github:before {
  content: "\F09B";
}
.fa-unlock:before {
  content: "\F09C";
}
.fa-credit-card:before {
  content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}
.fa-hdd-o:before {
  content: "\F0A0";
}
.fa-bullhorn:before {
  content: "\F0A1";
}
.fa-bell:before {
  content: "\F0F3";
}
.fa-certificate:before {
  content: "\F0A3";
}
.fa-hand-o-right:before {
  content: "\F0A4";
}
.fa-hand-o-left:before {
  content: "\F0A5";
}
.fa-hand-o-up:before {
  content: "\F0A6";
}
.fa-hand-o-down:before {
  content: "\F0A7";
}
.fa-arrow-circle-left:before {
  content: "\F0A8";
}
.fa-arrow-circle-right:before {
  content: "\F0A9";
}
.fa-arrow-circle-up:before {
  content: "\F0AA";
}
.fa-arrow-circle-down:before {
  content: "\F0AB";
}
.fa-globe:before {
  content: "\F0AC";
}
.fa-wrench:before {
  content: "\F0AD";
}
.fa-tasks:before {
  content: "\F0AE";
}
.fa-filter:before {
  content: "\F0B0";
}
.fa-briefcase:before {
  content: "\F0B1";
}
.fa-arrows-alt:before {
  content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}
.fa-cloud:before {
  content: "\F0C2";
}
.fa-flask:before {
  content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}
.fa-paperclip:before {
  content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}
.fa-square:before {
  content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}
.fa-list-ul:before {
  content: "\F0CA";
}
.fa-list-ol:before {
  content: "\F0CB";
}
.fa-strikethrough:before {
  content: "\F0CC";
}
.fa-underline:before {
  content: "\F0CD";
}
.fa-table:before {
  content: "\F0CE";
}
.fa-magic:before {
  content: "\F0D0";
}
.fa-truck:before {
  content: "\F0D1";
}
.fa-pinterest:before {
  content: "\F0D2";
}
.fa-pinterest-square:before {
  content: "\F0D3";
}
.fa-google-plus-square:before {
  content: "\F0D4";
}
.fa-google-plus:before {
  content: "\F0D5";
}
.fa-money:before {
  content: "\F0D6";
}
.fa-caret-down:before {
  content: "\F0D7";
}
.fa-caret-up:before {
  content: "\F0D8";
}
.fa-caret-left:before {
  content: "\F0D9";
}
.fa-caret-right:before {
  content: "\F0DA";
}
.fa-columns:before {
  content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}
.fa-envelope:before {
  content: "\F0E0";
}
.fa-linkedin:before {
  content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}
.fa-comment-o:before {
  content: "\F0E5";
}
.fa-comments-o:before {
  content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}
.fa-sitemap:before {
  content: "\F0E8";
}
.fa-umbrella:before {
  content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}
.fa-lightbulb-o:before {
  content: "\F0EB";
}
.fa-exchange:before {
  content: "\F0EC";
}
.fa-cloud-download:before {
  content: "\F0ED";
}
.fa-cloud-upload:before {
  content: "\F0EE";
}
.fa-user-md:before {
  content: "\F0F0";
}
.fa-stethoscope:before {
  content: "\F0F1";
}
.fa-suitcase:before {
  content: "\F0F2";
}
.fa-bell-o:before {
  content: "\F0A2";
}
.fa-coffee:before {
  content: "\F0F4";
}
.fa-cutlery:before {
  content: "\F0F5";
}
.fa-file-text-o:before {
  content: "\F0F6";
}
.fa-building-o:before {
  content: "\F0F7";
}
.fa-hospital-o:before {
  content: "\F0F8";
}
.fa-ambulance:before {
  content: "\F0F9";
}
.fa-medkit:before {
  content: "\F0FA";
}
.fa-fighter-jet:before {
  content: "\F0FB";
}
.fa-beer:before {
  content: "\F0FC";
}
.fa-h-square:before {
  content: "\F0FD";
}
.fa-plus-square:before {
  content: "\F0FE";
}
.fa-angle-double-left:before {
  content: "\F100";
}
.fa-angle-double-right:before {
  content: "\F101";
}
.fa-angle-double-up:before {
  content: "\F102";
}
.fa-angle-double-down:before {
  content: "\F103";
}
.fa-angle-left:before {
  content: "\F104";
}
.fa-angle-right:before {
  content: "\F105";
}
.fa-angle-up:before {
  content: "\F106";
}
.fa-angle-down:before {
  content: "\F107";
}
.fa-desktop:before {
  content: "\F108";
}
.fa-laptop:before {
  content: "\F109";
}
.fa-tablet:before {
  content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}
.fa-circle-o:before {
  content: "\F10C";
}
.fa-quote-left:before {
  content: "\F10D";
}
.fa-quote-right:before {
  content: "\F10E";
}
.fa-spinner:before {
  content: "\F110";
}
.fa-circle:before {
  content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}
.fa-github-alt:before {
  content: "\F113";
}
.fa-folder-o:before {
  content: "\F114";
}
.fa-folder-open-o:before {
  content: "\F115";
}
.fa-smile-o:before {
  content: "\F118";
}
.fa-frown-o:before {
  content: "\F119";
}
.fa-meh-o:before {
  content: "\F11A";
}
.fa-gamepad:before {
  content: "\F11B";
}
.fa-keyboard-o:before {
  content: "\F11C";
}
.fa-flag-o:before {
  content: "\F11D";
}
.fa-flag-checkered:before {
  content: "\F11E";
}
.fa-terminal:before {
  content: "\F120";
}
.fa-code:before {
  content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}
.fa-location-arrow:before {
  content: "\F124";
}
.fa-crop:before {
  content: "\F125";
}
.fa-code-fork:before {
  content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}
.fa-question:before {
  content: "\F128";
}
.fa-info:before {
  content: "\F129";
}
.fa-exclamation:before {
  content: "\F12A";
}
.fa-superscript:before {
  content: "\F12B";
}
.fa-subscript:before {
  content: "\F12C";
}
.fa-eraser:before {
  content: "\F12D";
}
.fa-puzzle-piece:before {
  content: "\F12E";
}
.fa-microphone:before {
  content: "\F130";
}
.fa-microphone-slash:before {
  content: "\F131";
}
.fa-shield:before {
  content: "\F132";
}
.fa-calendar-o:before {
  content: "\F133";
}
.fa-fire-extinguisher:before {
  content: "\F134";
}
.fa-rocket:before {
  content: "\F135";
}
.fa-maxcdn:before {
  content: "\F136";
}
.fa-chevron-circle-left:before {
  content: "\F137";
}
.fa-chevron-circle-right:before {
  content: "\F138";
}
.fa-chevron-circle-up:before {
  content: "\F139";
}
.fa-chevron-circle-down:before {
  content: "\F13A";
}
.fa-html5:before {
  content: "\F13B";
}
.fa-css3:before {
  content: "\F13C";
}
.fa-anchor:before {
  content: "\F13D";
}
.fa-unlock-alt:before {
  content: "\F13E";
}
.fa-bullseye:before {
  content: "\F140";
}
.fa-ellipsis-h:before {
  content: "\F141";
}
.fa-ellipsis-v:before {
  content: "\F142";
}
.fa-rss-square:before {
  content: "\F143";
}
.fa-play-circle:before {
  content: "\F144";
}
.fa-ticket:before {
  content: "\F145";
}
.fa-minus-square:before {
  content: "\F146";
}
.fa-minus-square-o:before {
  content: "\F147";
}
.fa-level-up:before {
  content: "\F148";
}
.fa-level-down:before {
  content: "\F149";
}
.fa-check-square:before {
  content: "\F14A";
}
.fa-pencil-square:before {
  content: "\F14B";
}
.fa-external-link-square:before {
  content: "\F14C";
}
.fa-share-square:before {
  content: "\F14D";
}
.fa-compass:before {
  content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}
.fa-gbp:before {
  content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}
.fa-won:before,
.fa-krw:before {
  content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}
.fa-file:before {
  content: "\F15B";
}
.fa-file-text:before {
  content: "\F15C";
}
.fa-sort-alpha-asc:before {
  content: "\F15D";
}
.fa-sort-alpha-desc:before {
  content: "\F15E";
}
.fa-sort-amount-asc:before {
  content: "\F160";
}
.fa-sort-amount-desc:before {
  content: "\F161";
}
.fa-sort-numeric-asc:before {
  content: "\F162";
}
.fa-sort-numeric-desc:before {
  content: "\F163";
}
.fa-thumbs-up:before {
  content: "\F164";
}
.fa-thumbs-down:before {
  content: "\F165";
}
.fa-youtube-square:before {
  content: "\F166";
}
.fa-youtube:before {
  content: "\F167";
}
.fa-xing:before {
  content: "\F168";
}
.fa-xing-square:before {
  content: "\F169";
}
.fa-youtube-play:before {
  content: "\F16A";
}
.fa-dropbox:before {
  content: "\F16B";
}
.fa-stack-overflow:before {
  content: "\F16C";
}
.fa-instagram:before {
  content: "\F16D";
}
.fa-flickr:before {
  content: "\F16E";
}
.fa-adn:before {
  content: "\F170";
}
.fa-bitbucket:before {
  content: "\F171";
}
.fa-bitbucket-square:before {
  content: "\F172";
}
.fa-tumblr:before {
  content: "\F173";
}
.fa-tumblr-square:before {
  content: "\F174";
}
.fa-long-arrow-down:before {
  content: "\F175";
}
.fa-long-arrow-up:before {
  content: "\F176";
}
.fa-long-arrow-left:before {
  content: "\F177";
}
.fa-long-arrow-right:before {
  content: "\F178";
}
.fa-apple:before {
  content: "\F179";
}
.fa-windows:before {
  content: "\F17A";
}
.fa-android:before {
  content: "\F17B";
}
.fa-linux:before {
  content: "\F17C";
}
.fa-dribbble:before {
  content: "\F17D";
}
.fa-skype:before {
  content: "\F17E";
}
.fa-foursquare:before {
  content: "\F180";
}
.fa-trello:before {
  content: "\F181";
}
.fa-female:before {
  content: "\F182";
}
.fa-male:before {
  content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}
.fa-sun-o:before {
  content: "\F185";
}
.fa-moon-o:before {
  content: "\F186";
}
.fa-archive:before {
  content: "\F187";
}
.fa-bug:before {
  content: "\F188";
}
.fa-vk:before {
  content: "\F189";
}
.fa-weibo:before {
  content: "\F18A";
}
.fa-renren:before {
  content: "\F18B";
}
.fa-pagelines:before {
  content: "\F18C";
}
.fa-stack-exchange:before {
  content: "\F18D";
}
.fa-arrow-circle-o-right:before {
  content: "\F18E";
}
.fa-arrow-circle-o-left:before {
  content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}
.fa-dot-circle-o:before {
  content: "\F192";
}
.fa-wheelchair:before {
  content: "\F193";
}
.fa-vimeo-square:before {
  content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}
.fa-plus-square-o:before {
  content: "\F196";
}
.fa-space-shuttle:before {
  content: "\F197";
}
.fa-slack:before {
  content: "\F198";
}
.fa-envelope-square:before {
  content: "\F199";
}
.fa-wordpress:before {
  content: "\F19A";
}
.fa-openid:before {
  content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}
.fa-yahoo:before {
  content: "\F19E";
}
.fa-google:before {
  content: "\F1A0";
}
.fa-reddit:before {
  content: "\F1A1";
}
.fa-reddit-square:before {
  content: "\F1A2";
}
.fa-stumbleupon-circle:before {
  content: "\F1A3";
}
.fa-stumbleupon:before {
  content: "\F1A4";
}
.fa-delicious:before {
  content: "\F1A5";
}
.fa-digg:before {
  content: "\F1A6";
}
.fa-pied-piper-pp:before {
  content: "\F1A7";
}
.fa-pied-piper-alt:before {
  content: "\F1A8";
}
.fa-drupal:before {
  content: "\F1A9";
}
.fa-joomla:before {
  content: "\F1AA";
}
.fa-language:before {
  content: "\F1AB";
}
.fa-fax:before {
  content: "\F1AC";
}
.fa-building:before {
  content: "\F1AD";
}
.fa-child:before {
  content: "\F1AE";
}
.fa-paw:before {
  content: "\F1B0";
}
.fa-spoon:before {
  content: "\F1B1";
}
.fa-cube:before {
  content: "\F1B2";
}
.fa-cubes:before {
  content: "\F1B3";
}
.fa-behance:before {
  content: "\F1B4";
}
.fa-behance-square:before {
  content: "\F1B5";
}
.fa-steam:before {
  content: "\F1B6";
}
.fa-steam-square:before {
  content: "\F1B7";
}
.fa-recycle:before {
  content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}
.fa-tree:before {
  content: "\F1BB";
}
.fa-spotify:before {
  content: "\F1BC";
}
.fa-deviantart:before {
  content: "\F1BD";
}
.fa-soundcloud:before {
  content: "\F1BE";
}
.fa-database:before {
  content: "\F1C0";
}
.fa-file-pdf-o:before {
  content: "\F1C1";
}
.fa-file-word-o:before {
  content: "\F1C2";
}
.fa-file-excel-o:before {
  content: "\F1C3";
}
.fa-file-powerpoint-o:before {
  content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}
.fa-file-code-o:before {
  content: "\F1C9";
}
.fa-vine:before {
  content: "\F1CA";
}
.fa-codepen:before {
  content: "\F1CB";
}
.fa-jsfiddle:before {
  content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}
.fa-circle-o-notch:before {
  content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}
.fa-git-square:before {
  content: "\F1D2";
}
.fa-git:before {
  content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}
.fa-tencent-weibo:before {
  content: "\F1D5";
}
.fa-qq:before {
  content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}
.fa-history:before {
  content: "\F1DA";
}
.fa-circle-thin:before {
  content: "\F1DB";
}
.fa-header:before {
  content: "\F1DC";
}
.fa-paragraph:before {
  content: "\F1DD";
}
.fa-sliders:before {
  content: "\F1DE";
}
.fa-share-alt:before {
  content: "\F1E0";
}
.fa-share-alt-square:before {
  content: "\F1E1";
}
.fa-bomb:before {
  content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}
.fa-tty:before {
  content: "\F1E4";
}
.fa-binoculars:before {
  content: "\F1E5";
}
.fa-plug:before {
  content: "\F1E6";
}
.fa-slideshare:before {
  content: "\F1E7";
}
.fa-twitch:before {
  content: "\F1E8";
}
.fa-yelp:before {
  content: "\F1E9";
}
.fa-newspaper-o:before {
  content: "\F1EA";
}
.fa-wifi:before {
  content: "\F1EB";
}
.fa-calculator:before {
  content: "\F1EC";
}
.fa-paypal:before {
  content: "\F1ED";
}
.fa-google-wallet:before {
  content: "\F1EE";
}
.fa-cc-visa:before {
  content: "\F1F0";
}
.fa-cc-mastercard:before {
  content: "\F1F1";
}
.fa-cc-discover:before {
  content: "\F1F2";
}
.fa-cc-amex:before {
  content: "\F1F3";
}
.fa-cc-paypal:before {
  content: "\F1F4";
}
.fa-cc-stripe:before {
  content: "\F1F5";
}
.fa-bell-slash:before {
  content: "\F1F6";
}
.fa-bell-slash-o:before {
  content: "\F1F7";
}
.fa-trash:before {
  content: "\F1F8";
}
.fa-copyright:before {
  content: "\F1F9";
}
.fa-at:before {
  content: "\F1FA";
}
.fa-eyedropper:before {
  content: "\F1FB";
}
.fa-paint-brush:before {
  content: "\F1FC";
}
.fa-birthday-cake:before {
  content: "\F1FD";
}
.fa-area-chart:before {
  content: "\F1FE";
}
.fa-pie-chart:before {
  content: "\F200";
}
.fa-line-chart:before {
  content: "\F201";
}
.fa-lastfm:before {
  content: "\F202";
}
.fa-lastfm-square:before {
  content: "\F203";
}
.fa-toggle-off:before {
  content: "\F204";
}
.fa-toggle-on:before {
  content: "\F205";
}
.fa-bicycle:before {
  content: "\F206";
}
.fa-bus:before {
  content: "\F207";
}
.fa-ioxhost:before {
  content: "\F208";
}
.fa-angellist:before {
  content: "\F209";
}
.fa-cc:before {
  content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}
.fa-meanpath:before {
  content: "\F20C";
}
.fa-buysellads:before {
  content: "\F20D";
}
.fa-connectdevelop:before {
  content: "\F20E";
}
.fa-dashcube:before {
  content: "\F210";
}
.fa-forumbee:before {
  content: "\F211";
}
.fa-leanpub:before {
  content: "\F212";
}
.fa-sellsy:before {
  content: "\F213";
}
.fa-shirtsinbulk:before {
  content: "\F214";
}
.fa-simplybuilt:before {
  content: "\F215";
}
.fa-skyatlas:before {
  content: "\F216";
}
.fa-cart-plus:before {
  content: "\F217";
}
.fa-cart-arrow-down:before {
  content: "\F218";
}
.fa-diamond:before {
  content: "\F219";
}
.fa-ship:before {
  content: "\F21A";
}
.fa-user-secret:before {
  content: "\F21B";
}
.fa-motorcycle:before {
  content: "\F21C";
}
.fa-street-view:before {
  content: "\F21D";
}
.fa-heartbeat:before {
  content: "\F21E";
}
.fa-venus:before {
  content: "\F221";
}
.fa-mars:before {
  content: "\F222";
}
.fa-mercury:before {
  content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}
.fa-transgender-alt:before {
  content: "\F225";
}
.fa-venus-double:before {
  content: "\F226";
}
.fa-mars-double:before {
  content: "\F227";
}
.fa-venus-mars:before {
  content: "\F228";
}
.fa-mars-stroke:before {
  content: "\F229";
}
.fa-mars-stroke-v:before {
  content: "\F22A";
}
.fa-mars-stroke-h:before {
  content: "\F22B";
}
.fa-neuter:before {
  content: "\F22C";
}
.fa-genderless:before {
  content: "\F22D";
}
.fa-facebook-official:before {
  content: "\F230";
}
.fa-pinterest-p:before {
  content: "\F231";
}
.fa-whatsapp:before {
  content: "\F232";
}
.fa-server:before {
  content: "\F233";
}
.fa-user-plus:before {
  content: "\F234";
}
.fa-user-times:before {
  content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}
.fa-viacoin:before {
  content: "\F237";
}
.fa-train:before {
  content: "\F238";
}
.fa-subway:before {
  content: "\F239";
}
.fa-medium:before {
  content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}
.fa-optin-monster:before {
  content: "\F23C";
}
.fa-opencart:before {
  content: "\F23D";
}
.fa-expeditedssl:before {
  content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}
.fa-mouse-pointer:before {
  content: "\F245";
}
.fa-i-cursor:before {
  content: "\F246";
}
.fa-object-group:before {
  content: "\F247";
}
.fa-object-ungroup:before {
  content: "\F248";
}
.fa-sticky-note:before {
  content: "\F249";
}
.fa-sticky-note-o:before {
  content: "\F24A";
}
.fa-cc-jcb:before {
  content: "\F24B";
}
.fa-cc-diners-club:before {
  content: "\F24C";
}
.fa-clone:before {
  content: "\F24D";
}
.fa-balance-scale:before {
  content: "\F24E";
}
.fa-hourglass-o:before {
  content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}
.fa-hourglass:before {
  content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}
.fa-hand-scissors-o:before {
  content: "\F257";
}
.fa-hand-lizard-o:before {
  content: "\F258";
}
.fa-hand-spock-o:before {
  content: "\F259";
}
.fa-hand-pointer-o:before {
  content: "\F25A";
}
.fa-hand-peace-o:before {
  content: "\F25B";
}
.fa-trademark:before {
  content: "\F25C";
}
.fa-registered:before {
  content: "\F25D";
}
.fa-creative-commons:before {
  content: "\F25E";
}
.fa-gg:before {
  content: "\F260";
}
.fa-gg-circle:before {
  content: "\F261";
}
.fa-tripadvisor:before {
  content: "\F262";
}
.fa-odnoklassniki:before {
  content: "\F263";
}
.fa-odnoklassniki-square:before {
  content: "\F264";
}
.fa-get-pocket:before {
  content: "\F265";
}
.fa-wikipedia-w:before {
  content: "\F266";
}
.fa-safari:before {
  content: "\F267";
}
.fa-chrome:before {
  content: "\F268";
}
.fa-firefox:before {
  content: "\F269";
}
.fa-opera:before {
  content: "\F26A";
}
.fa-internet-explorer:before {
  content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}
.fa-contao:before {
  content: "\F26D";
}
.fa-500px:before {
  content: "\F26E";
}
.fa-amazon:before {
  content: "\F270";
}
.fa-calendar-plus-o:before {
  content: "\F271";
}
.fa-calendar-minus-o:before {
  content: "\F272";
}
.fa-calendar-times-o:before {
  content: "\F273";
}
.fa-calendar-check-o:before {
  content: "\F274";
}
.fa-industry:before {
  content: "\F275";
}
.fa-map-pin:before {
  content: "\F276";
}
.fa-map-signs:before {
  content: "\F277";
}
.fa-map-o:before {
  content: "\F278";
}
.fa-map:before {
  content: "\F279";
}
.fa-commenting:before {
  content: "\F27A";
}
.fa-commenting-o:before {
  content: "\F27B";
}
.fa-houzz:before {
  content: "\F27C";
}
.fa-vimeo:before {
  content: "\F27D";
}
.fa-black-tie:before {
  content: "\F27E";
}
.fa-fonticons:before {
  content: "\F280";
}
.fa-reddit-alien:before {
  content: "\F281";
}
.fa-edge:before {
  content: "\F282";
}
.fa-credit-card-alt:before {
  content: "\F283";
}
.fa-codiepie:before {
  content: "\F284";
}
.fa-modx:before {
  content: "\F285";
}
.fa-fort-awesome:before {
  content: "\F286";
}
.fa-usb:before {
  content: "\F287";
}
.fa-product-hunt:before {
  content: "\F288";
}
.fa-mixcloud:before {
  content: "\F289";
}
.fa-scribd:before {
  content: "\F28A";
}
.fa-pause-circle:before {
  content: "\F28B";
}
.fa-pause-circle-o:before {
  content: "\F28C";
}
.fa-stop-circle:before {
  content: "\F28D";
}
.fa-stop-circle-o:before {
  content: "\F28E";
}
.fa-shopping-bag:before {
  content: "\F290";
}
.fa-shopping-basket:before {
  content: "\F291";
}
.fa-hashtag:before {
  content: "\F292";
}
.fa-bluetooth:before {
  content: "\F293";
}
.fa-bluetooth-b:before {
  content: "\F294";
}
.fa-percent:before {
  content: "\F295";
}
.fa-gitlab:before {
  content: "\F296";
}
.fa-wpbeginner:before {
  content: "\F297";
}
.fa-wpforms:before {
  content: "\F298";
}
.fa-envira:before {
  content: "\F299";
}
.fa-universal-access:before {
  content: "\F29A";
}
.fa-wheelchair-alt:before {
  content: "\F29B";
}
.fa-question-circle-o:before {
  content: "\F29C";
}
.fa-blind:before {
  content: "\F29D";
}
.fa-audio-description:before {
  content: "\F29E";
}
.fa-volume-control-phone:before {
  content: "\F2A0";
}
.fa-braille:before {
  content: "\F2A1";
}
.fa-assistive-listening-systems:before {
  content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}
.fa-glide:before {
  content: "\F2A5";
}
.fa-glide-g:before {
  content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}
.fa-low-vision:before {
  content: "\F2A8";
}
.fa-viadeo:before {
  content: "\F2A9";
}
.fa-viadeo-square:before {
  content: "\F2AA";
}
.fa-snapchat:before {
  content: "\F2AB";
}
.fa-snapchat-ghost:before {
  content: "\F2AC";
}
.fa-snapchat-square:before {
  content: "\F2AD";
}
.fa-pied-piper:before {
  content: "\F2AE";
}
.fa-first-order:before {
  content: "\F2B0";
}
.fa-yoast:before {
  content: "\F2B1";
}
.fa-themeisle:before {
  content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}
.fa-handshake-o:before {
  content: "\F2B5";
}
.fa-envelope-open:before {
  content: "\F2B6";
}
.fa-envelope-open-o:before {
  content: "\F2B7";
}
.fa-linode:before {
  content: "\F2B8";
}
.fa-address-book:before {
  content: "\F2B9";
}
.fa-address-book-o:before {
  content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}
.fa-user-circle:before {
  content: "\F2BD";
}
.fa-user-circle-o:before {
  content: "\F2BE";
}
.fa-user-o:before {
  content: "\F2C0";
}
.fa-id-badge:before {
  content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}
.fa-quora:before {
  content: "\F2C4";
}
.fa-free-code-camp:before {
  content: "\F2C5";
}
.fa-telegram:before {
  content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}
.fa-shower:before {
  content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}
.fa-podcast:before {
  content: "\F2CE";
}
.fa-window-maximize:before {
  content: "\F2D0";
}
.fa-window-minimize:before {
  content: "\F2D1";
}
.fa-window-restore:before {
  content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}
.fa-bandcamp:before {
  content: "\F2D5";
}
.fa-grav:before {
  content: "\F2D6";
}
.fa-etsy:before {
  content: "\F2D7";
}
.fa-imdb:before {
  content: "\F2D8";
}
.fa-ravelry:before {
  content: "\F2D9";
}
.fa-eercast:before {
  content: "\F2DA";
}
.fa-microchip:before {
  content: "\F2DB";
}
.fa-snowflake-o:before {
  content: "\F2DC";
}
.fa-superpowers:before {
  content: "\F2DD";
}
.fa-wpexplorer:before {
  content: "\F2DE";
}
.fa-meetup:before {
  content: "\F2E0";
}
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.image-crop {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  perspective: 1px;
  /* workaround for chrome border-radius to child bug: any non-zero value will work */
}
.image-crop.cover > img {
  display: block;
  position: absolute;
  top: -100000%;
  right: -100000%;
  bottom: -100000%;
  left: -100000%;
  margin: auto;
  min-width: 10000%;
  min-height: 10000%;
  transform: scale(0.01);
}
.image-crop.contain > img {
  display: block;
  position: absolute;
  top: -100000%;
  right: -100000%;
  bottom: -100000%;
  left: -100000%;
  margin: auto;
  max-width: 1%;
  max-height: 1%;
  transform: scale(100);
}
.image-placeholder {
  display: block;
  max-width: 100%;
}
.image-placeholder img {
  display: block;
  max-width: 100%;
  max-height: 300px;
  margin: 0 auto;
}
.preview-wrap.orientation-6 > div {
  transform: rotate(90deg);
}
.hide-pc {
  display: block;
}
@media screen and (min-width: 768px) {
  .hide-pc {
    display: none;
  }
}
.hide-sp {
  display: none;
}
@media screen and (min-width: 768px) {
  .hide-sp {
    display: block;
  }
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
html,
body {
  margin: 0;
  padding: 0;
  overflow: auto;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
}
.vertical-stack-list {
  margin-bottom: 50px;
}
.vertical-stack-list ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 25px;
}
.vertical-stack-list ul:before {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 100%;
  background: #fff;
  height: 1px;
}
.vertical-stack-list ul li {
  padding: 20px;
  border-top: 1px solid #fff;
  box-shadow: 0 0 0 1px #D4C2A2;
}
.vertical-stack-list ul li .preload {
  position: relative;
  zoom: 1;
}
.vertical-stack-list ul li .preload:before,
.vertical-stack-list ul li .preload:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-stack-list ul li .preload .dummy-line {
  display: block;
  height: .5em;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 15px;
  background: #E9DBCD;
}
.vertical-stack-list ul li .preload .dummy-line:nth-of-type(3n+1) {
  max-width: 150px;
}
.vertical-stack-list ul li .preload .dummy-line:nth-of-type(3n+2) {
  max-width: 180px;
}
.vertical-stack-list ul li .preload .dummy-line:nth-of-type(3n+0) {
  max-width: 120px;
}
.vertical-stack-list ul li .preload.preload-with-thumbnail .dummy-thumbnail {
  float: left;
  width: 75px;
  height: 75px;
  background: #E9DBCD;
}
.vertical-stack-list ul li .preload.preload-with-thumbnail .dummy-line {
  margin-left: 85px;
}
.user-ticket-list-wrap {
  max-width: 500px;
  margin: 0 auto 20px;
}
.user-ticket-list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.user-ticket-list.preload:before {
  content: "";
  position: absolute;
  left: -16px;
  right: -16px;
  height: 100%;
  background: #EAE4D8;
  z-index: 1;
  opacity: .75;
}
.user-ticket-list > li {
  position: relative;
  margin-bottom: 20px;
}
.user-ticket-list .ticket-meta {
  position: relative;
  z-index: 1;
  zoom: 1;
  margin-bottom: 5px;
  color: #488844;
}
.user-ticket-list .ticket-meta:before,
.user-ticket-list .ticket-meta:after {
  content: "";
  display: table;
  clear: both;
}
.user-ticket-list .ticket-meta .ticket-organization {
  float: left;
}
.user-ticket-list .ticket-meta .ticket-organization a {
  color: #4386fc;
  text-decoration: none;
}
.user-ticket-list .ticket-meta .ticket-organization a:hover {
  text-decoration: underline;
}
.user-ticket-list .ticket-meta .ticket-purchased {
  float: right;
}
.user-ticket-list .ticket-meta.preload {
  margin-top: 10px;
  margin-bottom: 10px;
}
.user-ticket-list .ticket-meta.preload .dummy-organization {
  float: left;
  width: 40%;
  height: 8px;
  background: #E9DBCD;
}
.user-ticket-list .ticket-meta.preload .dummy-purchased {
  float: right;
  width: 40%;
  height: 8px;
  background: #E9DBCD;
}
.user-ticket-list .ticket {
  position: relative;
  border-style: solid;
  border-width: 15px 25px;
  border-color: #fff;
  /* fallback < IE11 */
  margin: 0;
  border-image: none;
  -webkit-border-image: none;
  background-color: #fff;
}
.user-ticket-list .ticket.preload {
  margin: -15px -16px;
  border-image: url(/static/public/images/ticket_border_image_next4.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next4.png) 15 25 stretch round;
}
.user-ticket-list .ticket.preload .dummy-title {
  max-width: 50%;
  height: .5em;
  margin: 25px auto 20px;
  background: #E9DBCD;
}
.user-ticket-list .ticket.preload .middle-blocks {
  margin: 24px 0 30px;
  zoom: 1;
}
.user-ticket-list .ticket.preload .middle-blocks:before,
.user-ticket-list .ticket.preload .middle-blocks:after {
  content: "";
  display: table;
  clear: both;
}
.user-ticket-list .ticket.preload .middle-blocks .dummy-block {
  float: left;
  width: 50%;
  height: 24px;
  background: #E9DBCD;
}
.user-ticket-list .ticket.preload .middle-blocks .dummy-block:nth-of-type(2) {
  background: #d9c2aa;
}
.user-ticket-list .ticket.preload .devider {
  margin-top: 22px;
  background: #E9DBCD;
}
.user-ticket-list .ticket.preload .bottom-blocks {
  margin: 10px 0;
  zoom: 1;
}
.user-ticket-list .ticket.preload .bottom-blocks:before,
.user-ticket-list .ticket.preload .bottom-blocks:after {
  content: "";
  display: table;
  clear: both;
}
.user-ticket-list .ticket.preload .bottom-blocks .dummy-line {
  float: left;
  margin-top: 16px;
  width: 40%;
  height: 8px;
  background: #E9DBCD;
}
.user-ticket-list .ticket.preload .bottom-blocks .dummy-btn {
  float: right;
  width: 20%;
  height: 40px;
  margin-left: 10px;
  background: #E9DBCD;
  border-radius: 5px;
}
.user-ticket-list .ticket.ticket-season {
  margin: -15px -16px;
  border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
}
.user-ticket-list .ticket.ticket-daily {
  margin: -15px -16px;
  border-image: url(/static/public/images/ticket_border_image_next3.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next3.png) 15 25 stretch round;
}
.user-ticket-list .ticket.no-ticket {
  margin: 50px 0;
  border: none;
  background: transparent;
  text-align: center;
}
.user-ticket-list .ticket .ticket-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.user-ticket-list .ticket .ticket-conditions {
  zoom: 1;
  margin-bottom: 20px;
}
.user-ticket-list .ticket .ticket-conditions:before,
.user-ticket-list .ticket .ticket-conditions:after {
  content: "";
  display: table;
  clear: both;
}
.user-ticket-list .ticket .ticket-conditions > p {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  font-weight: bold;
}
.user-ticket-list .ticket .ticket-conditions .ticket-target {
  background-color: #E5DBC3;
}
.user-ticket-list .ticket .ticket-conditions .ticket-method {
  background-color: #C7B299;
}
.user-ticket-list .ticket .ticket-period {
  text-align: center;
  font-weight: bold;
}
.user-ticket-list .ticket .ticket-period .label {
  margin-right: 10px;
}
.user-ticket-list .ticket hr.devider {
  border: none;
  height: 2px;
  background: #DEA234;
}
.user-ticket-list .ticket .ticket-footer {
  zoom: 1;
  text-align: right;
  margin-bottom: 5px;
}
.user-ticket-list .ticket .ticket-footer:before,
.user-ticket-list .ticket .ticket-footer:after {
  content: "";
  display: table;
  clear: both;
}
.user-ticket-list .ticket .ticket-footer > p,
.user-ticket-list .ticket .ticket-footer > a {
  display: inline-block;
}
.user-ticket-list .ticket .ticket-footer .ticket-price {
  margin: 0 20px 0 0;
  font-size: 20px;
  font-weight: bold;
}
.user-ticket-list .ticket .ticket-footer .btn {
  display: block;
  height: 44px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 44px;
  max-width: 335px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  background: #C66613;
  color: #fff;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 16px;
}
.user-ticket-list .ticket .ticket-footer .btn.btn-narrow {
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  background: #D89C34;
}
.user-ticket-list .ticket .ticket-footer .btn.btn-left {
  max-width: 183px;
  margin-left: 18px;
}
.user-ticket-list .ticket .ticket-footer .btn:hover {
  opacity: .9;
}
.user-ticket-list .ticket.ticket-daily .ticket-conditions .ticket-target {
  background-color: #8EB721;
  color: #fff;
}
.user-ticket-list .ticket.ticket-daily .ticket-conditions .ticket-method {
  background-color: #498838;
  color: #fff;
}
.user-ticket-list .ticket.ticket-daily hr.devider {
  background: #8EB721;
}
.user-ticket-list .ticket.ticket-daily .ticket-footer .btn {
  background-color: #498838;
}
.favorite-ticket-list-wrap {
  max-width: 335px;
  margin: 0 auto 50px;
}
.favorite-ticket-list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.favorite-ticket-list.preload:before {
  content: "";
  position: absolute;
  left: -16px;
  right: -16px;
  height: 100%;
  background: #EAE4D8;
  z-index: 1;
  opacity: .75;
}
.favorite-ticket-list > li {
  position: relative;
  margin-bottom: 20px;
}
.favorite-ticket-list .ticket-meta {
  position: relative;
  z-index: 1;
  zoom: 1;
  margin-bottom: 5px;
  color: #488844;
  height: 20px;
}
.favorite-ticket-list .ticket-meta:before,
.favorite-ticket-list .ticket-meta:after {
  content: "";
  display: table;
  clear: both;
}
.favorite-ticket-list .ticket-meta .ticket-organization {
  height: 20px;
  float: left;
}
.favorite-ticket-list .ticket-meta .ticket-organization a {
  display: block;
  height: 20px;
  color: #4386fc;
  text-decoration: none;
}
.favorite-ticket-list .ticket-meta .ticket-organization a:hover {
  text-decoration: underline;
}
.favorite-ticket-list .ticket-meta .ticket-purchased {
  float: right;
}
.favorite-ticket-list .ticket-meta.preload {
  margin-top: 10px;
  margin-bottom: 10px;
}
.favorite-ticket-list .ticket-meta.preload .dummy-organization {
  float: left;
  width: 40%;
  height: 8px;
  background: #E9DBCD;
}
.favorite-ticket-list .ticket-meta.preload .dummy-purchased {
  float: right;
  width: 40%;
  height: 8px;
  background: #E9DBCD;
}
.favorite-ticket-list .ticket {
  position: relative;
  border-style: solid;
  border-width: 15px 25px;
  border-color: #fff;
  /* fallback < IE11 */
  margin: 0;
  border-image: none;
  -webkit-border-image: none;
  background-color: #fff;
}
.favorite-ticket-list .ticket.preload {
  margin: -15px -16px;
  border-image: url(/static/public/images/ticket_border_image_next4.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next4.png) 15 25 stretch round;
}
.favorite-ticket-list .ticket.preload .dummy-title {
  max-width: 50%;
  height: .5em;
  margin: 25px auto 20px;
  background: #E9DBCD;
}
.favorite-ticket-list .ticket.preload .middle-blocks {
  margin: 24px 0 30px;
  zoom: 1;
}
.favorite-ticket-list .ticket.preload .middle-blocks:before,
.favorite-ticket-list .ticket.preload .middle-blocks:after {
  content: "";
  display: table;
  clear: both;
}
.favorite-ticket-list .ticket.preload .middle-blocks .dummy-block {
  float: left;
  width: 50%;
  height: 24px;
  background: #E9DBCD;
}
.favorite-ticket-list .ticket.preload .middle-blocks .dummy-block:nth-of-type(2) {
  background: #d9c2aa;
}
.favorite-ticket-list .ticket.preload .devider {
  margin-top: 22px;
  background: #E9DBCD;
}
.favorite-ticket-list .ticket.preload .bottom-blocks {
  margin: 10px 0;
  zoom: 1;
}
.favorite-ticket-list .ticket.preload .bottom-blocks:before,
.favorite-ticket-list .ticket.preload .bottom-blocks:after {
  content: "";
  display: table;
  clear: both;
}
.favorite-ticket-list .ticket.preload .bottom-blocks .dummy-line {
  float: left;
  margin-top: 16px;
  width: 40%;
  height: 8px;
  background: #E9DBCD;
}
.favorite-ticket-list .ticket.preload .bottom-blocks .dummy-btn {
  float: right;
  width: 20%;
  height: 40px;
  margin-left: 10px;
  background: #E9DBCD;
  border-radius: 5px;
}
.favorite-ticket-list .ticket.ticket-season {
  margin: -15px -16px;
  border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
}
.favorite-ticket-list .ticket.ticket-daily {
  margin: -15px -16px;
  border-image: url(/static/public/images/ticket_border_image_next3.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next3.png) 15 25 stretch round;
}
.favorite-ticket-list .ticket.no-ticket {
  margin: 50px 0;
  border: none;
  background: transparent;
  text-align: center;
}
.favorite-ticket-list .ticket .ticket-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.favorite-ticket-list .ticket .ticket-conditions {
  zoom: 1;
  margin-bottom: 20px;
}
.favorite-ticket-list .ticket .ticket-conditions:before,
.favorite-ticket-list .ticket .ticket-conditions:after {
  content: "";
  display: table;
  clear: both;
}
.favorite-ticket-list .ticket .ticket-conditions > p {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  font-weight: bold;
}
.favorite-ticket-list .ticket .ticket-conditions .ticket-target {
  background-color: #E5DBC3;
}
.favorite-ticket-list .ticket .ticket-conditions .ticket-method {
  background-color: #C7B299;
}
.favorite-ticket-list .ticket .ticket-period {
  text-align: center;
  font-weight: bold;
}
.favorite-ticket-list .ticket .ticket-period .label {
  margin-right: 10px;
}
.favorite-ticket-list .ticket hr.devider {
  border: none;
  height: 2px;
  background: #DEA234;
}
.favorite-ticket-list .ticket .ticket-footer {
  zoom: 1;
  text-align: right;
  margin-bottom: 5px;
}
.favorite-ticket-list .ticket .ticket-footer:before,
.favorite-ticket-list .ticket .ticket-footer:after {
  content: "";
  display: table;
  clear: both;
}
.favorite-ticket-list .ticket .ticket-footer > p,
.favorite-ticket-list .ticket .ticket-footer > a {
  display: inline-block;
}
.favorite-ticket-list .ticket .ticket-footer .ticket-price {
  margin: 0 20px 0 0;
  font-size: 20px;
  font-weight: bold;
}
.favorite-ticket-list .ticket .ticket-footer .btn {
  display: block;
  height: 44px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 44px;
  max-width: 335px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  background: #C66613;
  color: #fff;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 16px;
}
.favorite-ticket-list .ticket .ticket-footer .btn.btn-narrow {
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  background: #D89C34;
}
.favorite-ticket-list .ticket .ticket-footer .btn.btn-left {
  max-width: 183px;
  margin-left: 18px;
}
.favorite-ticket-list .ticket .ticket-footer .btn:hover {
  opacity: .9;
}
.favorite-ticket-list .ticket.ticket-daily .ticket-conditions .ticket-target {
  background-color: #8EB721;
  color: #fff;
}
.favorite-ticket-list .ticket.ticket-daily .ticket-conditions .ticket-method {
  background-color: #498838;
  color: #fff;
}
.favorite-ticket-list .ticket.ticket-daily hr.devider {
  background: #8EB721;
}
.favorite-ticket-list .ticket.ticket-daily .ticket-footer .btn {
  background-color: #498838;
}
.notify-list {
  position: absolute;
  z-index: 200;
  right: 30px;
  top: 80px;
  background-color: #fff;
  padding: 0;
  width: 315px;
  transition: right 0.2s;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
@media screen and (min-width: 768px) {
  .notify-list {
    right: 80px;
  }
}
.notify-list.show {
  right: 259px;
}
@media screen and (min-width: 768px) {
  .notify-list.show {
    right: 309px;
  }
}
.notify-list .notify-list__wrap {
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.notify-list .notify-list__title {
  margin: 0;
  color: rgba(0, 0, 0, 0.66);
  text-align: center;
  font-size: 12px;
}
.notify-list .notify-list__list-loading {
  padding: 30px 12px 55px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.notify-list .notify-list__no-list {
  padding: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.notify-list .notify-list__no-list .notify-list__no-list__visual {
  font-size: 80px;
  color: rgba(0, 0, 0, 0.3);
}
.notify-list .notify-list__list {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.notify-list .notify-list__list-item {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.notify-list .notify-list__list-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.notify-list .notify-list__list-item__wrap {
  position: relative;
  padding: 0 12px;
  z-index: 2;
  pointer-events: none;
  overflow: auto;
}
.notify-list .notify-list__list-item__anchor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  z-index: 1;
}
.notify-list .notify-list__list-item__title {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.66);
}
.notify-list .notify-list__list-item__title .float {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
}
.notify-list .notify-list__list-item__publisher a {
  color: rgba(0, 0, 0, 0.6);
  pointer-events: auto;
  text-decoration: none;
}
.notify-list .notify-list__bottom a {
  display: block;
  padding: 12px;
  margin: 0;
  text-decoration: none;
  color: #3367d6;
  text-align: center;
}
.notify-list .notify-list__bottom a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.notify-list .notify-list__wrap__close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  padding: 0;
  margin: 8px;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.66);
  z-index: 1;
}
.notify-list .notify-list__wrap__close:focus {
  outline: none;
}
.navigation {
  list-style: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  background-color: #488844;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.navigation > li.nav-item {
  background-color: #488844;
  border-bottom: 0.5px solid #366633;
}
.navigation > li.nav-item.last-item {
  margin-bottom: 100px;
}
.navigation > li.nav-group {
  background-color: #366633;
}
.navigation > li.nav-group a {
  padding: 4px 16px;
}
.navigation > li.nav-group a:hover {
  opacity: 1;
}
.navigation > li a {
  display: block;
  position: relative;
  width: 230px;
  margin: 0 0 0 auto;
  padding: 10px 20px;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  opacity: 1;
}
.navigation > li a:hover {
  opacity: 0.75;
}
.navigation::-webkit-scrollbar {
  display: none;
}
.off-screen {
  min-width: 100%;
  min-height: 100%;
  /* fallback */
  min-height: 100vh;
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;
  padding-bottom: 150px;
  background-color: #eae4d8;
  overflow-x: hidden;
}
#off-screen-menu-component .notify-trigger {
  position: absolute;
  top: 20px;
  right: 80px;
  z-index: 10;
  width: 44px;
  height: 44px;
  opacity: 1;
  cursor: pointer;
  background-color: #498837;
  color: #fff;
  border-radius: 4px;
  transition: right 0.2s;
}
#off-screen-menu-component .notify-trigger:hover {
  opacity: 0.75;
}
#off-screen-menu-component .notify-trigger.show {
  right: 310px;
}
#off-screen-menu-component .notify-trigger .notify-trigger__image,
#off-screen-menu-component .notify-trigger .notify-trigger__text {
  display: block;
  text-align: center;
}
#off-screen-menu-component .notify-trigger .notify-trigger__image {
  font-size: 17px;
}
#off-screen-menu-component .notify-trigger .notify-trigger__text {
  font-size: 10px;
}
#off-screen-menu-component img.nav-trigger {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  width: 44px;
  height: 44px;
  opacity: 1;
  cursor: pointer;
  transition: right 0.2s;
}
#off-screen-menu-component img.nav-trigger:hover {
  opacity: 0.75;
}
#off-screen-menu-component img.nav-trigger.show {
  right: 250px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  #off-screen-menu-component .notify-trigger {
    top: 13px;
    right: 64px;
  }
  #off-screen-menu-component img.nav-trigger {
    position: absolute;
    top: 13px;
    right: 10px;
  }
}
.off-screen {
  transition: left 0.2s;
}
#off-screen-component.checked {
  left: -230px;
  box-shadow: 0 0 0 1px #d4c2a2, 0 0 5px 5px rgba(0, 0, 0, 0.5);
}
.upload-image-button {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 20px;
  border-radius: 5px;
  cursor: pointer;
  opacity: 1;
}
.upload-image-button:hover {
  opacity: .75;
}
.preview-button {
  display: block;
  width: auto;
  height: 44px;
  margin: 0;
  padding: 0 10px;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  opacity: 1;
}
.preview-button:hover {
  opacity: .75;
}
.editor-with-insert-image.uploading textarea {
  background: #efefef;
}
.editor-with-insert-image .upload-image-button-wrap {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  margin-right: 5px;
}
.editor-with-insert-image .preview-button-wrap {
  display: inline-block;
  vertical-align: top;
}
.cwp-ui-select-decrated-wrap {
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #f4f4f4;
  border-radius: 5px;
}
.cwp-ui-select-decrated-wrap:after {
  content: "\F078";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 1;
  transform: translate(0, -50%);
}
.cwp-ui-select-decrated-wrap select {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: .5em 1em;
  width: 130%;
  z-index: 2;
  border-radius: 0;
  border: 0;
  margin: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: 16px;
  box-sizing: content-box;
  outline: none;
}
.cwp-ui-select-decrated-wrap select:-ms-expand {
  display: none;
}
body.public,
.storybook-body {
  background: #eae4d8;
}
body.public h1,
.storybook-body h1 {
  margin-top: 10px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 24px;
  font-weight: normal;
  color: #498238;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN", "Hiragino Kaku Gothic ProN";
}
body.public h2,
.storybook-body h2 {
  margin-top: 10px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 24px;
  font-weight: normal;
  color: #498238;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   ProN", "Hiragino Kaku Gothic ProN";
}
body.public h2.underline,
.storybook-body h2.underline {
  text-align: center;
}
body.public h2.underline span,
.storybook-body h2.underline span {
  display: inline-block;
  border-bottom: 5px solid #498238;
}
body.public .field,
.storybook-body .field {
  padding-left: 18px;
  padding-right: 18px;
}
body.public .field label,
.storybook-body .field label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #498238;
}
body.public .field input[type="text"],
.storybook-body .field input[type="text"],
body.public .field input[type="password"],
.storybook-body .field input[type="password"] {
  display: block;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
  height: 40px;
  line-height: 2.5;
  margin-bottom: 20px;
  font-size: 16px;
  width: 100%;
  border: 1px solid #a6a6a6;
  border-radius: 3px;
}
body.public .field input[type="submit"],
.storybook-body .field input[type="submit"],
body.public .field button,
.storybook-body .field button {
  -webkit-appearance: none;
  display: block;
  margin-top: 30px;
  box-sizing: border-box;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 2.5;
  margin-bottom: 20px;
  font-size: 16px;
  border: none;
  color: #fff;
  background: #c66613;
  border-radius: 5px;
}
body.public .field.field-sub,
.storybook-body .field.field-sub {
  padding-left: 0;
  padding-right: 0;
}
body.public .field.field-horizontal,
.storybook-body .field.field-horizontal {
  overflow: hidden;
}
body.public .field.field-horizontal label,
.storybook-body .field.field-horizontal label {
  display: block;
  float: left;
  margin-right: 10px;
  color: #000;
}
body.public .field.field-horizontal label.label-help,
.storybook-body .field.field-horizontal label.label-help {
  margin-top: -15px;
}
body.public .field.field-horizontal span,
.storybook-body .field.field-horizontal span {
  display: block;
  overflow: hidden;
}
body.public .field .error.field-error,
.storybook-body .field .error.field-error {
  font-size: 14px;
  color: red;
}
body.public .btn,
.storybook-body .btn {
  display: block;
  height: 36px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 36px;
  max-width: 335px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  background: #c66613;
  color: #fff;
  border: none;
  cursor: pointer;
}
body.public .btn.btn-narrow,
.storybook-body .btn.btn-narrow {
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  background: #d89c34;
}
body.public .btn.btn-left,
.storybook-body .btn.btn-left {
  max-width: 183px;
  margin-left: 18px;
}
body.public .btn:hover,
.storybook-body .btn:hover {
  opacity: 0.9;
}
body.public .screen-reader-text,
.storybook-body .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
body.public .legal {
  font-size: 12px;
  margin: 20px auto;
  max-width: 750px;
  padding: 0 20px;
}
body.public .agreement {
  max-width: 750px;
  margin: 0 auto 50px;
  padding: 0 20px;
  overflow: auto;
}
body.public .agreement p {
  margin-top: 0;
  margin-bottom: 5px;
}
body.public .agreement .legal-wrap {
  border: 1px solid #ccc;
  background: #fff;
  height: 80px;
  overflow: scroll;
  margin: 0 0 20px;
}
body.public .agreement input[type="checkbox"] {
  margin-right: 10px;
}
body.public .mobile-apps-download-view {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.8);
}
body.public .mobile-apps-download-view ul {
  margin: 0 auto;
  padding: 0;
  width: 310px;
}
body.public .mobile-apps-download-view ul li {
  display: inline-block;
  margin: 8px 0 8px 10px;
  padding: 0;
}
body.public .mobile-apps-download-view ul li .app-icon {
  height: 34px;
}
body.public .mobile-apps-download-view ul li .ios-download-badge {
  height: 34px;
}
body.public .mobile-apps-download-view ul li .android-download-badge {
  height: 34px;
}
body.public.terms .legal,
body.public.privacy .legal,
body.public.return-policy .legal {
  font-size: 16px;
}
body.public.tokushou .tokushou-table-wrap {
  max-width: 750px;
  margin: 20px auto 50px;
  box-sizing: border-box;
  padding: 0 20px;
}
body.public.tokushou .tokushou-table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 16px;
}
body.public.tokushou .tokushou-table th,
body.public.tokushou .tokushou-table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
body.public.tokushou .tokushou-table th {
  width: 100px;
  text-align: left;
}
body.public .header {
  position: relative;
  background: #8db743;
  border-bottom: 5px solid #488844;
  height: 85px;
}
body.public .header .back-to-home {
  display: none;
}
body.public .header .logo {
  display: block;
  position: absolute;
  top: 24px;
  left: 21px;
}
body.public .header .logo img {
  display: block;
  height: 36px;
}
body.public .header .btn-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  border: none;
  background: transparent;
}
body.public .header .btn-menu img {
  display: block;
  height: 44px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  body.public .header {
    background: #659c32;
    height: 70px;
    border-bottom: none;
  }
  body.public .header .back-to-home {
    font-size: 26px;
    color: #fff;
    display: block;
    text-decoration: none;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 22px;
    left: 10px;
  }
  body.public .header .back-to-home.hidden {
    display: none !important;
  }
  body.public .header .back-to-home i {
    display: block;
  }
  body.public .header .logo {
    top: 20px;
    width: 110px;
    right: 144px;
    left: initial;
  }
  body.public .header .logo img {
    height: 30px;
  }
}
body.public .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  font-size: 10px;
  line-height: 44px;
  background-color: #488844;
}
body.public .footer a {
  color: #fff;
  text-decoration: none;
}
body.public .footer a:hover {
  text-decoration: underline;
}
body.public .footer a:before {
  content: "\203A";
  margin-right: 5px;
}
body.public .footer .footer-nav {
  background: #8db743;
}
body.public .footer .footer-nav .footer-menu {
  margin: 0;
  padding: 0;
  padding-left: 18px;
  padding-right: 18px;
  list-style: none;
  zoom: 1;
}
body.public .footer .footer-nav .footer-menu:before,
body.public .footer .footer-nav .footer-menu:after {
  content: "";
  display: table;
  clear: both;
}
body.public .footer .footer-nav .footer-menu li {
  float: left;
  margin-right: 10px;
}
body.public .footer .very-bottom {
  height: 44px;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
body.public .footer .very-bottom .copyrights {
  text-align: right;
  background: #488844;
}
body.public .footer .very-bottom .version {
  text-align: right;
  background: #488844;
}
body.public.home {
  position: relative;
}
body.public.home .mastheads {
  position: relative;
  margin: 0 auto;
  max-width: 750px;
}
@media screen and (min-width: 768px) {
  body.public.home .mastheads {
    max-width: none;
    height: 0;
    padding-bottom: 57%;
    background: url(/static/public/images/bg_pc.jpg) 0 50% / cover no-repeat;
  }
}
@media screen and (min-width: 768px) {
  body.public.home .mastheads:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 411px;
    height: 240px;
    margin: auto;
    background: url(/static/public/images/title_pc.png) 0 50% / cover no-repeat;
  }
}
body.public.home .mastheads .background {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body.public.home .mastheads .background {
    display: none;
  }
}
body.public.home .mastheads .btn-login {
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  opacity: 1;
}
body.public.home .mastheads .btn-login:hover {
  opacity: 0.9;
}
body.public.home .mastheads .btn-login img {
  width: 44px;
  height: 44px;
  vertical-align: bottom;
}
body.public.home .mastheads .btn-wrap {
  position: absolute;
  bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 18px;
}
body.public.home .mastheads .btn-wrap .btn-register {
  margin-bottom: 0.75rem;
  background: #468b38;
}
body.public.home .mastheads .announcement {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 70%;
}
body.public.home .mastheads .announcement p,
body.public.home .mastheads .announcement a {
  color: #fff;
  font-size: 14px;
  margin: 0;
  line-height: 30px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  body.public.home .mastheads .announcement {
    left: unset;
    right: 84px;
  }
}
body.public.home .request {
  padding: 40px 18px;
  overflow: auto;
  background: #7ba03b;
  text-align: center;
  color: #fff;
}
body.public.home .request .btn {
  background: #fff;
  color: #333;
  margin: 40px auto 20px;
}
body.public.home .request .sub {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  color: #333;
}
body.public.home .inquiry {
  padding: 40px 18px;
  overflow: auto;
  background: #fff;
  text-align: center;
  color: #7ba03b;
}
body.public.home .inquiry .btn {
  background: #7ba03b;
  color: #fff;
  margin: 40px auto 20px;
}
body.public.home .inquiry .sub {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  color: #333;
}
body.public.home .news {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #f4f0e7;
  box-sizing: border-box;
  padding: 30px 18px 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body.public.home .news {
    padding-bottom: 40px;
  }
}
body.public.home .news .block-title a.title {
  display: inline-block;
  color: #fff;
  background: #69afcc;
  font-size: 0.9rem;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
body.public.home .news .block-title a.title i {
  margin-left: 5px;
}
body.public.home .news .page-viewport {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  body.public.home .news .page-viewport {
    max-width: 700px;
  }
}
@media screen and (min-width: 1200px) {
  body.public.home .news .page-viewport {
    max-width: 1200px;
  }
}
body.public.home .news .news-list {
  margin-top: 20px;
}
@media screen and (min-width: 1200px) {
  body.public.home .news .news-list {
    padding-left: 70px;
  }
}
body.public.home .news .news-bullet {
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  margin-bottom: 10px;
  padding: 0 20px 10px 10px;
  border-bottom: 1px dotted #ccc;
}
body.public.home .news .news-meta {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  body.public.home .news .news-meta {
    float: left;
    margin-bottom: 0;
  }
}
body.public.home .news .news-meta .news-date {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  font-size: 1.25rem;
  font-family: serif;
}
body.public.home .news .news-title {
  display: block;
  margin-left: 10px;
  line-height: 1.414;
}
@media screen and (min-width: 768px) {
  body.public.home .news .news-title {
    display: block;
    overflow: auto;
    line-height: 1.5;
  }
}
body.public.home .ads-wrap {
  display: block;
  padding: 0;
  margin: 50px 0 150px;
}
@media screen and (min-width: 768px) {
  body.public.home .ads-wrap {
    display: block;
    margin: 50px 0 150px;
    padding: 0 50px 0;
  }
}
body.public.home .ads-wrap .ads {
  max-width: 1200px;
  margin: 0 auto;
}
body.public.home .ads-wrap .float-group {
  margin: 0;
  zoom: 1;
}
body.public.home .ads-wrap .float-group:before,
body.public.home .ads-wrap .float-group:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  body.public.home .ads-wrap .float-group {
    margin: 0 -10px;
  }
}
body.public.home .ads-wrap .ad {
  width: 100%;
  box-sizing: border-box;
  float: none;
  margin: 20px 0;
  padding: 0 40px;
}
@media screen and (min-width: 768px) {
  body.public.home .ads-wrap .ad {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0 10px;
  }
}
body.public.home .ads-wrap .ad a {
  display: block;
  width: 100%;
}
body.public.home .ads-wrap .ad img {
  width: 100%;
  display: block;
}
body.public.home .story-wrap {
  display: block;
  zoom: 1;
  margin: 0 0 40px;
  padding: 0;
}
body.public.home .story-wrap:before,
body.public.home .story-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  body.public.home .story-wrap {
    display: block;
    margin: 0 0 90px;
    padding: 0 50px;
  }
}
body.public.home .story-wrap .story {
  margin: 0 auto 80px;
  max-width: 1200px;
}
body.public.home .story-wrap .story img {
  display: block;
  width: 100%;
}
body.public.home .story-wrap .story .story-mobile {
  display: block;
}
@media screen and (min-width: 768px) {
  body.public.home .story-wrap .story .story-mobile {
    display: none;
  }
}
body.public.home .story-wrap .story .story-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  body.public.home .story-wrap .story .story-pc {
    display: block;
  }
}
body.public.home .tutorial-wrap {
  position: relative;
  margin: 0;
  background: #f4f0e7;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap {
    padding: 60px;
  }
}
body.public.home .tutorial-wrap .inner {
  margin: 0 auto;
  max-width: 1200px;
}
body.public.home .tutorial-wrap .tutorial-title {
  margin: 0;
  margin-left: -20px;
  width: 100%;
  display: block;
  max-width: 574px;
}
body.public.home .tutorial-wrap .tutorial-title img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .tutorial-title {
    margin: 0;
    margin-left: -50px;
    margin-right: 20px;
    height: auto;
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}
body.public.home .tutorial-wrap .tutorial-sub-title {
  width: 100%;
  color: #67a5c8;
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}
body.public.home .tutorial-wrap .tutorial-sub-title br.hide-mobile {
  display: none;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .tutorial-sub-title {
    width: 50%;
    max-width: 576px;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
  }
  body.public.home .tutorial-wrap .tutorial-sub-title br.hide-mobile {
    display: inline;
  }
}
body.public.home .tutorial-wrap .box {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 40px;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .box {
    padding: 60px 0;
    margin-bottom: 200px;
  }
}
body.public.home .tutorial-wrap .box .title_number {
  display: inline-block;
  width: 29px;
  height: 29px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #c05e39;
  font-size: 20px;
  color: white;
  text-align: center;
  vertical-align: text-bottom;
}
body.public.home .tutorial-wrap .box .iamge_caption {
  margin-top: 7px;
  text-align: center;
  font-size: 14px;
}
body.public.home .tutorial-wrap .box a {
  color: #67a5c8;
}
body.public.home .tutorial-wrap .pagetop {
  width: 30px;
  height: 30px;
  display: block;
  position: fixed;
  right: 10px;
  bottom: 10px;
  text-align: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .pagetop {
    width: 50px;
    height: 50px;
    right: 16px;
    bottom: 16px;
  }
}
body.public.home .tutorial-wrap .pagetop i {
  color: #fff;
  line-height: 30px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .pagetop i {
    line-height: 50px;
  }
}
body.public.home .tutorial-wrap .heading1 {
  font-size: 30px;
  color: #488844;
  padding-left: 35px;
  background: url(/static/public/images/tutorial/02_01_h2.png) 0 0 no-repeat;
  background-size: 25px 36px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .heading1 {
    font-size: 40px;
    padding-left: 80px;
    max-width: none;
    background-size: 42px 60px;
  }
}
body.public.home .tutorial-wrap .heading2 {
  color: #b04901;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50px;
  font-size: 20px;
  max-width: none;
  padding: 60px 5% 0;
  background: url(/static/public/images/tutorial/99_border_dotted_2.png) 0 0 repeat-x;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .heading2 {
    font-size: 30px;
  }
}
body.public.home .tutorial-wrap .heading2 .number {
  position: relative;
  top: 2px;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .heading2 .number {
    top: 7px;
  }
}
body.public.home .tutorial-wrap p {
  margin-right: 5%;
  margin-left: 5%;
  max-width: none;
  font-size: 16px;
  color: #aa915c;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap p {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
  }
}
body.public.home .tutorial-wrap .image-wrap {
  margin-right: 5%;
  margin-left: 5%;
  max-width: none;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .image-wrap {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
  }
}
body.public.home .tutorial-wrap .image-wrap.image-narrow {
  margin-right: 15%;
  margin-left: 15%;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .image-wrap.image-narrow {
    margin-right: auto;
    margin-left: auto;
    max-width: 500px;
  }
}
body.public.home .tutorial-wrap .image-wrap img {
  display: block;
  width: 100%;
}
body.public.home .tutorial-wrap .box-header {
  padding: 20px 10px;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .box-header {
    padding: 100px 60px;
    background: url(/static/public/images/tutorial/99_border_dotted_1.png) 40px 0 repeat-y #fff;
  }
}
body.public.home .tutorial-wrap .box-header a {
  text-decoration: none;
}
body.public.home .tutorial-wrap .box-header .to-section-title {
  display: block;
  color: #488844;
  font-size: 24px;
  margin-bottom: 20px;
  padding-left: 35px;
  margin-left: 10px;
  background: url(/static/public/images/tutorial/01_02_index1.png) 0 0 no-repeat;
  background-size: 25px 36px;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .box-header .to-section-title {
    font-size: 40px;
    margin-bottom: 40px;
    padding-left: 56px;
    margin-left: 6%;
    background-size: 36px 51px;
  }
}
body.public.home .tutorial-wrap .box-header ul {
  margin: 0 20px 40px 2%;
  list-style: none;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .box-header ul {
    margin: 0 20px 70px 12%;
  }
}
body.public.home .tutorial-wrap .box-header ul li {
  margin-bottom: 20px;
}
body.public.home .tutorial-wrap .box-header ul li a {
  color: #aa915c;
}
@media screen and (min-width: 768px) {
  body.public.home .tutorial-wrap .box-header ul li {
    margin-bottom: 40px;
  }
}
body.public.home .tutorial-wrap .variant {
  color: #29abe2;
}
body.public.home .heading {
  margin-top: 50px;
}
body.public.home .organizations-mobile {
  background-color: #fafafa;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  body.public.home .organizations-mobile {
    display: none;
  }
}
body.public.home .organizations-mobile ul {
  margin: 0 5% 40px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
body.public.home .organizations-mobile ul li {
  flex: 0 0 50%;
}
body.public.home .organizations-mobile ul li a {
  display: block;
  padding: 1rem 0;
  margin: 3px;
  border: 1px solid #fff;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  color: #fafafa;
  border-radius: 6px;
  font-size: 1.2rem;
}
body.public.home .organizations-mobile ul li:nth-child(1) a {
  background-color: #709aae;
}
body.public.home .organizations-mobile ul li:nth-child(2) a {
  background-color: #d6bf6c;
}
body.public.home .organizations-mobile ul li:nth-child(3) a {
  background-color: #b7b034;
}
body.public.home .organizations-mobile ul li:nth-child(4) a {
  background-color: #f29859;
}
body.public.home .organizations-mobile ul li:nth-child(5) a {
  background-color: #bc9fb8;
}
body.public.home .organizations-mobile ul li:nth-child(6) a {
  background-color: #fdd10d;
}
body.public.home .organizations-mobile ul li:nth-child(7) a {
  background-color: #cccccc;
}
body.public.home .organizations-map {
  display: none;
  margin: 0;
  padding: 60px 10px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  body.public.home .organizations-map {
    display: block;
    padding: 60px 0;
  }
}
body.public.home .organizations-map .imagemap {
  max-width: 1201px;
  margin: 0 auto;
}
body.public.home .organizations-map img {
  display: block;
  width: 100%;
}
body.public.home .organizations-wrap {
  padding: 0 0 60px;
  margin: 0;
  background: #eae4d8;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  body.public.home .organizations-wrap {
    margin: 0;
    padding: 100px 50px;
  }
}
@media screen and (min-width: 768px) {
  body.public.home .organizations-wrap .heading {
    margin-bottom: 40px;
  }
}
body.public.home .organizations-wrap .organizations {
  max-width: 1200px;
  margin: 0 auto;
}
body.public.home .organizations-index {
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
body.public.home .organizations-index:before,
body.public.home .organizations-index:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  body.public.home .organizations-index {
    margin: 0 -20px 40px;
  }
}
body.public.home .organizations-index li {
  margin-bottom: 20px;
  padding: 0 18px;
  width: auto;
  float: none;
}
@media screen and (min-width: 768px) {
  body.public.home .organizations-index li {
    width: 33.33333333%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
body.public.home .organizations-index .organization-card {
  position: relative;
}
body.public.home .organizations-index .organization-card .card-header {
  display: block;
  position: relative;
  overflow: hidden;
}
body.public.home .organizations-index .organization-card .card-header .card-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.2%;
}
body.public.home .organizations-index .organization-card .card-header .card-image .image-crop {
  position: absolute;
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: url(/static/public/images/unknown_cover.png) 50% 50% / cover no-repeat;
}
body.public.home .organizations-index .organization-card .card-header img {
  display: block;
  width: 100%;
}
body.public.home .organizations-index .organization-card .card-header .btn-disclosure {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  height: 32px;
  background: transparent;
  font-size: 32px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: translate(0, -50%);
}
body.public.home .organizations-index .organization-card .card-header .btn-disclosure i.fa {
  vertical-align: top;
}
body.public.home .organizations-index .organization-card .card-header .movie-mark {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  height: 14px;
  font-size: 14px;
  line-height: 1;
  padding: 5px;
  background: #488844;
  color: #fff;
}
body.public.home .organizations-index .organization-card .card-header .movie-mark i.fa {
  vertical-align: top;
}
body.public.home .organizations-index .organization-card .card-header .no-print-mark {
  position: absolute;
  display: block;
  top: 20px;
  right: -30px;
  height: 14px;
  font-size: 14px;
  line-height: 1;
  padding: 5px 30px;
  background: #dea234;
  color: #fff;
  transform: rotate(45deg);
  font-weight: bold;
}
body.public.home .organizations-index .organization-card .card-header .no-print-mark i.fa {
  vertical-align: top;
}
body.public.home .organizations-index .organization-card .card-footer {
  height: 60px;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
body.public.home .organizations-index .organization-card .card-footer .footer-title {
  padding-left: 18px;
  line-height: 60px;
}
body.public.home .organizations-index .organization-card .card-footer .footer-title a {
  color: #498238;
  text-decoration: none;
}
body.public.home .organizations-index .organization-card .card-footer .footer-map {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 90px;
  height: 90px;
}
body.public.home .organizations-index .organization-card .card-footer .footer-map .image-crop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/static/public/images/unknown_cover.png) 50% 50% / cover no-repeat;
}
body.public.home .organizations-index .organization-card .card-footer .footer-map img {
  display: block;
  width: 100%;
}
body.public.home.return #main {
  padding-bottom: 100px;
}
body.public.home.return .announcement {
  padding: 0 18px;
  margin: 20px auto 0;
  max-width: 335px;
}
body.public.home.return .announcement p,
body.public.home.return .announcement a {
  font-size: 14px;
  margin: 0;
  line-height: 30px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.public.home.return .action {
  box-sizing: border-box;
  margin: 20px 0 40px;
  padding: 18px;
}
body.public.home.return .organizations-wrap {
  padding: 0 0 60px;
  margin: 0;
  background: #f4f0e7;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  body.public.home.return .organizations-wrap {
    margin: 0;
    padding: 100px 50px;
  }
}
@media screen and (min-width: 768px) {
  body.public.home.return .organizations-wrap .heading {
    margin-bottom: 40px;
  }
}
body.public.home.return .organizations-wrap .organizations {
  max-width: 1200px;
  margin: 0 auto;
}
body.public.home.return .organizations-index {
  margin: 0;
  padding: 0;
  list-style: none;
  zoom: 1;
}
body.public.home.return .organizations-index:before,
body.public.home.return .organizations-index:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  body.public.home.return .organizations-index {
    margin: 0 -20px 40px;
  }
}
body.public.home.return .organizations-index li {
  margin-bottom: 20px;
  padding: 0 18px;
  width: auto;
  float: none;
}
@media screen and (min-width: 768px) {
  body.public.home.return .organizations-index li {
    width: 33.33333333%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
body.public.home.return .news {
  background-color: #fff;
}
body.public.login #main {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.login #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.login .error {
  margin: 20px auto;
  max-width: 750px;
  color: red;
  padding: 20px;
  box-sizing: border-box;
}
body.public.login .lead {
  margin: 20px auto 0px auto;
  max-width: 750px;
  padding: 20px;
  box-sizing: border-box;
}
body.public.login .lead_register {
  margin: 20px auto;
  max-width: 750px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
body.public.login #org-login-form {
  margin: 0 auto;
  max-width: 750px;
}
body.public.login .login_box #label1 {
  display: none;
}
body.public.login .login_box .mail_login {
  display: block;
  height: 36px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 36px;
  max-width: 335px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  background: #c66613;
  color: #fff;
  border: none;
  cursor: pointer;
}
body.public.login .login_box .login_form {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.0s;
}
body.public.login .login_box input:checked ~ .login_form {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
body.public.login .login_box .visible_check {
  color: black;
}
body.public.login .open-id {
  margin: 50px auto 30px;
  max-width: 750px;
  padding-left: 18px;
  padding-right: 18px;
}
body.public.login .open-id .btn {
  margin-bottom: 10px;
}
body.public.login .open-id .btn.as-facebook {
  background: #4a669a;
}
body.public.login .open-id .btn.as-twitter {
  background: #00a6e7;
}
body.public.login .open-id .btn.as-apple {
  background: #000000;
}
body.public.login .field.field-submit input[type="submit"] {
  display: inline-block;
  margin-right: 20px;
}
body.public.login .field.field-submit .forgot {
  color: #8db743;
  text-decoration: none;
}
body.public.login .field.field-submit .forgot:hover {
  color: #8db743;
  text-decoration: underline;
}
body.public.register .register-error {
  margin: 30px auto 0;
  max-width: 750px;
  color: #e01d2a;
}
body.public.register .lead {
  margin: 20px auto;
  max-width: 750px;
  padding: 20px;
  box-sizing: border-box;
}
body.public.register form {
  margin: 30px auto 100px;
  max-width: 750px;
}
body.public.register .register-form .field {
  position: relative;
}
body.public.register .register-form .field .error {
  padding-bottom: 62px;
  color: #e01d2a;
}
body.public.register .register-form .field .error .reason {
  display: block;
}
body.public.register .register-form .field input {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 91%;
}
body.public.register .register-form .visible_check {
  padding-left: 18px;
  padding-right: 18px;
}
body.public.register .register-form .visible_check #password-check {
  margin-bottom: 22px;
}
body.public.register .open-id {
  margin: 50px auto 30px;
  max-width: 750px;
  padding-left: 18px;
  padding-right: 18px;
}
body.public.register .open-id .btn {
  margin-bottom: 10px;
}
body.public.register .open-id .btn.as-facebook {
  background: #4a669a;
}
body.public.register .open-id .btn.as-twitter {
  background: #00a6e7;
}
body.public.register .open-id .btn.as-apple {
  background: #000000;
}
body.public.register .accept-legal {
  font-size: 12px;
}
body.public.register .caution {
  margin-top: 30px;
  margin-bottom: 30px;
}
body.public.register .caution .caution__header {
  margin: 0;
  margin-bottom: 20px;
  color: #e91e63;
  font-size: 1.3em;
}
body.public.register .caution .caution__text {
  margin: 0;
  font-size: 0.9em;
}
body.public.register .caution .caution__text .emp {
  color: #e91e63;
}
body.public.register .sub-caution {
  margin-bottom: 20px;
}
body.public.register .sub-caution .sub-caution__header {
  margin: 0;
  margin-bottom: 10px;
  font-size: 1.2em;
}
body.public.register .sub-caution .sub-caution__header:before {
  content: "\25C6";
}
body.public.register .sub-caution .sub-caution__text {
  margin: 0;
  font-size: 0.9em;
}
body.public.register .sub-caution .sub-caution__text .emp {
  color: #e91e63;
}
body.public.register.not-finished #main {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.register.not-finished #main {
    max-width: 1200px;
    margin: 0 auto 100px;
  }
}
@media screen and (min-width: 768px) {
  body.public.register.not-finished h1 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
body.public.register.not-finished h2 {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  body.public.register.not-finished h2 {
    padding-left: 40px;
  }
}
body.public.register.not-finished h2:before {
  content: "\25C6   ";
}
body.public.register.not-finished h3 {
  margin-top: 40px;
  color: #498238;
}
@media screen and (min-width: 768px) {
  body.public.register.not-finished h3 {
    padding-left: 40px;
  }
}
body.public.register.not-finished p {
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (min-width: 768px) {
  body.public.register.not-finished p {
    padding-left: 60px;
    padding-right: 60px;
  }
}
body.public.register.almost-finished #main {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.register.almost-finished #main {
    max-width: 1200px;
    margin: 0 auto 100px;
  }
}
@media screen and (min-width: 768px) {
  body.public.register.almost-finished h1 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
body.public.register.almost-finished h2 {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  body.public.register.almost-finished h2 {
    padding-left: 40px;
  }
}
body.public.register.almost-finished h2:before {
  content: "\25C6   ";
}
body.public.register.almost-finished h3 {
  margin-top: 40px;
  color: #498238;
}
@media screen and (min-width: 768px) {
  body.public.register.almost-finished h3 {
    padding-left: 40px;
  }
}
body.public.register.almost-finished p {
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (min-width: 768px) {
  body.public.register.almost-finished p {
    padding-left: 60px;
    padding-right: 60px;
  }
}
body.public.register.resend-verify-email #main {
  margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.register.resend-verify-email #main {
    max-width: 1200px;
    margin: 0 auto 100px;
  }
}
@media screen and (min-width: 768px) {
  body.public.register.resend-verify-email h1 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
body.public.register.resend-verify-email h2 {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  body.public.register.resend-verify-email h2 {
    padding-left: 40px;
  }
}
body.public.register.resend-verify-email h2:before {
  content: "\25C6   ";
}
body.public.register.resend-verify-email p {
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (min-width: 768px) {
  body.public.register.resend-verify-email p {
    padding-left: 60px;
    padding-right: 60px;
  }
}
body.public.register.user-info #main {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.register.user-info #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.register.user-info .action {
  margin: 40px auto;
  max-width: 750px;
}
body.public.register.user-info .action .btn {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 1em;
  font-size: 16px;
  max-width: none;
  margin-right: 10px;
}
body.public.register.user-info .action .btn.btn-sub {
  background: #d89c34;
}
body.public.register.user-info .image-tutorial-ticket-sample {
  width: 344px;
  height: 206px;
}
body.public.register.user-info .user-edit-form .upload-image-wrap .btn.btn-left {
  margin-left: 0;
}
body.public.register.user-info .user-edit-form .age-range-select-wrap {
  margin-bottom: 20px;
}
body.public.register.user-info .user-edit-form .birth-year-select-wrap {
  margin-bottom: 20px;
}
body.public.register.user-info .user-edit-form .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
body.public.register.user-info .user-edit-form .zipcode-input {
  display: inline-block;
  width: 77% !important;
  float: left;
}
@media screen and (min-width: 768px) {
  body.public.register.user-info .user-edit-form .zipcode-input {
    width: 89% !important;
  }
}
body.public.register.user-info .user-edit-form .zip-btn {
  display: inline-block;
  width: 20%;
  float: right;
  margin-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  body.public.register.user-info .user-edit-form .zip-btn {
    width: 10%;
  }
}
body.public.register.user-info .user-edit-form .prefecture-select-wrap .cwp-ui-select-decrated-wrap {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 1%;
}
@media screen and (min-width: 768px) {
  body.public.register.user-info .user-edit-form .prefecture-select-wrap .cwp-ui-select-decrated-wrap {
    display: inline-block;
    width: 28%;
    float: left;
  }
}
@media screen and (min-width: 768px) {
  body.public.register.user-info .user-edit-form .prefecture-select-wrap input[type="text"] {
    width: 70% !important;
    float: right;
  }
}
body.public.org.top .tab__labels {
  margin: 0;
  padding: 20px 8px 0;
  background: #eae4d8;
  display: flex;
  list-style: none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  body.public.org.top .tab__labels {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  body.public.org.top .tab__labels {
    padding: 20px calc(50% - 600px) 0;
  }
}
body.public.org.top .tab__labels::-webkit-scrollbar {
  overflow: hidden;
  width: 5px;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body.public.org.top .tab__labels::-webkit-scrollbar:horizontal {
  height: 5px;
}
body.public.org.top .tab__labels::-webkit-scrollbar-button {
  display: none;
}
body.public.org.top .tab__labels::-webkit-scrollbar-piece {
  background: #eee;
}
body.public.org.top .tab__labels::-webkit-scrollbar-piece:start {
  background: #eee;
}
body.public.org.top .tab__labels::-webkit-scrollbar-thumb {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #333;
}
body.public.org.top .tab__labels::-webkit-scrollbar-corner {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #333;
}
body.public.org.top .tab__label {
  flex: 0 0 165px;
  background-color: #ccc;
  border: 0;
  border-radius: 10px 10px 0 0;
}
body.public.org.top .tab__label + .tab__label {
  margin-left: 5px;
}
body.public.org.top .tab__label.active {
  flex: 0 0 180px;
  background: #488738;
}
body.public.org.top .tab__label a {
  display: block;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  body.public.org.top .tab__label a {
    font-size: 1.4rem;
  }
}
body.public.org.top .prefectures {
  position: relative;
  background: #fff;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 15px 8px;
  box-sizing: border-box;
}
@media screen and (min-width: 1200px) {
  body.public.org.top .prefectures {
    width: auto;
    padding: 15px calc(50% - 600px);
  }
}
body.public.org.top .prefectures ul {
  list-style: none;
  display: flex;
  color: #666;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  font-size: 0.8rem;
}
@media screen and (min-width: 768px) {
  body.public.org.top .prefectures ul {
    font-size: 1.1rem;
  }
}
body.public.org.top .prefectures li {
  flex: 0 0 auto;
  margin: 0 4px;
}
body.public.org.top .prefectures li.active a {
  color: #be973e;
}
body.public.org.top .prefectures li:after {
  content: "|";
  margin-left: 8px;
  color: #666;
}
body.public.org.top .prefectures li:last-child:after {
  content: "";
  margin-left: 0;
}
body.public.org.top .prefectures a {
  color: #666;
  text-decoration: none;
}
body.public.org.top #main {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
}
body.public.org.top h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 18px;
  color: #fff;
  background-color: #488738;
  font-size: 1.75rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body.public.org.top h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  body.public.org.top h1 {
    padding: 0 calc(50% - 600px);
  }
}
body.public.org.top .basic-info {
  width: 100%;
  margin-bottom: 0;
  padding: 25px 8px 15px;
  background-color: #fff;
  display: flex;
  align-items: center;
  color: #666;
  flex-wrap: wrap;
  font-size: 0.9rem;
}
@media screen and (min-width: 768px) {
  body.public.org.top .basic-info {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1200px) {
  body.public.org.top .basic-info {
    padding: 25px calc(50% - 600px) 15px;
  }
}
body.public.org.top .basic-info .web {
  background: #88b121;
  margin: 0;
  color: #fff;
  padding: 4px 1em;
  text-decoration: none;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-left: 1rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .basic-info .web {
    font-size: 1rem;
  }
}
body.public.org.top .basic-info .address {
  margin: 0;
  margin-left: 1rem;
  margin-bottom: 10px;
}
body.public.org.top .basic-info .org-tel {
  margin: 0;
  margin-left: 1rem;
  margin-bottom: 10px;
}
body.public.org.top .basic-info .fax {
  margin: 0;
  margin-left: 1rem;
  margin-bottom: 10px;
}
@media only screen and (max-width: 450px) {
  body.public.org.top .main-part {
    padding: 0 !important;
  }
  body.public.org.top .follow a {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  body.public.org.top .btn {
    font-size: 16px;
    height: 36px;
    line-height: 39px;
  }
}
body.public.org.top .main-part {
  overflow: hidden;
  background-color: #fff;
  padding: 0 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  body.public.org.top .main-part {
    display: grid;
    grid-template-columns: 1fr 350px;
    display: -ms-grid;
    -ms-grid-columns: 1fr 350px;
    -ms-grid-rows: auto;
    grid-row-gap: 0;
  }
}
@media screen and (min-width: 1200px) {
  body.public.org.top .main-part {
    padding: 0 calc(50% - 600px) 60px;
  }
}
body.public.org.top .promotion-movie {
  margin-bottom: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  body.public.org.top .promotion-movie {
    margin-right: 50px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    overflow: hidden;
    margin-bottom: 0;
  }
}
body.public.org.top .promotion-movie img {
  display: block;
  width: 100%;
}
body.public.org.top .promotion-movie .no-print-mark {
  position: absolute;
  display: block;
  top: 25px;
  right: -30px;
  height: 20px;
  font-size: 20px;
  line-height: 1;
  padding: 5px 30px;
  background: #dea234;
  color: #fff;
  transform: rotate(45deg);
  font-weight: bold;
}
body.public.org.top .promotion-movie .no-print-mark i.fa {
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span1: 2;
  }
}
body.public.org.top .action .btn {
  max-width: none;
}
body.public.org.top .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.top .action .btn.btn-ticket {
  background-image: url(/static/public/images/bg_ticket.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  margin-bottom: 20px;
  width: 300px;
  height: 147px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action .btn.btn-ticket {
    margin-bottom: 10px;
    width: 350px;
    height: 171px;
  }
}
body.public.org.top .action .btn.btn-warn {
  height: 29px;
  font-size: 14px;
  line-height: 29px;
  color: #d89c34;
  background-color: #fff;
  border: 1px solid #d89c34;
  border-radius: 0;
  margin-bottom: 20px;
  width: 300px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action .btn.btn-warn {
    margin-bottom: 10px;
    width: 350px;
  }
}
body.public.org.top .action .btn.btn-warn:hover {
  background-color: #f2f2f2;
}
body.public.org.top .action .btn.btn-info {
  height: 29px;
  font-size: 14px;
  line-height: 29px;
  color: #209cee;
  background-color: #fff;
  border: 1px solid #209cee;
  border-radius: 0;
  margin-bottom: 20px;
  width: 300px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action .btn.btn-info {
    margin-bottom: 10px;
    width: 350px;
  }
}
body.public.org.top .action .btn.btn-info:hover {
  background-color: #f2f2f2;
}
body.public.org.top .action .follow .btn {
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding-top: 0;
  border-radius: 6px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #fff;
  background-color: #66a3c6;
  border: 1px solid #fff;
}
body.public.org.top .action .follow .btn:hover {
  background-color: #8bb9d4;
}
body.public.org.top .action .follow .btn.btn-followed {
  color: #66a3c6;
  border-color: #66a3c6;
  background-color: #fff;
}
body.public.org.top .action .follow .btn.btn-followed:hover {
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action .follow .btn {
    width: 100%;
  }
}
body.public.org.top .action .follow .btn i {
  font-size: inherit;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action .follow .btn i {
    display: inline-block;
    font-size: inherit;
  }
}
body.public.org.top .action.action-top {
  padding: 0 18px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action.action-top {
    padding: 0;
  }
}
body.public.org.top .action.action-bottom {
  padding: 0 18px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action.action-bottom {
    padding: 0;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
  }
}
body.public.org.top .action.action-bottom .columns {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 -5px 10px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action.action-bottom .columns {
    justify-content: normal;
    margin: 0 0 10px;
  }
}
body.public.org.top .action.action-bottom .btn {
  box-sizing: border-box;
  margin: 0 5px 20px;
  flex: 1 1 auto;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action.action-bottom .btn {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 110px;
    height: 110px;
    padding: 15px 0;
  }
}
body.public.org.top .action.action-bottom .btn.btn-movie {
  background-color: #87a5bc;
}
@media screen and (min-width: 768px) {
  body.public.org.top .action.action-bottom .btn i {
    display: block;
    font-size: 3rem;
  }
}
body.public.org.top h2 {
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  body.public.org.top h2 {
    padding: 0 calc(50% - 600px);
  }
}
body.public.org.top h2 span {
  position: relative;
  display: block;
  color: #666;
  border-bottom: 3px solid #99af42;
  padding-right: 70px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  body.public.org.top h2 span {
    font-size: 2rem;
  }
}
body.public.org.top h2 span:before {
  content: "";
  display: inline-block;
  background-color: #99af42;
  border-radius: 100%;
  position: relative;
  top: 1px;
  margin-right: 6px;
  width: 0.9rem;
  height: 0.9rem;
  margin-left: 6px;
}
@media screen and (min-width: 768px) {
  body.public.org.top h2 span:before {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0;
  }
}
body.public.org.top .catch-record-list {
  margin: 0 auto;
  padding: 0 0 20px;
  background-color: #fff;
}
@media screen and (min-width: 1200px) {
  body.public.org.top .catch-record-list {
    padding: 0 calc(50% - 600px) 20px;
  }
}
body.public.org.top .catch-record-list > div {
  position: relative;
}
body.public.org.top .catch-record-list > div .btn {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 1rem;
  height: 30px;
  line-height: 30px;
  background-color: #99af42;
  border-radius: 0;
  padding: 0 0.5rem;
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  body.public.org.top .catch-record-list > div .btn {
    padding: 0 1rem;
    margin-left: 18px;
  }
}
@media screen and (min-width: 768px) {
  body.public.org.top .catch-record-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    margin-right: -24px;
  }
}
@media screen and (min-width: 768px) {
  body.public.org.top .catch-record-list ul:before {
    height: 0;
  }
}
@media screen and (min-width: 768px) {
  body.public.org.top .catch-record-list ul li {
    flex: 0 0 calc(calc(100% - 48px) / 2);
    margin-right: 24px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    padding: 0;
  }
}
body.public.org.top .catch-record {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 20px;
  color: #333;
  background-color: #f1f1f1;
}
body.public.org.top .catch-record:hover {
  background-color: #e4e4e4;
}
body.public.org.top .catch-record .record-thumbnail {
  float: left;
  width: 75px;
  height: 75px;
  background: #e9dbcd;
}
body.public.org.top .catch-record .record-line {
  display: block;
  margin-left: 85px;
  margin-right: 37px;
}
body.public.org.top .catch-record .record-line.record-date {
  color: #488844;
}
body.public.org.top .catch-record .record-line.record-comment {
  display: -webkit-box;
  max-width: 100%;
  height: 48px;
  /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.public.org.top .catch-record .record-disclosure {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  font-size: 32px;
  color: #488844;
}
body.public.org.top .news-list {
  margin: 0 auto;
  padding: 0 0 20px;
  background-color: #fff;
}
@media screen and (min-width: 1200px) {
  body.public.org.top .news-list {
    padding: 0 calc(50% - 600px) 20px;
  }
}
body.public.org.top .news-list > div {
  position: relative;
}
body.public.org.top .news-list > div .btn {
  position: absolute;
  top: -30px;
  right: 0;
  padding: 0 1rem;
  font-size: 1rem;
  height: 30px;
  line-height: 30px;
  background-color: #99af42;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  body.public.org.top .news-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    margin-right: -24px;
  }
}
@media screen and (min-width: 768px) {
  body.public.org.top .news-list ul li {
    flex: 0 0 calc(calc(100% - 48px) / 2);
    margin-right: 24px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    padding: 0;
  }
}
body.public.org.top .news {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 20px;
  color: #333;
  background-color: #f1f1f1;
}
body.public.org.top .news:hover {
  background-color: #e4e4e4;
}
body.public.org.top .news .news-thumbnail {
  float: left;
  width: 75px;
  height: 75px;
  background: #e9dbcd;
}
body.public.org.top .news .news-line {
  display: block;
  margin-right: 37px;
}
body.public.org.top .news .news-line.news-date {
  color: #488844;
}
body.public.org.top .news .news-line.news-title {
  display: -webkit-box;
  max-width: 100%;
  height: 24px;
  /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.5;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.public.org.top .news .news-disclosure {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  font-size: 32px;
  color: #488844;
}
body.public.org.top .social.social-bottom {
  margin: 0 auto;
  padding: 0 18px 50px;
  background-color: #fff;
}
@media screen and (min-width: 1200px) {
  body.public.org.top .social.social-bottom {
    padding: 0 calc(50% - 600px) 50px;
  }
}
body.public.org.top .vertical-stack-list ul li {
  padding-bottom: 0;
  box-shadow: none;
}
body.public.org.top .vertical-stack-list ul li .preload.preload-with-thumbnail .dummy-thumbnail {
  background-color: #e6e6e6;
}
body.public.org.top .vertical-stack-list ul li .preload .dummy-line {
  background-color: #e6e6e6;
}
body.public.org.top .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  pointer-events: none;
  z-index: 2000;
  overflow: scroll;
}
body.public.org.top .modal.show {
  display: block;
}
body.public.org.top .modal .modal-window {
  pointer-events: auto;
  overflow: visible;
  width: 320px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 100px;
  height: 230px;
  background: white;
  box-shadow: 0 0px 5px black;
}
body.public.org.top .modal .window-header {
  pointer-events: auto;
  position: absolute;
  top: -50px;
  left: 0;
  height: 50px;
  background: #efefef;
  width: 100%;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 5px 0 white, 0 0px 5px black;
}
body.public.org.top .modal .window-header .header-title {
  margin: 0;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}
body.public.org.top .modal .window-header .btn.btn-close {
  pointer-events: auto;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  width: 36px;
  margin: 0;
  background-color: #c66613;
}
body.public.org.top .modal .window-body {
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: auto;
}
body.public.org.top .modal .window-body .window-body-inner {
  margin: 0 1rem;
}
body.public.org.top.win .catch-record-list ul li {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  body.public.org.top.win .catch-record-list ul li {
    flex: 0 0 30%;
  }
}
body.public.org.top.win .news-list ul li {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  body.public.org.top.win .news-list ul li {
    flex: 0 0 30%;
  }
}
body.public.org.news-list .action {
  margin-bottom: 20px;
}
body.public.org.news-list .action .btn {
  margin-bottom: 10px;
}
body.public.org.news-list .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.news-list h2 {
  margin-top: 40px;
}
body.public.org.news-list .news-list .list-action {
  zoom: 1;
  padding: 0 20px;
}
body.public.org.news-list .news-list .list-action:before,
body.public.org.news-list .news-list .list-action:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.news-list .news-list .list-action .btn-left {
  float: left;
  margin-left: 0;
}
body.public.org.news-list .news-list .list-action .btn-right {
  float: right;
}
body.public.org.news-list .news-list .list-action .btn-disabled {
  display: none;
}
body.public.org.news-list .news {
  position: relative;
  display: block;
  text-decoration: none;
  color: #333;
  zoom: 1;
}
body.public.org.news-list .news:before,
body.public.org.news-list .news:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.news-list .news .news-thumbnail {
  float: left;
  width: 75px;
  height: 75px;
  background: #e9dbcd;
}
body.public.org.news-list .news .news-line {
  display: block;
  margin-right: 37px;
}
body.public.org.news-list .news .news-line.news-date {
  color: #488844;
}
body.public.org.news-list .news .news-line.news-title {
  display: -webkit-box;
  max-width: 100%;
  height: 24px;
  /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.5;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.public.org.news-list .news .news-disclosure {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  font-size: 32px;
  color: #488844;
}
body.public.org.news-list .basic-info {
  margin-bottom: 50px;
}
body.public.org.news-list .basic-info .btn-sub {
  background: #88b121;
}
body.public.org.news-list .basic-info .fax {
  font-size: 29px;
  font-weight: normal;
  text-align: center;
  color: #498238;
}
body.public.org.news-list .basic-info .address {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
body.public.org.news-list .basic-info .address span {
  display: block;
}
body.public.org.catch-records-list #main {
  padding-bottom: 100px;
}
body.public.org.catch-records-list .action {
  margin-bottom: 20px;
}
body.public.org.catch-records-list .action .btn {
  margin-bottom: 10px;
}
body.public.org.catch-records-list .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.catch-records-list h2 {
  margin-top: 40px;
}
body.public.org.catch-records-list .catch-record-list .list-action {
  zoom: 1;
  padding: 0 20px;
}
body.public.org.catch-records-list .catch-record-list .list-action:before,
body.public.org.catch-records-list .catch-record-list .list-action:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.catch-records-list .catch-record-list .list-action .btn-left {
  float: left;
  margin-left: 0;
}
body.public.org.catch-records-list .catch-record-list .list-action .btn-right {
  float: right;
}
body.public.org.catch-records-list .catch-record-list .list-action .btn-disabled {
  display: none;
}
body.public.org.catch-records-list .catch-record-list .catch-record-link {
  position: relative;
  display: block;
  text-decoration: none;
  color: #333;
  zoom: 1;
}
body.public.org.catch-records-list .catch-record {
  position: relative;
  zoom: 1;
}
body.public.org.catch-records-list .catch-record:before,
body.public.org.catch-records-list .catch-record:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.catch-records-list .catch-record .record-thumbnail {
  float: left;
  width: 75px;
  height: 75px;
  background: #e9dbcd;
}
body.public.org.catch-records-list .catch-record .record-line {
  display: block;
  margin-left: 85px;
  margin-right: 37px;
}
body.public.org.catch-records-list .catch-record .record-line.record-date {
  color: #488844;
}
body.public.org.catch-records-list .catch-record .record-line.record-comment {
  display: -webkit-box;
  max-width: 100%;
  height: 48px;
  /* Fallback for non-webkit */
  font-size: 16px;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.public.org.catch-records-list .catch-record .record-disclosure {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  font-size: 32px;
  color: #488844;
}
body.public.org.catch-records-list .basic-info {
  margin-bottom: 50px;
}
body.public.org.catch-records-list .basic-info .btn-sub {
  background: #88b121;
}
body.public.org.catch-records-list .basic-info .fax {
  font-size: 29px;
  font-weight: normal;
  text-align: center;
  color: #498238;
}
body.public.org.catch-records-list .basic-info .address {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
body.public.org.catch-records-list .basic-info .address span {
  display: block;
}
body.public.org.catch-record #main {
  padding-bottom: 100px;
}
body.public.org.catch-record h1 {
  margin-bottom: 0;
}
body.public.org.catch-record .social {
  margin-bottom: 20px;
  padding-left: 18px;
  padding-right: 18px;
}
body.public.org.catch-record .action {
  margin-bottom: 20px;
}
body.public.org.catch-record .action .btn {
  margin-bottom: 10px;
}
body.public.org.catch-record .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.catch-record h2 {
  margin-top: 40px;
}
body.public.org.catch-record .catch-record-meta {
  padding: 0 20px;
  color: #488844;
}
body.public.org.catch-record .catch-record-body {
  padding: 0 20px;
  margin-bottom: 50px;
}
body.public.org.catch-record .catch-record-body .image-placeholder {
  margin-bottom: 20px;
}
body.public.org.catch-record .basic-info {
  margin-bottom: 50px;
}
body.public.org.catch-record .basic-info .btn-sub {
  background: #88b121;
}
body.public.org.catch-record .basic-info .fax {
  font-size: 29px;
  font-weight: normal;
  text-align: center;
  color: #498238;
}
body.public.org.catch-record .basic-info .address {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
body.public.org.catch-record .basic-info .address span {
  display: block;
}
body.public.org.around-spots #main {
  padding-bottom: 100px;
}
body.public.org.around-spots .weather-wrap .weather-list {
  padding: 0;
  list-style: none;
  zoom: 1;
}
body.public.org.around-spots .weather-wrap .weather-list:before,
body.public.org.around-spots .weather-wrap .weather-list:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.around-spots .weather-wrap .weather-list li {
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 0 2px;
  margin-bottom: 4px;
}
body.public.org.around-spots .weather-wrap .weather-list .weather {
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
}
body.public.org.around-spots .weather-wrap .weather-list .weather .weather-title {
  margin-top: 5px;
  font-size: 12px;
}
body.public.org.around-spots .weather-wrap .weather-list .weather .weather-body {
  margin-bottom: 5px;
  font-size: 14px;
}
body.public.org.around-spots .weather-wrap .credit {
  font-size: 12px;
}
body.public.org.around-spots .canvas_wrapper {
  zoom: 1;
  padding: 20px;
}
body.public.org.around-spots .canvas_wrapper:before,
body.public.org.around-spots .canvas_wrapper:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.around-spots .field-category {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
body.public.org.around-spots .category-select-wrap {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 200px;
  background: #f4f4f4;
  overflow: hidden;
  position: relative;
}
body.public.org.around-spots .category-select-wrap:after {
  content: "\F078";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 1;
  transform: translate(0, -50%);
}
body.public.org.around-spots #category-select {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.5em 1em;
  width: 130%;
  z-index: 2;
  border-radius: 0;
  border: 0;
  margin: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: 16px;
  box-sizing: content-box;
  outline: none;
}
body.public.org.around-spots #category-select:-ms-expand {
  display: none;
}
body.public.org.around-spots .map-canvas-wrap {
  box-sizing: border-box;
  padding: 3px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  body.public.org.around-spots .map-canvas-wrap {
    width: 100%;
    float: right;
    height: 90vh;
    padding-left: 403px;
    margin-left: -400px;
  }
}
body.public.org.around-spots .around-spot-list-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  body.public.org.around-spots .around-spot-list-wrap {
    width: 400px;
    height: 90vh;
    overflow: scroll;
    box-sizing: border-box;
    border: 3px solid #fff;
    background-color: #eae4d8;
  }
}
body.public.org.around-spots #map_canvas {
  width: 100%;
  height: 50vh;
}
@media screen and (min-width: 768px) {
  body.public.org.around-spots #map_canvas {
    width: 100%;
    height: 100%;
  }
}
body.public.org.around-spots .action {
  margin-bottom: 20px;
}
body.public.org.around-spots .action .btn {
  margin-bottom: 10px;
}
body.public.org.around-spots .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.around-spots .action .btn.btn-camera {
  background: #87a5bc;
}
body.public.org.around-spots h2 {
  margin-top: 40px;
}
body.public.org.around-spots .around-spot-list .around-spot .spot-title {
  color: #488844;
}
body.public.org.around-spots .around-spot-list .around-spot .spot-title .label {
  margin-right: 10px;
}
body.public.org.around-spots .around-spot-list .around-spot .spot-title .spot-display-map {
  background: transparent;
  padding: 0;
  margin: 0 0 0 5px;
  border: 0;
  text-decoration: underline;
  cursor: pointer;
  color: #4386fc;
}
body.public.org.around-spots .around-spot-list .around-spot .spot-picture img {
  display: block;
  width: 100%;
}
body.public.org.detail #main {
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  body.public.org.detail #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.org.detail .action .btn {
  margin-bottom: 10px;
}
body.public.org.detail .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.detail .action .btn.btn-camera {
  background: #87a5bc;
}
body.public.org.detail .action .btn-narrow {
  margin-bottom: 60px;
}
body.public.org.detail h2 {
  margin-top: 40px;
}
body.public.org.detail .description,
body.public.org.detail .rules {
  margin: 0 18px;
}
body.public.org.detail .description .image-placeholder img {
  cursor: pointer;
}
body.public.org.detail .basic-info {
  margin-top: 50px;
  margin-bottom: 50px;
}
body.public.org.detail .basic-info .btn-sub {
  background: #88b121;
}
body.public.org.detail .basic-info .fax {
  font-size: 29px;
  font-weight: normal;
  text-align: center;
  color: #498238;
}
body.public.org.detail .basic-info .address {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
body.public.org.detail .basic-info .address span {
  display: block;
}
body.public.org.detail .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  overflow: scroll;
}
body.public.org.detail .modal.show {
  display: block;
}
body.public.org.detail .modal .modal-window {
  width: 90%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 30px;
  bottom: 30px;
  background: transparent;
  overflow: auto;
}
body.public.org.detail .modal .modal-window .modal-image-wrap {
  display: none;
  height: 100%;
}
body.public.org.detail .modal .modal-window .modal-image-wrap.show {
  display: block;
}
body.public.org.detail .modal .modal-window .modal-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
body.public.org.detail .modal .modal-window .btn.btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  width: 44px;
  padding: 0;
}
body.public.org.region .tab__labels {
  margin: 0 auto;
  padding: 20px 0 0;
  background: #eae4d8;
  display: flex;
  list-style: none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  body.public.org.region .tab__labels {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  body.public.org.region .tab__labels {
    padding: 20px calc(50% - 600px) 0;
  }
}
body.public.org.region .tab__labels::-webkit-scrollbar {
  overflow: hidden;
  width: 5px;
  background: #488738;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
body.public.org.region .tab__labels::-webkit-scrollbar:horizontal {
  height: 5px;
}
body.public.org.region .tab__labels::-webkit-scrollbar-button {
  display: none;
}
body.public.org.region .tab__labels::-webkit-scrollbar-piece {
  background: #eee;
}
body.public.org.region .tab__labels::-webkit-scrollbar-piece:start {
  background: #eee;
}
body.public.org.region .tab__labels::-webkit-scrollbar-thumb {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #333;
}
body.public.org.region .tab__labels::-webkit-scrollbar-corner {
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #333;
}
body.public.org.region .tab__label {
  flex: 0 0 165px;
  background-color: #ccc;
  border: 0;
  border-radius: 10px 10px 0 0;
}
body.public.org.region .tab__label + .tab__label {
  margin-left: 5px;
}
body.public.org.region .tab__label.active {
  flex: 0 0 180px;
  background: #488738;
}
body.public.org.region .tab__label a {
  display: block;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  body.public.org.region .tab__label a {
    font-size: 1.4rem;
  }
}
body.public.org.region h1 {
  background-color: #488738;
  color: #fff;
  padding: 35px 0 30px;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  body.public.org.region h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1200px) {
  body.public.org.region h1 {
    padding: 35px calc(50% - 600px) 30px;
  }
}
body.public.org.region h1:before {
  content: "";
  display: inline-block;
  width: 76.19047619px;
  height: 32px;
  background-image: url(/static/public/images/wave.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1.5rem;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  body.public.org.region h1:before {
    width: 100px;
    height: 42px;
  }
}
body.public.org.region h1:after {
  content: "";
  display: inline-block;
  width: 76.19047619px;
  height: 32px;
  background-image: url(/static/public/images/wave.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1.5rem;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  body.public.org.region h1:after {
    width: 100px;
    height: 42px;
  }
}
body.public.org.region .prefectures {
  background: #478738;
  padding: 0 0 25px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  body.public.org.region .prefectures {
    padding: 0 calc(50% - 600px) 25px;
  }
}
body.public.org.region .prefectures li {
  margin: 0 5px;
  flex: 0 0 auto;
  margin-bottom: 5px;
}
body.public.org.region .prefectures li a {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 0 20px;
  color: #fff;
  text-decoration: none;
}
body.public.org.region .orgs-by-prefectures {
  margin: 0 auto;
  background-color: #fafafa;
  padding: 50px 0;
}
@media screen and (min-width: 1200px) {
  body.public.org.region .orgs-by-prefectures {
    padding: 50px calc(50% - 600px);
  }
}
body.public.org.region .orgs-by-prefectures .text-only {
  margin: 40px 0;
  text-align: center;
}
body.public.org.region .orgs-by-prefectures h2 {
  text-align: center;
  margin-top: 0;
  background-color: #91af3e;
  color: #fff;
  padding: 8px 0;
  margin-bottom: 30px;
  font-size: 1.5rem;
  line-height: 1;
}
body.public.org.region .org-request {
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
}
body.public.org.region .org-request h2 {
  border: 2px dotted #91af3e;
  background-color: #f8faf2;
  color: #91af3e;
  margin-bottom: 60px;
}
body.public.org.region .organizations-index {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-right: -30px;
  padding: 0;
  list-style: none;
}
body.public.org.region .organizations-index li {
  flex: 0 0 calc(100% - 30px);
  padding: 0;
  margin-right: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  body.public.org.region .organizations-index li {
    flex: 0 0 calc(calc(100% - 90px) / 3);
  }
}
body.public.org.region .organizations-index .organization-card {
  position: relative;
}
body.public.org.region .organizations-index .organization-card .card-header {
  display: block;
  position: relative;
  overflow: hidden;
}
body.public.org.region .organizations-index .organization-card .card-header .card-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65.7894736842105%;
}
body.public.org.region .organizations-index .organization-card .card-header .card-image .image-crop {
  position: absolute;
  width: 100%;
  height: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: url(/static/public/images/unknown_cover.png) 50% 50% / cover no-repeat;
}
body.public.org.region .organizations-index .organization-card .card-header img {
  display: block;
  width: 100%;
}
body.public.org.region .organizations-index .organization-card .card-header .btn-disclosure {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  height: 32px;
  background: transparent;
  font-size: 32px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: translate(0, -50%);
}
body.public.org.region .organizations-index .organization-card .card-header .btn-disclosure i.fa {
  vertical-align: top;
}
body.public.org.region .organizations-index .organization-card .card-header .movie-mark {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  height: 14px;
  font-size: 14px;
  line-height: 1;
  padding: 5px;
  background: #488844;
  color: #fff;
}
body.public.org.region .organizations-index .organization-card .card-header .movie-mark i.fa {
  vertical-align: top;
}
body.public.org.region .organizations-index .organization-card .card-header .no-print-mark {
  position: absolute;
  display: block;
  top: 20px;
  right: -30px;
  height: 14px;
  font-size: 14px;
  line-height: 1;
  padding: 5px 30px;
  background: #dea234;
  color: #fff;
  transform: rotate(45deg);
  font-weight: bold;
}
body.public.org.region .organizations-index .organization-card .card-header .no-print-mark i.fa {
  vertical-align: top;
}
body.public.org.region .organizations-index .organization-card .card-footer {
  height: 48px;
  background: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #e4e4e4;
}
body.public.org.region .organizations-index .organization-card .card-footer .footer-title a {
  color: #498238;
  text-decoration: none;
  font-size: 1.1rem;
  line-height: 1;
  display: block;
  padding: 10px 18px 20px;
  text-align: center;
}
body.public.org.region .organizations-index .organization-card .card-footer .footer-map {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 90px;
  height: 90px;
}
body.public.org.region .organizations-index .organization-card .card-footer .footer-map .image-crop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/static/public/images/unknown_cover.png) 50% 50% / cover no-repeat;
}
body.public.org.region .organizations-index .organization-card .card-footer .footer-map img {
  display: block;
  width: 100%;
}
body.public.org.region.win .organizations-index li {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  body.public.org.region.win .organizations-index li {
    flex: 0 0 30%;
  }
}
body.public-org-tickets-index #main {
  padding-bottom: 100px;
}
body.public-org-tickets-index h2 {
  margin-bottom: 30px;
}
body.public-org-tickets-index .steps {
  background-color: #fafafa;
  padding: 20px 0;
  max-width: 400px;
  margin: 20px auto 30px;
  border-top: 1px solid #488844;
  border-bottom: 1px solid #488844;
}
body.public-org-tickets-index .steps .steps-inner {
  max-width: 335px;
  margin: 0 auto;
  padding: 0 10px;
}
body.public-org-tickets-index .steps .steps-inner p {
  color: #333;
}
body.public-org-tickets-index .steps .steps-inner p:last-child {
  margin-bottom: 0;
}
body.public-org-tickets-index .steps .steps-inner p.lead {
  margin-top: 0;
  font-size: 24px;
  font-weight: bold;
  color: #d89c34;
}
body.public-org-tickets-index .steps .steps-inner p.anchor {
  text-align: right;
}
body.public-org-tickets-index .steps .steps-inner dt {
  font-size: 18px;
  font-weight: bold;
  color: #498238;
}
body.public-org-tickets-index .steps .steps-inner dd {
  font-size: 14px;
  color: #333;
  margin-bottom: 7px;
}
body.public-org-tickets-index .steps .steps-inner .cation-title {
  text-align: center;
  font-size: 18px;
  color: #daa520;
  font-weight: bold;
}
body.public-org-tickets-index .action .btn {
  margin-bottom: 10px;
}
body.public-org-tickets-index .action .btn.btn-sub {
  background: #88b121;
}
body.public-org-tickets-index .action .btn.btn-camera {
  background: #87a5bc;
}
body.public-org-tickets-index div.no-ticket-message-box {
  max-width: 750px;
  margin: 0 auto 40px;
  padding: 20px;
  background: white;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
body.public-org-tickets-index .periodical-tickets,
body.public-org-tickets-index .daily-tickets {
  margin-bottom: 50px;
}
body.public-org-tickets-index .ticket-list {
  max-width: 335px;
  margin: 0 auto 20px;
}
body.public-org-tickets-index .ticket-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.public-org-tickets-index .ticket-list ul li {
  position: relative;
  margin-bottom: 20px;
}
body.public-org-tickets-index .ticket-list ul li .ticket {
  position: relative;
  margin: -15px -16px;
  border-style: solid;
  border-width: 15px 25px;
  border-color: #fff;
  /* fallback < IE11 */
  border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  background-color: #fff;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions {
  zoom: 1;
  margin-bottom: 20px;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions:before,
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions:after {
  content: "";
  display: table;
  clear: both;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0px;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions table td {
  width: 50%;
  text-align: center;
  font-weight: bold;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions table td.ticket-target {
  background-color: #e5dbc3;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-conditions table td.ticket-method {
  background-color: #c7b299;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-period {
  text-align: center;
  font-weight: bold;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-period div.daily-fishing-period-label {
  text-align: left;
  padding: 0 10px;
  font-weight: bold;
  font-size: 12px;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-period div.daily-fishing-period-label.description {
  padding: 0 22px;
  margin-bottom: 20px;
}
body.public-org-tickets-index .ticket-list ul li .ticket hr.devider {
  border: none;
  height: 2px;
  background: #dea234;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer {
  zoom: 1;
  text-align: right;
  margin-bottom: 5px;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer:before,
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer:after {
  content: "";
  display: table;
  clear: both;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer > p,
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer a {
  display: inline-block;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer .ticket-price {
  margin: 0 20px 0 0;
  font-size: 20px;
  font-weight: bold;
}
body.public-org-tickets-index .ticket-list ul li .ticket .ticket-footer .btn {
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 16px;
}
body.public-org-tickets-index .periodical-tickets .ticket-list ul li .ticket {
  border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
}
body.public-org-tickets-index .daily-tickets .ticket-list ul li .ticket {
  border-image: url(/static/public/images/ticket_border_image_next3.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next3.png) 15 25 stretch round;
}
body.public-org-tickets-index .daily-tickets .ticket-list ul li .ticket .ticket-conditions .ticket-target {
  background-color: #8eb721;
  color: #fff;
}
body.public-org-tickets-index .daily-tickets .ticket-list ul li .ticket .ticket-conditions .ticket-method {
  background-color: #498838;
  color: #fff;
}
body.public-org-tickets-index .daily-tickets .ticket-list ul li .ticket hr.devider {
  background: #8eb721;
}
body.public-org-tickets-index .daily-tickets .ticket-list ul li .ticket .ticket-footer .btn {
  background-color: #498838;
}
.purchase-stepper {
  background-color: #fff;
  padding: 20px 20px 0;
}
.purchase-stepper .indicators {
  display: flex;
  margin-bottom: -20px;
}
.purchase-stepper .indicators .icon {
  flex: 1 1 0;
  text-align: center;
}
.purchase-stepper .indicators .icon.is-hidden {
  opacity: 0;
}
.purchase-stepper progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  width: 100%;
  height: 2px;
}
.purchase-stepper progress {
  color: #c8c8c8;
}
.purchase-stepper progress::-webkit-progress-bar {
  background-color: #c8c8c8;
}
.purchase-stepper progress::-webkit-progress-value {
  background: #488844;
}
.purchase-stepper progress::-moz-progress-bar {
  background: #488844;
}
.purchase-stepper .step-labels {
  display: flex;
}
.purchase-stepper .step-labels .step-label {
  color: #488844;
  font-size: 0.8rem;
  flex: 1 1 0;
  text-align: center;
}
.process.process-input-option .option-guide {
  font-size: 90%;
  color: gray;
}
.process.process-input-option .option-items {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.process.process-input-option .option-items .option-item {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}
.process.process-input-option .option-items .option-item:hover:not([disabled]):not([data-selected="true"]) {
  background-color: #efefef;
}
.process.process-input-option .option-items .option-item:hover:not([disabled]):not([data-selected="true"]) .option-item-inner:before {
  background-color: #c666155e;
}
.process.process-input-option .option-items .option-item[disabled] {
  cursor: not-allowed;
  background-color: #ff000012;
}
.process.process-input-option .option-items .option-item[data-selected="true"] {
  background-color: #4cae4f26;
}
.process.process-input-option .option-items .option-item[data-selected="true"] .option-item-inner:before {
  background-color: rgba(81, 135, 64, 0.5);
}
.process.process-input-option .option-items .option-item .option-item-shortage {
  font-size: 80%;
  color: gray;
  padding-top: 0.3rem;
  margin-bottom: -0.5rem;
}
.process.process-input-option .option-items .option-item .option-item-selected {
  font-size: 80%;
  color: #498238;
  padding-top: 0.3rem;
  padding-left: 0.5rem;
  margin-bottom: -0.5rem;
}
.process.process-input-option .option-items .option-item .option-item-inner {
  position: relative;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  display: flex;
  justify-content: space-between;
}
.process.process-input-option .option-items .option-item .option-item-inner:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #518740;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translate(0, -50%);
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px white;
}
.process.process-input-option .option-items .option-item .option-item-inner[disabled] {
  text-decoration: line-through;
}
.process.process-input-option .option-items .option-item .option-item-inner span.option-item-price-dull {
  font-size: 80%;
  color: gray;
  margin-right: 0.75rem;
}
.process.process-input-option .option-items .option-item + .option-item {
  border-top: none;
}
.process.process-process1 .payment-method-radio-button.konbini {
  margin: 30px 0 10px;
}
.process.process-process1 .payment-method-konbini-info-area .message,
.process.process-process1 .payment-method-konbini-info-area .message-remark {
  margin: 1rem 0;
  padding-left: 18px;
  padding-right: 18px;
}
.process.process-process1 .payment-method-konbini-info-area .message-remark {
  font-size: small;
}
.process.process-process1 .konbini-list {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.process.process-process1 .konbini-list .konbini-item {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}
.process.process-process1 .konbini-list .konbini-item:hover:not([disabled]):not([data-selected="true"]) {
  background-color: #efefef;
}
.process.process-process1 .konbini-list .konbini-item:hover:not([disabled]):not([data-selected="true"]) .konbini-item-inner:before {
  background-color: #c666155e;
}
.process.process-process1 .konbini-list .konbini-item[disabled] {
  cursor: not-allowed;
  background-color: #ff000012;
}
.process.process-process1 .konbini-list .konbini-item[data-selected="true"] {
  background-color: #4cae4f26;
}
.process.process-process1 .konbini-list .konbini-item[data-selected="true"] .konbini-item-inner:before {
  background-color: rgba(81, 135, 64, 0.5);
}
.process.process-process1 .konbini-list .konbini-item .konbini-item-selected {
  font-size: 80%;
  color: #498238;
  padding-top: 0.3rem;
  padding-left: 0.5rem;
  margin-bottom: -0.5rem;
}
.process.process-process1 .konbini-list .konbini-item .konbini-item-inner {
  position: relative;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 1rem;
}
.process.process-process1 .konbini-list .konbini-item .konbini-item-inner:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #518740;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translate(0, -50%);
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px white;
}
.process.process-process1 .konbini-list .konbini-item .konbini-item-inner[disabled] {
  text-decoration: line-through;
}
.process.process-process1 .konbini-list .konbini-item .konbini-item-inner .konbini-item-logo img {
  display: block;
}
.process.process-process1 .konbini-list .konbini-item + .konbini-item {
  border-top: none;
}
.process.process-process1 .payment-method-radio-button.smartphone {
  margin: 30px 0 10px;
}
.process.process-process1 .payment-method-smartphone-info-area .message {
  margin: 1rem 0;
  padding-left: 18px;
  padding-right: 18px;
}
.process.process-process1 .smartphone-list {
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}
.process.process-process1 .smartphone-list .smartphone-item {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}
.process.process-process1 .smartphone-list .smartphone-item:hover:not([disabled]):not([data-selected="true"]) {
  background-color: #efefef;
}
.process.process-process1 .smartphone-list .smartphone-item:hover:not([disabled]):not([data-selected="true"]) .smartphone-item-inner:before {
  background-color: #c666155e;
}
.process.process-process1 .smartphone-list .smartphone-item[disabled] {
  cursor: not-allowed;
  background-color: #ff000012;
}
.process.process-process1 .smartphone-list .smartphone-item[data-selected="true"] {
  background-color: #4cae4f26;
}
.process.process-process1 .smartphone-list .smartphone-item[data-selected="true"] .smartphone-item-inner:before {
  background-color: rgba(81, 135, 64, 0.5);
}
.process.process-process1 .smartphone-list .smartphone-item .smartphone-item-selected {
  font-size: 80%;
  color: #498238;
  padding-top: 0.3rem;
  padding-left: 0.5rem;
  margin-bottom: -0.5rem;
}
.process.process-process1 .smartphone-list .smartphone-item .smartphone-item-inner {
  position: relative;
  padding: 0.5rem 0.75rem 0.5rem 2.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 1rem;
}
.process.process-process1 .smartphone-list .smartphone-item .smartphone-item-inner:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #518740;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translate(0, -50%);
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px white;
}
.process.process-process1 .smartphone-list .smartphone-item .smartphone-item-inner[disabled] {
  text-decoration: line-through;
}
.process.process-process1 .smartphone-list .smartphone-item .smartphone-item-inner .smartphone-item-logo img {
  display: block;
}
.process.process-process1 .smartphone-list .smartphone-item + .smartphone-item {
  border-top: none;
}
body.public.org.tickets.buy .purchase-process {
  max-width: 750px;
  margin: 20px auto 40px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
body.public.org.tickets.buy .title-area {
  background: white;
  margin: 0;
  padding: 20px 20px 0;
  overflow: hidden;
  margin-bottom: 1px;
}
body.public.org.tickets.buy .step-area {
  margin: -20px 0 1px;
  width: 100%;
  background: white;
}
body.public.org.tickets.buy .step-area .step-image {
  padding: 0 40px 10px;
  max-width: 500px;
  width: 85%;
}
body.public.org.tickets.buy .action {
  text-align: right;
}
body.public.org.tickets.buy .action .btn {
  display: inline-block;
  margin: 0 20px;
  padding: 0 2em;
  font-size: 16px;
  max-width: none;
}
body.public.org.tickets.buy .action .btn.btn-sub {
  background: #d89c34;
}
body.public.org.tickets.buy .input-area {
  background: white;
  padding: 20px;
  margin-bottom: 40px;
}
body.public.org.tickets.buy .input-area .picture_name_check {
  color: black;
  padding: 20px 0px;
}
body.public.org.tickets.buy .input-area .picture_name_check input {
  margin-right: 10px;
}
body.public.org.tickets.buy .popup .popup-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
body.public.org.tickets.buy .popup .popup-modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 30%;
}
body.public.org.tickets.buy .btn-no {
  background-color: #d6b99f;
  display: inline;
}
body.public.org.tickets.buy .btn-yes {
  display: inline;
}
body.public.org.tickets.buy div.input-date-of-use-area {
  padding: 20px;
  background: white;
  margin-bottom: 1px;
}
body.public.org.tickets.buy .process.process-error {
  padding: 20px;
  background: white;
  margin-bottom: 1px;
}
body.public.org.tickets.buy form .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
body.public.org.tickets.buy form .zipcode-input {
  display: inline-block;
  width: 73%;
  float: left;
}
@media screen and (min-width: 768px) {
  body.public.org.tickets.buy form .zipcode-input {
    width: 78% !important;
  }
}
body.public.org.tickets.buy form .zip-btn {
  display: inline-block;
  width: 23%;
  float: right;
  margin-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  body.public.org.tickets.buy form .zip-btn {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  body.public.org.tickets.buy form .prefecture-select-wrap .cwp-ui-select-decrated-wrap {
    display: inline-block;
    width: 28%;
    float: left;
    margin-right: 1%;
  }
}
@media screen and (min-width: 768px) {
  body.public.org.tickets.buy form .prefecture-select-wrap input[type="text"] {
    width: 70% !important;
    float: right;
  }
}
body.public.org.tickets.buy form .prefecture-select-wrap select {
  padding: 0.5em 0.8em;
}
@media screen and (min-width: 768px) {
  body.public.org.tickets.buy form .prefecture-select-wrap select {
    padding: 0.5em 1em;
  }
}
body.public.org.tickets.buy .field.field-card-valid label {
  display: inline-block;
  float: none;
  margin-left: 10px;
}
body.public.org.tickets.buy .field.field-card-valid span {
  display: block;
}
body.public.org.tickets.buy .field.field-card-valid span input {
  display: inline-block;
  width: 145px;
}
body.public.org.tickets.buy .ticket-info {
  margin: 0 auto 1px;
  background: white;
  padding: 20px;
}
body.public.org.tickets.buy .ticket-info table th {
  width: 90px;
  font-size: 14px;
  text-align: right;
}
body.public.org.tickets.buy .ticket-info table td {
  font-size: 14px;
  text-align: left;
  padding: 0 10px;
}
body.public.org.tickets.buy .caution-contents {
  padding: 0 18px 0;
}
body.public.org.tickets.buy .warning-list {
  margin: 20px 0;
}
body.public.org.tickets.buy .warning-list .info-title {
  margin: 0 20px;
  font-weight: bold;
  color: #488844;
}
body.public.org.tickets.buy .warning-list ul {
  margin: 0;
}
body.public.org.tickets.buy div.ssl-seal-area {
  max-width: 750px;
  width: 100%;
  margin: -40px auto 40px;
  padding: 20px 0 100px;
  background: white;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
body.public.org.tickets.buy div.ssl-seal-area table th.ssl-seal-image {
  width: 180px;
}
body.public.org.tickets.buy div.ssl-seal-area table th.ssl-seal-image table {
  margin: 0 auto;
}
body.public.org.tickets.buy div.ssl-seal-area table td {
  font-size: 10px;
}
body.public.org.tickets.buy .restriction-akita {
  color: #ff0000;
  text-decoration: underline;
}
body.public.org.tickets.buy .payment-method-radio-button {
  width: 100%;
  border-bottom: 1px solid #a6a6a6;
}
body.public.org.tickets.buy .payment-method-radio-button.registered-card {
  margin: 10px 0 10px;
}
body.public.org.tickets.buy .payment-method-radio-button.new-card {
  margin: 30px 0 10px;
}
body.public.org.tickets.buy .payment-method-radio-button.bank {
  margin: 30px 0 20px;
}
body.public.org.tickets.buy .payment-method-radio-button input {
  margin-right: 10px;
}
body.public.org.tickets.buy .payment-method-registered-credit-card-info table {
  margin: 0 20px 0;
  text-align: center;
}
body.public.org.tickets.buy .payment-method-registered-credit-card-info table .card-no {
  width: 250px;
}
body.public.org.tickets.buy .payment-method-registered-credit-card-info table .card-name {
  width: 200px;
}
body.public.org.tickets.buy .payment-method-registered-credit-card-info table .card-effective-period {
  width: 100px;
}
body.public.org.tickets.buy .card-brands {
  height: 30px;
  vertical-align: bottom;
  margin-right: 5px;
  margin-left: 18px;
}
body.public.org.tickets.buy .new-credit-card-info div.credit-card-input-description {
  margin: -10px 0 8px;
  font-size: 12px;
}
body.public.org.tickets.buy .payment-method-bank-info-area .message {
  padding: 0 20px 10px;
  font-size: 13px;
}
body.public.org.tickets.buy .payment-method-bank-info-area table {
  margin: 0 20px 20px;
}
body.public.org.tickets.buy .payment-method-bank-info-area table th {
  width: 80px;
  text-align: right;
}
body.public.org.tickets.buy .payment-method-bank-info-area table td {
  padding: 0 10px;
}
body.public.org.tickets.buy .confirm-ticket-info,
body.public.org.tickets.buy .confirm-buyer-info,
body.public.org.tickets.buy .confirm-subscriber-info,
body.public.org.tickets.buy .confirm-delivery-info,
body.public.org.tickets.buy .confirm-credit-info,
body.public.org.tickets.buy .confirm-bank-info,
body.public.org.tickets.buy .confirm-follow-info {
  max-width: 750px;
  margin: 0 auto 1px;
  background: white;
  padding: 20px;
}
body.public.org.tickets.buy .confirm-ticket-info .warning,
body.public.org.tickets.buy .confirm-buyer-info .warning,
body.public.org.tickets.buy .confirm-subscriber-info .warning,
body.public.org.tickets.buy .confirm-delivery-info .warning,
body.public.org.tickets.buy .confirm-credit-info .warning,
body.public.org.tickets.buy .confirm-bank-info .warning,
body.public.org.tickets.buy .confirm-follow-info .warning {
  margin: 20px;
}
body.public.org.tickets.buy .confirm-ticket-info .info-title,
body.public.org.tickets.buy .confirm-buyer-info .info-title,
body.public.org.tickets.buy .confirm-subscriber-info .info-title,
body.public.org.tickets.buy .confirm-delivery-info .info-title,
body.public.org.tickets.buy .confirm-credit-info .info-title,
body.public.org.tickets.buy .confirm-bank-info .info-title,
body.public.org.tickets.buy .confirm-follow-info .info-title {
  margin: 0 20px;
}
body.public.org.tickets.buy .confirm-ticket-info .info-title .title,
body.public.org.tickets.buy .confirm-buyer-info .info-title .title,
body.public.org.tickets.buy .confirm-subscriber-info .info-title .title,
body.public.org.tickets.buy .confirm-delivery-info .info-title .title,
body.public.org.tickets.buy .confirm-credit-info .info-title .title,
body.public.org.tickets.buy .confirm-bank-info .info-title .title,
body.public.org.tickets.buy .confirm-follow-info .info-title .title {
  color: #488844;
  font-weight: bold;
  margin-right: 10px;
}
body.public.org.tickets.buy .confirm-ticket-info .info-title .edit,
body.public.org.tickets.buy .confirm-buyer-info .info-title .edit,
body.public.org.tickets.buy .confirm-subscriber-info .info-title .edit,
body.public.org.tickets.buy .confirm-delivery-info .info-title .edit,
body.public.org.tickets.buy .confirm-credit-info .info-title .edit,
body.public.org.tickets.buy .confirm-bank-info .info-title .edit,
body.public.org.tickets.buy .confirm-follow-info .info-title .edit {
  font-size: 12px;
  color: #0000ff;
  text-decoration: underline;
}
body.public.org.tickets.buy .confirm-ticket-info .info-title .edit:hover,
body.public.org.tickets.buy .confirm-buyer-info .info-title .edit:hover,
body.public.org.tickets.buy .confirm-subscriber-info .info-title .edit:hover,
body.public.org.tickets.buy .confirm-delivery-info .info-title .edit:hover,
body.public.org.tickets.buy .confirm-credit-info .info-title .edit:hover,
body.public.org.tickets.buy .confirm-bank-info .info-title .edit:hover,
body.public.org.tickets.buy .confirm-follow-info .info-title .edit:hover {
  cursor: pointer;
}
body.public.org.tickets.buy .confirm-ticket-info .solution,
body.public.org.tickets.buy .confirm-buyer-info .solution,
body.public.org.tickets.buy .confirm-subscriber-info .solution,
body.public.org.tickets.buy .confirm-delivery-info .solution,
body.public.org.tickets.buy .confirm-credit-info .solution,
body.public.org.tickets.buy .confirm-bank-info .solution,
body.public.org.tickets.buy .confirm-follow-info .solution {
  margin: 20px;
}
body.public.org.tickets.buy .confirm-ticket-info table .infomation,
body.public.org.tickets.buy .confirm-buyer-info table .infomation,
body.public.org.tickets.buy .confirm-subscriber-info table .infomation,
body.public.org.tickets.buy .confirm-delivery-info table .infomation,
body.public.org.tickets.buy .confirm-credit-info table .infomation,
body.public.org.tickets.buy .confirm-bank-info table .infomation,
body.public.org.tickets.buy .confirm-follow-info table .infomation {
  font-weight: bold;
  font-size: 16px;
}
body.public.org.tickets.buy .confirm-ticket-info table th,
body.public.org.tickets.buy .confirm-buyer-info table th,
body.public.org.tickets.buy .confirm-subscriber-info table th,
body.public.org.tickets.buy .confirm-delivery-info table th,
body.public.org.tickets.buy .confirm-credit-info table th,
body.public.org.tickets.buy .confirm-bank-info table th,
body.public.org.tickets.buy .confirm-follow-info table th {
  width: 120px;
  font-size: 14px;
  text-align: right;
}
body.public.org.tickets.buy .confirm-ticket-info table td,
body.public.org.tickets.buy .confirm-buyer-info table td,
body.public.org.tickets.buy .confirm-subscriber-info table td,
body.public.org.tickets.buy .confirm-delivery-info table td,
body.public.org.tickets.buy .confirm-credit-info table td,
body.public.org.tickets.buy .confirm-bank-info table td,
body.public.org.tickets.buy .confirm-follow-info table td {
  font-size: 14px;
  text-align: left;
  padding: 0 10px;
}
body.public.org.tickets.buy .confirm-ticket-info .message-remark,
body.public.org.tickets.buy .confirm-buyer-info .message-remark,
body.public.org.tickets.buy .confirm-subscriber-info .message-remark,
body.public.org.tickets.buy .confirm-delivery-info .message-remark,
body.public.org.tickets.buy .confirm-credit-info .message-remark,
body.public.org.tickets.buy .confirm-bank-info .message-remark,
body.public.org.tickets.buy .confirm-follow-info .message-remark {
  margin: 10px 20px 0 20px;
  font-size: small;
}
body.public.org.tickets.buy .confirm-bank-info .message {
  margin: 10px 40px;
  font-size: 13px;
}
body.public.org.tickets.buy .agreement {
  max-width: 750px;
  margin: 0 auto 50px;
  padding: 0 20px;
  overflow: auto;
}
body.public.org.tickets.buy .agreement p {
  margin-top: 0;
  margin-bottom: 5px;
}
body.public.org.tickets.buy .agreement .legal-wrap {
  border: 1px solid #ccc;
  background: #fff;
  height: 80px;
  overflow: scroll;
  margin: 0 0 20px;
}
body.public.org.tickets.buy .agreement input[type="checkbox"] {
  margin-right: 10px;
}
body.public.org.tickets.buy .error.field-error {
  font-size: 14px;
  color: red;
}
body.public.org.tickets.buy .posting-data-status {
  margin: 1px 0 0;
  background: white;
  padding: 20px 30px;
}
body.public.org.tickets.buy .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  pointer-events: none;
  z-index: 2000;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.3);
}
body.public.org.tickets.buy .modal.modal-error {
  color: #424242;
}
body.public.org.tickets.buy .modal.show {
  display: block;
}
body.public.org.tickets.buy .modal .modal-window {
  pointer-events: auto;
  overflow: visible;
  width: 320px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 100px;
  bottom: 100px;
  height: 230px;
  background: white;
  box-shadow: 0 0px 5px black;
}
body.public.org.tickets.buy .modal .window-header {
  pointer-events: auto;
  position: absolute;
  top: -50px;
  left: 0;
  height: 50px;
  background: #efefef;
  width: 100%;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 5px 0 white, 0 0px 5px black;
}
body.public.org.tickets.buy .modal .window-header .header-title {
  margin: 0;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}
body.public.org.tickets.buy .modal .window-header .btn.btn-close {
  pointer-events: auto;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  background-color: #c66613;
}
body.public.org.tickets.buy .modal .window-body {
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: auto;
}
body.public.org.tickets.buy .modal .window-body .window-body-inner {
  margin: 0 1rem;
}
@media screen and (min-width: 768px) {
  body.public.org.tickets.bought #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.org.tickets.bought #main .paper {
  margin: 20px auto 0;
  max-width: 750px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
body.public.org.tickets.bought #main .title-area {
  background: white;
  margin: 0;
  padding: 20px 20px 10px;
}
body.public.org.tickets.bought #main .explanation {
  background: white;
  margin-top: 1px;
  padding: 30px;
}
body.public.org.tickets.bought .action {
  width: 100%;
  max-width: 335px;
  margin: 40px auto 33px;
}
body.public.org.tickets.bought .action .btn {
  margin-bottom: 10px;
}
body.public.org.tickets.bought .action .btn.btn-sub {
  display: inline-block;
  background: #d89c34;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}
body.public.org.tickets.bought .ordered-ticket {
  margin: 40px 20px 40px;
}
body.public.org.tickets.bought .ticket {
  position: relative;
  margin: -15px -16px;
  border-style: solid;
  border-width: 15px 25px;
  border-color: #fff;
  /* fallback < IE11 */
  border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  -webkit-border-image: url(/static/public/images/ticket_border_image_next2.png) 15 25 stretch round;
  background-color: #fff;
}
body.public.org.tickets.bought .ticket .ticket-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
body.public.org.tickets.bought .ticket .ticket-conditions {
  zoom: 1;
  margin-bottom: 20px;
}
body.public.org.tickets.bought .ticket .ticket-conditions:before,
body.public.org.tickets.bought .ticket .ticket-conditions:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.tickets.bought .ticket .ticket-conditions > p {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  font-weight: bold;
}
body.public.org.tickets.bought .ticket .ticket-conditions .ticket-target {
  background-color: #e5dbc3;
}
body.public.org.tickets.bought .ticket .ticket-conditions .ticket-method {
  background-color: #c7b299;
}
body.public.org.tickets.bought .ticket .ticket-period {
  text-align: center;
  font-weight: bold;
}
body.public.org.tickets.bought .ticket hr.devider {
  border: none;
  height: 2px;
  background: #dea234;
}
body.public.org.tickets.bought .ticket .ticket-footer {
  zoom: 1;
  text-align: right;
  margin-bottom: 5px;
}
body.public.org.tickets.bought .ticket .ticket-footer:before,
body.public.org.tickets.bought .ticket .ticket-footer:after {
  content: "";
  display: table;
  clear: both;
}
body.public.org.tickets.bought .ticket .ticket-footer > p,
body.public.org.tickets.bought .ticket .ticket-footer > a {
  display: inline-block;
}
body.public.org.tickets.bought .ticket .ticket-footer .ticket-price {
  margin: 0 20px 0 0;
  font-size: 20px;
  font-weight: bold;
}
body.public.org.tickets.bought .ticket .ticket-footer .btn {
  margin-left: 10px;
  margin-bottom: 5px;
  padding: 0 5px;
  font-size: 16px;
}
body.public.user.home #main {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.user.home #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.user.home .mypage-actions {
  margin-bottom: 50px;
}
body.public.user.home .action {
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body.public.user.home .action .btn {
  margin-bottom: 10px;
}
body.public.user.home .action .btn.btn-sub {
  display: inline-block;
  background: #d89c34;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}
body.public.user.home .action .btn.btn-primary {
  background-color: #488844;
}
body.public.user.home .btn-narrow {
  display: inline-block;
}
body.public.user.home .property-list {
  padding-left: 18px;
  padding-right: 18px;
  margin: 0 auto 50px;
  max-width: 750px;
}
body.public.user.home .property-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
body.public.user.home .property-list .underline {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  zoom: 1;
}
body.public.user.home .property-list .underline:before,
body.public.user.home .property-list .underline:after {
  content: "";
  display: table;
  clear: both;
}
body.public.user.home .property-list .underline .label {
  display: block;
  width: 100px;
  float: left;
}
body.public.user.home .property-list .underline .picture-label {
  margin-top: 70px;
}
body.public.user.home .property-list .underline .value {
  display: block;
  overflow: hidden;
  margin-left: 100px;
}
body.public.user.home .property-list .btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
body.public.user.home .property-list .btns .btn {
  background: #d89c34;
  width: 100%;
  font-size: 18px;
}
body.public.user.home .property-list .btns .link-unsubscribe {
  color: #0eb4f1;
  text-decoration: none;
  font-size: 13px;
}
body.public.user.home .property-list .btns .link-unsubscribe:hover {
  color: #0aa0d8;
}
body.public.user.home .property-list .btns .link-unsubscribe:active {
  color: #087ca8;
}
body.public.user.edit #main {
  padding-bottom: 100px;
}
body.public.user.edit .user-edit-form {
  margin: 0 auto 50px;
  max-width: 750px;
}
body.public.user.edit .user-edit-form .lead {
  margin: 0 20px 20px;
}
body.public.user.edit .user-edit-form .lead .image-container {
  max-width: 80%;
}
body.public.user.edit .user-edit-form .lead .image-container img.image-tutorial-ticket-sample {
  width: 80%;
}
body.public.user.edit .user-edit-form .upload-image-wrap .btn.btn-left {
  margin-left: 0;
}
body.public.user.edit .user-edit-form .age-range-select-wrap {
  margin-bottom: 20px;
}
body.public.user.edit .user-edit-form .birth-year-select-wrap {
  margin-bottom: 20px;
}
body.public.user.edit .user-edit-form .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
body.public.user.edit .user-edit-form .zipcode-input {
  display: inline-block;
  width: 77% !important;
  float: left;
}
@media screen and (min-width: 768px) {
  body.public.user.edit .user-edit-form .zipcode-input {
    width: 89% !important;
  }
}
body.public.user.edit .user-edit-form .zip-btn {
  display: inline-block;
  width: 20%;
  float: right;
  margin-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  body.public.user.edit .user-edit-form .zip-btn {
    width: 10%;
  }
}
body.public.user.edit .user-edit-form .prefecture-select-wrap .cwp-ui-select-decrated-wrap {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 1%;
}
@media screen and (min-width: 768px) {
  body.public.user.edit .user-edit-form .prefecture-select-wrap .cwp-ui-select-decrated-wrap {
    display: inline-block;
    width: 28%;
    float: left;
  }
}
@media screen and (min-width: 768px) {
  body.public.user.edit .user-edit-form .prefecture-select-wrap input[type="text"] {
    width: 70% !important;
    float: right;
  }
}
body.public.user.edit .action {
  margin: 20px 18px;
}
body.public.user.edit .action .btn {
  margin-bottom: 10px;
  font-size: 16px;
}
body.public.user.edit .action .btn.btn-sub {
  background: #d89c34;
}
body.public.user.edit .action .btn.btn-left {
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  padding: 0 1em;
  vertical-align: bottom;
}
body.page-public-user-edit-password-succeed #main {
  padding-bottom: 100px;
}
body.page-public-user-edit-password-succeed #main .paper {
  margin: 20px auto 0;
  max-width: 750px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
body.page-public-user-edit-password-succeed #main .title-area {
  background: white;
  margin: 0;
  padding: 20px 20px 10px;
}
body.page-public-user-edit-password-succeed #main .explanation {
  background: white;
  margin-top: 1px;
  padding: 30px;
}
body.public.org.watershed-movies #watershed-movies-map {
  position: relative;
  margin: 20px;
}
body.public.org.watershed-movies #watershed-movies-map .watershed-movies-map-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
body.public.org.watershed-movies .player-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 15%;
  height: auto;
}
body.public.org.watershed-movies .player-wrapper.bigger {
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.public.org.watershed-movies .player-wrapper.bigger #player {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
body.public.org.watershed-movies .player-wrapper.bigger #player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.public.org.watershed-movies .player-wrapper #player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #000;
  box-shadow: 0 0 0 3px #fff;
}
body.public.org.watershed-movies .player-wrapper #player iframe {
  position: absolute;
  top: 21.875%;
  left: 0;
  width: 100%;
  height: 56.25%;
}
body.public.org.watershed-movies .canvas_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 15%;
  height: auto;
}
body.public.org.watershed-movies .canvas_wrapper.bigger {
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.public.org.watershed-movies .canvas_wrapper.bigger #map_canvas {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
body.public.org.watershed-movies .canvas_wrapper #map_canvas {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  box-shadow: 0 0 0 3px #fff;
}
body.public.org.watershed-movies .layout-toggle {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20px;
  z-index: 3;
  color: #fff;
}
body.public.org.watershed-movies .layout-toggle button {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  cursor: pointer;
}
body.public.org.watershed-movies .layout-toggle button:hover {
  background-color: #eee;
}
body.public.org.watershed-movies .action {
  margin-bottom: 20px;
}
body.public.org.watershed-movies .action .btn {
  margin-bottom: 10px;
}
body.public.org.watershed-movies .action .btn.btn-sub {
  background: #88b121;
}
body.public.org.watershed-movies h2 {
  margin-top: 40px;
}
body.public.user.tickets .action {
  width: 100%;
  max-width: 335px;
  margin: 50px auto;
}
body.public.user.tickets .action .btn {
  margin-bottom: 10px;
}
body.public.user.tickets .action .btn.btn-sub {
  display: inline-block;
  background: #d89c34;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}
body.public.user.tickets.past .action .btn.btn-sub {
  display: block;
  margin-right: 0;
}
body.public.user.tickets.future .action .btn.btn-sub {
  display: block;
  margin-right: 0;
}
body.public.subscribers .action {
  width: 100%;
  max-width: 335px;
  margin: 50px auto;
}
body.public.subscribers .action .btn {
  margin-bottom: 10px;
}
body.public.subscribers .action .btn.btn-sub {
  display: inline-block;
  background: #d89c34;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}
body.public.user.favorite .action {
  margin-bottom: 20px;
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
}
body.public.user.favorite .action .btn {
  margin-bottom: 10px;
}
body.public.user.favorite .action .btn.btn-sub {
  display: inline-block;
  background: #d89c34;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}
body.public.user.favorite .btn-narrow {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  body.public.faq #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.faq .faqs {
  margin: 0 auto;
  max-width: 750px;
}
body.public.faq .faq {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 20px;
  background: #f5f5f4;
}
body.public.faq .faq:hover {
  background: #e0e0e0;
}
body.public.faq .question {
  display: block;
  padding: 20px;
}
body.public.faq .question span {
  color: #3a9fe2;
  font-size: 20px;
  font-weight: bold;
  margin-right: 1em;
}
body.public.faq .switch:checked ~ .answer {
  display: block;
}
body.public.faq .answer {
  display: none;
  border-top: 1px solid #ccc;
  padding: 20px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body.public.faq .answer span {
  color: #d11074;
  font-size: 20px;
  font-weight: bold;
  margin-right: 1em;
}
body.public.faq .answer ul.app-download {
  margin: 0;
  padding: 0;
}
body.public.faq .answer ul.app-download li {
  display: inline-block;
  margin: 8px 0 8px 10px;
  padding: 0;
}
body.public.faq .answer ul.app-download li .ios-download-badge {
  height: 34px;
}
body.public.faq .answer ul.app-download li .android-download-badge {
  height: 34px;
}
body.public.user.edit-password #main {
  padding-bottom: 100px;
}
body.public.user.edit-password .edit-password-form {
  max-width: 750px;
  margin: 0 auto;
}
body.public.user.edit-password .edit-password-form .visible_check {
  padding-left: 18px;
  padding-right: 18px;
}
body.public.user.edit-password .edit-password-form .visible_check #password-check {
  margin-bottom: 22px;
}
body.public.user.edit-password.succeed .action {
  margin-bottom: 20px;
  width: 100%;
  max-width: 335px;
  margin: 0 auto;
}
body.public.user.edit-password.succeed .action .btn {
  margin-bottom: 10px;
}
body.public.user.edit-password.succeed .action .btn.btn-sub {
  display: inline-block;
  background: #d89c34;
  padding: 0 1em;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
}
body.public.user.unsubscribe #main {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) {
  body.public.user.unsubscribe #main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.public.user.unsubscribe h1 {
  font-weight: bold;
}
body.public.user.unsubscribe .unsubscribe-container {
  max-width: 750px;
  margin: 0 auto;
}
body.public.user.unsubscribe .unsubscribe-container .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  transform: translate(-50%, -50%);
}
body.public.user.unsubscribe .unsubscribe-container .policy {
  white-space: pre-line;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 20px;
  background: #f5f5f4;
  padding: 15px;
  max-height: 360px;
  overflow-y: scroll;
}
body.public.user.unsubscribe .unsubscribe-container .important-notice {
  color: red;
  font-weight: bold;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper {
  padding: 3rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #ffffff;
  margin-bottom: 25px;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .mb-3 {
  margin-bottom: 3rem;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .mb-2 {
  margin-bottom: 2rem;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .mb-1 {
  margin-bottom: 1rem;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .text-center {
  text-align: center;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .title {
  color: black;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .title .icon {
  display: flex;
  align-items: center;
  gap: 1rem;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .title .info-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f08c4f;
  color: #ffffff;
  font-size: 25px;
  flex-shrink: 0;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .title img {
  height: 40px;
  vertical-align: middle;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .check-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #43a9d7;
  color: #ffffff;
  font-size: 25px;
  flex-shrink: 0;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .body .noti {
  margin-left: 10px;
  margin-right: 10px;
  padding: 6px;
  background: #146182;
  border: 1px solid #ccc;
  border-radius: 10px;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  align-content: center;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .body .question-noti {
  padding: 5px;
  padding-left: 10px;
  background: #808080;
  color: white;
  font-weight: bold;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .body .questions-wrapper label {
  color: black;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .body .required {
  color: red;
  font-weight: bold;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .body textarea {
  width: 99%;
  resize: none;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn {
  margin: 10px;
  padding: 0 1.5em;
  font-size: 16px;
  transition: background-color 0.1s, transform 0.1s;
}
@media screen and (max-width: 767px) {
  body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn {
    width: 100%;
    padding: 0;
  }
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn:active {
  transform: scale(0.98);
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.proceed {
  background: white;
  color: black;
  border: 1px solid #ccc;
  transition: background-color 0.1s, transform 0.1s;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.proceed:active {
  background: #f0f0f0;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.unsubscribe {
  background: #df3131;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.unsubscribe:active {
  background: #c62828;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.unsubscribe:disabled {
  background: #f2bcbc;
  color: #ffffff88;
  cursor: not-allowed;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.cancle {
  background: #88b121;
}
body.public.user.unsubscribe .unsubscribe-container .check-wrapper .btns .btn.cancle:active {
  background: #6f951b;
}
body.public.subscribers.print {
  height: 100%;
  overflow: scroll;
  background: #f5f5f5;
}
body.public.subscribers.print #main {
  /* 300dpi */
  width: 2520px;
  height: 3564px;
  /* 350dpi
		width: 2893.700787401575px;
		height: 4092.51968503937px;

			page-break-after: always; /* 各ページの終わりに改ページ */
  background: #fff;
  overflow: hidden;
  transform-origin: top left;
  transform: scale(0.24, 0.24);
}
body.public.subscribers.print .explanation {
  font-size: 70px;
  width: 37.91666667cm;
  margin: 10cm auto 10cm;
}
body.public.subscribers.print .ticket-holder {
  position: relative;
  margin: 0 auto 20.83333333cm;
  width: 37.91666667cm;
}
body.public.subscribers.print .ticket-image {
  position: relative;
  /*zoom: .5;*/
  /*transform-origin: 0% 0%;
		transform: scale(0.275);*/
  width: 37.91666667cm;
  height: 22.91666667cm;
  /*width: 18.2cm;
		height: 11cm;*/
  /*width: 27.3cm;
		height: 16.5cm;*/
  /*margin: 0 auto;*/
  border: 4px solid #333;
  background: #fff;
  overflow: visible;
  font-size: 24pt;
}
body.public.subscribers.print .ticket-image.ticket-color-1 {
  background: #ffffff;
}
body.public.subscribers.print .ticket-image.ticket-color-2 {
  background: #ff3333;
}
body.public.subscribers.print .ticket-image.ticket-color-3 {
  background: #669acc;
}
body.public.subscribers.print .ticket-image.ticket-color-4 {
  background: #ffde80;
}
body.public.subscribers.print .ticket-image.ticket-color-5 {
  background: #7acc66;
}
body.public.subscribers.print .ticket-image.ticket-color-6 {
  background: #ffa480;
}
body.public.subscribers.print .ticket-image.ticket-color-7 {
  background: #9b66cc;
}
body.public.subscribers.print .ticket-image.ticket-color-8 {
  background: #ffdab9;
}
body.public.subscribers.print .ticket-image.ticket-color-9 {
  background: #ffe4e1;
}
body.public.subscribers.print .ticket-image.ticket-color-10 {
  background: #b0c4de;
}
body.public.subscribers.print .ticket-image.ticket-color-11 {
  background: #0000ff;
}
body.public.subscribers.print .ticket-image.ticket-color-12 {
  background: #99ffff;
}
body.public.subscribers.print .ticket-image.ticket-color-13 {
  background: #7fffd4;
}
body.public.subscribers.print .ticket-image.ticket-color-14 {
  background: #adff2f;
}
body.public.subscribers.print .ticket-image.ticket-color-15 {
  background: #bdb76b;
}
body.public.subscribers.print .ticket-image.ticket-color-16 {
  background: #deb887;
}
body.public.subscribers.print .ticket-image.ticket-color-17 {
  background: #ffff99;
}
body.public.subscribers.print .ticket-image.ticket-color-18 {
  background: #ffc0cb;
}
body.public.subscribers.print .ticket-image.ticket-color-19 {
  background: #d8bfd8;
}
body.public.subscribers.print .ticket-texture {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
body.public.subscribers.print .ticket-image.ticket-front {
  z-index: 2;
  border-bottom-style: dashed;
}
body.public.subscribers.print .ticket-image.ticket-back {
  z-index: 1;
  border-top: none;
}
body.public.subscribers.print .ticket-image .field-group {
  position: relative;
}
body.public.subscribers.print .ticket-image .field-group.group-top-left {
  position: absolute;
  top: 20mm;
  left: 15mm;
}
body.public.subscribers.print .ticket-image .field-group.group-top-right {
  position: absolute;
  top: 5mm;
  right: 15mm;
  text-align: right;
}
body.public.subscribers.print .ticket-image .field-group.group-middle {
  position: absolute;
  top: 100mm;
  left: 15mm;
  right: 15mm;
}
body.public.subscribers.print .ticket-image .field-group.group-bottom-left {
  position: absolute;
  bottom: 10mm;
  left: 15mm;
}
body.public.subscribers.print .ticket-image .field-group.group-bottom-right {
  position: absolute;
  bottom: 10mm;
  right: 15mm;
}
body.public.subscribers.print .ticket-image .ticket-field .label {
  display: inline-block;
  width: 5cm;
}
body.public.subscribers.print .ticket-image .ticket-field.field-title {
  font-weight: bold;
}
body.public.subscribers.print .ticket-image .ticket-field.field-id .decoration img {
  width: 4cm;
  height: auto;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscribe-date {
  font-weight: bold;
  font-size: 120px;
  line-height: 1;
  text-align: right;
  margin-top: 5mm;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscribe-date .value-year {
  font-size: 60px;
  margin-right: 20px;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscribe-date .subscribe-date-start,
body.public.subscribers.print .ticket-image .ticket-field.field-subscribe-date .subscribe-date-end {
  display: inline-block;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscriber-name {
  display: inline-block;
  font-weight: bold;
  font-size: 120px;
  max-width: 270mm;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  line-height: 1;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscriber-security-code {
  display: inline-block;
  font-weight: bold;
  font-size: 120px;
  margin-right: 0;
  vertical-align: top;
  float: right;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscriber-picture .image-crop {
  width: 6cm;
  height: 6cm;
}
body.public.subscribers.print .ticket-image .ticket-field.field-organization-seal .image-crop {
  width: 8cm;
  height: 8cm;
}
body.public.subscribers.print .ticket-image .ticket-field.field-subscriber-picture {
  position: absolute;
  bottom: 0;
  right: 0;
}
body.public.subscribers.print .ticket-image .ticket-field.field-organization-seal {
  position: absolute;
  top: -27.5mm;
  right: -5mm;
  opacity: 0.15;
}
body.public.subscribers.print .ticket-field.field-subscriber-address .value {
  max-width: 17cm;
  display: inline-block;
  vertical-align: top;
}
body.public.subscribers.print .ticket-field.field-organization-name,
body.public.subscribers.print .ticket-field.field-organization-phone-number {
  display: inline-block;
}
body.public.subscribers.print .ticket-field.field-organization-name .value {
  display: inline-block;
  width: 8cm;
}
body.public.sample.watershed-movies #watershed-movies-map {
  position: relative;
  margin: 20px;
}
body.public.sample.watershed-movies #watershed-movies-map .watershed-movies-map-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
body.public.sample.watershed-movies .lead {
  margin: 20px auto;
  max-width: 750px;
  padding: 20px;
  box-sizing: border-box;
}
body.public.sample.watershed-movies .actions .btn {
  margin-bottom: 20px;
}
body.public.sample.watershed-movies .actions .btn-success {
  background-color: #23b77f;
}
body.public.sample.watershed-movies .actions .btn-info {
  background-color: #27aade;
}
body.public.sample.watershed-movies .player-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 15%;
  height: auto;
}
body.public.sample.watershed-movies .player-wrapper.bigger {
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.public.sample.watershed-movies .player-wrapper.bigger #player {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
body.public.sample.watershed-movies .player-wrapper.bigger #player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.public.sample.watershed-movies .player-wrapper #player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #000;
  box-shadow: 0 0 0 3px #fff;
}
body.public.sample.watershed-movies .player-wrapper #player iframe {
  position: absolute;
  top: 21.875%;
  left: 0;
  width: 100%;
  height: 56.25%;
}
body.public.sample.watershed-movies .canvas_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 15%;
  height: auto;
}
body.public.sample.watershed-movies .canvas_wrapper.bigger {
  width: 100%;
  height: 100%;
  z-index: 1;
}
body.public.sample.watershed-movies .canvas_wrapper.bigger #map_canvas {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}
body.public.sample.watershed-movies .canvas_wrapper #map_canvas {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  box-shadow: 0 0 0 3px #fff;
}
body.public.sample.watershed-movies .layout-toggle {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20px;
  z-index: 3;
  color: #fff;
}
body.public.sample.watershed-movies .layout-toggle button {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  cursor: pointer;
}
body.public.sample.watershed-movies .layout-toggle button:hover {
  background-color: #eee;
}
body.public.sample.watershed-movies .action {
  margin-bottom: 20px;
}
body.public.sample.watershed-movies .action .btn {
  margin-bottom: 10px;
}
body.public.sample.watershed-movies .action .btn.btn-sub {
  background: #88b121;
}
body.public.sample.watershed-movies h2 {
  margin-top: 40px;
}
body.public.reset-password form {
  margin: 0 auto;
  max-width: 750px;
}
body.public.reset-password form .lead {
  margin: 20px;
}
body.public.inquiry form {
  margin: 0 auto 100px;
  max-width: 750px;
}
body.public.inquiry form .field {
  position: relative;
  margin-left: 18px;
  margin-right: 18px;
  padding: 0;
}
body.public.inquiry form .field .error {
  margin-left: 16px;
  padding-bottom: 62px;
  color: #e01d2a;
}
body.public.inquiry form .field .error .reason {
  display: block;
}
body.public.inquiry form .field input {
  position: absolute;
  bottom: 0;
  margin-top: 0;
  padding-top: 1px;
  padding-bottom: 1px;
}
body.public.inquiry form .field textarea {
  width: 100%;
  resize: vertical;
  box-sizing: border-box;
  font-size: 16px;
  padding: 14px;
}
body.public.inquiry .lead {
  margin: 40px auto;
  max-width: 750px;
  padding: 0 18px;
}
body.public.inquiry hr {
  margin: 0 auto;
  max-width: 750px;
}
div.loader,
div.loader:before,
div.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: nowLoading7 1.8s infinite ease-in-out;
  animation: nowLoading7 1.8s infinite ease-in-out;
}
div.loader {
  color: #488844;
  font-size: 10px;
  margin: 20px auto 40px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
div.loader:before,
div.loader:after {
  content: "";
  position: absolute;
  top: 0;
}
div.loader:before {
  left: -3em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
div.loader:after {
  left: 3em;
}
@-webkit-keyframes nowLoading7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes nowLoading7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
body.page-public-user-mypage-credit-show div.no-credit-card-information-box {
  margin: 20px;
}
body.page-public-user-mypage-credit-show span.credit-card-information-title {
  display: inline-block;
  width: 240px;
}
body.page-public-user-mypage-credit-show ul,
body.page-public-user-mypage-credit-show li {
  margin: 0;
  padding: 0;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box {
  font-size: 14px;
  list-style: none;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li {
  display: inline-block;
  list-style: none;
  padding: 4px 8px;
  font-size: 14px;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li.card-information-card-no {
  width: 160px;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li.card-information-expired-date {
  width: 100px;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li.card-information-name {
  width: 240px;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li.credit-card-information-header {
  background: #f6f6f6;
  border: 1px solid #ddd;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li.credit-card-information-item {
  margin-top: -1px;
  background: white;
  border: 1px solid #ddd;
}
body.page-public-user-mypage-credit-show ul.credit-card-information-box li.credit-card-information-item ul.credit-card-information-item li {
  vertical-align: top;
}
body.page-public-user-mypage-credit-show div.button-delete {
  display: inline-block;
  margin: 10px 0px;
  padding: 10px 20px;
  text-align: center;
  background: #c6652a;
  color: white;
  border-radius: 4px;
}
body.page-public-user-mypage-credit-show div.button-delete:hover {
  background: #e29e74;
  color: white;
  cursor: pointer;
}
body.page-public-user-withdraw div.public-user-withdraw-container {
  margin: 0 auto;
  max-width: 750px;
}
body.page-public-user-withdraw div.public-user-withdraw-container div.select-reason-box {
  margin: 0 20px;
}
body.page-public-user-withdraw div.public-user-withdraw-container div.freetext-box {
  margin: 0 20px;
}
div.mypage-contents-wrap {
  position: relative;
  display: table;
  margin: 20px auto;
  background: white;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
div.mypage-contents-wrap.mobile {
  width: 100%;
}
div.mypage-contents-wrap .mypage-menu-wrap {
  display: table-cell;
  width: 300px;
  border-right: 1px solid whitesmoke;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc .menu-title {
  text-align: center;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc ul {
  margin: 0;
  padding: 20px;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc ul a {
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  text-decoration: none;
  color: black;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc ul a:hover {
  background: #5aaa55;
  color: white;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc ul a:hover li i {
  color: white;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc ul li i {
  margin-right: 10px;
  color: #488844;
}
div.mypage-contents-wrap .mypage-menu-wrap .mypage-menu-for-pc .action {
  margin: 0 auto;
  width: 80%;
}
body.page-public-user-mypage #main {
  padding-bottom: 100px;
}
body.page-public-user-mypage div.mypage-contents-wrap {
  width: 80%;
}
body.page-public-user-mypage div.mypage-contents-wrap .mypage-information-wrap {
  display: table-cell;
  padding: 20px;
}
body.page-public-user-mypage div.mypage-contents-wrap .mypage-information-wrap .mypage-contents__title-with-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.page-public-user-mypage div.mypage-contents-wrap .mypage-information-wrap .mypage-contents__title-with-menu a {
  color: #498238;
  text-decoration: none;
  font-size: 16px;
}
body.page-public-user-mypage div.mypage-contents-wrap.mobile {
  width: 100%;
  display: block;
}
body.page-public-user-mypage div.mypage-contents-wrap.mobile .mypage-information-wrap {
  display: block;
}
body.page-public-user-mypage div.mypage-contents-wrap.mobile .notify-setting-list__wrap {
  width: 100%;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap {
  max-height: 80vh;
  overflow-y: scroll;
  overflow-x: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-overflow-scrolling: touch;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__title {
  margin: 0;
  color: rgba(0, 0, 0, 0.66);
  text-align: center;
  font-size: 12px;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list {
  margin: 0;
  padding: 0;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item__wrap {
  position: relative;
  padding: 12px;
  z-index: 2;
  pointer-events: none;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item__anchor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  z-index: 1;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item__title {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.66);
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item__title .float {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item__title .notify-list__list-item__state {
  display: inline-block;
  background: #03a9f4;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__list-item__publisher a {
  color: rgba(0, 0, 0, 0.6);
  pointer-events: auto;
  text-decoration: none;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__bottom a {
  display: block;
  padding: 12px;
  margin: 0;
  text-decoration: none;
  color: #3367d6;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-list__wrap .notify-list__bottom a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting__title {
  margin-bottom: 0;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap {
  width: 80%;
  max-height: 80vh;
  margin: 0 auto;
  padding-bottom: 20px;
  overflow-y: scroll;
  overflow-x: auto;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__title {
  margin: 0;
  color: rgba(0, 0, 0, 0.66);
  text-align: center;
  font-size: 12px;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list {
  margin: 0;
  padding: 0;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item__wrap {
  position: relative;
  padding: 12px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item__anchor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  z-index: 1;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item__title {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.66);
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item__title .float {
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__list-item__publisher a {
  color: rgba(0, 0, 0, 0.6);
  pointer-events: auto;
  text-decoration: none;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__bottom a {
  display: block;
  padding: 12px;
  margin: 0;
  text-decoration: none;
  color: #3367d6;
}
body.page-public-user-mypage div.mypage-contents-wrap .notify-setting-list__wrap .notify-setting-list__bottom a:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
body.page-public-user-order-detail div.mypage-information-wrap .box {
  margin: 10px;
  min-width: 520px;
  max-width: 700px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
}
body.page-public-user-order-detail div.mypage-information-wrap .box div.box-title {
  padding: 10px 10px 10px;
  font-size: 14px;
  color: black;
  background: #efefef;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
body.page-public-user-order-detail div.mypage-information-wrap .box table {
  margin: 0 10px 20px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
}
body.page-public-user-order-detail div.mypage-information-wrap .box table th,
body.page-public-user-order-detail div.mypage-information-wrap .box table td {
  padding: 5px 10px;
  border-bottom: 1px solid #efefef;
}
body.page-public-user-order-detail div.mypage-information-wrap .box table th {
  width: 130px;
  min-width: 130px;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
}
body.page-public-user-order-detail div.mypage-information-wrap .box table td {
  width: 100%;
  font-size: 16px;
  color: #666;
}
body.page-public-user-order-detail div.mypage-information-wrap.mobile .box {
  width: 100%;
  margin: 10px 0;
  min-width: 0;
  max-width: 2000px;
}
body.page-public-user-order-detail div.mypage-information-wrap.mobile .box table th {
  min-width: 60px;
  font-size: 12px;
}
body.page-public-user-order-detail div.mypage-information-wrap.mobile .box table td {
  width: 100%;
  font-size: 12px;
}
body.page-public-user-tickets-past ul,
body.page-public-user-tickets-past li {
  margin: 0;
  padding: 0;
}
body.page-public-user-tickets-past ul.order-list {
  list-style: none;
  font-size: 14px;
}
body.page-public-user-tickets-past ul.order-list li {
  display: inline-block;
  list-style: none;
  padding: 4px 8px;
  font-size: 14px;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item-purchase-date {
  width: 120px;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item-ticket {
  width: 200px;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item-price {
  width: 100px;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item-action {
  width: 120px;
}
body.page-public-user-tickets-past ul.order-list li.order-list-header {
  background: #f6f6f6;
  border: 1px solid #ddd;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item {
  margin-top: -1px;
  background: white;
  border: 1px solid #ddd;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item.not-pay-yet {
  background: #ffc1071a;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item ul.order-list-item li {
  vertical-align: top;
}
body.page-public-user-tickets-past ul.order-list li.order-list-item ul.order-list-item li.order-list-item-order-id {
  font-size: 12px;
}
body.page-public-user-tickets-past ul.order-list.mobile li {
  display: block;
}
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item {
  margin: 10px 0;
  padding: 8px 8px;
}
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item-purchase-date,
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item-ticket,
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item-price,
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item-action {
  width: 100%;
}
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item-action {
  text-align: right;
}
body.page-public-user-tickets-past ul.order-list.mobile li.order-list-item-action a {
  margin-right: 20px;
}
body.page-public-user-tickets-past ul.order-list.mobile li .order-list-item-header {
  padding-right: 10px;
  display: inline-block;
  width: 50px;
  text-align: right;
}
body.page-public-user-tickets-past .button-read-more {
  max-width: 500px;
  margin: 10px auto;
  padding: 8px;
  border-radius: 4px;
  background: #488844;
  color: white;
  text-align: center;
}
body.page-public-user-tickets-past .button-read-more:hover {
  cursor: pointer;
  background: #5aaa55;
}
div.mypage-contents-wrap div.mypage-information-wrap {
  padding: 20px;
}
div.mypage-contents-wrap div.mypage-information-wrap h3 {
  margin: 20px auto;
  width: 80%;
  border-bottom: 1px solid #888888;
}
div.mypage-contents-wrap div.mypage-information-wrap.mobile h3 {
  margin: 20px auto;
  width: 100%;
  border-bottom: 1px solid #888888;
}
div.mypage-contents-wrap div.mypage-information-wrap div.loading-box {
  margin: 40px 0 60px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily {
  box-shadow: 0px 0px 2px #488844;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily .ticket-basic-information {
  border: 1px solid #5aaa55;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily .ticket-basic-information .ticket-title {
  border-bottom: 1px solid #7bbb77;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily .ticket-basic-information ul li.color {
  color: #5aaa55;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily .ticket-price-information {
  background: #5aaa55;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily .ticket-price-information a.button-purchase {
  color: #5aaa55;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.daily .ticket-price-information a.button-purchase:hover {
  background: #eff7ee;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly {
  box-shadow: 0px 0px 2px #c6652a;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly .ticket-basic-information {
  border: 1px solid #d9804a;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly .ticket-basic-information .ticket-title {
  border-bottom: 1px solid #e29e74;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly .ticket-basic-information ul li.color {
  color: #d9804a;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly .ticket-price-information {
  background: #d9804a;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly .ticket-price-information a.button-purchase {
  color: #d9804a;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information.yearly .ticket-price-information a.button-purchase:hover {
  background: #fcf6f3;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information {
  display: table;
  width: 500px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information ul,
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information li,
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information p {
  margin: 0;
  padding: 0;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-basic-information {
  display: table-cell;
  padding: 0 20px 20px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-basic-information .ticket-title {
  font-size: 16px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-basic-information ul {
  margin-top: 8px;
  list-style: none;
  display: table;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-basic-information ul li {
  display: table-cell;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-basic-information ul li.ticket-basic-information-caption {
  width: 64px;
  font-size: 12px;
  text-align: right;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-basic-information ul li.ticket-basic-information-detail {
  padding-left: 10px;
  font-size: 14px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information {
  position: relative;
  display: table-cell;
  padding: 0 10px;
  width: 120px;
  color: white;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information p {
  text-align: center;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information p.ticket-price-caption {
  padding: 20px 0 10px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information p.ticket-price {
  padding: 10px 0;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information a.button-purchase {
  position: absolute;
  display: block;
  bottom: 10px;
  padding: 4px 8px;
  width: 100px;
  background: white;
  font-size: 12px;
  text-align: center;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information a.button-purchase i {
  margin-left: -4px;
  padding-right: 6px;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information a.button-remove-favorite {
  position: absolute;
  display: block;
  bottom: 40px;
  padding: 4px 8px;
  width: 100px;
  background: white;
  font-size: 12px;
  text-align: center;
}
div.mypage-contents-wrap div.mypage-information-wrap div.ticket-information .ticket-price-information a.button-remove-favorite i {
  margin-left: -4px;
  padding-right: 6px;
}
div.mypage-contents-wrap div.mypage-information-wrap.mobile div.ticket-information {
  width: 100%;
}
body.page-public-request-all #main {
  padding-bottom: 100px;
}
body.page-public-request-all div.organization-list-box {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.page-public-request-all div.prefecture-name {
  margin: 10px 20px 0;
  border-bottom: 1px solid #488844;
  padding: 10px;
}
body.page-public-request-all div.prefecture-name:hover {
  color: white;
  background: #5aaa55;
  cursor: pointer;
}
body.page-public-request-all div.prefecture-name i,
body.page-public-request-all div.prefecture-name span {
  pointer-events: none;
}
body.page-public-request-all div.prefecture-name span.request-count {
  margin-left: 8px;
  padding: 3px 6px 3px 4px;
  font-size: 8px;
  color: white;
  background: rgba(72, 136, 68, 0.8);
  border-radius: 8px;
  line-height: 10px;
}
body.page-public-request-all div.prefecture-name span.request-count i.fa-thumbs-o-up {
  margin-left: 2px;
  margin-right: 4px;
}
body.page-public-request-all ul.request-organization-list {
  position: relative;
  list-style: none;
}
body.page-public-request-all ul.request-organization-list.hide {
  display: none;
}
body.page-public-request-all ul.request-organization-list a {
  position: relative;
  color: black;
  text-decoration: none;
}
body.page-public-request-all ul.request-organization-list a li {
  position: relative;
  display: inline-block;
  padding: 10px;
  width: 300px;
}
body.page-public-request-all ul.request-organization-list a li i.fa-paper-plane-o {
  margin-left: 10px;
  margin-right: 10px;
}
body.page-public-request-all ul.request-organization-list a li i.fa-thumbs-o-up {
  margin-left: 2px;
  margin-right: 4px;
}
body.page-public-request-all ul.request-organization-list a li:hover {
  background: #709235;
  color: white;
}
body.page-public-request-all ul.request-organization-list a li span.request-count {
  position: absolute;
  left: 0px;
  top: 6px;
  padding: 3px 6px 3px 4px;
  font-size: 8px;
  color: white;
  background: rgba(72, 136, 68, 0.8);
  border-radius: 8px;
  line-height: 10px;
}
body.page-public-request-all div.now-loading-box {
  margin: 400px 0;
  padding: 1px;
}
body.page-public-request-all div.now-loading {
  width: 90px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px -85px;
}
body.page-public-request-all div.now-loading div.loading-circle {
  height: 10px;
  width: 10px;
  background: #488844;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: animate 1.4s ease infinite;
}
body.page-public-request-all div.now-loading div.message {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
}
body.page-public-request-all div.now-loading div.loading-circle:nth-child(2) {
  transform: translateX(20px);
  -webkit-transform: translateX(20px);
  -webkit-animation-delay: 0.08s;
}
body.page-public-request-all div.now-loading div.loading-circle:nth-child(3) {
  transform: translateX(40px);
  -webkit-transform: translateX(40px);
  -webkit-animation-delay: 0.16s;
}
body.page-public-request-all div.now-loading div.loading-circle:nth-child(4) {
  transform: translateX(60px);
  -webkit-transform: translateX(60px);
  -webkit-animation-delay: 0.24s;
}
body.page-public-request-all div.now-loading div.loading-circle:nth-child(5) {
  transform: translateX(80px);
  -webkit-transform: translateX(80px);
  -webkit-animation-delay: 0.32s;
}
body.page-public-request-all div.now-loading div.loading-circle:nth-child(6) {
  transform: translateX(100px);
  -webkit-transform: translateX(100px);
  -webkit-animation-delay: 0.4s;
}
@-webkit-keyframes animate {
  0% {
    left: 0px;
    top: 0px;
  }
  5% {
    left: -2px;
    top: 4px;
    width: 14px;
    height: 6px;
    -webkit-filter: blur(0.1px);
  }
  10% {
    left: -1px;
    top: 4px;
    width: 12px;
    height: 8px;
    -webkit-filter: blur(0.1px);
  }
  /*halfway up*/
  15% {
    left: 1px;
    top: -17px;
    width: 8px;
    height: 12px;
    -webkit-filter: blur(0.3px);
  }
  /*top*/
  22% {
    left: 0px;
    top: -34px;
    width: 10px;
    height: 10px;
    -webkit-filter: blur(0.2px);
  }
  /*halfway down*/
  29% {
    left: 1px;
    top: -17px;
    width: 8px;
    height: 12px;
    -webkit-filter: blur(0.3px);
  }
  /*bottom*/
  34% {
    left: 1px;
    top: 0px;
    width: 8px;
    height: 12px;
    -webkit-filter: blur(0.2px);
  }
  /*elastic bottom*/
  40% {
    left: -1px;
    top: 4px;
    width: 12px;
    height: 8px;
    -webkit-filter: blur(0.1px);
  }
  /*end*/
  43% {
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
    -webkit-filter: blur(0px);
  }
  100% {
    left: 0px;
    top: 0px;
  }
}
body.page-public-request-organization #main {
  padding-bottom: 100px;
}
body.page-public-request-organization div.request-box {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  background: white;
  border-radius: 2px;
  border: 1px solid #ddd;
}
body.page-public-request-organization div.request-box div.organization-name {
  padding: 0 20px 0;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
}
body.page-public-request-organization div.request-box div.explanation {
  padding: 20px;
  font-size: 13px;
}
body.page-public-request-organization div.request-box div.error-message {
  color: red;
  font-size: 13px;
}
body.page-public-request-organization div.request-box p {
  padding: 0;
  margin: -10px 0 4px;
  font-size: 12px;
}
body.page-public-request-organization div.request-box div.input-field-etc {
  margin-top: 20px;
}
body.page-public-request-organization div.request-box div.field input {
  font-size: 13px;
}
body.page-public-request-organization div.request-box textarea {
  padding: 10px;
  width: 95%;
  height: 200px;
  font-size: 13px;
  border: 1px solid #ddd;
}
body.page-public-request-organization div.request-box button {
  margin: 20px auto;
  padding: 0 10px;
  width: 90%;
  max-width: 90%;
  font-size: 15px;
}
body.page-public-request-organization div.footer {
  position: relative;
}
body.page-public-request-finished #main {
  padding-bottom: 100px;
}
body.page-public-request-finished div.message-box {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px 40px 20px;
  background: white;
  border-radius: 2px;
  border: 1px solid #ddd;
}
body.page-public-request-finished div.message-box ul.button-wrap {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
body.page-public-request-finished div.message-box ul.button-wrap a {
  text-decoration: none;
}
body.page-public-request-finished div.message-box ul.button-wrap li {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 4px;
  color: white;
  background: #c6652a;
  font-size: 15px;
}
body.page-public-request-finished div.message-box ul.button-wrap li:hover {
  background: #d9804a;
}
body.page-public-wanted {
  background: #eff9fa;
}
body.page-public-wanted div {
  margin: 0;
  padding: 0;
}
body.page-public-wanted img {
  margin: 0;
  padding: 0;
  width: 100%;
}
body.page-public-wanted div.top {
  position: relative;
  text-align: center;
}
body.page-public-wanted div.top a {
  position: absolute;
  display: inline-block;
  bottom: 19%;
  margin-left: -15%;
  width: 30%;
  height: 12%;
}
body.page-public-wanted div.how-to {
  position: relative;
  text-align: center;
}
body.page-public-wanted div.how-to a {
  position: absolute;
  display: inline-block;
  bottom: 14%;
  margin-left: 1%;
  width: 23%;
  height: 7%;
}
body.page-public-wanted div.about {
  background: white;
}
body.page-public-wanted div.merit {
  background: white;
}
body.page-public-wanted div.current-organization {
  padding: 16px 0 24px;
  background: white;
}
body.page-public-wanted div.current-organization .contents {
  margin: 0 auto;
  width: 68%;
}
body.page-public-wanted div.current-organization .contents img {
  margin: 0 auto;
  width: 100%;
}
body.page-public-wanted div.price {
  position: relative;
  text-align: center;
  background: white;
}
body.page-public-wanted div.price a {
  position: absolute;
  display: inline-block;
  bottom: 16%;
  margin-left: 1%;
  width: 23%;
  height: 7%;
}
body.page-public-wanted div.system {
  background: white;
}
body.page-public-wanted div.qa {
  background: white;
  margin: -10px 0 0;
  padding: 16px 0 32px;
}
body.page-public-wanted div.qa .contents {
  margin: 0 auto;
  width: 64%;
}
body.page-public-wanted div.qa .contents img {
  margin: 0 auto;
  width: 100%;
}
body.page-public-wanted div.cwp {
  position: relative;
  text-align: center;
}
body.page-public-wanted div.cwp a {
  position: absolute;
  display: inline-block;
  bottom: 21%;
  margin-left: 1%;
  width: 23%;
  height: 11%;
}
body.page-public-wanted div.footer {
  margin-top: -10px;
  background: #0050b3;
  padding: 10px;
  text-align: center;
  color: whitesmoke;
  font-size: 12px;
}
body.page-public-partners {
  animation-name: fadein;
  animation-duration: 2s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@media only screen and (min-width: 769px) {
  body.page-public-partners #component-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 1px;
    height: 100vh;
    background-color: #488844;
  }
  body.page-public-partners #off-screen-component {
    padding-bottom: 0;
    transform-style: preserve-3d;
  }
  body.page-public-partners .off-screen {
    overflow-x: unset;
  }
  body.page-public-partners .footer {
    position: relative;
  }
}
body.page-public-partners .header {
  z-index: 4;
}
body.page-public-partners .mobile-apps-download-view {
  z-index: 4;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.page-public-partners #background {
  overflow-x: hidden;
  width: 100%;
}
body.page-public-partners #background img {
  position: relative;
  top: -206px;
  margin-bottom: -500px;
  vertical-align: top;
}
@media only screen and (min-width: 1281px) {
  body.page-public-partners #background img {
    width: 100%;
    height: auto;
    top: -15vw;
    margin-bottom: -35vw;
  }
}
@media only screen and (max-width: 1280px) {
  body.page-public-partners #background img {
    transform: translateX(-6%);
  }
}
@media only screen and (max-width: 1024px) {
  body.page-public-partners #background img {
    transform: translateX(-20%);
  }
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #background img {
    transform: translateX(-30%);
    position: relative;
    top: -296px;
    margin-bottom: -296px;
    z-index: 0;
  }
}
body.page-public-partners #main {
  font-family: "Yu Mincho", "YuMincho", serif;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  body.page-public-partners #main {
    transform: translateZ(0.25px) scale(0.75);
  }
}
body.page-public-partners #main .content {
  padding: 0;
  margin-top: 420px;
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content {
    margin-top: 376px;
  }
}
@media only screen and (min-width: 1600px) {
  body.page-public-partners #main .content {
    margin-top: 30vw;
  }
}
body.page-public-partners #main .content .description {
  color: white;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0));
  padding: 56px 56px 112px 56px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .description {
    padding: 32px;
  }
}
body.page-public-partners #main .content .description h1 {
  font-size: 3rem;
  font-weight: 600;
  font-family: "Yu Mincho", "YuMincho", serif;
  color: white;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .description h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 340px) {
  body.page-public-partners #main .content .description h1 {
    font-size: 1.2rem;
  }
}
body.page-public-partners #main .content .description .hr {
  width: 174px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 32px;
  border-bottom: solid 4px;
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .description .hr {
    border-bottom: solid 2px;
  }
}
body.page-public-partners #main .content .description .text {
  width: 100%;
  display: inline-block;
  text-align: center;
}
body.page-public-partners #main .content .description .text p {
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
@media only screen and (min-width: 769px) {
  body.page-public-partners #main .content .description .text p {
    font-weight: 600;
  }
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .description .text p {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 340px) {
  body.page-public-partners #main .content .description .text p {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 769px) {
  body.page-public-partners #main .content .columns {
    display: flex;
    justify-content: space-between;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-public-partners #main .content .column {
    padding: 0 56px 56px 56px;
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  body.page-public-partners #main .content .column {
    padding: 0 32px 32px 32px;
  }
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .columns {
    margin-left: 32px;
    margin-right: 32px;
  }
  body.page-public-partners #main .content .column {
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
  }
}
body.page-public-partners #main .content .box {
  background-color: white;
  padding: 56px;
}
@media only screen and (max-width: 1023px) {
  body.page-public-partners #main .content .box {
    padding: 32px;
  }
}
body.page-public-partners #main .content .box h2 {
  padding: 0;
}
body.page-public-partners #main .content .box h2 img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .box h2 img {
    max-width: 366px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
body.page-public-partners #main .content .box p {
  font-size: 1rem;
  font-weight: 400;
  color: #171717;
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .box p {
    font-size: 0.8rem;
  }
}
body.page-public-partners #main .content .box .button {
  font-size: 1rem;
  margin-top: 48px;
  display: block;
  text-decoration: none;
  color: #171717;
  width: 100%;
  border: solid 1px #3E3E3E;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  body.page-public-partners #main .content .box .button {
    margin-top: 32px;
    font-size: 0.8rem;
  }
}
body.page-public-partners #main .content .box .button .icon {
  position: absolute;
  right: 16px;
}
body.page-public-partners #main .content .box a.button:visited {
  color: #171717;
}
body.public.announcements .announcement-list {
  margin: 20px 21px;
  background: white;
}
body.public.announcements .announcement-list .item {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  clear: both;
}
body.public.announcements .announcement-list .item:after {
  content: '';
  display: block;
  clear: both;
}
body.public.announcements .announcement-list .item:hover {
  background-color: #ddd;
}
body.public.announcements .announcement-list .item .left-col {
  float: left;
  clear: both;
  width: 100px;
}
body.public.announcements .announcement-list .item .left-col span {
  font-size: 14px;
  display: block;
}
body.public.announcements .announcement-list .item .right-col {
  float: left;
  width: calc(100% - 100px);
}
body.public.announcements .announcement-list .item .right-col .title {
  font-weight: bold;
  font-size: 14px;
}
body.public.announcements .announcement-list .item .right-col .content {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  word-break: break-word;
}
body.public.announcement-detail .announcement-wrapper {
  padding: 21px;
  padding-bottom: 100px;
}
body.public.announcement-detail .announcement-wrapper h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 0;
  color: #333;
}
body.public.announcement-detail .announcement-wrapper p {
  font-size: 14px;
}
body.public.announcement-detail .announcement-wrapper #announcement-content {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  white-space: pre-line;
  word-break: break-word;
}
nav.org-breadcrumbs ul {
  display: flex;
  list-style: none;
  padding: 0 18px;
}
nav.org-breadcrumbs ul li:not(:last-child):after {
  content: ">";
  margin-right: 0.5rem;
}
nav.org-breadcrumbs ul li a {
  color: #666;
  font-size: 14px;
}
nav.org-breadcrumbs:last-of-type ul {
  justify-content: flex-end;
}
@media (min-width: 1025px) {
  .float-action {
    right: 20px;
    bottom: 90px;
    z-index: 1;
    text-align: right;
  }
  .float-action #to-top-btn-wrap {
    position: fixed;
    bottom: 215px;
    right: 1%;
    z-index: 1;
  }
  .float-action .to-top-btn {
    background-color: #fafafa;
    border-radius: 10000px;
    display: inline-block;
    padding: 10px;
    margin-right: 18px;
    line-height: 16px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  .float-action a.btn {
    font-size: 14px;
    padding: 0 10px;
    line-height: 35px;
    height: 35px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    position: fixed;
    width: 100%;
    right: 1%;
    bottom: 180px;
  }
  .faqs-wrap {
    padding: 0 20px 50px;
  }
}
/* 
  ##Device = Tablets, Ipads
  ##Screen = B/w 768px to 1024px
*/
@media (max-width: 1024px) and (min-width: 768px) {
  .float-action {
    right: 20px;
    bottom: 90px;
    z-index: 1;
    text-align: right;
  }
  .float-action #to-top-btn-wrap {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 1;
  }
  .float-action .to-top-btn {
    background-color: #fafafa;
    border-radius: 10000px;
    display: inline-block;
    padding: 10px;
    margin-right: 18px;
    line-height: 16px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  .float-action a.btn {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    position: fixed;
    left: 28.3%;
    bottom: 7%;
    width: 80%;
  }
  .faqs-wrap {
    padding: 0 20px 100px;
  }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 767px) and (min-width: 481px) {
  .float-action {
    right: 20px;
    bottom: 90px;
    z-index: 1;
    text-align: right;
  }
  .float-action #to-top-btn-wrap {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 1;
  }
  .float-action .to-top-btn {
    background-color: #fafafa;
    border-radius: 10000px;
    display: inline-block;
    padding: 10px;
    margin-right: 18px;
    line-height: 16px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  .float-action a.btn {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    position: fixed;
    left: 10%;
    bottom: 7%;
    width: 80%;
  }
  .faqs-wrap {
    padding: 0 20px 100px;
  }
}
/* 
  ##Device = Most of the Smartphones Mobiles
  ##Screen = B/w 320px to 479px
*/
@media (max-width: 480px) and (min-width: 321px) {
  .float-action {
    right: 20px;
    bottom: 90px;
    z-index: 1;
    text-align: right;
  }
  .float-action #to-top-btn-wrap {
    position: fixed;
    bottom: 13%;
    right: 20px;
    z-index: 1;
  }
  .float-action .to-top-btn {
    background-color: #fafafa;
    border-radius: 10000px;
    display: inline-block;
    padding: 10px;
    margin-right: 18px;
    line-height: 16px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  .float-action a.btn {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    position: fixed;
    left: 10%;
    bottom: 8.5%;
    width: 80%;
  }
  .faqs-wrap {
    padding: 0 20px 100px;
  }
}
@media (max-width: 320px) {
  .float-action {
    right: 15px;
    bottom: 90px;
    z-index: 1;
    text-align: right;
  }
  .float-action #to-top-btn-wrap {
    position: fixed;
    bottom: 90px;
    right: 15px;
    z-index: 1;
  }
  .float-action .to-top-btn {
    background-color: #fafafa;
    border-radius: 10000px;
    display: inline-block;
    padding: 10px;
    margin-right: 18px;
    line-height: 16px;
    margin-bottom: 10px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  .float-action a.btn {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
    position: fixed;
    left: 10%;
    bottom: 8%;
    width: 80%;
  }
  .faqs-wrap {
    padding: 0 20px 150px;
  }
}
button.btn.btn-is-disabled {
  background-color: lightgray;
}
#payjp-fields .iframe-input-wrap {
  border: 1px solid #a6a6a6;
  border-radius: 3px;
  padding: 0 20px;
  margin-bottom: 20px;
}
#payjp-fields .iframe-input-wrap.PayjpElement--focus {
  outline: -webkit-focus-ring-color auto 1px;
}
#card-expiry-wrap {
  width: 13ch;
}
#card-cvc-wrap {
  width: 13ch;
}