@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

@media all and (-ms-high-contrast: none) {
  html {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
  margin-top: 0;
}

p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict;
}

.add_badge {
  position: relative;
}
.add_badge span.badge {
  position: absolute;
  top: -0.25em;
  left: -0.15em;
  font-size: 70%;
  background-color: #FF6666;
  padding: 0.15em 0;
  width: 2em;
  text-align: center;
  border-radius: 2em;
  color: white;
}

html {
  font-size: 85%;
}

@media screen and (min-width: 480px) {
  html {
    font-size: 100%;
  }
}
body {
  color: #333333;
  position: relative;
}

.wrap {
  position: relative;
  padding: 0 10px;
  max-width: 1024px;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  border-width: 0;
}

#gototop {
  position: fixed;
  bottom: 0.1em;
  right: 0.1em;
  width: 4em;
  height: 4em;
  padding: 0;
  margin: 0;
  padding-top: 0.7em;
  text-align: center;
  border: 3px solid white;
  border-radius: 2em;
  display: none;
  z-index: 300;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  background-color: #3841ae;
}
#gototop i {
  font-size: 200%;
}
#gototop span {
  margin: 0;
  padding: 0;
}

#gototop:hover {
  background-color: #81CDBF;
  cursor: pointer;
}

#bottom_broadcast {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 300;
}
#bottom_broadcast img {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  z-index: 300;
}
#bottom_broadcast p {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  padding-right: 60px;
  padding-left: 45px;
  bottom: 5px;
  left: 0px;
  z-index: 300;
  line-height: 1.2em;
  font-size: 80%;
  color: black;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#bottom_broadcast div.box {
  position: absolute;
  background-color: white;
  opacity: 90%;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 40px;
  z-index: 299;
}
#bottom_broadcast div.tape {
  color: white;
  background-color: white;
  opacity: 100%;
  z-index: 299;
  margin-left: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#cartinfo {
  position: fixed;
  bottom: 6px;
  left: 4em;
  display: none;
  padding: 0px;
  background: #FC4D50;
  z-index: 300;
  border-radius: 1em;
}
#cartinfo p {
  text-align: left;
  padding: 0px 1.5em;
  padding-top: 0.7em;
  height: 2.4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  line-height: 1em;
  color: white;
}

#cartinfo:after {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0.2em;
  margin-left: -0.6em;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0.5em 0.5em 0.5em 0;
  border-color: transparent #FC4D50 transparent transparent;
}

a {
  color: black;
  text-decoration: none;
}

a.line {
  border-bottom: 1px solid white;
}

a.line:hover {
  border-bottom: 1px solid silver;
}

a.disabled {
  cursor: default;
}

input.han {
  ime-mode: disabled;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.hide {
  display: none;
}

del {
  font-weight: normal;
  color: #333333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(gray), to(gray));
  background-image: linear-gradient(gray, gray);
  background-position: 0 44%;
  background-size: 100% 6px;
  background-repeat: repeat-x;
  text-decoration: none;
  padding: 0 2px;
}

.dialog_shadow {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1100;
}

.dialog_board {
  position: fixed;
  top: 30px;
  width: 80%;
  max-width: 310px;
  left: auto;
  right: auto;
  text-align: left;
  background-color: white;
  border: 1px solid gray;
  z-index: 1100;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 90%;
}
.dialog_board div.inner {
  padding: 2em;
}
.dialog_board ul.items {
  margin: 1em 0;
  padding: 0 0;
  padding-left: 1.5em;
  padding-top: 1em;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}
.dialog_board ul.items li {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
.dialog_board img {
  max-width: 90%;
  max-height: 90%;
}
.dialog_board div.btns {
  padding: 2em 0;
  padding-bottom: 1em;
  text-align: center;
}
.dialog_board div.btns button {
  font-size: 13px;
  border-radius: 0.3em;
  min-width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2em 1em;
  background-color: white;
  border: 1px solid silver;
  color: #333333;
}
.dialog_board div.btns button.half {
  width: 50%;
}
.dialog_board div.item {
  position: relative;
  border-bottom: 1px solid silver;
  margin-bottom: 2.5em;
}
.dialog_board div.item div.img {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  background-color: #F5F5F5;
  text-align: center;
}
.dialog_board div.item div.img img {
  width: 160px;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}
.dialog_board div.item div.item_name {
  color: #000000;
}
.dialog_board div.item div.owner_name {
  color: #330000;
}
.dialog_board div.item div.logo {
  margin-top: 1.5em;
  margin-bottom: -20px;
  text-align: center;
}
.dialog_board div.item div.logo img {
  width: 40px;
}

.wide_board {
  width: 100%;
  max-width: 480px;
}

/* インプット　*/
input[type=text], input[type=password], select {
  border-style: solid;
  border-radius: 8px;
  border-width: 1px;
  border-color: silver;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5em;
  margin: 0;
  line-height: 1em;
  height: 2.4em;
  font-size: 1em;
  background-color: white;
  width: 100%;
}

select {
  -webkit-appearance: none;
  background-image: url("../img/common/caret.jpg");
  background-repeat: no-repeat;
  background-position: right;
}

button, a.btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.5em;
  margin: 0;
  line-height: 1em;
  height: 2.4em;
  font-size: 1em;
  width: 100%;
  border-radius: 0.5em;
  border-width: 0;
  background-color: white;
  border: 1px solid black;
  color: black;
}
button span, a.btn span {
  margin-right: 0.25em;
}

a.btn {
  display: block;
  text-align: center;
  padding-top: 0.6em;
}

button.pale_btn, a.pale_btn {
  background-color: white;
  border: 1px solid silver;
  color: #333333;
}

a.btn_high {
  height: auto;
  padding: 1em 0;
}
a.btn_high span {
  font-size: 0.9em;
}

.btn_small {
  width: 10em;
  background-color: white;
  border: 1px solid silver;
  color: #333333;
  font-size: 0.8em;
}

a.btn_important {
  background-color: #FF9933;
  color: white;
  border-color: #CC6633;
}

input[type=text]:focus,
input[type=password]:focus {
  background-color: #EEFFEE;
  border-color: #AACCAA;
}

button i {
  vertical-align: middle;
  font-size: 1.5em;
}

button.url {
  padding-right: 10px;
  padding-left: 10px;
}

a.btn:hover,
button:hover {
  opacity: 0.7;
}

button.nohover:hover {
  opacity: 1;
}

button.disabled {
  opacity: 0.6;
  cursor: default;
  background-color: #CCCCCC;
  color: #666666;
}

button.disabled:hover {
  opacity: 0.6;
}

a.disabled:hover {
  opacity: 1;
}

/* アイコン付 */
span.badge {
  position: absolute;
  font-size: 1.5em;
  display: block;
  top: 0.25em;
}

div.part {
  position: relative;
  margin-bottom: 0.5em;
}
div.part p.third {
  float: left;
  margin: 0px;
  width: 33.3%;
}
div.part p.second {
  float: left;
  margin: 0px;
  width: 50%;
}
div.part p.addbar {
  position: relative;
  padding-right: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.part p.addbar span.bar {
  position: absolute;
  top: 0.5em;
  right: 0.3em;
  font-size: 1em;
}
div.part p.forward button, div.part p.forward a {
  background-color: DARKGREEN;
  color: white;
  border-width: 0;
  border-radius: 0.2em 1em 1em 0.2em;
  margin-left: 1px;
}
div.part p.back button, div.part p.back a {
  background-color: #EEEEEE;
  color: #333333;
  border-radius: 1em 0.2em 0.2em 1em;
  margin-right: 1px;
}
div.part input[type=text], div.part input[type=password] {
  width: 100%;
  z-index: 2;
}
div.part input[type=text].disabled {
  background-color: #EEEEFF;
}
div.part span.leftbadge {
  top: 0.1em;
  left: 0.1em;
  width: 1.5em;
  text-align: center;
  z-index: 3;
}
div.part input.appendleft {
  padding-left: 2.2em;
}
div.part span.titlebadge {
  left: 0;
  top: 0;
  width: 8em;
  text-align: center;
  font-size: 1em;
  height: 2.4em;
  padding-top: 0.5em;
  border: 1px solid silver;
  background-color: #F5F5F5;
  border-radius: 8px 0 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
}
div.part input.appendtitle {
  padding-left: 8.4em;
}
div.part select.appendtitle {
  padding-left: 8.4em;
}
div.part input.appendbutton {
  padding-right: 8em;
  border-radius: 8px 0.5em 0.5em 8px;
}
div.part button.appendbutton {
  position: absolute;
  right: 0px;
  top: 0;
  width: 6em;
  text-align: center;
  font-size: 1em;
  height: 2.4em;
  padding-top: 0em;
  border: 1px solid #4D4D4D;
  background-color: #4D4D4D;
  color: #FFFFFF;
  border-radius: 0 0.5em 0.5em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
}
div.part p.hint {
  text-align: right;
  color: #999966;
}
div.part dl {
  padding: 0;
}
div.part dl dt {
  padding: 0.5em 1em;
  background-color: #F5F5F5;
  text-align: center;
  border: 1px solid silver;
  border-radius: 1em 1em 0 0;
}
div.part dl dd {
  padding: 1em;
  margin: 0px;
  border: 1px solid silver;
  border-radius: 0 0 1em 1em;
  border-top-width: 0;
}
div.part dl dd label {
  width: 100%;
  display: block;
  height: 2em;
}
div.part dl dd p.notice {
  font-size: 90%;
  color: orange;
}
div.part dl dd.textarea {
  padding: 0;
}
div.part dl dd.textarea textarea {
  width: 100%;
  border-width: 0px;
  border-radius: 0 0 1em 1em;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10em;
}

div.appendtitle {
  padding-left: 8em;
}
div.appendtitle select {
  -webkit-appearance: none;
  border-radius: 0 8px 8px 0;
  background-image: url("../img/common/caret.jpg");
  background-repeat: no-repeat;
  background-position: right;
  border-left-width: 0;
}

div.part:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

div.addhr {
  margin-bottom: 2em;
}

/* ボタンのメニュー */
ul.btns {
  list-style: none;
  padding: 0px;
}
ul.btns li {
  margin-bottom: 0.5em;
  float: left;
  max-width: 100%;
  width: 100%;
}
ul.btns li a {
  position: relative;
  display: block;
  padding: 0.5em 0px;
  text-align: center;
  text-decoration: none;
  border-radius: 0.5em;
  background-color: white;
  border: 1px solid silver;
  color: #333333;
  margin: 0 1px;
}
ul.btns li a span.num {
  position: absolute;
  right: 1em;
}
ul.btns li a span.new {
  position: absolute;
  font-size: 0.7em;
  padding: 0.1em 0.5em;
  top: 0.9em;
  right: 0.5em;
  background-color: RED;
  border-radius: 1em;
  color: white;
}
ul.btns li a:hover {
  opacity: 0.7;
}
ul.btns li a.addnum {
  text-align: left;
  padding-left: 1em;
}
ul.btns li.special a {
  background-color: brown;
  border-color: brown;
  color: white;
}
ul.btns li.danger a {
  color: red;
}
ul.btns li.done a {
  background-color: #DDDDDD;
  cursor: default;
  color: gray;
}
ul.btns li.sep {
  margin-top: 1.5em;
}
ul.btns li.mini a {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
}

ul.btns:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

ul.half_btns li {
  width: 50%;
}

ul.simple {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
ul.simple li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.3em;
  font-size: 0.8em;
  float: left;
  width: 33%;
}
ul.simple li.wide {
  width: 100%;
}

/* 重要なボタン */
button.btn_cart {
  font-size: 140%;
  background-color: white;
  border: 1px solid black;
  margin-top: 1em;
  color: black;
}

button.btn_confirm {
  font-size: 140%;
  background-color: white;
  border: 1px solid black;
  margin-top: 1em;
  color: black;
}

button.btn_send {
  font-size: 140%;
  background-color: white;
  border: 1px solid black;
  margin-top: 1em;
  color: black;
}

/* caution */
div.caution {
  position: relative;
  display: inline-block;
  padding: 0px;
  padding-top: 1em;
  width: 100%;
  background: #FFCCCC;
  z-index: 3;
  margin-top: 6px;
  border-radius: 1em;
}
div.caution p {
  text-align: left;
  padding: 0px 15px;
  color: #333333;
}

div.caution:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 20px;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #FFCCCC transparent;
}

p.forcaution {
  margin: 0px;
  padding: 0px;
}

dl.confirm {
  border: 1px solid silver;
  padding: 1em;
  border-radius: 0.5em;
}
dl.confirm dt {
  border-bottom: 1px solid silver;
  font-size: 0.8em;
}
dl.confirm dd {
  padding-top: 1em;
  margin-left: 0em;
  margin-bottom: 2em;
  font-size: 1em;
}

input::-webkit-input-placeholder {
  color: silver;
}

input:-ms-input-placeholder {
  color: silver;
}

input::-moz-placeholder {
  color: silver;
}

div.form_actions {
  text-align: center;
  margin-top: 1em;
  font-size: 1.2em;
}
div.form_actions a.btn {
  margin-bottom: 0.2em;
}

#header {
  position: fixed;
  font-size: 100%;
  line-height: 1em;
  padding: 0em;
  padding-top: 2em;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 11;
  background-image: url(../img/header/animal1.png);
  background-size: 100px 120px;
  background-repeat: no-repeat;
  background-position: bottom 2em right 44%;
}
#header h1 {
  width: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;
  padding-top: 1em;
  line-height: 1em;
}
#header p.theme {
  padding: 0px;
  margin: 0px;
  margin-top: 0.25em;
  padding-bottom: 1em;
  font-size: 0.7em;
  color: #666666;
}
#header div.search {
  position: absolute;
  right: 10px;
  top: -1em;
  max-width: 18em;
  padding-left: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header div.search input.appendbutton {
  padding-right: 6em;
}
#header div.search button.appendbutton {
  width: 4em;
  border-color: #3841ae;
  background-color: #3841ae;
  color: #FFFFFF;
}
#header div.search span.leftbadge {
  top: 0.3em;
}
#header div.search div.broadcast {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header div.search div.broadcast img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -1px;
  left: 0;
}
#header div.search div.broadcast p {
  padding: 0;
  margin: 0;
  font-size: 80%;
  padding-left: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header div.search div.broadcast p.title {
  padding-top: 0.25em;
}
#header div.search div.broadcast p.date {
  font-size: 70%;
  color: #330000;
}
#header div.menu {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  height: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #4D4D4D;
  color: #FFFFFF;
}
#header div.menu ul {
  list-style: none;
  margin: 0;
  padding: 0.5em 0;
  width: 100%;
}
#header div.menu ul li {
  position: relative;
  float: right;
  text-align: right;
  margin: 0;
  padding: 0;
  margin-left: 1.5em;
  font-size: 90%;
}
#header div.menu ul li a {
  color: #FFFFFF;
}
#header div.menu ul li span {
  margin-right: 0.25em;
}
#header div.menu ul li span.hide {
  display: none;
}
#header div.menu ul li #gotocart {
  position: absolute;
  top: 2.2em;
  right: -1em;
  background-color: #FF6666;
  width: 10em;
  font-size: 95%;
  text-align: center;
  border-radius: 1em;
  padding: 0.5em 0;
  display: none;
}
#header div.menu ul li #gotocart:after {
  content: "";
  position: absolute;
  top: -10px;
  right: 13px;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent #FF6666 transparent;
}
#header div.menu ul li.last {
  margin-left: 0;
}

div.header_shrinked {
  padding-top: 0em !important;
  background-image: none !important;
}
div.header_shrinked h1 {
  display: none;
}
div.header_shrinked p.theme {
  display: none;
}
div.header_shrinked div.search {
  display: none;
}

h2 {
  padding: 0.25em 0.5em;
  margin: 0;
  margin-bottom: 0.5em;
  color: #111111;
  font-size: 1.4em;
  text-align: center;
}
h2 span {
  font-size: 0.72em;
  font-weight: normal;
}
h2 span.star {
  color: #FCE38A;
  margin-left: 0.5em;
}

h2.img {
  padding: 0em 0em;
  color: #111111;
  font-size: 1.4em;
  text-align: left;
  position: relative;
}

h2.drawer {
  padding: 0.5em 0.5em;
  border-bottom: 1px dashed silver;
  margin-bottom: 0;
  text-align: left;
  position: relative;
}
h2.drawer span.close {
  position: absolute;
  top: 1em;
  right: 0.5em;
  cursor: pointer;
}

h2.appendsub {
  margin-bottom: 0;
}

h2.item_name {
  border-bottom: 1px solid black;
  text-align: left;
}

h3 {
  color: #222222;
}
h3 span.number {
  background-color: #3841ae;
  color: white;
  padding: 0em 0.5em;
  margin-right: 0.5em;
}

a.option {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.72em;
  font-weight: normal;
  padding-right: 1.5em;
}
a.option span {
  position: absolute;
  top: -0.075em;
  right: 0;
  font-size: 1.6em;
}

div.more {
  position: relative;
  font-size: 1.4em;
  margin: 1em 0;
}

#sns {
  margin: 0;
  padding: 5em 0;
  text-align: center;
}
#sns a {
  padding: 0.25em 0.6em;
  margin: 0;
  border-radius: 0.2em;
  font-size: 12px;
  line-height: 20px;
  color: white;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#sns a span {
  margin-right: 0.3em;
}
#sns a.tw {
  background-color: #1DA1F2;
}
#sns a.tt {
  background-color: #272727;
}
#sns a.tt span.icon-taittsuu img {
  -webkit-transform: translate(0, -1px);
      -ms-transform: translate(0, -1px);
          transform: translate(0, -1px);
  width: 14px;
  height: 14px;
}
#sns a.fb {
  background-color: #4267B2;
  font-weight: bold;
}
#sns a.cp {
  background-color: #3841ae;
}
#sns iframe {
  vertical-align: top;
}
#sns p {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  margin-bottom: 0.3em;
}

div.footanima {
  background-image: url(../img/header/animal2.png);
  background-size: 100px 120px;
  background-repeat: no-repeat;
  background-position: bottom 0 right 44%;
  height: 120px;
}

#footer {
  padding-top: 3em;
  border-top: 3px solid #4D4D4D;
  color: #333333;
  width: 100%;
  min-width: 1024px;
  line-height: 1.5em;
}
#footer div.summary {
  text-align: center;
  margin-bottom: 4em;
}
#footer div.summary h2 {
  border-width: 0;
  margin: 0;
  padding: 0;
  font-size: 90%;
}
#footer div.summary p {
  color: #333333;
  font-size: 90%;
}
#footer div.summary a {
  color: #333333;
}
#footer div.summary a img {
  width: 70px;
}
#footer div.summary a img.brands {
  width: 95%;
  max-width: 350px;
}
#footer div.copyright {
  padding: 6em 0;
  background-color: #F5F5F5;
  text-align: center;
}
#footer div.copyright a {
  color: #333333;
}
#footer div.copyright a:hover {
  border-bottom: 1px solid #333333;
}
#footer div.copyright span {
  vertical-align: middle;
}
#footer div.thanks {
  margin-top: 1em;
}
#footer div.thanks a {
  text-decoration: underline;
}
#footer div.menu {
  position: relative;
  padding: 0 10px;
  max-width: 1024px;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 4em;
}
#footer div.menu div.box {
  width: 30%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  line-height: 2em;
}
#footer div.menu div.box h2 {
  font-size: 1.4em;
  border-bottom: 1px solid #3841ae;
  margin: 0;
  padding: 0.1em 0;
  line-height: 1em;
  margin-bottom: 1em;
}
#footer div.menu div.box span {
  font-size: 82%;
}
#footer div.menu div.box a {
  color: #333333;
}
#footer div.menu div.box_c {
  width: 40%;
  padding: 0 3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#footer div.menu:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
#footer div.mysns {
  margin-top: 1em;
}

span.icon-mastodon:before {
  content: "";
  vertical-align: middle;
  height: 1em;
  width: 1em;
  display: inline-block;
  background: url(../img/default/sns/mastodon/logo-purple.svg) no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
          transform: translate(0, -2px);
}

span.icon-taittsuu:before {
  content: "";
  vertical-align: middle;
  height: 1em;
  width: 1em;
  display: inline-block;
  background: url(../img/default/sns/taittsuu_icon.png) no-repeat;
  background-size: contain;
  -webkit-transform: translate(0, -3px);
      -ms-transform: translate(0, -3px);
          transform: translate(0, -3px);
}

div.timeline {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  min-height: 600px;
}

#main {
  position: relative;
  font-size: 100%;
  padding-top: 10em;
  padding-bottom: 2em;
}

div.common {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

div.talk {
  margin-bottom: 2em;
}
div.talk p {
  font-size: 1em;
}
div.talk p.center {
  text-align: center;
}
div.talk p.link {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  font-size: 0.9em;
}
div.talk p.hint {
  margin-top: 1em;
  font-size: 0.9em;
  color: brown;
}
div.talk p.hint a {
  color: brown;
}
div.talk p.hint a:hover {
  color: pink;
}
div.talk ul.hint {
  background-color: #EEEEEE;
  border-radius: 0.5em;
  padding: 1em;
  margin: 0;
}
div.talk ul.hint li {
  margin: 0;
  margin-left: 1em;
  font-size: 0.9em;
}

div.sorry {
  margin-top: 2em;
  border: 1px solid silver;
  padding: 1em;
  border-radius: 1em;
}
div.sorry h3 {
  color: brown;
  border-color: brown;
}
div.sorry p {
  border-bottom: 1px dashed silver;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
}
div.sorry p.more {
  padding-top: 3em;
  border-width: 0;
}

div.next {
  margin-top: 2em;
  border: 1px solid silver;
  padding: 1em;
  border-radius: 1em;
}

div.subtalk {
  margin-top: 4em;
}
div.subtalk p {
  font-size: 1em;
}

dl.points {
  padding: 1em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  border: 1px solid silver;
  border-radius: 0.5em;
}
dl.points dt {
  text-align: center;
  margin-bottom: 1em;
  font-weight: bold;
}
dl.points dd {
  padding: 0;
  margin: 0;
}
dl.points dd ol {
  padding-left: 1.5em;
}

span.hint {
  font-size: 0.8em;
  color: brown;
}

ul.pan {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background-color: #EEEEEE;
  margin-bottom: 10px;
  border-radius: 4px;
}
ul.pan li {
  float: left;
  padding: 5px;
}
ul.pan li a {
  text-decoration: none;
  color: black;
}
ul.pan li a:hover {
  color: BROWN;
}

div.content {
  margin-bottom: 4em;
}
div.content div.row {
  position: relative;
  margin-bottom: 0.5em;
}
div.content div.row .name {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  color: #333333;
  text-align: right;
  font-weight: bold;
  margin: 0;
  padding: 0.2em 0.5em;
}
div.content div.row .value {
  position: relative;
  margin: 0;
  padding: 0.2em 0;
  margin-left: 110px;
}
div.content div.row .value ul {
  margin: 1em 0;
  margin-top: 2em;
  padding: 1em;
  border: 1px solid silver;
}
div.content div.row .value ul li {
  margin: 0;
  padding: 0;
  margin-left: 1em;
}
div.content div.row .value ul.tiny {
  margin: 0;
  padding: 0;
  list-style: none;
  border-width: 0;
}
div.content div.row .value ul.tiny li {
  margin-left: 0;
  margin-bottom: 0.5em;
}
div.content div.row .value ul.tiny li label {
  cursor: pointer;
  color: #333333;
}
div.content div.row .value ul.tiny li label.active {
  color: #3841ae;
}
div.content div.row .look {
  color: #33AA33;
}
div.content div.last_row {
  margin-bottom: 2em;
}
div.content div.pad {
  margin: 1em 0;
}
div.content ul.unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1em;
}
div.content ul.unstyled li {
  margin-bottom: 0.5em;
}
div.content div.hint {
  background-color: #EEEEEE;
  padding: 1em;
  border-radius: 0.5em;
  margin-bottom: 0.5em;
}
div.content div.hint h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
  font-size: 1em;
  border-bottom: 1px solid silver;
  color: #666666;
}
div.content div.hint p {
  font-size: 0.9em;
}
div.content div.hint ul {
  margin: 0;
  padding: 0;
}
div.content div.hint ul li {
  padding: 0;
  margin: 0;
  margin-left: 1em;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

div.form_guide {
  border: 1px solid silver;
  padding: 1em;
  margin-bottom: 2em;
  border-radius: 0.5em;
}
div.form_guide h3 {
  text-align: center;
  font-size: 1.2em;
}
div.form_guide p {
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px dashed silver;
}
div.form_guide p a.btn, div.form_guide p button {
  margin-top: 1em;
}

div.searchword {
  padding-bottom: 2em;
  width: 100%;
  margin: 0 auto;
  margin-top: -1em;
}
div.searchword p {
  padding: 0.5em 1em;
  text-align: center;
  margin: 0 auto;
  background-color: #EEEEEE;
  font-size: 120%;
}

div.walks {
  margin: 0 1px;
  margin-top: -1em;
  margin-bottom: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  height: 32px;
  position: relative;
  padding: 1px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  border-radius: 0.5em;
}
div.walks a {
  float: right;
}
div.walks a img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 1.7px;
}
div.walks span.empty {
  float: right;
}
div.walks span.empty img {
  width: 30px;
  height: 30px;
  margin: 0 1.7px;
}

table.guide {
  margin: 0;
  margin-bottom: 1em;
  border: 1px solid silver;
  border-collapse: collapse;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
table.guide th {
  border: 1px solid silver;
  background-color: #EEEEEE;
  text-align: left;
  font-weight: normal;
  padding: 0.3em 0.5em;
}
table.guide td {
  border: 1px solid silver;
  padding: 0.3em 0.5em;
}
table.guide td p {
  margin: 0.5em 0;
  margin-bottom: 1em;
}
table.guide .c {
  text-align: center;
}
table.guide .r {
  text-align: right;
}
table.guide .nowrap {
  white-space: nowrap;
}

table.payment_guide td {
  position: relative;
}
table.payment_guide td div.box {
  position: relative;
  margin: 0.5em 0;
  margin-bottom: 1em;
  padding-left: 6em;
  min-height: 4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
table.payment_guide td div.box div.img {
  position: absolute;
  top: 0;
  left: 0.5em;
  width: 4em;
  height: 4em;
}
table.payment_guide td div.box div.img img {
  width: 100%;
  border: 1px solid silver;
}

.saki {
  color: darkgreen;
}

.ato {
  color: navy;
}

.spinner {
  display: none;
  width: 32px;
  height: 32px;
  margin: 10px auto;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  -webkit-animation: spinner-anime 1s infinite linear;
          animation: spinner-anime 1s infinite linear;
}

@-webkit-keyframes spinner-anime {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner-anime {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
s.items h2 {
  margin: 0;
  margin-bottom: 2px;
}

div.list_plan_time {
  text-align: center;
  margin-top: -1em;
  margin-bottom: 2em;
  font-size: 90%;
}

div.list {
  margin-left: -5px;
  margin-right: -5px;
}
div.list div.box {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 2em;
}
div.list div.box span.new {
  position: absolute;
  top: 0px;
  right: 0.5em;
  background-color: #F38181;
  color: white;
  padding: 0 0.5em;
  border-radius: 0 0 0 4px;
}

div.list:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

div.list_title {
  text-align: center;
  padding: 0.5em 0;
  font-size: 160%;
  color: #000000;
}

div.nonavi {
  margin-bottom: 2.5em;
}

ul.category {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 3em;
  margin-top: 0.5em;
}
ul.category li {
  width: 50%;
  padding: 0;
  margin: 0;
  float: left;
  text-align: left;
  font-size: 120%;
}
ul.category li span {
  margin-top: -0.2em;
}
ul.category li.r {
  float: right;
  text-align: right;
}
ul.category li.w {
  width: 100%;
}

div.news_list {
  margin: 0;
}
div.news_list div.box {
  margin: 0;
  margin-bottom: 3em;
  border: 1px solid silver;
  padding-bottom: 2em;
}
div.news_list div.box div.inner {
  padding: 1em;
}
div.news_list div.box h3 {
  position: relative;
  background-color: white;
  color: black;
  padding: 0.5em 0;
  margin: 0;
  border-bottom: 1px solid black;
}
div.news_list div.box h3 span.new {
  top: 0.7em;
  right: 0.1em;
}
div.news_list div.box div.photo a img {
  max-width: 100px;
}
div.news_list div.last_box {
  margin-bottom: 0;
}

div.owner_list div.box {
  max-width: 33.3%;
  min-height: 100px;
}
div.owner_list div.box div.img {
  position: absolute;
  top: 0px;
  left: 0px;
}
div.owner_list div.box div.text {
  margin-left: 110px;
  position: relative;
  min-height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.owner_list div.box div.text a {
  display: block;
  height: 100px;
}
div.owner_list div.box div.text p.name {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 0em;
}
div.owner_list div.box div.text p.kana {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: gray;
  line-height: 1em;
  margin-bottom: 0.75em;
}
div.owner_list div.box div.text p.company {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: gray;
  line-height: 1em;
  padding-bottom: 2.5em;
}
div.owner_list div.box div.text p.data {
  position: absolute;
  padding: 0px;
  margin: 0px;
  bottom: 0px;
  right: 1px;
  width: 100%;
  text-align: right;
  font-size: 0.8em;
}
div.owner_list div.box div.inner {
  margin: 0em 0;
  padding: 0em 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
div.owner_list div.box div.noborder {
  border-width: 0;
}
div.owner_list div.box div.inner {
  margin-right: 1em;
}
div.owner_list div.box div.inner:hover {
  background-color: #F9F9F9;
}
div.owner_list div.box a {
  color: #333333;
}
div.owner_list div.box div.profile_body {
  position: relative;
}
div.owner_list div.box span.new {
  position: relative;
  vertical-align: top;
  font-size: 0.7em;
}
div.owner_list div.box div.text p.name {
  font-size: 1em;
  color: #330000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
div.owner_list div.box div.text p.kana {
  font-size: 0.7em;
  line-height: 1.1em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
div.owner_list div.box div.sns {
  position: absolute;
  bottom: 1em;
  left: 110px;
  margin: 0;
  padding: 0;
  line-height: 1em;
  font-size: 90%;
}
div.owner_list div.box div.sns i {
  width: 1.2em;
}
div.owner_list div.box div.newarrivals {
  position: absolute;
  bottom: 0;
  left: 110px;
  margin: 0;
  padding: 0;
  line-height: 1em;
  font-size: 60%;
}
div.owner_list div.box div.newarrivals span {
  font-size: 150%;
  margin-left: 0.25em;
}

div.thanks2023 {
  width: 100%;
  margin-bottom: 2em;
}
div.thanks2023 img {
  width: 100%;
}

div.owner_month {
  margin: 0;
}
div.owner_month div.box {
  width: 10%;
  height: auto;
  float: left;
  margin: 0;
  border-bottom: 5px solid red;
  margin-bottom: 1em;
  position: relative;
}
div.owner_month div.box img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
div.owner_month div.box div.count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  width: 1.2em;
  text-align: center;
  font-size: 70%;
  opacity: 0.7;
  border-radius: 0 0 0 0.3em;
}
div.owner_month div.box p.back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.2em 0.5em;
  font-size: 80%;
  background-color: black;
  color: white;
  opacity: 0.7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2.6em;
  line-height: 1.1em;
}
div.owner_month div.box p.name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.2em 0.5em;
  font-size: 80%;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2.6em;
  line-height: 1.1em;
  text-align: center;
}
div.owner_month div.box p.name span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
div.owner_month div.month {
  aspect-ratio: 1;
  background-color: red;
  position: relative;
}
div.owner_month div.month div.ym {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  text-align: center;
}
div.owner_month div.month div.ym p {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
div.owner_month div.month div.ym p.text {
  font-size: 140%;
}
div.owner_month div.month div.ym p.num {
  font-size: 70%;
}
div.owner_month div.month1 {
  background-color: #FF3333;
}
div.owner_month div.box1 {
  border-color: #FF3333;
}
div.owner_month div.month2 {
  background-color: #3333AA;
}
div.owner_month div.box2 {
  border-color: #3333AA;
}
div.owner_month div.month3 {
  background-color: #77AA77;
}
div.owner_month div.box3 {
  border-color: #77AA77;
}
div.owner_month div.month4 {
  background-color: #AA33AA;
}
div.owner_month div.box4 {
  border-color: #AA33AA;
}
div.owner_month div.month5 {
  background-color: #33AAAA;
}
div.owner_month div.box5 {
  border-color: #33AAAA;
}
div.owner_month div.month6 {
  background-color: #33AA33;
}
div.owner_month div.box6 {
  border-color: #33AA33;
}
div.owner_month div.month7 {
  background-color: #CCAA00;
}
div.owner_month div.box7 {
  border-color: #CCAA00;
}
div.owner_month div.month8 {
  background-color: #00CCAA;
}
div.owner_month div.box8 {
  border-color: #00CCAA;
}
div.owner_month div.month9 {
  background-color: #CC00AA;
}
div.owner_month div.box9 {
  border-color: #CC00AA;
}
div.owner_month div.month10 {
  background-color: #AACC00;
}
div.owner_month div.box10 {
  border-color: #AACC00;
}
div.owner_month div.month11 {
  background-color: #7777AA;
}
div.owner_month div.box11 {
  border-color: #7777AA;
}
div.owner_month div.month12 {
  background-color: #AA7777;
}
div.owner_month div.box12 {
  border-color: #AA7777;
}

div.item_list {
  margin: 0;
  margin-right: -1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
div.item_list div.box {
  position: relative;
  margin: 0;
  margin-bottom: 2em;
  padding: 0 0.5em;
  padding-bottom: 5em;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
}
div.item_list div.box div.img {
  position: relative;
  text-align: center;
  padding: 0;
}
div.item_list div.box div.img img {
  width: 100%;
  height: auto;
}
div.item_list div.box div.img a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
div.item_list div.box div.img a span.new {
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 0.75em;
}
div.item_list div.box div.img span.new {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 0.75em;
  background-color: #F38181;
  color: white;
  padding: 0 0.5em;
  border-radius: 0 0 0 4px;
}
div.item_list div.box div.img span.kbin {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 0.75em;
  background-color: #f29e25;
  color: white;
  padding: 0 0.5em;
  border-radius: 0 0 0 4px;
}
div.item_list div.box div.text {
  padding: 0;
}
div.item_list div.box div.text p {
  margin: 0px;
  padding: 0px;
  margin-top: 0.5em;
  width: 100%;
  line-height: 1.3em;
  font-size: 0.8em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
div.item_list div.box div.text p.name {
  font-size: 90%;
  color: #000000;
  margin-bottom: 0.5em;
}
div.item_list div.box div.text p.name a {
  color: #000000;
}
div.item_list div.box div.text div.owner {
  position: relative;
  margin-top: 0.2em;
  margin-bottom: 1em;
  min-height: 1.4em;
}
div.item_list div.box div.text div.owner img {
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
}
div.item_list div.box div.text div.owner p {
  color: #330000;
  margin: 0;
  padding: 0;
  padding-left: 2.2em;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  overflow: hidden;
}
div.item_list div.box div.text div.owner a {
  color: #330000;
}
div.item_list div.box div.text p.tags {
  line-height: 1em;
}
div.item_list div.box div.text p.tags span {
  font-size: 90%;
  white-space: nowrap;
  color: #FF6666;
  margin-right: 0.3em;
}
div.item_list div.box div.text div.bottom {
  position: absolute;
  bottom: 0;
  right: 0em;
  padding: 0 0.5em;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.item_list div.box div.text div.bottom p.fav {
  position: absolute;
  top: 0em;
  left: 0.5em;
}
div.item_list div.box div.text div.bottom p.fav button {
  width: auto;
  height: auto;
  border-width: 0;
  padding: 0;
  margin: 0;
  line-height: 1em;
  font-size: 90%;
  vertical-align: bottom;
}
div.item_list div.box div.text div.bottom p.fav button i {
  font-size: 120%;
  color: gray;
}
div.item_list div.box div.text div.bottom p.fav button span {
  margin-left: 0.5em;
  color: gray;
}
div.item_list div.box div.text div.bottom p.fav button.on i {
  color: #FF6666;
}
div.item_list div.box div.text div.bottom p.fav button.on span {
  color: #FF6666;
}
div.item_list div.box div.text div.bottom p.price {
  color: #111111;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  line-height: 1.5em;
}
div.item_list div.box div.text div.bottom p.price span {
  font-size: 150%;
}
div.item_list div.box div.text div.bottom p.icon {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.item_list div.box div.text div.bottom p.icon span {
  margin-right: auto;
  margin-left: 0;
  width: 100%;
}
div.item_list div.box div.text div.bottom p.icon span.icon_soon {
  width: 100%;
}

div.info_list {
  margin-right: 0px;
  margin-left: 0px;
}
div.info_list div.box {
  margin-bottom: 0em;
}
div.info_list div.box div.date {
  font-size: 0.8em;
  border-bottom: 1px solid silver;
  padding: 0.1em 0.5em;
}
div.info_list div.box div.date a {
  color: #333333;
}
div.info_list div.box div.title {
  margin-top: 0.5em;
  margin-bottom: 1em;
  cursor: pointer;
  font-size: 1.2em;
  color: #3841ae;
  padding: 0 0.5em;
}
div.info_list div.box div.body {
  display: none;
  padding: 0.5em;
  margin-bottom: 3em;
}
div.info_list div.box div.data {
  display: none;
  margin-bottom: 4em;
}
div.info_list div.box div.data table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2em;
  font-size: 90%;
}
div.info_list div.box div.data table caption {
  text-align: left;
}
div.info_list div.box div.data table th {
  border: 1px solid silver;
  padding: 0.25em;
  background-color: #F5F5F5;
  white-space: nowrap;
}
div.info_list div.box div.data table td {
  border: 1px solid silver;
  padding: 0.25em;
  line-height: 1.8em;
}
div.info_list div.box div.data table td span {
  color: brown;
}
div.info_list div.box div.data table td.td0 {
  text-align: center;
  white-space: nowrap;
}
div.info_list div.box div.data table td.helper {
  border-width: 0;
  text-align: right;
}
div.info_list div.open div.title {
  font-weight: bold;
}
div.info_list div.open div.body {
  display: block;
}
div.info_list div.open div.data {
  display: block;
}

div.top_pager {
  margin-bottom: 1em;
}
div.top_pager ul:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

div.pager_option {
  position: relative;
  margin-bottom: 1em;
  min-height: 1.2em;
}
div.pager_option label {
  cursor: pointer;
}
div.pager_option input {
  cursor: pointer;
}
div.pager_option label.left {
  display: inline-block;
}
div.pager_option label.left1 {
  margin-right: 1em;
}
div.pager_option label.col1 {
  margin-right: 1em;
}
div.pager_option label.col2 {
  margin-right: 1em;
}
div.pager_option label.right {
  position: absolute;
  top: 0;
  right: 0;
}
div.pager_option label.right_one {
  text-align: right;
}
div.pager_option a.twitter {
  background-color: #1DA1F2;
  color: white;
  padding: 0.1em 0.75em;
  border-radius: 0.25em;
  font-size: 80%;
  line-height: 1em;
}
div.pager_option a.clipboard {
  background-color: #3841ae;
  color: white;
  padding: 0.1em 0.75em;
  border-radius: 0.25em;
  font-size: 80%;
  line-height: 1em;
}
div.pager_option a.clipboard span {
  margin-right: 0.25em;
}

div.order_list {
  margin-right: 0px;
  margin-left: 0px;
}
div.order_list div.box {
  margin-bottom: 6em;
  position: relative;
}
div.order_list div.box div.time {
  border-bottom: 1px solid silver;
  padding-bottom: 0.1em;
  font-size: 1.5em;
  color: brown;
}
div.order_list div.box div.time span {
  margin-left: 1em;
  font-size: 0.8em;
}
div.order_list div.box div.detail p.tag {
  font-size: 0.8em;
  text-align: right;
}
div.order_list div.box div.detail div.row {
  position: relative;
  margin: 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #EEEEEE;
}
div.order_list div.box div.detail div.row p {
  margin: 0;
  padding: 0;
}
div.order_list div.box div.detail div.row p.os {
  font-size: 1.3em;
}
div.order_list div.box div.detail div.row p.name {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  font-weight: bold;
}
div.order_list div.box div.detail div.row p.value {
  position: relative;
  margin-left: 7em;
}
div.order_list div.box div.detail div.row p.price {
  text-align: right;
  padding-right: 0.5em;
}
div.order_list div.box div.detail div.row p.status {
  position: absolute;
  right: 0.5em;
  top: 0.4em;
}
div.order_list div.box div.detail div.row p.status span {
  border-radius: 0.5em;
  color: white;
  font-size: 0.8em;
  padding: 0.1em 0.5em;
}
div.order_list div.box div.detail div.row p.status span.ok {
  background-color: #77AA77;
}
div.order_list div.box div.detail div.row p.status span.ng {
  background-color: #AA7777;
}
div.order_list div.box div.detail ul.btns {
  margin-top: 1em;
  margin-bottom: 0em;
}
div.order_list div.box div.detail span.optional {
  font-size: 80%;
}
div.order_list div.box div.detail div.hint {
  font-size: 90%;
  color: red;
}
div.order_list div.box div.status {
  text-align: left;
  padding: 1em;
  margin-top: 1px;
  margin-bottom: 1.5em;
  font-size: 120%;
  background-color: #FFF5F0;
  position: relative;
  min-height: 2.8em;
}
div.order_list div.box div.status span.guide {
  font-size: 80%;
  color: #333333;
}
div.order_list div.box div.status span.guide b {
  font-weight: bold;
  color: brown;
}
div.order_list div.box div.status div.img {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
div.order_list div.box div.status div.text {
  margin-left: 80px;
  line-height: 1.2em;
}
div.order_list div.box div.items div.title {
  margin-top: 2em;
  margin-bottom: 1em;
  text-align: left;
  font-size: 90%;
  color: darkgreen;
}
div.order_list div.box div.items div.item {
  position: relative;
  border-bottom: 1px dashed silver;
  margin: 0.5em 0;
  min-height: 88px;
}
div.order_list div.box div.items div.item div.img, div.order_list div.box div.items div.item p.img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
}
div.order_list div.box div.items div.item div.img img, div.order_list div.box div.items div.item p.img img {
  width: 80px;
  height: 80px;
}
div.order_list div.box div.items div.item div.img div.kbin, div.order_list div.box div.items div.item p.img div.kbin {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff7942;
  font-size: 70%;
  background-color: #f29e25;
  color: white;
  padding: 0.1em 0.5em;
  border-radius: 0 0 0 0.25em;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}
div.order_list div.box div.items div.item div.text {
  position: relative;
  padding: 0;
  margin: 0;
  min-height: 88px;
  margin-left: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 2em;
}
div.order_list div.box div.items div.item div.text p {
  padding: 0;
  margin: 0;
}
div.order_list div.box div.items div.item div.text p.name {
  margin-bottom: 0.25em;
}
div.order_list div.box div.items div.item div.text p.lottery {
  color: #669966;
  padding: 0.25em 0em;
  font-size: 90%;
  text-align: right;
}
div.order_list div.box div.items div.item div.text p.gift {
  color: orange;
  padding: 0.25em 0em;
  font-size: 90%;
  text-align: right;
}
div.order_list div.box div.items div.item div.text p.gift i {
  margin-right: 0.2em;
}
div.order_list div.box div.items div.item div.text p.price {
  position: absolute;
  bottom: 0.5em;
  right: 0;
  font-size: 90%;
  margin-bottom: 0.25em;
  text-align: right;
}
div.order_list div.box div.items div.item_edit {
  min-height: 4em;
  padding-top: 1em;
}
div.order_list div.box div.items div.item_edit p.check {
  position: absolute;
  top: 1.5em;
  left: 0;
}
div.order_list div.box div.items div.item_edit div.img, div.order_list div.box div.items div.item_edit p.img {
  position: absolute;
  top: 1em;
  left: 0.5em;
}
div.order_list div.box div.items div.item_edit div.img div.kbin, div.order_list div.box div.items div.item_edit p.img div.kbin {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff7942;
  font-size: 70%;
  background-color: #ff7942;
  color: white;
  padding: 0.1em 0.5em;
  border-radius: 0 0 0 0.25em;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}
div.order_list div.box div.items div.item_edit div.name, div.order_list div.box div.items div.item_edit p.name {
  margin: 0;
  padding: 0;
  margin-left: 110px;
}
div.order_list div.box div.items div.item_edit div.price, div.order_list div.box div.items div.item_edit p.price {
  margin: 0;
  padding: 0;
  margin-left: 110px;
}
div.order_list div.box div.items div.item_edit div.new_su, div.order_list div.box div.items div.item_edit p.new_su {
  margin: 0.5em 0;
  padding: 0;
  margin-left: 110px;
  text-align: right;
}
div.order_list div.box div.items div.item_edit div.new_su input, div.order_list div.box div.items div.item_edit div.new_su select, div.order_list div.box div.items div.item_edit p.new_su input, div.order_list div.box div.items div.item_edit p.new_su select {
  display: inline;
  width: 3em;
  text-align: right;
  border-radius: 0.25em;
  padding: 0.1em 0.5em;
  height: 1.5em;
}
div.order_list div.box div.items div.item_edit div.new_su select, div.order_list div.box div.items div.item_edit p.new_su select {
  width: 4em;
  text-align: left;
}
div.order_list div.box div.items div.item:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
div.order_list div.box div.items div.item_edit:hover {
  background-color: white;
  cursor: default;
}
div.order_list div.box div.items div.no_item {
  text-align: center;
  padding: 2em 0;
  background-color: #FFEEEE;
}
div.order_list div.box div.more {
  position: relative;
  margin-top: 1em;
  margin-bottom: 3em;
}
div.order_list div.box span.os_advance {
  color: brown;
}
div.order_list div.box span.os_waiting {
  color: #664400;
}
div.order_list div.box_border {
  border: 1px solid silver;
  padding: 1em;
}

ul.conv_list {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  list-style: none;
}
ul.conv_list li {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.7em;
  cursor: pointer;
}
ul.conv_list li a {
  display: block;
  padding: 0 0.2em;
}
ul.conv_list li.disabled {
  cursor: not-allowed;
}
ul.conv_list li.disabled img {
  opacity: 0.6;
}

div.bottom_pager {
  margin-top: 2em;
  margin-bottom: 4em;
}
div.bottom_pager p {
  margin: 0;
  margin-top: 2em;
  font-size: 1em;
  text-align: center;
}
div.bottom_pager div.list_more {
  margin-top: 3em;
  text-align: center;
}
div.bottom_pager div.list_more button {
  max-width: 12em;
}

div.bottom_pager:before {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

dl.news dt {
  font-size: 1.2em;
  margin-bottom: 0em;
  border: 1px solid silver;
  border-width: 1px 0px;
  padding: 0.2em 0.5em;
}
dl.news dd {
  margin-left: 1em;
  padding: 0px;
  margin-bottom: 3em;
}
dl.news dd p.date {
  font-size: 0.8em;
  text-align: right;
  color: silver;
}

ul.pagination {
  margin: 5px 0px;
  padding: 0px;
  text-align: center;
}
ul.pagination li {
  display: inline;
  padding: 0px;
  margin: 0px 0.2em;
}
ul.pagination li a {
  padding: 0.1em 0.7em;
  border: 1px solid gray;
  border-radius: 0.5em;
  text-align: center;
  font-size: 1em;
  color: black;
}
ul.pagination li a:hover {
  opacity: 0.7;
}
ul.pagination li.arrow a {
  padding: 0px;
  border-width: 0px;
  font-size: 1em;
}
ul.pagination li.arrow a span {
  font-size: 2em;
  vertical-align: middle;
}
ul.pagination li.disabled a {
  color: silver;
  border-color: silver;
}
ul.pagination li.disabled a:hover {
  cursor: default;
}
ul.pagination li.active a {
  background-color: #FFEEEE;
}

dl.category {
  margin: 0 auto;
  margin-bottom: 3em;
  padding: 0;
  position: relative;
  max-width: 480px;
}
dl.category dt {
  position: absolute;
  top: 0;
  right: 0;
  width: 8em;
  text-align: center;
  font-size: 0.7em;
  color: WHITE;
  font-weight: bold;
  padding: 0.1em 0;
  background-color: silver;
  border-radius: 0 0.5em 0 1em;
}
dl.category dd {
  position: relative;
  padding: 0em 0.5em;
  margin: 0;
  padding-bottom: 0.5em;
  border: 1px solid silver;
  border-radius: 0.5em;
  text-align: center;
}
dl.category dd p.name {
  font-size: 1.2em;
  margin: 2em 0;
}
dl.category dd ul.btns li {
  font-size: 1em;
}

div.noitem {
  text-align: center;
  margin-top: 4em;
  margin-bottom: 6em;
}

div.listwithmenu div.menuside {
  width: 20%;
  float: left;
  background-color: #F5F5F5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.listwithmenu div.menuside ul.category li {
  width: 100%;
}
div.listwithmenu div.menuside h3.event {
  font-size: 100%;
  margin: 0;
  padding: 0.8em;
  padding-bottom: 0;
}
div.listwithmenu div.menuside ul.event {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.listwithmenu div.menuside ul.event li {
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 80%;
  border-bottom: 1px dashed silver;
}
div.listwithmenu div.menuside ul.event li a {
  padding: 1em 1em;
  display: block;
}
div.listwithmenu div.menuside ul.event li a span {
  display: block;
}
div.listwithmenu div.menuside ul.event li a span.date {
  font-size: 80%;
  color: #336633;
}
div.listwithmenu div.menuside ul.event li.notfound {
  text-align: center;
  padding: 1em 1em;
  border-bottom-width: 0;
}
div.listwithmenu div.menuside ul.event li.selected {
  background-color: #EEFFEE;
}
div.listwithmenu div.menuside div.event_form {
  font-size: 80%;
  padding: 1em;
  padding-top: 0.5em;
}
div.listwithmenu div.menuside div.event_form select {
  margin-bottom: 0.25em;
}
div.listwithmenu div.menuside #event_month {
  display: none;
}
div.listwithmenu div.advance {
  padding: 1em;
  padding-bottom: 0;
}
div.listwithmenu div.advance div.box {
  margin-bottom: 2em;
}
div.listwithmenu div.advance h3 {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
div.listwithmenu div.advance button {
  font-size: 90%;
  background-color: #3841ae;
  border-color: #3841ae;
  color: white;
}
div.listwithmenu div.advance label.checkbox {
  display: block;
  margin: 0.5em 0;
}
div.listwithmenu div.advance label.checkbox input {
  margin-right: 0.5em;
}
div.listwithmenu div.advance label.radio {
  display: block;
  margin: 0.5em 0;
}
div.listwithmenu div.advance label.radio input {
  margin-right: 0.5em;
}
div.listwithmenu div.advance ul.tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.listwithmenu div.advance ul.tags li {
  margin: 0;
  padding: 0;
  font-size: 90%;
}
div.listwithmenu div.advance div.another_search {
  text-align: left;
  padding: 0.75em 0;
  padding-left: 1em;
  margin: 0 -1em;
  background-color: #FCFCFC;
  line-height: 1em;
}
div.listwithmenu div.advance div.another_search_first {
  margin-top: 4em;
}
div.listwithmenu div.listside {
  width: 80%;
  float: right;
  padding-left: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.listwithmenu div.listside h2 {
  margin-bottom: 1em;
}
div.listwithmenu div.listside h2.owner {
  color: #330000;
}
div.listwithmenu div.listside h2.event {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.listwithmenu div.listside h2.kbin_owners {
  margin-bottom: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  text-align: right;
  color: #f29e25;
  position: relative;
}
div.listwithmenu div.listside h2.kbin_owners div.btn_cancel_owner {
  position: absolute;
  left: 0;
  bottom: 0;
}
div.listwithmenu div.listside h2.kbin_owners div.btn_cancel_owner a {
  color: #f29e25;
}
div.listwithmenu div.listside h2.kbin_items {
  margin-bottom: 2px;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  text-align: right;
  border-bottom: 1px dashed silver;
  color: #f29e25;
}
div.listwithmenu div.listside div.box_unselected {
  opacity: 0.3;
}
div.listwithmenu div.listside div.box_unselected div.inner div.back {
  display: none;
}
div.listwithmenu div.listside div.box_unselected div.inner div.name {
  display: none;
}
div.listwithmenu div.listside div.box_selected div.inner div.name {
  background-color: #f29e25 !important;
}
div.listwithmenu div.listside div.header_kbin img.lg {
  display: inline;
}
div.listwithmenu div.listside div.header_kbin img.sm {
  display: none;
}
div.listwithmenu div.listside div.whats_kbin {
  margin-bottom: 2em;
  text-align: center;
  background-color: #E5E5E5;
  color: #333333;
  position: relative;
}
div.listwithmenu div.listside div.whats_kbin div.bar {
  padding: 0.25em 0;
  background-color: #E5E5E5;
  text-align: right;
}
div.listwithmenu div.listside div.whats_kbin div.bar button {
  width: auto;
  border-width: 0;
  font-size: 90%;
  background-color: #E5E5E5;
  color: #333333;
}
div.listwithmenu div.listside div.whats_kbin div.bar button i {
  font-size: 90%;
}
div.listwithmenu div.listside div.whats_kbin div.guide {
  display: none;
}
div.listwithmenu div.listside div.whats_kbin div.guide div.close {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
div.listwithmenu div.listside div.whats_kbin div.guide div.close button {
  border-width: 0;
  margin: 0;
  padding: 0;
  height: auto;
  font-size: 80%;
  background-color: transparent;
  color: #333333;
}
div.listwithmenu div.listside div.whats_kbin div.guide ul {
  text-align: left;
  list-style: none;
  padding: 0 1em;
  padding-bottom: 1em;
  margin: 1em 0;
}
div.listwithmenu div.listside div.whats_kbin div.guide ul li {
  font-size: 90%;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
div.listwithmenu div.listside div.whats_kbin div.guide ul li span {
  display: block;
  font-size: 110%;
  border-bottom: 1px dashed #333333;
  font-weight: bold;
  margin-bottom: 0.25em;
}
div.listwithmenu div.listside div.whats_kbin div.guide ul li span i {
  color: #000000;
}
div.listwithmenu div.listside div.whats_kbin20 {
  margin-top: 1px;
  background-color: white;
  color: #555555;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.close {
  right: 0em;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.close button {
  color: black;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide ul li span {
  display: block;
  font-size: 110%;
  border-bottom: 1px dashed white;
  font-weight: bold;
  margin-bottom: 0.25em;
  color: #000000;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide ul li span i {
  color: #f29e25;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner {
  font-size: 80%;
  margin-top: 2em;
  padding: 1em 0;
  background-color: #F5F0F0;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box {
  width: 300px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  padding-left: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box div.img {
  position: absolute;
  left: 0;
  top: 0;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box div.img img {
  width: 80px;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box div.link {
  text-align: left;
  height: 80px;
  line-height: 1.2em;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box div.link p {
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
  color: #f29e25;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box div.link a {
  display: block;
}
div.listwithmenu div.listside div.whats_kbin20 div.guide div.banner div.box div.link a.first {
  padding-bottom: 1em;
}
div.listwithmenu div.listside div.owner_image {
  text-align: center;
}
div.listwithmenu div.listside div.owner_image img {
  width: 100px;
}
div.listwithmenu div.listside div.profile_img {
  font-size: 100%;
  margin: -1.2em 0em;
  margin-bottom: 3em;
  position: relative;
  min-height: 100px;
}
div.listwithmenu div.listside div.profile_img div.header_img img {
  width: 100%;
}
div.listwithmenu div.listside div.profile_img div.img {
  position: absolute;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  text-align: center;
}
div.listwithmenu div.listside div.profile_img div.img img {
  border: 4px solid white;
  width: 100px;
}
div.listwithmenu div.listside div.names {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 2em;
}
div.listwithmenu div.listside div.names h2 {
  line-height: 1em;
  font-size: 150%;
  margin: 0;
  color: #330000;
}
div.listwithmenu div.listside div.names h2 span {
  font-size: 0.8em;
}
div.listwithmenu div.listside div.names p.kana {
  font-size: 80%;
  color: gray;
}
div.listwithmenu div.listside div.event_start {
  font-size: 90%;
  text-align: center;
  color: #336633;
  margin-bottom: 1em;
}
div.listwithmenu div.listside div.event_link {
  text-align: center;
  margin-bottom: 2em;
}
div.listwithmenu div.listside div.event_link a {
  color: #3841ae;
  font-size: 80%;
  border: 1px solid #3841ae;
  border-radius: 1em;
  padding: 0.25em 0.5em;
}
div.listwithmenu div.listside ul.selected_tags {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  margin-bottom: 1em;
}
div.listwithmenu div.listside ul.selected_tags li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 90%;
  white-space: nowrap;
}
div.listwithmenu div.listside ul.selected_tags li a {
  color: #3841ae;
}

ul.category {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.category li {
  width: 50%;
  float: left;
  background-image: url("../img/common/spacer.gif");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  margin-bottom: 1px;
  white-space: nowrap;
  line-height: 1em;
}
ul.category li a {
  display: block;
  font-size: 75%;
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #999999;
  height: 2.75em;
  line-height: 1em;
  position: relative;
  cursor: pointer;
}
ul.category li a span.label {
  position: absolute;
  font-size: 100%;
  left: 3.5em;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  line-height: 1em;
  margin: 0;
  padding: 0;
}
ul.category li.menu_c {
  background-image: none;
}
ul.category li.menu_c a {
  padding-left: 1.5em;
  font-size: 65%;
  border-left: 5px solid silver;
}
ul.category li.menu_b {
  margin-top: 0.5em;
}
ul.category li.menu_b a {
  height: auto;
  border-width: 0;
  padding: 0;
}
ul.category li.selected {
  background-color: #DDDDDD;
}
ul.category li.selected a {
  color: #666666;
}
ul.category li.loading {
  height: 3em;
  width: 100%;
  display: block;
}
ul.category li.advance {
  background-image: none;
  text-align: right;
}
ul.category li.advance a {
  padding-left: 1em;
}
ul.category li.advance a p {
  position: absolute;
  right: 0.3em;
  bottom: 0.3em;
  line-height: 1em;
  margin: 0;
  left: 0;
}
ul.category li.another_search {
  background-image: none;
  background-color: #FCFCFC;
  margin: 0;
  position: relative;
}
ul.category li.another_search a {
  border-width: 0;
  padding-left: 0;
  font-size: 80%;
}
ul.category li.another_search a p {
  font-size: 100%;
  line-height: 1em;
  margin: 0;
  padding: 0;
  padding-left: 1em;
}
ul.category li.another_search_first {
  padding-top: 2em;
}
ul.category li.rainbow0 a {
  border-left-color: #FF4444;
}
ul.category li.rainbow1 a {
  border-left-color: #FFA544;
}
ul.category li.rainbow2 a {
  border-left-color: #FFFF44;
}
ul.category li.rainbow3 a {
  border-left-color: #448044;
}
ul.category li.rainbow4 a {
  border-left-color: #44FFFF;
}
ul.category li.rainbow5 a {
  border-left-color: #4444FF;
}
ul.category li.rainbow6 a {
  border-left-color: #804480;
}

ul.owner {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.owner li {
  background-image: url("../img/owner/1/thumb/17409.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  margin-bottom: 0.25em;
}
ul.owner li a {
  font-size: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.6em 1em;
  border-bottom: 1px dashed #999999;
  padding-left: 3.5em;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
ul.owner li.selected {
  background-color: #DDDDDD;
}
ul.owner li.selected a {
  color: #666666;
}
ul.owner li.more {
  background-image: none;
  margin-bottom: 0;
}
ul.owner li.more a {
  position: relative;
  padding: 0;
  height: 4em;
}
ul.owner li.more a p {
  position: absolute;
  font-size: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 1em;
  margin: 0;
  padding: 0;
}

div.wide_list div.profile_img {
  font-size: 100%;
  margin: -1.2em 0em;
  margin-bottom: 3em;
  position: relative;
  min-height: 100px;
}
div.wide_list div.profile_img div.header_img {
  max-height: 180px;
  overflow: hidden;
}
div.wide_list div.profile_img div.header_img img {
  width: 100%;
}
div.wide_list div.profile_img div.img {
  position: absolute;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  text-align: center;
}
div.wide_list div.profile_img div.img img {
  border: 4px solid white;
  width: 100px;
}
div.wide_list div.item_list div.box {
  width: 20%;
}

div.bottom_another_search {
  text-align: center;
}

div.search_owners {
  position: relative;
  width: 100%;
  height: 120px;
  padding: 10px 20px;
  margin-bottom: 1em;
  white-space: nowrap;
  overflow: hidden;
  border-top: 1px dashed silver;
  border-bottom: 1px dashed silver;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.search_owners div.arrow_left {
  position: absolute;
  width: 20px;
  height: 120px;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.8;
  color: white;
  cursor: pointer;
}
div.search_owners div.arrow_left span {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
div.search_owners div.arrow_right {
  position: absolute;
  width: 20px;
  height: 120px;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.8;
  color: white;
  cursor: pointer;
}
div.search_owners div.arrow_right span {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
div.search_owners div.owners {
  width: 2400px;
}
div.search_owners div.owners div.box {
  float: left;
  width: 120px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 3em;
}
div.search_owners div.owners div.box div.inner {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
div.search_owners div.owners div.box div.inner div.img {
  width: 100%;
  font-size: 90%;
}
div.search_owners div.owners div.box div.inner div.img img {
  width: 100%;
  height: auto;
}
div.search_owners div.owners div.box div.inner div.name {
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 100%;
  font-size: 75%;
  height: 2.6em;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2em 0em;
  line-height: 1.1em;
  text-align: center;
}
div.search_owners div.owners div.box div.inner div.name span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  font-size: 100%;
  max-height: 2.6em;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
div.search_owners div.owners div.box div.inner div.back {
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 100%;
  background-color: black;
  opacity: 0.7;
  font-size: 75%;
  height: 2.6em;
}

div.search_owners:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

div.search_owners_after {
  font-size: 100%;
  margin-bottom: 1em;
}

h3.infinite_page_index {
  display: block;
  margin: 1em 0;
  padding: 0.25em 0;
  line-height: 1em;
  font-size: 150%;
  text-align: center;
}

div.profile {
  max-width: 640px;
  margin: 0 auto;
}
div.profile div.profile_img {
  font-size: 100%;
  margin: -1.2em 0em;
  margin-bottom: 3em;
  position: relative;
  min-height: 100px;
}
div.profile div.profile_img div.header_img img {
  width: 100%;
}
div.profile div.profile_img div.img {
  position: absolute;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  text-align: center;
}
div.profile div.profile_img div.img img {
  border: 4px solid white;
  width: 100px;
}
div.profile div.names {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 2em;
}
div.profile div.names h2 {
  line-height: 1em;
  font-size: 150%;
  margin: 0;
  color: #330000;
}
div.profile div.names h2 span {
  font-size: 0.8em;
}
div.profile div.names p.kana {
  font-size: 80%;
  color: gray;
}
div.profile div.data {
  text-align: center;
  font-size: 80%;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 0.5em 0;
}
div.profile div.data a.btn_follow1 span {
  color: GOLD;
}
div.profile div.links {
  width: 100%;
  margin: 0 -0.2em;
  margin-top: 2em;
}
div.profile div.links div.box {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2em;
  margin-bottom: 1em;
}
div.profile div.links div.box a {
  border: 1px solid silver;
  border-radius: 0.5em;
  display: block;
  height: 5.3em;
  position: relative;
}
div.profile div.links div.box a div.title {
  position: absolute;
  top: -0.6em;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  white-space: nowrap;
  font-size: 80%;
  background-color: white;
  line-height: 1em;
  padding: 0 0.3em;
}
div.profile div.links div.box a div.value {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0em 0.5em;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
div.profile div.links div.box a div.value span.account {
  font-size: 90%;
}
div.profile div.links div.box a div.value span.server {
  font-size: 80%;
  color: #444444;
}
div.profile div.links div.box a div.value span.link {
  font-size: 70%;
}
div.profile div.links div.sns a div.title {
  top: -0.4em;
  font-size: 180%;
}
div.profile ul.sns {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 1em;
}
div.profile ul.sns li {
  margin: 0;
  padding: 1px;
  width: 33.3%;
  float: left;
  text-align: center;
  line-height: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.profile ul.sns li p {
  margin: 0;
  padding: 1em 0;
  height: 4.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.profile ul.sns li i {
  margin-right: 0.25em;
}
div.profile ul.sns li span {
  color: gray;
  font-size: 70%;
}
div.profile ul.sns li.active p {
  border: 1px solid silver;
}
div.profile ul.sns li.sleep {
  color: #CCCCCC;
  background-color: #F5F5F5;
}
div.profile div.talk {
  margin-top: 1em;
  margin-bottom: 1px;
  padding-bottom: 2em;
  font-size: 90%;
  width: 100%;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
div.profile div.talk div.photos {
  text-align: center;
  margin-top: 4em;
}
div.profile div.talk div.photos a img {
  max-width: 100px;
}
div.profile div.talk div.links {
  margin-top: 2em;
}
div.profile div.talk div.profile_text {
  overflow: hidden;
  position: relative;
}
div.profile div.talk div.profile_text div.fadeout {
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#FFF));
  background: linear-gradient(to bottom, transparent, #FFF);
}
div.profile div.talk div.profile_text_shrink {
  max-height: 220px;
}
div.profile div.talk div.open_profile_text {
  text-align: center;
  display: none;
}
div.profile div.link {
  margin-top: 0.5em;
  text-align: right;
  position: relative;
  padding-right: 1.5em;
}
div.profile div.link span {
  position: absolute;
  top: -0.075em;
  right: 0;
  font-size: 1.6em;
}
div.profile div.link a.btn {
  max-width: 260px;
  margin: 0 auto;
}
div.profile ul.btns a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
  padding-right: 1em;
  padding-left: 1em;
}
div.profile div.no_news {
  text-align: center;
  padding: 3em 0;
  border: 1px solid #EEEEEE;
}

div.owner_box {
  margin-bottom: 0.5em;
  min-height: 100px;
}
div.owner_box div.img {
  position: absolute;
  top: 0px;
  left: 0px;
}
div.owner_box div.text {
  margin-left: 110px;
  position: relative;
  min-height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.owner_box div.text a {
  display: block;
  height: 100px;
}
div.owner_box div.text p.name {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 0em;
}
div.owner_box div.text p.kana {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: gray;
  line-height: 1em;
  margin-bottom: 0.75em;
}
div.owner_box div.text p.company {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: gray;
  line-height: 1em;
  padding-bottom: 2.5em;
}
div.owner_box div.text p.data {
  position: absolute;
  padding: 0px;
  margin: 0px;
  bottom: 0px;
  right: 1px;
  width: 100%;
  text-align: right;
  font-size: 0.8em;
}
div.owner_box div.inner {
  margin: 0em 0;
  padding: 0em 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
div.owner_box div.noborder {
  border-width: 0;
}
div.owner_box h3 {
  font-size: 1.2em;
  margin: 0px -10px;
  margin-top: -10px;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  background-color: #3841ae;
  border-width: 0;
  color: white;
  font-weight: normal;
}
div.owner_box p.date {
  font-size: 0.8em;
  text-align: right;
  color: silver;
}
div.owner_box p.body {
  margin-top: 1em;
  font-size: 1em;
}
div.owner_box ul.btns {
  margin-top: 1em;
  margin-bottom: 0;
}
div.owner_box div.text p.name {
  color: #330000;
}
div.owner_box div.text p.kana {
  color: silver;
}
div.owner_box div.text p.company {
  color: #333333;
}
div.owner_box div.detail {
  margin-top: 30px;
}
div.owner_box div.profile_body {
  position: relative;
}
div.owner_box div.news_body {
  position: relative;
  margin: 1em 0;
}
div.owner_box div.photo {
  margin: 0;
  padding: 0;
  margin-top: 4em;
}
div.owner_box div.photo h4 {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  margin-bottom: 0.3em;
}
div.owner_box div.photo h4 span {
  font-weight: normal;
  margin-left: 1em;
}
div.owner_box div.photo img {
  padding: 0.1em;
  margin: 0;
  border: 1px solid silver;
}

div.owner_box:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

ul.navtab {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  width: 100%;
  list-style: none;
  background-color: white;
}
ul.navtab li {
  margin: 0px;
  padding: 0px;
  float: left;
}
ul.navtab li a {
  padding: 0em 0em;
  text-align: center;
  text-decoration: none;
  color: black;
  border-bottom: 1px solid silver;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 2em;
  height: 2em;
}
ul.navtab li a:hover {
  background-color: #EEEEEE;
}
ul.navtab li span.word {
  margin-left: 0.2em;
}
ul.navtab li.active a {
  border: 1px solid silver;
  border-radius: 0.2em 0.2em 0 0;
  border-bottom: 0px solid white;
}
ul.navtab li.active a:hover {
  background-color: white;
}

ul.navtab:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

tabbox {
  margin-bottom: 10px;
}

ul.navtab_compressed li:not(.active) span.word {
  display: none;
}
ul.navtab_compressed li.active {
  width: 40%;
}

div.fav_tab {
  text-align: center;
  margin-bottom: 2em;
}
div.fav_tab a {
  display: inline-block;
  border: 1px solid silver;
  border-radius: 1em;
  margin: 0.25em 0.1em;
  padding: 0.25em 1em;
  white-space: nowrap;
  font-size: 90%;
}
div.fav_tab a.selected {
  background-color: #FF6666;
  border: 1px solid #FF6666;
  color: white;
}

span.icon {
  border-radius: 0.1em;
  display: block;
  width: 6.4em;
  text-align: center;
  font-size: 90%;
  padding: 0.2em 0;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid silver;
  background-color: white;
}

span.icon_inline {
  display: inline;
  padding: 0.2em 0.5em;
}

span.icon_available {
  border-color: #81CDBF;
  color: #81CDBF;
}

span.icon_lastone {
  border-color: #3841ae;
  color: #3841ae;
}

span.icon_soon {
  width: 8.7em;
  border-color: #669966;
  color: #336633;
}

span.icon_soon_reserve {
  width: 10.5em;
  border-color: #996666;
  color: #663333;
}

span.icon_lottery {
  border-color: #669966;
  color: #336633;
}

span.icon_lottery1 {
  width: 12em;
  background-color: #ECC36A;
}

span.icon_lottery2 {
  width: 6.4em;
  background-color: #FF6666;
}

span.icon_lottery_time {
  background-color: #ECC36A;
}

span.icon_lottery_waiting {
  background-color: white;
  border: 1px solid #ECC36A;
  border-top-width: 0;
  color: #ECC36A;
  font-weight: bold;
}

span.icon_lottery_result1 {
  background-color: white;
  border: 1px solid #ECC36A;
  border-top-width: 0;
  color: #ECC36A;
  font-weight: bold;
}

span.icon_lottery_result0 {
  background-color: #eeeeee;
  border: 1px solid #ECC36A;
  border-top-width: 0;
  color: gray;
}

span.icon_reserve {
  border-color: #996666;
  color: #996666;
}

span.icon_soldout {
  border-color: #CCCCCC;
  color: #CCCCCC;
}

span.icon_closed {
  border-color: #CCCCCC;
  color: #CCCCCC;
}

span.icon_few {
  background-color: #DDDD66;
  width: 7.4em;
}

span.icon_upack {
  background-color: #FF6666;
}

span.icon_paymentfree {
  background-color: #66CC66;
  color: white;
}

span.icon_upto {
  background-color: #6666CC;
}

span.icon_passport {
  background-color: #CC66CC;
}

span.icon_book {
  background-color: #3333AA;
}

span.aicon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: contain;
}

span.aicon-twitter {
  background-image: url("svgicons/twitter.svg");
}

span.aicon-instagram {
  background-image: url("svgicons/instagram.svg");
}

span.aicon-tumblr {
  background-image: url("svgicons/tumblr.svg");
}

span.aicon-facebook {
  background-image: url("svgicons/facebook.svg");
}

span.aicon-mastodon {
  background-image: url("svgicons/mastodon.svg");
}

span.aicon-misskey {
  background-image: url("svgicons/misskey.svg");
}

span.aicon-threads {
  background-image: url("svgicons/threads.svg");
}

span.aicon-fediverse {
  background-image: url("svgicons/fediverse.svg");
}

span.aicon-bluesky {
  background-image: url("svgicons/bluesky.svg");
}

span.aicon-link {
  background-image: url("svgicons/link.svg");
}

div.item_detail {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 2em;
  position: relative;
}
div.item_detail h2 {
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  border-width: 0;
}
div.item_detail h2 div.sub {
  margin-bottom: 0.5em;
  font-size: 75%;
  font-weight: normal;
  color: #666666;
}
div.item_detail ul.event_tags {
  margin-bottom: 2em;
}
div.item_detail span.category {
  color: #3841ae;
}
div.item_detail ul.data_cat {
  list-style: none;
  margin: 0.25em 0;
  margin-top: -1em;
  padding: 0.5em 0;
}
div.item_detail ul.data_cat li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 90%;
}
div.item_detail ul.data_cat li a {
  text-decoration: underline;
}
div.item_detail ul.data_cat li a:hover {
  border-bottom-color: #333333;
}
div.item_detail ul.data_cat li:not(.last):after {
  content: " ＞ ";
}
div.item_detail div.lside {
  float: left;
  width: 64%;
}
div.item_detail div.lside div.img {
  text-align: center;
  background-color: #EEEEEE;
  position: relative;
}
div.item_detail div.lside div.img img {
  max-width: 100%;
  height: auto;
}
div.item_detail div.lside div.img div.kbin {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff7942;
  font-size: 90%;
  background-color: #f29e25;
  color: white;
  padding: 0.1em 0.5em;
  border-radius: 0 0 0 0.25em;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}
div.item_detail div.lside div.guide {
  margin: 1em 0;
  padding: 1em;
  margin-bottom: 3em;
  line-height: 1.7em;
  color: #222222;
}
div.item_detail div.lside div.guide h3 {
  color: #000000;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  font-size: 120%;
}
div.item_detail div.lside div.guide p {
  padding: 0;
  margin: 0;
  margin-bottom: 4em;
}
div.item_detail div.lside div.lit_tags {
  margin-bottom: 0.5em;
}
div.item_detail div.lside div.lit_tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.item_detail div.lside div.lit_tags ul li {
  display: inline;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
div.item_detail div.lside div.lit_tags ul li a {
  color: #FF6666;
  font-size: 80%;
  white-space: nowrap;
}
div.item_detail div.lside div.data_gift {
  position: relative;
}
div.item_detail div.lside div.data_gift div.icon {
  position: absolute;
  top: 0;
  left: 0;
}
div.item_detail div.lside div.data_gift div.icon i {
  font-size: 280%;
  aspect-ratio: 1/1;
  color: orange;
  border: 6px double orange;
  display: block;
  border-radius: 100%;
  padding: 0.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.item_detail div.lside div.data_gift div.text {
  font-size: 100% !important;
  min-height: 5em;
  padding-left: 6em;
}
div.item_detail div.lside div.data_gift div.text p {
  padding: 0;
  margin: 0;
  margin-bottom: 0.25em;
}
div.item_detail div.lside div.data_gift div.text p span {
  color: white;
  background-color: orange;
  border-radius: 0.55em;
  padding: 0.1em 0.25em;
  font-size: 80%;
  margin-left: 0.25em;
}
div.item_detail div.lside div.data_gift div.text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}
div.item_detail div.lside div.data_gift div.text ul li {
  font-size: 80%;
  color: #666666;
}
div.item_detail div.lside div.data_gift div.text p.more {
  margin-top: 0.5em;
  font-size: 90%;
}
div.item_detail div.lside div.data_gift div.text p.more a {
  color: #666666;
}
div.item_detail div.lside div.data_gift div.text p.more i {
  margin-right: 0.2em;
}
div.item_detail div.lside div.data_spec {
  margin-bottom: 4em;
  border-top: 1px solid silver;
}
div.item_detail div.lside div.data_spec h3 {
  margin: 0;
  font-size: 1.2em;
  padding-left: 0.2em;
}
div.item_detail div.lside div.data_spec div.row {
  position: relative;
  border-bottom: 1px solid silver;
  color: #000000;
}
div.item_detail div.lside div.data_spec div.row div.name {
  position: absolute;
  top: 0;
  left: 0;
  width: 8em;
  padding: 0.2em 0;
  padding-left: 0.5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
div.item_detail div.lside div.data_spec div.row div.value {
  position: relative;
  padding: 0.2em 0;
  margin-left: 9em;
}
div.item_detail div.lside div.data_link {
  margin-bottom: 4em;
}
div.item_detail div.lside div.data_link h3 {
  margin: 0;
  font-size: 1.2em;
  padding-left: 0.2em;
}
div.item_detail div.lside div.data_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.item_detail div.lside div.data_link li {
  padding: 0;
  margin-left: 0.5em;
}
div.item_detail div.lside div.data_request {
  margin-bottom: 4em;
}
div.item_detail div.lside div.data_request p {
  margin: 0.5em 0;
  margin-bottom: 2em;
}
div.item_detail div.lside div.data_request h3 {
  margin: 0;
  font-size: 1.2em;
  padding-left: 0.2em;
}
div.item_detail div.lside div.data_request ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.item_detail div.lside div.data_request li {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
div.item_detail div.lside div.data_request li a {
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
div.item_detail div.lside div.data_request li a span {
  vertical-align: middle;
}
div.item_detail div.lside div.data_book {
  margin-bottom: 4em;
}
div.item_detail div.lside div.data_book h3 {
  margin: 0;
  font-size: 1.2em;
  margin-bottom: 1em;
  padding-left: 0.2em;
}
div.item_detail div.lside div.item_photo h3 {
  font-size: 1.2em;
  padding-left: 0.2em;
}
div.item_detail div.lside div.item_photo div.box img {
  max-width: 100px;
}
div.item_detail div.lside div.data_admin {
  position: relative;
  margin-top: 0.2em;
}
div.item_detail div.lside div.data_admin div.date {
  text-align: right;
  font-size: 0.8em;
  margin-left: 6em;
}
div.item_detail div.lside div.data_admin div.icons {
  position: absolute;
  top: 0;
  left: 0;
}
div.item_detail div.lside div.data_admin div.icons a {
  border: 1px solid #3841ae;
  font-size: 90%;
  padding: 0em 0.5em;
  color: #3841ae;
}
div.item_detail div.rside {
  float: right;
  width: 36%;
  padding-left: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.item_detail div.rside h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0;
}
div.item_detail div.rside div.profile {
  margin-bottom: 4em;
}
div.item_detail div.rside div.sample {
  margin-bottom: 4em;
}
div.item_detail div.rside div.sample div {
  margin: 0;
  padding: 0.3em 0;
  text-align: center;
  border: 1px solid #CCCCCC;
}
div.item_detail div.rside div.sample div p {
  margin: 0;
  padding: 0;
}
div.item_detail div.rside div.sample div.name {
  background-color: #CCCCCC;
  color: white;
  padding: 0.1em 0;
  font-size: 1.2em;
}
div.item_detail div.rside div.sample div.banner {
  font-size: 1.4em;
}
div.item_detail div.kbin_guide {
  color: #ff7942;
  margin-top: 1em;
  padding: 0;
  background-color: #f29e25;
  text-align: right;
}
div.item_detail div.kbin_guide span {
  color: white;
  padding: 0 0.5em;
}
div.item_detail div.order {
  margin-bottom: 4em;
}
div.item_detail div.order div.priceline {
  position: relative;
}
div.item_detail div.order div.priceline p.fav {
  position: absolute;
  padding: 0;
  margin: 0;
  bottom: 0.4em;
  left: 0.5em;
}
div.item_detail div.order div.priceline p.fav button {
  width: auto;
  height: auto;
  border-width: 0;
  padding: 0;
  margin: 0;
  line-height: 1em;
  font-size: 120%;
  vertical-align: baseline;
}
div.item_detail div.order div.priceline p.fav button i {
  font-size: 100%;
  color: gray;
  line-height: 1em;
  margin-bottom: 0.2em;
}
div.item_detail div.order div.priceline p.fav button span {
  font-size: 100%;
  margin-left: 0.5em;
  color: gray;
  line-height: 1em;
}
div.item_detail div.order div.priceline p.fav button.on i {
  color: #FF6666;
}
div.item_detail div.order div.priceline p.fav button.on span {
  color: #FF6666;
}
div.item_detail div.order div.priceline p.price {
  font-size: 160%;
  text-align: right;
  margin-bottom: 0.5em;
}
div.item_detail div.order480 {
  display: none;
  margin-top: 1em;
}
div.item_detail div.stop {
  color: #FF6666;
  font-size: 90%;
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
}
div.item_detail div.plan {
  text-align: center;
  border: 1px solid #669966;
  border-width: 1px 0;
  padding: 0.5em 0;
  color: #669966;
}
div.item_detail div.lottery {
  text-align: center;
  border: 1px solid #669966;
  border-width: 1px 0;
  padding: 0.5em 0;
  margin-top: 1em;
  color: #669966;
}
div.item_detail div.lottery a {
  color: #669966;
  padding-left: 0.5em;
}
div.item_detail div.lottery div.stop {
  margin: 0;
}
div.item_detail div.lottery_result {
  position: relative;
}
div.item_detail div.lottery_result p.result_mark {
  right: 0;
  left: auto;
}
div.item_detail div.reserve {
  text-align: center;
  border: 1px solid #996666;
  border-width: 1px 0;
  padding: 0.5em 0;
  color: #663333;
}
div.item_detail div.reserve a {
  color: #663333;
  padding-left: 0.5em;
}
div.item_detail div.reserve div.stop {
  margin: 0;
}
div.item_detail div.stop_lottery {
  color: silver;
}
div.item_detail div.stop_lottery a {
  color: silver;
}
div.item_detail div.stop_reserve {
  color: silver;
}
div.item_detail div.stop_reserve a {
  color: silver;
}
div.item_detail p.soldout {
  text-align: right;
  margin: 0;
  margin-bottom: 0.25em;
}
div.item_detail p.soldout button.seerequest {
  width: auto;
  background-color: white;
  border-color: white;
  border-width: 0;
  border-radius: 0.5em;
  font-size: 80%;
  font-weight: bold;
  color: #333333;
  padding: 0 1em;
}
div.item_detail p.soldout button.seerequest span {
  margin-right: 0.25em;
}
div.item_detail div.fav_tab {
  text-align: left;
}
div.item_detail div.fav_tab button {
  display: inline-block;
  width: auto;
  border: 1px solid silver;
  border-radius: 1em;
  margin: 0.25em 0.1em;
  padding: 0.15em 1em;
  white-space: nowrap;
  font-size: 75%;
}
div.item_detail div.fav_tab button.selected {
  background-color: #FF6666;
  border: 1px solid #FF6666;
  color: white;
}
div.item_detail div.soldout {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: left;
}
div.item_detail div.soldout span {
  font-size: 80%;
}
div.item_detail div.soldout p.status {
  border-top: 1px dashed #CCCCCC;
  margin: 0;
  padding: 0.5em;
}
div.item_detail div.soldout b {
  color: #CCCCCC;
}
div.item_detail div.soldout button.addrequest {
  margin-top: 1em;
  background-color: white;
  border: 1px solid silver;
  color: #333333;
}
div.item_detail div.soldout button.addrequest span {
  margin-right: 0.25em;
}
div.item_detail div.soldout p.cancel {
  margin: 0;
  margin-top: 1em;
  text-align: center;
  background-color: #EEEEEE;
  border: 1px solid black;
  border-radius: 0.5em;
}
div.item_detail div.soldout p.cancel a {
  color: #666666;
  padding: 0.5em 0;
  display: block;
}
div.item_detail div.requested {
  margin-top: 1em;
  padding: 0;
}
div.item_detail div.requested button.seerequest {
  width: auto;
  background-color: white;
  border-color: white;
  border-radius: 0.5em;
  font-size: 80%;
  font-weight: bold;
  color: #333333;
  padding: 0 1em;
}
div.item_detail div.requested button.seerequest span {
  margin-right: 0.25em;
}
div.item_detail div.requested p.cancel {
  margin: 0;
  margin-top: 0.5em;
  text-align: right;
  font-size: 80%;
}
div.item_detail div.requested p.cancel a {
  color: #666666;
}
div.item_detail div.book_readme {
  margin-bottom: 8em;
}
div.item_detail div.book_readme h3 {
  background-color: beige;
  padding: 0.2em;
  text-align: center;
  border-radius: 0.5em;
  font-weight: normal;
  border-width: 0;
}
div.item_detail div.book_readme ol {
  margin: 0;
  padding: 0;
}
div.item_detail div.book_readme ol li {
  margin-left: 1.5em;
  margin-bottom: 1em;
  font-size: 0.9em;
}
div.item_detail div.book_readme div.sample {
  text-align: center;
  padding: 1em 0;
}
div.item_detail div.item_photo {
  margin-top: 2em;
}
div.item_detail div.item_photo h3 {
  margin: 0;
  font-size: 1em;
  margin-bottom: 0.5em;
}
div.item_detail div.item_photo div.box {
  float: left;
  max-width: 24%;
  margin-right: 1%;
  margin-bottom: 0.3em;
}
div.item_detail div.item_photo div.box img {
  border-radius: 0.5em;
  width: 100%;
  max-width: 100px;
}

div.item_detail:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

div.fav_select {
  position: relative;
  width: 100%;
  margin-top: 0.4em;
  margin-bottom: 1em;
}
div.fav_select button {
  background-color: white;
  border: 1px solid silver;
  color: #333333;
}
div.fav_select button.selected {
  opacity: 0.8;
}
div.fav_select button.show {
  display: inline;
}
div.fav_select button.hide {
  display: none;
}
div.fav_select ul {
  position: absolute;
  z-index: 100;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  box-shadow: 0px 0px 2px 2px silver;
  -moz-box-shadow: 0px 0px 2px 2px silver;
  -webkit-box-shadow: 0px 0px 2px 2px silver;
  list-style: none;
  margin: 0.5em 0;
  padding: 1em 0.25em;
  border: 1px solid silver;
  border-radius: 1em;
  display: none;
  text-align: left;
  background-color: white;
}
div.fav_select ul li {
  padding: 0.25em 0.5em;
  cursor: pointer;
  border-radius: 0.5em;
}
div.fav_select ul li span {
  width: 1.2em;
}
div.fav_select ul li:hover {
  background-color: #FFEEEE;
}
div.fav_select ul li.show {
  display: block;
}
div.fav_select ul li.hide {
  display: none;
}
div.fav_select ul li.nologin {
  text-align: center;
}
div.fav_select ul li.nologin:hover {
  background-color: white;
  cursor: default;
}

div.page {
  margin-bottom: 8em;
}
div.page h3 {
  color: #222222;
}
div.page div.img {
  background-color: #F5F5F5;
  text-align: center;
  border-radius: 0.5em 0.5em 0 0;
}
div.page div.text {
  margin-top: 1em;
}
div.page div.text p.guide {
  padding: 0.5em 0em;
  font-size: 1em;
  color: #333333;
}

div.page_photo {
  margin-bottom: 8em;
}
div.page_photo div.box {
  margin-bottom: 0.5em;
  text-align: center;
  max-width: 100%;
  background-color: #F5F5F5;
}

.zoom {
  cursor: pointer;
}

span.zeikomi {
  font-size: 75%;
}

button.addcart {
  font-size: 1.2em;
  background-color: #3841ae;
  border-color: #3841ae;
  color: white;
}

button.reserve {
  font-size: 1.2em;
  background-color: #FC4D50;
  border-color: #CC4D50;
  border-bottom: 4px solid #CC4D50;
  color: white;
}

button.passport {
  font-size: 1.2em;
  background-color: #AAAAAA;
  border-color: #999999;
  color: white;
}

button.passport:hover {
  opacity: 1;
}

button.lottery {
  font-size: 1.2em;
  background-color: #BBCC99;
  border-color: #889966;
  color: white;
}

button.lottery:hover {
  opacity: 1;
}

button.incart {
  cursor: default;
  font-size: 1.2em;
  background-color: #AAAAAA;
  border-color: #999999;
  color: white;
}

button.nocart {
  background-color: #999999;
  border-color: #888888;
  color: white;
}

div.book div.content div.row div.name {
  width: 4em;
}
div.book div.content div.row div.value {
  margin-left: 6em;
}
div.book div.content div.row div.value span {
  font-size: 0.8em;
}

div.download {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
div.download div.content span.company_name {
  font-size: 0.8em;
}
div.download div.download_methods {
  margin: 0;
  padding: 2em 0;
  padding-bottom: 1em;
}
div.download div.download_methods table {
  width: 100%;
  border-collapse: collapse;
}
div.download div.download_methods table tr button {
  padding: 0;
}
div.download div.download_methods table tr.index {
  font-size: 80%;
  background-color: #3841ae;
  color: white;
}
div.download div.download_methods table tr.pdf, div.download div.download_methods table tr.epub3 {
  background-color: #F5FFF5;
}
div.download div.download_methods table tr.epub2, div.download div.download_methods table tr.kindle {
  background-color: #FFFFFF;
}
div.download div.download_methods table td, div.download div.download_methods table th {
  border: 1px solid silver;
  text-align: center;
}
div.download div.download_methods table td.r {
  text-align: right;
  padding-right: 0.5em;
}
div.download div.download_methods table td.last {
  padding: 0.2em;
}
div.download div.download_methods p {
  text-align: center;
  padding: 0.5em 0;
  background-color: #F5FFF5;
  border: 1px solid silver;
  border-top-width: 0;
}
div.download div.download_methods p label {
  cursor: pointer;
}
div.download table.history {
  border-collapse: collapse;
  width: 100%;
}
div.download table.history th, div.download table.history td {
  border: 1px solid silver;
  border-width: 1px 0;
  padding: 0.2em;
  font-size: 0.8em;
}

dl.format_guide {
  padding: 1em;
  margin: 1em 0;
  border: 1px solid silver;
}
dl.format_guide dt {
  border-bottom: 1px solid silver;
  font-size: 120%;
}
dl.format_guide dd {
  padding: 1em 0;
  margin-bottom: 2em;
}
dl.format_guide p {
  font-size: 90%;
}
dl.format_guide span {
  background-color: brown;
  color: white;
  font-size: 90%;
  border-radius: 0.5em;
  padding: 0 0.5em;
}
dl.format_guide span.use {
  padding: 0 2.5em;
  background-color: navy;
}

table.dlfile_list {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 4em;
}
table.dlfile_list td, table.dlfile_list th {
  border: 1px solid silver;
  padding: 0.2em 0.5em;
  font-size: 1em;
}
table.dlfile_list th {
  background-color: #EEEEEE;
  font-size: 0.8em;
}
table.dlfile_list .nowrap {
  white-space: nowrap;
}
table.dlfile_list .c {
  text-align: center;
}
table.dlfile_list td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
table.dlfile_list td ul li {
  margin: 0.2em 0;
  padding: 0;
}
table.dlfile_list span.latest {
  background-color: #D6F7AD;
  color: white;
  padding: 0 0.5em;
  border-radius: 1em;
  font-size: 90%;
}

ul.lr {
  padding: 0;
  margin: 0;
  margin-top: -1em;
  width: 100%;
  list-style: none;
}
ul.lr li {
  width: 50%;
  float: left;
}
ul.lr li span {
  vertical-align: middle;
}
ul.lr li a {
  background-color: transparent;
  border-width: 0;
  color: #666666;
}
ul.lr li a.prev {
  text-align: left;
  padding-left: 0.5em;
}
ul.lr li a.next {
  text-align: right;
  padding-right: 0.5em;
}
ul.lr li a.disabled {
  color: #DDDDDD;
}

div.report div.next_item {
  margin-bottom: 4em;
}
div.report div.recommend_owner div.owner_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  margin-bottom: 4em;
  width: 100%;
}
div.report div.recommend_owner div.owner_list div.box {
  width: 20%;
  float: left;
  text-align: center;
  margin-bottom: 2em;
}
div.report div.recommend_owner div.owner_list div.box p {
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  margin-top: 0.3em;
  font-size: 90%;
  color: #330000;
}
div.report div.recommend_owner div.owner_list div.box img {
  width: 100%;
  max-width: 100px;
}

div.item_series div.series_list {
  margin: 0 -5px;
}
div.item_series div.series_list div.box {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 2em;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
div.item_series div.series_list div.box a.inner {
  position: relative;
  display: block;
}
div.item_series div.series_list div.box a.inner img {
  width: 100%;
}
div.item_series div.series_list div.box a.inner div.item_name {
  position: absolute;
  bottom: 0.1em;
  left: 0;
  width: 100%;
  height: 2.8em;
  font-size: 80%;
  text-align: left;
  padding: 0.25em 0.5em;
  padding-bottom: 1em;
  overflow: hidden;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
}
div.item_series div.series_list div.box a.inner div.bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.9em;
  font-size: 80%;
  line-height: 1.2em;
  background-color: black;
  opacity: 0.6;
}

div.item_rating {
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
}
div.item_rating h3 {
  color: #FF5700;
}
div.item_rating div.form {
  margin: 0 auto;
  margin-top: 3em;
  color: #FF5700;
  width: 90%;
  max-width: 360px;
}
div.item_rating div.form ul {
  margin-top: 1em;
}

div.item_secret {
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
}
div.item_secret h3 {
  color: #FF5700;
}
div.item_secret div.form {
  margin: 0 auto;
  margin-top: 3em;
  width: 90%;
  max-width: 360px;
}
div.item_secret div.form div.question {
  border: 1px solid silver;
  padding: 1em;
  text-align: left;
  margin-bottom: 1em;
  padding-bottom: 1.5em;
}
div.item_secret div.form div.question h4 {
  margin: 0;
  padding: 0;
  font-size: 90%;
  margin-bottom: 0.5em;
}
div.item_secret div.form div.answer {
  margin-bottom: 2em;
}
div.item_secret div.form ul {
  margin-top: 1em;
}

ul.event_tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.event_tags li {
  margin: 0;
  padding: 0;
  margin-left: -2px;
  display: inline;
  line-height: 1.75em;
  font-size: 75%;
}
ul.event_tags li span, ul.event_tags li a {
  margin: 0;
  padding: 0.2em 0.5em;
  padding-right: 0.75em;
  background-color: #FF6666;
  color: white;
  border-radius: 0 0.25em 0.25em 0;
  border-left: 6px double white;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
ul.event_tags li.book {
  background-color: #3399FF;
  color: white;
  padding: 0.25em 0.5em;
  border-radius: 0.5em;
}

div.cat {
  width: auto;
}

div.cart_list {
  display: block;
}
div.cart_list div.item {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
  padding-top: 1em;
  border-top: 1px dashed silver;
}
div.cart_list div.item div.inner {
  position: relative;
}
div.cart_list div.item div.inner div.img {
  position: absolute;
  top: 0em;
  left: 0;
  width: 160px;
  height: 160px;
  z-index: 10;
}
div.cart_list div.item div.inner div.img img {
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
div.cart_list div.item div.inner div.img div.lottery_result {
  position: absolute;
  top: 57px;
  left: 57px;
  width: 46px;
  height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid white;
}
div.cart_list div.item div.inner div.img div.kbin {
  position: absolute;
  top: 0;
  right: 0;
  color: #ff7942;
  font-size: 90%;
  background-color: #f29e25;
  color: white;
  padding: 0.1em 0.5em;
  border-radius: 0 0 0 0.25em;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}
div.cart_list div.item div.inner div.text {
  position: relative;
  margin-left: 170px;
  padding-bottom: 4em;
  min-height: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.cart_list div.item div.inner div.text h3 {
  border-width: 0;
  font-size: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 0.1em;
}
div.cart_list div.item div.inner div.text h3 a {
  color: #000000;
}
div.cart_list div.item div.inner div.text div.owner {
  font-size: 85%;
  color: #330000;
  margin-bottom: 0.5em;
}
div.cart_list div.item div.inner div.text input.su {
  width: 3em;
  border-radius: 0.3em;
  height: 1.5em;
  display: none;
}
div.cart_list div.item div.inner div.text select.edit_su {
  width: 3em;
  border-radius: 0.3em;
  height: 1.5em;
}
div.cart_list div.item div.inner div.text div.su, div.cart_list div.item div.inner div.text p.su {
  text-align: right;
  margin: 0;
  margin-bottom: 0.5em;
}
div.cart_list div.item div.inner div.text div.su span.su, div.cart_list div.item div.inner div.text p.su span.su {
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
div.cart_list div.item div.inner div.text div.su span.shokei, div.cart_list div.item div.inner div.text p.su span.shokei {
  text-align: right;
}
div.cart_list div.item div.inner div.text p.price {
  text-align: right;
  margin-bottom: 0.5em;
}
div.cart_list div.item div.inner div.text div.btn_area {
  position: absolute;
  bottom: 0;
  right: 0;
}
div.cart_list div.item div.inner div.text div.btn_area button {
  margin-bottom: 0.2em;
  width: auto;
}
div.cart_list div.item div.inner div.text div.btn_area button.remove {
  color: #F38181;
}
div.cart_list div.item div.inner div.text div.cancel {
  position: absolute;
  top: -1em;
  right: 0;
}
div.cart_list div.item div.inner div.text div.cancel button.edit_cancel {
  border-width: 0;
  margin: 0;
  padding: 0;
  height: auto;
  font-size: 80%;
  color: #FF6666;
}
div.cart_list div.item div.inner div.text div.lottery {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  border: 1px solid #669966;
  padding: 0.25em 0;
  color: #669966;
  font-size: 90%;
  width: 100%;
}
div.cart_list div.item div.inner div.text div.lottery a {
  color: #669966;
  padding-left: 0.5em;
}
div.cart_list div.item div.inner div.text div.lottery_result {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
div.cart_list div.item div.inner div.text div.ungift {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 80%;
  color: orange;
}
div.cart_list div.item div.inner div.text div.ungift i {
  margin-right: 0.2em;
}
div.cart_list div.item div.inner div.text div.gift {
  position: absolute;
  bottom: 0;
  right: 0;
}
div.cart_list div.item div.inner div.text div.gift button {
  font-size: 80%;
  border-radius: 1em;
  padding: 0.1em 1em;
  color: orange;
  border: 1px solid orange;
}
div.cart_list div.item div.inner div.text div.gift button i {
  margin-right: 0.2em;
}
div.cart_list div.item div.inner div.text div.gift button:disabled {
  color: silver;
  border-color: silver;
}
div.cart_list div.item div.status {
  background-color: #F5F5F5;
  margin-top: 0.5em;
  padding: 1em;
  border-radius: 0.5em;
  font-size: 80%;
}
div.cart_list div.item div.status ul.item_notice {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.cart_list div.item div.status ul.item_notice li {
  margin: 0;
  padding: 0;
}
div.cart_list div.item div.status ul.item_notice li.shortage {
  color: #FF6666;
}
div.cart_list div.item h3 {
  border-width: 0;
  font-size: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 0.2em;
}
div.cart_list div.item h3 a {
  color: #000000;
}
div.cart_list div.item div.owner {
  font-size: 85%;
  color: #330000;
}
div.cart_list div.item input.su {
  width: 2.5em;
  border-radius: 0.3em;
}
div.cart_list div.item div.su, div.cart_list div.item p.su {
  text-align: right;
  margin: 0;
  margin-bottom: 0.5em;
}
div.cart_list div.item div.su span.su, div.cart_list div.item p.su span.su {
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
div.cart_list div.item div.su span.shokei, div.cart_list div.item p.su span.shokei {
  text-align: right;
}
div.cart_list div.item div.item_data {
  position: relative;
  margin-left: 170px;
}
div.cart_list div.item div.item_data div.data_row {
  position: relative;
  margin: 0;
  margin-top: 2em;
}
div.cart_list div.item div.item_data div.data_row div.data_l {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 12em;
}
div.cart_list div.item div.item_data div.data_row div.data_r {
  position: relative;
  margin-left: 13em;
  border-width: 0;
  padding: 0;
}
div.cart_list div.item div.item_data div.data_row div.data_r p.price {
  text-align: right;
  margin-bottom: 0.5em;
}
div.cart_list div.item div.item_data div.data_row div.data_r button {
  margin-bottom: 0.2em;
}
div.cart_list div.item div.item_data div.data_row div.data_r a.remove {
  color: #F38181;
}
div.cart_list div.item div.item_data div.data_row ul.item_notice {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
div.cart_list div.item div.item_data div.data_row ul.item_notice li {
  margin: 0;
  padding: 0;
  font-size: 90%;
}
div.cart_list div.item div.item_data div.data_row ul.item_notice li.shortage {
  color: #FF6666;
}
div.cart_list div.item div.plan {
  text-align: center;
  border: 1px solid #D6F7AD;
  padding: 0.5em 0;
  color: #D6F7AD;
  font-size: 90%;
}
div.cart_list div.plan_status p.name {
  font-size: 0.8em;
}
div.cart_list div.plan_status p.time {
  font-size: 0.8em;
}
div.cart_list div.cart_guide {
  font-size: 0.9em;
  margin-top: 0.5em;
  margin-bottom: -0.7em;
  color: darkgreen;
}
div.cart_list div.cart_option {
  position: relative;
  font-size: 1.2em;
  border-bottom: 1px dashed silver;
  margin-top: 0.5em;
}
div.cart_list div.cart_option div.name {
  position: absolute;
  top: 0;
  left: 0;
  width: 9em;
  line-height: 1.1em;
}
div.cart_list div.cart_option div.price {
  position: relative;
  margin-left: 9em;
  text-align: right;
}
div.cart_list div.cart_option span.optional {
  font-size: 50%;
}
div.cart_list div.cart_option_first {
  margin-top: 2em;
}
div.cart_list h3.cart_option {
  margin: 0;
  padding: 0;
  margin-top: 2em;
  color: #333333;
}
div.cart_list table.cart_option {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid silver;
}
div.cart_list table.cart_option tr {
  border-bottom: 1px solid silver;
}
div.cart_list table.cart_option tr th {
  font-weight: normal;
  text-align: left;
  padding: 0.5em 0;
  line-height: 1.5em;
}
div.cart_list table.cart_option tr th span {
  color: darkgreen;
  font-size: 90%;
}
div.cart_list table.cart_option tr td {
  text-align: right;
  padding: 0.5em 0;
}
div.cart_list table.cart_option tr td.free {
  color: darkgreen;
  font-weight: bold;
}
div.cart_list table.cart_option tr td.free i {
  margin-right: 1em;
}
div.cart_list div.cart_sum div.name {
  margin-top: 0.4em;
  font-size: 1.2em;
  width: 6em;
  font-weight: bold;
  color: #333333;
}
div.cart_list div.cart_sum div.price {
  font-size: 1.6em;
  margin-left: 6em;
}
div.cart_list div.cart_hint {
  font-size: 0.9em;
  margin-top: 0.5em;
}

div.cart {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
div.cart div.alert {
  margin-bottom: 2em;
  line-height: 1.5em;
  border: 2px solid #ECC36A;
  padding: 0;
  position: relative;
}
div.cart div.alert p {
  background-color: #ECC36A;
  color: white;
  margin: 0;
  padding: 0 0.5em;
}
div.cart div.alert p span {
  color: white;
  padding: 0;
  margin: 0;
  font-size: 1.6em;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 0.5em;
}
div.cart div.alert a {
  display: block;
}
div.cart div.alert div.inner {
  margin: 0;
  padding: 1em;
}
div.cart div.alert div.link {
  text-align: right;
  padding: 0 1em;
}
div.cart div.alert div.link a {
  display: inline;
  font-size: 90%;
}
div.cart div.alert div.go_advance {
  margin-top: 2em;
}
div.cart div.alert_important {
  border-color: #FF6666;
}
div.cart div.alert_important p {
  background-color: #FF6666;
}
div.cart ul.cart_update {
  background-color: #EEFFEE;
  margin: 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
div.cart ul.cart_update li {
  margin-left: 1em;
  font-size: 0.9em;
  color: #336633;
}
div.cart ul.cart_error {
  background-color: #FFEEEE;
  margin: 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
div.cart ul.cart_error li {
  margin-left: 1em;
  font-size: 0.9em;
  color: #663333;
}
div.cart div.cart_actions {
  text-align: center;
  margin-top: 4em;
  font-size: 1.2em;
}
div.cart div.cart_actions button.btn_nonmem {
  font-size: 100%;
  background-color: white;
  border-color: #AAAAAA;
  color: #333333;
  margin-top: 1em;
  width: auto;
  margin-bottom: 2em;
}
div.cart div.cart_actions p {
  font-size: 90%;
  margin: 0;
  padding: 0;
}
div.cart div.guide {
  margin-top: 2em;
  margin-bottom: 4em;
  padding-left: 2em;
  padding-top: 2em;
  border-top: 1px dashed silver;
}
div.cart div.guide div.row {
  margin-bottom: 2em;
}
div.cart div.guide div.row .name {
  width: 130px;
  position: relative;
  width: auto;
  text-align: left;
  padding: 0;
  border-bottom: 1px solid silver;
  margin-bottom: 1em;
  font-size: 1.1em;
}
div.cart div.guide div.row .name span.sub {
  font-size: 0.8em;
}
div.cart div.guide div.row .value {
  margin-left: 1em;
}
div.cart div.guide div.row .value ul {
  margin: 1em 0;
  padding: 1em;
  background-color: #EEEEEE;
  border-radius: 1em;
}
div.cart div.guide div.row .value ul li {
  margin-left: 1em;
}
div.cart p.more {
  text-align: right;
  margin-top: 1em;
  cursor: pointer;
}
div.cart textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10em;
}
div.cart div.ng b {
  color: #F38181;
}
div.cart div.ng ul {
  margin-top: 0.5em;
  margin-left: 1em;
}
div.cart div.ok b {
  color: #3841ae;
}
div.cart div.ok ul {
  margin-top: 0.5em;
  margin-left: 1em;
}
div.cart div.row div.conv_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  font-size: 0.7em;
  text-align: center;
}
div.cart div.row div.conv_text {
  position: relative;
  margin-left: 100px;
  min-height: 70px;
  margin-bottom: 2em;
}
div.cart div.row div.conv_text p.hint {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  color: #F38181;
}
div.cart div.row div.conv_text div.outside {
  margin-top: 1em;
  text-align: right;
  color: #FF6666;
}
div.cart div.row div.conv_text .btn_paypay {
  cursor: pointer;
}
div.cart div.row div.conv_text .btn_paypal {
  cursor: pointer;
}
div.cart div.row p.status {
  position: absolute;
  right: 0;
  top: 0.3em;
}
div.cart div.row p.status span {
  border-radius: 0.5em;
  color: white;
  font-size: 0.8em;
  padding: 0.1em 0.5em;
}
div.cart div.row p.status span.ok {
  background-color: #77AA77;
}
div.cart div.row p.status span.ng {
  background-color: #F38181;
}
div.cart div.clickable {
  cursor: pointer;
}
div.cart div.clickable:hover {
  background-color: #FFF5F5;
}
div.cart div.order_status div.status {
  text-align: center;
  font-size: 2em;
  padding: 1em 0;
  margin-bottom: 0.5em;
  background-color: #FCFCF5;
}
div.cart div.order_status div.status p {
  margin: 0;
  padding: 0;
}
div.cart div.order_status div.status p span {
  font-size: 0.5em;
  display: block;
}
div.cart div.order_status div.status p span.payment_limit {
  font-size: 0.4em;
}
div.cart div.order_status div.row {
  border-bottom: 1px dashed silver;
}
div.cart div.order_status span.order_status {
  border-radius: 0.5em;
  color: white;
  font-size: 0.8em;
  padding: 0.1em 0.5em;
  vertical-align: top;
}
div.cart div.order_status span.ok {
  background-color: #77AA77;
}
div.cart div.order_status span.ng {
  background-color: #F38181;
}
div.cart div.order_status span.ot_office {
  color: #3841ae;
}
div.cart div.order_status a.btn_mini {
  background-color: #F38181;
  font-size: 0.8em;
  padding: 0.1em 1em;
  border-radius: 0.5em;
  color: white;
}
div.cart div.order_status span.upack_code {
  font-size: 0.8em;
}
div.cart div.join_orders {
  margin-bottom: 3em;
  padding: 1em;
  border: 1px solid silver;
}
div.cart div.prior_key {
  border: 1px solid silver;
  padding: 1em 0;
  text-align: center;
  margin-bottom: 2em;
}
div.cart div.prior_key span {
  font-size: 1.5em;
  color: #D6F7AD;
}
div.cart div.ot_form {
  display: none;
  border-top: 1px dashed silver;
  padding-top: 1em;
}
div.cart div.wait {
  text-align: center;
  padding: 1em 0;
  padding-bottom: 2em;
}
div.cart span.power {
  color: #3841ae;
  font-weight: bold;
  margin-right: 0.2em;
}
div.cart div.no_record {
  text-align: center;
  color: #3841ae;
  padding: 2em 0;
}
div.cart div.result_mark_guide {
  clear: both;
  padding: 1em;
  margin-bottom: 2em;
  border: 1px solid silver;
}
div.cart div.result_mark_guide h4 {
  text-align: center;
  margin-bottom: 1em;
  font-size: 90%;
  font-weight: bold;
}
div.cart div.result_mark_guide ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
div.cart div.result_mark_guide ul li {
  position: relative;
  height: 40px;
  text-align: left;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 1em;
  font-size: 85%;
}
div.cart div.see_guide {
  text-align: right;
  margin-bottom: 2em;
  font-size: 90%;
}
div.cart div.talk_hint {
  background-color: #F5F5F5;
  padding: 1em;
  border-radius: 0.5em;
  font-size: 90%;
}
div.cart div.talk_hint ul {
  margin: 0;
  padding: 0;
  margin-top: 1em;
}
div.cart div.talk_hint ul li {
  margin-left: 1.5em;
}
div.cart div.order_routes div.box {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.cart div.order_routes div.box div.inner {
  border: 1px solid silver;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 13em;
}
div.cart div.order_routes div.box div.inner h3 {
  text-align: center;
  font-size: 75%;
}
div.cart div.order_routes div.box div.inner h3 b {
  font-size: 200%;
  display: block;
}
div.cart div.order_routes div.box div.inner h3 b.yes {
  color: darkgreen;
}
div.cart div.order_routes div.box div.inner h3 b.no {
  color: brown;
}
div.cart div.order_routes div.box div.inner button.btn_nonmem {
  border-color: silver;
}
div.cart div.order_routes div.box div.notice {
  font-size: 80%;
  margin-top: 1em;
  color: #FF6666;
}
div.cart div.order_routes div.box1 {
  padding-right: 0.25em;
}
div.cart div.order_routes div.box2 {
  padding-left: 0.25em;
}
div.cart dl.mailcheck {
  margin: 2em 0;
  padding: 1em;
  background-color: #F5F5F5;
  border: 1px solid silver;
}
div.cart dl.mailcheck dt {
  font-size: 90%;
  color: #666666;
}
div.cart dl.mailcheck dd {
  margin-left: 0;
  font-size: 110%;
  color: black;
  padding-bottom: 1em;
}

div.orders {
  padding-bottom: 2em;
}
div.orders div.order {
  width: 32%;
  float: left;
  border-left: 1px dashed silver;
  min-height: 100px;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.orders div.order h3 {
  margin-bottom: 0;
}
div.orders div.order h3.f {
  margin-top: 3em;
}
div.orders div.order div.guide {
  margin-bottom: 1em;
  color: #3841ae;
}
div.orders div.order p.noorder_guide {
  color: gray;
  font-size: 80%;
}
div.orders div.order_waiting {
  margin: 0 2%;
}
div.orders div.order_soon {
  border-right: 1px dashed silver;
}
div.orders div.join {
  margin-top: 4em;
  color: #333333;
}
div.orders div.join p {
  margin-bottom: 1em;
}
div.orders div.data div.row {
  border-bottom: 1px dashed silver;
  border-left: 3px double #3841ae;
  margin: 0;
}
div.orders div.data div.row div {
  font-size: 80%;
  text-align: left;
}
div.orders div.data div.row div.name {
  font-weight: normal;
}
div.orders div.data span.important {
  color: #AA8855;
  margin-left: 0.5em;
  font-size: 92%;
}
div.orders div.box {
  margin-bottom: 4em;
}
div.orders div.box div.date {
  font-size: 80%;
  border-bottom: 1px solid silver;
  position: relative;
}
div.orders div.box div.date span.tag {
  position: absolute;
  right: 0;
  top: 0;
}
div.orders div.box div.items {
  margin: 0;
  padding: 0;
}
div.orders div.box div.items div.item {
  min-height: 50px;
  border-bottom: 1px dashed silver;
  border-left: 3px double #3841ae;
}
div.orders div.box div.items div.item div.img {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
}
div.orders div.box div.items div.item div.img img {
  width: 40px;
  height: 40px;
}
div.orders div.box div.items div.item div.text {
  margin-left: 50px;
  margin-right: 40px;
  font-size: 82%;
  line-height: 1.2em;
}
div.orders div.box div.items div.item div.text span {
  color: white;
  border-radius: 0.5em;
  padding: 0 0.2em;
  margin-left: 0.2em;
  line-height: 1em;
  font-size: 80%;
}
div.orders div.box div.items div.item div.text span.result1 {
  background-color: #F38181;
}
div.orders div.box div.items div.item div.text span.result1b {
  background-color: #ECC36A;
}
div.orders div.box div.items div.item div.text span.result2 {
  background-color: GRAY;
}
div.orders div.box div.items div.item div.su {
  position: absolute;
  width: 36px;
  right: 0;
  top: 5px;
  font-size: 82%;
  text-align: center;
  color: black;
  background-color: #D6F7AD;
  border-radius: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.2em;
}
div.orders div.box div.items div.item a {
  position: relative;
  display: block;
  padding: 5px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 50px;
}
div.orders div.box div.items div.item a:hover {
  color: #333333;
}
div.orders div.box div.items div.item:hover {
  background-color: #EEFFEE;
}
div.orders div.box div.important {
  color: #AA8855;
}
div.orders div.box div.action {
  text-align: right;
  font-size: 90%;
  margin-top: 0.1em;
}
div.orders div.box div.action ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.orders div.box div.action ul li {
  margin: 0.2em 0;
  padding: 0;
}
div.orders div.box div.action ul li.important a {
  color: #AA8855;
}
div.orders div.box div.action ul li.disabled {
  color: silver;
}
div.orders div.box div.action ul li.disabled a {
  color: silver;
  cursor: default;
}
div.orders div.box div.action ul.link_r {
  width: 35%;
  float: right;
}
div.orders div.box div.action ul.link_l {
  width: 65%;
  float: left;
  text-align: left;
}
div.orders div.box div.action:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
div.orders div.history {
  text-align: right;
  margin: 0.5em 0;
}
div.orders div.history span {
  vertical-align: middle;
}
div.orders div.history a {
  margin-left: 1em;
}

div.orders:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

div.talk div.bank {
  margin: 2em 0;
  margin-bottom: 4em;
  padding: 1em;
  border: 1px solid silver;
  border-radius: 0.5em;
}
div.talk div.bank p {
  text-align: center;
  border-bottom: 1px solid silver;
  font-weight: bold;
  font-size: 1.2em;
}
div.talk div.bank div.row {
  margin-bottom: 1em;
}
div.talk div.bank div.row .name {
  width: 130px;
  position: absolute;
  text-align: left;
  padding: 0;
}
div.talk div.bank div.row .name span.sub {
  font-size: 0.8em;
}
div.talk div.bank div.row .value {
  margin-left: 160px;
  font-weight: bold;
}
div.talk div.bank ul {
  list-style: none;
  margin: 1em 0;
  margin-top: 2em;
  padding: 0;
}
div.talk div.bank ul li {
  margin: 0;
  padding: 0;
  font-size: 80%;
}
div.talk div.addr {
  border: 1px solid silver;
  padding: 1em;
  border-radius: 0.5em;
  margin: 1em 0;
}
div.talk div.addr h4 {
  color: #333333;
  margin: 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid silver;
  font-size: 80%;
}
div.talk div.addr span.ot_office {
  color: #3841ae;
}

div.mypage_talk {
  margin-top: 2em;
}

div.lottery_result div.inner {
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
div.lottery_result div.row {
  position: relative;
  margin-bottom: 1em;
}
div.lottery_result div.row div.name {
  margin-left: 50px;
  margin-right: 40px;
  min-height: 3em;
  font-size: 92%;
}
div.lottery_result div.row div.result {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
}
div.lottery_result div.row div.su {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  font-size: 82%;
  text-align: center;
  color: black;
  background-color: #D6F7AD;
  border-radius: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.2em;
}

p.result_mark {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 9px;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
  color: white;
  border-radius: 0.1em;
  border: 1px solid white;
}
p.result_mark span {
  font-size: 22px;
}

p.result_mark_sample {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 9px;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
  color: white;
  border-radius: 0.1em;
  border: 1px solid white;
}
p.result_mark_sample span {
  font-size: 22px;
}

p.result_mark1 {
  background-color: #F38181;
}

p.result_mark1b {
  background-color: #ECC36A;
}

p.result_mark2 {
  background-color: GRAY;
}

div.agreement {
  border: 1px solid silver;
  padding: 1em;
}
div.agreement ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.agreement ul li {
  position: relative;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  padding-left: 3em;
}
div.agreement ul li span.no {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3841ae;
  color: white;
  width: 2.5em;
  text-align: center;
  display: block;
}
div.agreement ul li p {
  font-size: 80%;
  color: #FF6666;
}
div.agreement ul li b {
  color: #FF6666;
}

div.reserve_result div.box {
  height: 180px;
  border-bottom: 1px dashed silver;
}
div.reserve_result div.notice {
  color: #FF6666;
  font-size: 92%;
}

div.mails div.report {
  padding: 1em;
  text-align: center;
  border: 1px solid #3841ae;
  color: #3841ae;
  margin-bottom: 3em;
}
div.mails div.talk p {
  margin: 0;
  padding: 0;
}
div.mails div.list div.row {
  position: relative;
  border-bottom: 1px solid silver;
}
div.mails div.list div.row a {
  padding: 0.75em 0;
  display: block;
}
div.mails div.list div.row div.subject {
  padding-left: 0.5em;
}
div.mails div.list div.row div.last_time {
  position: absolute;
  top: 0;
  right: 5.5em;
  letter-spacing: 0.1em;
}
div.mails div.list div.row div.status {
  top: 0;
  right: 0.5em;
  position: absolute;
}
div.mails div.list div.headrow {
  border-top: 1px solid silver;
}
div.mails div.detail div.row {
  position: relative;
  padding: 1em 0;
  border-bottom: 1px solid silver;
}
div.mails div.detail div.row div.name {
  position: absolute;
  top: 1em;
  left: 0;
}
div.mails div.detail div.row div.text {
  position: relative;
  margin-left: 10em;
}
div.mails div.status0 {
  color: gray;
}
div.mails div.status0 a {
  color: gray;
}
div.mails div.status1 {
  color: #3841ae;
}
div.mails div.status1 a {
  color: #3841ae;
}
div.mails div.wait {
  color: red;
}
div.mails ul.notice {
  margin: 1em 0;
  padding: 0;
  list-style: none;
  font-size: 80%;
}

ul.mypage_navtab {
  margin-bottom: 1em;
}

div.last_card {
  padding: 1em;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  text-align: left;
}

div.payjp {
  text-align: center;
  margin-bottom: 2em;
}
div.payjp img {
  margin-bottom: 1em;
}

h3.nonmem_confirm {
  color: #FF6666;
}

ul.nonmem_confirm {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.nonmem_confirm li {
  margin: 0;
  padding: 0;
  margin-bottom: 2em;
}
ul.nonmem_confirm li b {
  color: #FF6666;
}

div.order_steps {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  height: 1.4em;
  margin-bottom: 2em;
}
div.order_steps ul {
  margin: 0 -0.5em;
  padding: 0;
  list-style: none;
  position: relative;
}
div.order_steps ul li {
  margin: 0;
  padding: 0 0.5em;
  position: absolute;
  white-space: nowrap;
  background-color: white;
}
div.order_steps ul li span {
  background-color: white;
  border: 1px solid gray;
  border-radius: 1em;
  margin-right: 0.5em;
  padding: 0 0.3em;
}
div.order_steps ul li.current span {
  background-color: darkgreen;
  border-color: darkgreen;
  color: white;
}
div.order_steps ul li.done {
  color: gray;
}
div.order_steps ul li.done span {
  background-color: gray;
  border-color: gray;
  color: #CCCCCC;
}
div.order_steps ul li.step1 {
  left: 0;
}
div.order_steps ul li.step2 {
  left: 28%;
}
div.order_steps ul li.step3 {
  left: 58%;
}
div.order_steps ul li.step4 {
  right: 0;
}
div.order_steps ul.nonmem li.step2 {
  left: 30%;
}
div.order_steps ul.nonmem li.step3 {
  left: 60%;
}
div.order_steps div.line {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  border-top: 1px solid silver;
}

div#six_moses {
  position: relative;
  padding-bottom: 2em;
}
div#six_moses div.panels {
  aspect-ratio: 3/2;
}
div#six_moses div.panels div.box {
  width: 33.33%;
  aspect-ratio: 1/1;
  float: left;
  padding: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div#six_moses div.panels div.box div.inner {
  position: relative;
  border: 1px solid silver;
  height: 100%;
  cursor: pointer;
  color: #FF6666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div#six_moses div.panels div.box div.inner div.label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 300%;
}
div#six_moses div.panels div.box div.pushed {
  background-color: #EEEEEE;
  color: #AAAAAA;
  cursor: default;
}
div#six_moses div.reset {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border-radius: 0.5em;
  border: 1px solid silver;
  text-align: center;
  height: 1.5em;
  padding: 0 2em;
  cursor: pointer;
}

div.gift_download div.title {
  font-size: 100%;
  margin-bottom: 1em;
  border-bottom: 1px solid silver;
  text-align: center;
}
div.gift_download div.title div.icon {
  display: inline-block;
}
div.gift_download div.title div.icon i {
  font-size: 280%;
  aspect-ratio: 1/1;
  color: orange;
  border: 6px double orange;
  display: block;
  border-radius: 100%;
  padding: 0.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.gift_download div.title div.item_name {
  margin-top: 1em;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-text-overflow: ellipsis; /* Safari */
  -o-text-overflow: ellipsis; /* Opera */
}
div.gift_download div.text {
  margin-bottom: 0.5em;
  color: #666666;
}
div.gift_download div.subtext {
  font-size: 90%;
  color: #996666;
  margin-bottom: 1em;
}
div.gift_download div.error {
  color: red;
  padding: 0.5em 0;
  font-size: 90%;
}
div.gift_download button {
  border-width: 0px;
  background-color: orange;
  color: white;
  border-radius: 0;
  margin-bottom: 0.5em;
}
div.gift_download button i {
  margin-right: 0.5em;
}

.shadow {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1099;
}

.loading {
  position: fixed;
  width: 300px;
  background-color: white;
  border-radius: 1em;
  text-align: center;
  padding: 2.5em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1100;
}
.loading p {
  margin-top: 1em;
  font-size: 1em;
}
.loading p span {
  font-size: 0.8em;
}
.loading p a.btn {
  margin: 0 auto;
  margin-top: 0.5em;
  width: 60%;
  font-size: 90%;
}

div.about {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
div.about p.ato, div.about p.saki {
  text-align: center;
  padding: 0.5em;
  color: white;
  margin-bottom: 2em;
  font-size: 1.2em;
  border-radius: 0.2em;
}
div.about .ato {
  background-color: #CCCCEE;
}
div.about .saki {
  background-color: #EECCCC;
}
div.about h3.h3_ato {
  background-color: white;
  border-bottom-color: #AAAACC;
  color: #AAAACC;
}
div.about h3.h3_saki {
  background-color: white;
  border-bottom-color: #CCAAAA;
  color: #CCAAAA;
}
div.about div.content p.img {
  text-align: center;
}
div.about div.content p.img img.border {
  border: 1px solid silver;
  border-radius: 0.5em;
}
div.about div.content p.hint {
  color: brown;
}
div.about div.content p.addr {
  text-align: center;
}
div.about div.content div.hint {
  font-size: 90%;
}
div.about div.content div.hint_top {
  margin-top: 3em;
}
div.about div.content ul.link {
  list-style: none;
  margin: 1em 0;
  padding: 0;
  margin-bottom: 2em;
}
div.about div.content ul.link li {
  margin: 0;
  padding: 0;
}
div.about div.content ul.link li a {
  color: #3841ae;
}
div.about div.content ol {
  margin: 1em 0em;
  padding: 0;
}
div.about div.content ol li {
  margin: 0;
  padding: 0;
  margin-left: 2em;
  margin-bottom: 0.5em;
}
div.about div.content ol.sideb {
  margin: 1em 1em;
  padding: 0;
}
div.about div.content ol.sideb li {
  margin: 0;
  padding: 0;
  padding-top: 1em;
  margin-left: 2em;
  margin-bottom: 1em;
  color: black;
  font-size: 120%;
}
div.about div.content ol.sideb li b {
  color: brown;
  font-weight: normal;
}
div.about div.content ol.sideb li p {
  margin: 0.5em 0;
  padding: 0;
  font-size: 80%;
  color: #444444;
}
div.about div.twins {
  margin-bottom: 3em;
}
div.about div.twins h4 {
  background-color: #F5F5F5;
  padding: 0.5em 1em;
}
div.about div.twins div.l {
  width: 50%;
  float: left;
  border-right: 1px dashed silver;
  padding-right: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.about div.twins div.r {
  width: 50%;
  float: right;
  padding-left: 0.8em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.about div.twins span.icon-happy {
  font-size: 150%;
  margin-right: 0.3em;
  vertical-align: middle;
  color: #3841ae;
}
div.about div.twins span.icon-blocked {
  font-size: 150%;
  margin-right: 0.3em;
  vertical-align: middle;
  color: #F38181;
}
div.about div.twins:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
div.about div.panel {
  border: 1px solid #3841ae;
  border-radius: 0.5em;
  padding-top: 1em;
  padding-bottom: 2em;
}
div.about div.panel h3 {
  text-align: center;
  color: #3841ae;
}
div.about div.panel_black {
  border-color: #999999;
}
div.about p.message {
  padding: 0;
  margin: 0;
  font-weight: bold;
  text-align: left;
  margin-bottom: 2em;
}
div.about div.tab {
  margin-top: 2em;
}
div.about div.menu {
  border: 1px solid silver;
  border-radius: 0.5em;
  padding: 1em;
}
div.about div.menu h3 {
  font-size: 1em;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid silver;
}
div.about div.menu ul {
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
  list-style: none;
}
div.about div.menu ul li {
  padding: 0;
  margin: 0;
  margin-bottom: 0.5em;
  cursor: pointer;
  border-bottom: 1px solid white;
}
div.about div.menu ul li a {
  display: block;
}
div.about div.menu ul li span.no {
  background-color: #3841ae;
  color: white;
  padding: 0 0.5em;
  border-radius: 0.5em;
}
div.about dl.history dt {
  border-bottom: 1px solid silver;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
div.about dl.history dd {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  margin-bottom: 1em;
}
div.about dl.document {
  margin-bottom: 1em;
}
div.about dl.document dt {
  border-bottom: 1px solid silver;
  margin-bottom: 0.5em;
  font-size: 1em;
}
div.about dl.document dd {
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  margin-bottom: 2em;
}
div.about dl.document dd ol {
  margin: 0.5em 0;
  padding: 0;
}
div.about dl.document dd ol li {
  margin: 0;
  padding: 0;
  margin-left: 2em;
  margin-bottom: 0.5em;
}
div.about dl.document dd ul {
  margin: 0.5em 0;
  padding: 0;
}
div.about dl.document dd ul li {
  margin: 0;
  padding: 0;
  margin-left: 2em;
  margin-bottom: 0.5em;
}
div.about p.signature {
  text-align: right;
}
div.about h3.question {
  cursor: pointer;
}
div.about h3 span.no {
  color: #3841ae;
  border: 1px solid #3841ae;
  padding: 0 0.5em;
}
div.about div.answer {
  display: none;
  padding: 1em 0;
}
div.about div.answer ol {
  margin: 0;
  padding: 0;
}
div.about div.answer ol li {
  margin: 0;
  padding: 0;
  margin-left: 1.5em;
  margin-bottom: 1em;
}
div.about div.answer ol li ul {
  margin: 0.5em 0;
  padding: 1em;
  background-color: #FFFEF0;
}
div.about div.answer ol li ul li {
  margin: 0 1em;
  padding: 0;
  font-size: 90%;
}
div.about div.answer p {
  padding-bottom: 1em;
}
div.about p.image {
  text-align: center;
  margin-bottom: 1em;
}
div.about p.image img {
  border: 1px solid silver;
}
div.about div.calendar_list {
  margin: 1em 0;
  margin-top: 2em;
}
div.about div.calendar {
  margin-bottom: 2em;
}
div.about div.calendar h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
div.about div.calendar table {
  width: 100%;
  border-collapse: collapse;
}
div.about div.calendar table th, div.about div.calendar table td {
  text-align: center;
  border: 1px solid silver;
  font-size: 0.9em;
  padding: 0.2em 0;
}
div.about div.calendar table th {
  background-color: #EEEEEE;
}
div.about div.calendar table span.sun {
  color: RED;
}
div.about div.calendar table span.sat {
  color: blue;
}
div.about div.calendar table span.holiday {
  color: RED;
}
div.about div.calendar span.ok {
  color: GREEN;
}
div.about div.calendar span.ng {
  color: gray;
}
div.about div.calendar div.event {
  margin: 0;
  padding: 0.5em;
  margin-top: 0.5em;
  background-color: #F5F5F5;
  border-radius: 0.5em;
}
div.about div.calendar div.event ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.about div.calendar div.event ul li {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
div.about div.route_list div.box {
  margin-bottom: 3em;
}
div.about div.route_list div.box div.next {
  padding: 0;
  margin: 0;
  border-width: 0;
  height: 40px;
  background-image: url(../img/default/spot/next.gif);
  background-repeat: no-repeat;
  background-position: center;
}
div.about div.route_list div.box div.image {
  text-align: center;
  max-width: 100%;
}
div.about div.route_list div.box div.text {
  padding: 2em 0;
  font-size: 1em;
}
div.about div.route_list div.box div.text p.title {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
  color: brown;
}
div.about table.staff_list p {
  margin: 0;
  padding: 0;
}
div.about table.staff_list p.link {
  margin-top: 0.2em;
  text-align: right;
  font-size: 0.9em;
}
div.about .dm_owner {
  color: #3841ae;
}
div.about .dm_other {
  color: #FF6666;
}
div.about .dm_common {
  color: #333333;
}
div.about h3.dm_owner {
  border-left: 10px solid #3841ae;
  padding-left: 10px;
}
div.about h3.dm_other {
  border-left: 10px solid #FF6666;
  padding-left: 10px;
}
div.about h3.dm_common {
  border-left: 10px solid #333333;
  padding-left: 10px;
}
div.about ul.dm {
  margin: 1em 0;
  padding: 0;
  padding-left: 1.5em;
}
div.about ul.dm li {
  margin-bottom: 1.5em;
  font-size: 90%;
}
div.about ul.dm li b {
  font-size: 120%;
}
div.about ul.dm li span {
  font-size: 90%;
  color: #666666;
}
div.about div.digest {
  border: 1px solid black;
  padding: 1.5em;
  margin-bottom: 4em;
}
div.about div.digest h3 {
  margin-bottom: 1.5em;
  border-bottom: 1px solid black;
}
div.about div.digest div.content {
  margin-bottom: 0;
}

div.customer {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
div.customer dl.reason {
  margin-top: 1em;
  margin-bottom: 3em;
  border: 1px solid silver;
  border-radius: 0.5em;
  padding: 1em;
}
div.customer dl.reason dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
div.customer dl.reason dd {
  margin-left: 0;
  font-size: 90%;
  padding-bottom: 1em;
}
div.customer ul.notice {
  margin: 0;
  padding: 0;
  margin-top: 2em;
  list-style: none;
}
div.customer ul.notice li {
  margin: 0;
  padding: 0;
  font-size: 90%;
  color: #F38181;
}
div.customer div.talk span.mail {
  color: brown;
}

div.customer_new {
  max-width: 1000px;
}
div.customer_new a.important {
  color: #D38181;
}
div.customer_new h3 {
  border-bottom-width: 0;
}
div.customer_new div.ls {
  width: 50%;
  padding-right: 2.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}
div.customer_new div.ls a.btn {
  border-width: 0;
  color: white;
  margin-bottom: 0.3em;
  padding: 1em 0;
  height: auto;
}
div.customer_new div.ls a.google {
  background-color: #D93025;
}
div.customer_new div.ls a.twitter {
  background-color: #1DA1F2;
}
div.customer_new div.ls a.facebook {
  background-color: #4267B2;
}
div.customer_new div.ls a.disabled {
  background-color: silver;
}
div.customer_new div.rs {
  width: 50%;
  padding-left: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
}
div.customer_new div.rs div.help {
  margin-top: 2em;
  font-size: 80%;
  text-align: right;
}
div.customer_new ul.help {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 1em;
}
div.customer_new ul.help li {
  font-size: 90%;
  text-align: left;
  margin: 0;
  padding: 0;
}
div.customer_new div.error {
  color: red;
  font-size: 90%;
}
div.customer_new div.etos {
  padding: 1em;
  border: 1px solid silver;
  border-radius: 0.5em;
  font-size: 90%;
}
div.customer_new div.etos ul {
  margin: 0;
  padding: 0;
  margin-top: 0.5em;
  height: 4em;
  list-style: none;
}
div.customer_new div.etos ul li {
  width: 33%;
  float: left;
}
div.customer_new div.etos ul li input {
  margin-right: 0.5em;
}
div.customer_new div.etos ul li label {
  cursor: pointer;
}
div.customer_new div.etos ul li.clear {
  clear: both;
}

div.customer_single {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
div.customer_single div.ls {
  width: 100%;
  padding-right: 0;
  float: none;
}
div.customer_single div.rs {
  width: 100%;
  padding-left: 0;
  float: none;
  margin-top: 3em;
}
div.customer_single div.rs a.btn {
  margin-bottom: 0.3em;
  padding: 1em 0;
  height: auto;
}

div.top_upper div.contents {
  margin-bottom: 2em;
}
div.top_upper div.items {
  position: relative;
  margin-bottom: 2em;
}
div.top_upper div.items ul.category {
  position: absolute;
  top: 0;
  right: 0;
  width: 420px;
}
div.top_upper div.items ul.category li {
  height: 2.03em;
}
div.top_upper div.items div.plate {
  position: relative;
  background-color: gray;
  margin-right: 440px;
  height: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: white;
  overflow: hidden;
}
div.top_upper div.items div.plate a {
  position: absolute;
  height: 240px;
  width: 100%;
}
div.top_upper div.items div.plate a img.plate_image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
div.top_upper div.items div.plate a div.plate_title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: black;
  color: white;
  opacity: 0.6;
  font-size: 80%;
  padding: 0.25em 1em;
}
div.top_upper div.items div.clearfix {
  margin-bottom: 2em;
}
div.top_upper div.campaigns2 {
  width: 100%;
}
div.top_upper div.campaigns2 div.rside {
  width: 40%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0.4em;
}
div.top_upper div.campaigns2 div.rside img {
  width: 100%;
}
div.top_upper div.campaigns2 div.lside {
  width: 60%;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0.6em;
}
div.top_upper div.campaigns2 div.lside img {
  width: 100%;
}
div.top_upper div.campaigns1 {
  display: none;
  margin-top: 0.5em;
}
div.top_upper div.themes {
  margin-bottom: 4em;
  border-top: 1px dashed #CCCCCC;
  padding: 0em;
}
div.top_upper div.themes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.top_upper div.themes ul li {
  float: left;
  width: 16.666%;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.top_upper div.themes ul li a {
  border-bottom: 1px dashed #CCCCCC;
  border-right: 1px dashed #CCCCCC;
  background-color: #FFFFFF;
  font-size: 75%;
  padding: 0.25em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../img/default/top/theme0.png");
  background-size: contain;
  background-repeat: no-repeat;
  color: black;
  display: block;
  position: relative;
  height: 2em;
  line-height: 2em;
}
div.top_upper div.themes ul li a span {
  position: absolute;
  top: 0;
  left: 4.7em;
  line-height: 2em;
  font-size: 100%;
}
div.top_upper div.themes ul li a.theme2 {
  background-image: url("../img/default/top/theme2.png");
}
div.top_upper div.themes ul li a.theme4 {
  background-image: url("../img/default/top/theme4.png");
}
div.top_upper div.themes ul li a.theme5 {
  background-image: url("../img/default/top/theme5.png");
}
div.top_upper div.themes ul li a.theme6 {
  background-image: url("../img/default/top/theme6.png");
}
div.top_upper div.themes ul li a.theme12 {
  background-image: url("../img/default/top/theme12.png");
}
div.top_upper div.themes ul li a.theme15 {
  background-image: url("../img/default/top/theme15.png");
}
div.top_upper div.themes ul li a.theme16 {
  background-image: url("../img/default/top/theme16.png");
}
div.top_upper div.themes ul li a.theme17 {
  background-image: url("../img/default/top/theme17.png");
}
div.top_upper div.themes ul li a.theme21 {
  background-image: url("../img/default/top/theme21.png");
}
div.top_upper div.themes ul li a.theme22 {
  background-image: url("../img/default/top/theme22.png");
}
div.top_upper div.themes ul li a.theme23 {
  background-image: url("../img/default/top/theme23.png");
}
div.top_upper div.themes ul li a.theme24 {
  background-image: url("../img/default/top/theme24.png");
}
div.top_upper div.themes div.box {
  width: 16.666%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
  margin-top: 0.3em;
}
div.top_upper div.themes div.box img {
  width: 100%;
  border: 1px solid white;
}
div.top_upper div.owners {
  font-size: 16px;
  margin: 0;
}
div.top_upper div.owners div.box {
  font-size: 16px;
  float: left;
  width: 10%;
  margin: 0;
  margin-right: 1.25%;
  margin-bottom: 1em;
}
div.top_upper div.owners div.box a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  position: relative;
  font-size: 90%;
}
div.top_upper div.owners div.box a img {
  width: 100%;
}
div.top_upper div.owners div.box a p.back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.2em 0.5em;
  font-size: 80%;
  background-color: black;
  color: white;
  opacity: 0.7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2.6em;
  line-height: 1.1em;
}
div.top_upper div.owners div.box a p.name {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.2em 0.5em;
  font-size: 80%;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 2.6em;
  line-height: 1.1em;
  text-align: center;
}
div.top_upper div.owners div.box a p.name span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
div.top_upper div.owners div.box8, div.top_upper div.owners div.box17 {
  margin-right: 0;
}
div.top_upper div.twins {
  margin-bottom: 4em 0;
}
div.top_upper div.twins h3 {
  margin-bottom: 0.5em;
}
div.top_upper div.twins div.news {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1.5em;
  font-size: 100%;
}
div.top_upper div.twins div.news div.row {
  position: relative;
  min-height: 50px;
  margin-bottom: 1em;
  padding-bottom: 0.25em;
  border-bottom: 1px dashed silver;
}
div.top_upper div.twins div.news div.row div.name {
  position: absolute;
  padding: 0;
  width: 100px;
  top: 0;
  left: 0;
}
div.top_upper div.twins div.news div.row div.name p {
  position: absolute;
  padding: 0.25em 0.5em;
  margin: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 80%;
  background-color: black;
  opacity: 0.7;
  color: white;
}
div.top_upper div.twins div.news div.row div.name img {
  width: 50px;
}
div.top_upper div.twins div.news div.row div.value {
  padding: 0em;
  padding-left: 1em;
  position: relative;
  margin-left: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}
div.top_upper div.twins div.news div.row div.value div.title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.top_upper div.twins div.news div.row div.value div.owner {
  color: #330000;
  font-size: 80%;
}
div.top_upper div.twins div.news div.row div.value div.owner span {
  margin-left: 1em;
}
div.top_upper div.twins div.news div.row a {
  display: block;
}
div.top_upper div.twins div.events {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.5em;
  font-size: 100%;
}
div.top_upper div.twins div.events ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 100%;
}
div.top_upper div.twins div.events ul li {
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 1em;
  padding-right: 6em;
  vertical-align: middle;
  line-height: 1.2em;
  margin-bottom: 1em;
  border-bottom: 1px dashed silver;
}
div.top_upper div.twins div.events ul li p.num {
  position: absolute;
  top: 0;
  right: 0;
  color: darkgreen;
  padding: 0em 0.3em;
  margin-left: 0.5em;
  border-radius: 1em;
  font-size: 220%;
  font-weight: bold;
  vertical-align: top;
  line-height: 1em;
}
div.top_upper div.twins div.events ul li p.num span {
  font-size: 40%;
  font-weight: normal;
}
div.top_upper div.twins div.events ul li span.date {
  color: darkgreen;
  font-size: 90%;
}
div.top_upper div.infos {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  margin-top: 4em;
}
div.top_upper div.infos ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.top_upper div.infos ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed silver;
  margin-bottom: 1em;
}
div.top_upper div.infos ul li span.date {
  margin-right: 1em;
  color: #666666;
}
div.top_upper div.infos ul li span.new {
  background-color: #FF6666;
  color: white;
  border-radius: 0.2em;
  padding: 0.2em 0.5em;
  font-size: 80%;
  margin-left: 0.25em;
}
div.top_upper div.infos ul li span.important {
  background-color: #3841ae;
  color: white;
  border-radius: 0.2em;
  padding: 0.2em 0.5em;
  font-size: 80%;
  margin-left: 0.25em;
}

div.top_lower {
  width: 100%;
  max-width: 652px;
  margin: 0 auto;
  margin-top: 6em;
}
div.top_lower h3 {
  margin-top: 2em;
  border-width: 0;
  font-size: 1.6em;
}
div.top_lower h3 span {
  font-size: 60%;
  margin-left: 1em;
}
div.top_lower div.menu {
  margin-bottom: 2em;
}
div.top_lower div.items {
  margin: 1em -1em;
  margin-bottom: 2em;
}
div.top_lower div.items div.box {
  position: relative;
  float: left;
  width: 25%;
  height: auto;
  padding: 0 1em;
  padding-bottom: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.top_lower div.items div.box img {
  border-radius: 0.5em;
  width: 100%;
  margin: 0;
  margin-bottom: 0.5em;
}
div.top_lower div.items div.box p {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.top_lower div.items div.box p.name {
  font-size: 0.8em;
  height: 4em;
}
div.top_lower div.items div.box p.latest {
  position: absolute;
  top: 18%;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  color: white;
  text-align: center;
  line-height: 1.3em;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.top_lower div.items div.box p.latest a {
  display: block;
  background-color: #9999FF;
  padding: 0.2em 0;
  margin: 0 1em;
  color: white;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}
div.top_lower div.items div.box p.lottery a {
  background-color: #FFA500;
}
div.top_lower div.items div.box p.next a {
  background-color: #99CC99;
}
div.top_lower div.items div.box:hover {
  opacity: 0.7;
}
div.top_lower div.greeting h3 {
  font-size: 1em;
  margin-bottom: 1em;
  text-align: center;
}
div.top_lower div.greeting p {
  text-align: center;
  color: #333333;
  font-size: 0.9em;
  line-height: 1.7em;
}
div.top_lower div.wanted {
  display: none;
}
div.top_lower div.store h3 {
  font-size: 1em;
  margin-bottom: 1em;
  text-align: center;
}
div.top_lower div.store div.detail {
  text-align: center;
  font-size: 0.9em;
}
div.top_lower div.store a:hover {
  color: orange;
}
div.top_lower div.dm h3 {
  font-size: 1em;
  margin-bottom: 1em;
  text-align: center;
}
div.top_lower div.dm p {
  text-align: center;
  font-size: 0.8em;
}
div.top_lower div.dm p span.status {
  padding: 0 0.5em;
  margin: 0 0.5em;
  border-radius: 1em;
  font-size: 0.8em;
  vertical-align: top;
  color: white;
}
div.top_lower div.dm p span.status0 {
  background-color: #333333;
}
div.top_lower div.dm p span.status1 {
  background-color: #F38181;
}
div.top_lower div.dm p span.status2 {
  background-color: #3841ae;
}
h1.top_h1 {
  text-align: center;
  padding-top: 5em;
}

p.top_theme {
  text-align: center;
}

#mypage div.top_menus a.box {
  display: block;
  width: 32%;
  float: left;
  border: 1px solid silver;
  border-radius: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em;
  margin-bottom: 1em;
}
#mypage div.top_menus a.box h3 {
  text-align: center;
  border-color: silver;
  margin-bottom: 0.5em;
  color: #222222;
}
#mypage div.top_menus a.box p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 90%;
  margin-bottom: 0.5em;
}
#mypage div.top_menus a.box p span {
  font-weight: bold;
  font-size: 120%;
  margin-right: 0.2em;
  color: brown;
}
#mypage div.top_menus a.box p span.zero {
  color: #CCCCCC;
}
#mypage div.top_menus a.box2, #mypage div.top_menus a.box5, #mypage div.top_menus a.box8 {
  margin-right: 2%;
  margin-left: 2%;
}
#mypage div.top_menus a.box_active {
  background-color: #FFF5F0;
}
#mypage div.top_menu_end {
  clear: both;
  margin-bottom: 4em;
  text-align: right;
}
#mypage div.mypage_notices h3 {
  border-color: silver;
  text-align: center;
  border-width: 0;
}
#mypage div.mypage_notices div.settings {
  text-align: center;
  padding: 1em 0;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
#mypage div.mypage_notices div.settings div.text {
  margin-bottom: 1em;
  font-size: 120%;
}
#mypage div.mypage_notices div.settings div.text p {
  font-size: 70%;
  color: #666666;
  margin-top: 1em;
}
#mypage div.mypage_notices div.settings div.text b.off {
  color: gray;
}
#mypage div.mypage_notices div.settings div.text .on {
  color: #81CDBF;
}
#mypage div.mypage_notices div.settings button {
  max-width: 300px;
  margin-bottom: 2em;
}
#mypage div.mypage_notices div.settings button.btn_off {
  background-color: #EEEEEE;
  border-color: #DDDDDD;
  color: #666666;
}
#mypage div.mypage_notices div.settings div.hint {
  text-align: left;
  background-color: #F5F5F5;
  padding: 1em;
  padding-bottom: 2em;
  font-size: 90%;
  line-height: 1.5em;
}
#mypage div.mypage_notices div.settings div.hint h3 {
  background-color: #F5F5F5;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
#mypage div.mypage_notices div.list {
  margin: 0;
  padding: 1em;
  border: 0.5em solid white;
  border-top-width: 0;
}
#mypage div.mypage_notices div.list div.box {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 90px;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px dashed silver;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#mypage div.mypage_notices div.list div.box div.img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}
#mypage div.mypage_notices div.list div.box div.img img {
  width: 80px;
}
#mypage div.mypage_notices div.list div.box div.img p.new {
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  margin: 0;
  padding: 0;
  background-color: #FF6666;
  color: white;
  padding: 0.3em 0;
  width: 1.6em;
  text-align: center;
  line-height: 1em;
  border-radius: 1em;
  font-size: 80%;
}
#mypage div.mypage_notices div.list div.box div.img p.sold {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0.25em 0.5em;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 70%;
  white-space: nowrap;
  background-color: #81CDBF;
  color: white;
}
#mypage div.mypage_notices div.list div.box div.text {
  position: relative;
  min-height: 80px;
  padding-right: 1em;
  padding-bottom: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#mypage div.mypage_notices div.list div.box div.text p {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}
#mypage div.mypage_notices div.list div.box div.text p.item_name {
  color: #000000;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
#mypage div.mypage_notices div.list div.box div.text p.owner_name {
  color: #330000;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
#mypage div.mypage_notices div.list div.box div.text p.owner_name span.company_name {
  font-size: 90%;
}
#mypage div.mypage_notices div.list div.box div.text p.plan {
  font-size: 80%;
  color: #333333;
}
#mypage div.mypage_notices div.list div.box div.text p.stock {
  font-size: 80%;
  color: #333333;
}
#mypage div.mypage_notices div.list div.box div.text p.item_status {
  position: absolute;
  bottom: 0;
  right: 0;
}
#mypage div.mypage_notices div.list div.box div.text p.ok {
  background-color: #81CDBF;
  padding: 0.1em 0.6em;
  color: white;
  font-size: 90%;
}
#mypage div.mypage_notices div.list div.box div.text p.ng {
  color: #CCCCCC;
  font-size: 90%;
  padding: 0.1em 0.6em;
  border: 1px solid #CCCCCC;
}
#mypage div.mypage_notices div.list div.box div.text p.cancel {
  position: absolute;
  top: 0;
  right: 0;
  color: gray;
}
#mypage div.mypage_notices h3 {
  padding: 0.5em 0em;
  background-color: white;
  font-size: 120%;
  margin: 0;
}
#mypage div.mypage_notices div.requests {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 1em;
}
#mypage div.mypage_notices div.owners {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1em;
}
#mypage div.mypage_notices div.more {
  position: relative;
  height: 150px;
  margin-top: 1em;
  margin-bottom: 4em;
}
#mypage div.mypage_notices div.more img {
  position: absolute;
  top: 0em;
  left: 0;
  border: 1px solid silver;
}
#mypage div.mypage_notices div.more div.text {
  padding: 0;
  margin: 0;
  margin-left: 210px;
}
#mypage div.mypage_notices div.more div.text h3 {
  background-color: white;
  font-size: 90%;
  font-weight: normal;
  text-align: left;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0.25em 0;
  padding-left: 0.5em;
  line-height: 1em;
}
#mypage div.mypage_notices div.more div.text p {
  font-size: 80%;
  padding: 0.25em;
  margin: 0;
}

@media screen and (max-width: 800px) {
  #mypage div.mypage_notices div.requests {
    width: 100%;
    padding-right: 0;
    margin-bottom: 4em;
  }
  #mypage div.mypage_notices div.owners {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  #mypage div.top_menus a.box {
    width: 49%;
  }
  #mypage div.top_menus a.box1, #mypage div.top_menus a.box3, #mypage div.top_menus a.box5, #mypage div.top_menus a.box7 {
    margin-right: 1%;
    margin-left: 0;
  }
  #mypage div.top_menus a.box2, #mypage div.top_menus a.box4, #mypage div.top_menus a.box6, #mypage div.top_menus a.box8 {
    margin-right: 0;
    margin-left: 1%;
  }
}
@media screen and (max-width: 480px) {
  #mypage div.top_menus {
    height: auto;
    margin-bottom: 4em;
  }
  #mypage div.top_menus a.box {
    float: none;
    width: 100%;
  }
  #mypage div.top_menus a.box1, #mypage div.top_menus a.box2, #mypage div.top_menus a.box3, #mypage div.top_menus a.box4, #mypage div.top_menus a.box5, #mypage div.top_menus a.box6, #mypage div.top_menus a.box7.a.box8 {
    margin-right: 0;
    margin-left: 0;
  }
  #mypage div.mypage_notices div.more img {
    max-width: 50%;
  }
  #mypage div.mypage_notices div.more div.text {
    margin-left: 53%;
  }
}
div.whiteboard {
  position: fixed;
  top: 0px;
  margin: 0;
  padding: 0;
  width: 160px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  z-index: 1100;
  -webkit-box-shadow: 4px 0px 10px 0px #EEEEEE;
          box-shadow: 4px 0px 10px 0px #EEEEEE;
}
div.whiteboard h2 {
  position: relative;
  background-color: #FFFFFF;
  border-right: 1px solid silver;
  margin: 0;
  padding: 0.5em 0px;
  line-height: 1em;
  font-size: 90%;
  font-weight: normal;
  color: white;
}
div.whiteboard h2 span {
  position: absolute;
  right: 8px;
  top: 7px;
  border: 1px solid white;
  padding: 1px;
  vertical-align: bottom;
  cursor: pointer;
}
div.whiteboard div.box {
  border-right: 1px solid silver;
  width: 160px;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}
div.whiteboard div.box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 160px;
  padding-bottom: 4em;
}
div.whiteboard div.box ul li {
  margin: 0;
  padding: 0.5em;
  border-bottom: 1px solid silver;
  cursor: pointer;
  font-size: 90%;
}
div.whiteboard div.box ul li a {
  display: block;
}
div.whiteboard div.box ul li.kana {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  text-align: center;
}
div.whiteboard div.box ul li.noclick {
  cursor: default;
}
div.whiteboard div.box ul li.none {
  border-bottom-width: 0;
  cursor: default;
}
div.whiteboard div.box ul.lv2 li {
  padding: 0.4em 0.5em;
  font-size: 90%;
}

div.drawer {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 300px;
  background-color: white;
  border-right: 1px solid silver;
  z-index: 1101;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}
div.drawer ul.category {
  padding-bottom: 2em;
}
div.drawer ul.category li {
  width: 100%;
  float: none;
}
div.drawer ul.category li.another_search {
  background-color: white;
}
div.drawer div.advance {
  padding: 1em 1em;
  padding-bottom: 3em;
}
div.drawer div.advance div.box {
  margin-bottom: 2em;
}
div.drawer div.advance h3 {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
div.drawer div.advance button {
  font-size: 90%;
  background-color: #3841ae;
  border-color: #3841ae;
  color: white;
}
div.drawer div.advance label.checkbox {
  display: block;
  margin: 0.5em 0;
}
div.drawer div.advance label.checkbox input {
  margin-right: 0.5em;
}
div.drawer div.advance label.radio {
  display: block;
  margin: 0.5em 0;
}
div.drawer div.advance label.radio input {
  margin-right: 0.5em;
}
div.drawer div.advance ul.tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.drawer div.advance ul.tags li {
  margin: 0;
  padding: 0;
  font-size: 90%;
}
div.drawer div.advance div.another_search {
  text-align: left;
  padding: 1em 0;
  margin: 0;
}
div.drawer div.advance div.another_search_first {
  margin-top: 4em;
}
div.drawer div.advance h3.event {
  font-size: 100%;
  margin: 0;
  padding: 0;
  padding-top: 0.8em;
}
div.drawer div.advance div.event_form {
  margin-bottom: 2em;
}
div.drawer div.advance ul.event {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.drawer div.advance ul.event li {
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  border-bottom: 1px dashed silver;
}
div.drawer div.advance ul.event li a {
  padding: 1em 1em;
  display: block;
}
div.drawer div.advance ul.event li a span {
  display: block;
}
div.drawer div.advance ul.event li a span.date {
  font-size: 90%;
  color: #336633;
}
div.drawer div.advance ul.event li.notfound {
  text-align: center;
  padding: 1em 1em;
  border-bottom-width: 0;
}
div.drawer div.advance ul.event li.selected {
  background-color: #EEFFEE;
}

.slideIn {
  -webkit-animation-name: slideInAnime;
          animation-name: slideInAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

@-webkit-keyframes slideInAnime {
  0% {
    margin-left: -300px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes slideInAnime {
  0% {
    margin-left: -300px;
  }
  100% {
    margin-left: 0;
  }
}
.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}

@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
.slideOut {
  -webkit-animation-name: slideOutAnime;
          animation-name: slideOutAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

@-webkit-keyframes slideOutAnime {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -300px;
  }
}

@keyframes slideOutAnime {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -300px;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOutAnime;
          animation-name: fadeOutAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

@-webkit-keyframes fadeOutAnime {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOutAnime {
  0% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
  }
}
.rotate {
  -webkit-animation-name: rotateAnime;
          animation-name: rotateAnime;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}

@-webkit-keyframes rotateAnime {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotateAnime {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
#opendrawer {
  position: fixed;
  bottom: 0em;
  right: 0em;
  width: 4.2em;
  padding: 0.2em 0;
  padding-top: 0.4em;
  margin: 0;
  text-align: center;
  z-index: 300;
  color: white;
  border-top: 3px solid white;
  border-left: 3px solid white;
  border-radius: 0.5em 0 0 0;
  background-color: #3841ae;
  cursor: pointer;
  display: none;
}
#opendrawer i {
  font-size: 200%;
}
#opendrawer span {
  font-size: 90%;
}

#opendrawer:hover {
  background-color: #81CDBF;
  cursor: pointer;
}

div.opendrawer_event {
  background-color: #FF6666 !important;
}
div.opendrawer_event span {
  letter-spacing: -0.1em;
}

div.opendrawer_tags {
  background-color: #FF6666 !important;
}

div.opendrawer_advance {
  background-color: #FF6666 !important;
}

div.kbin_page {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
div.kbin_page h2.banner {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
div.kbin_page h2.banner img {
  width: 100%;
}
div.kbin_page h3 {
  border-left: 10px solid #333333;
  padding-left: 10px;
}
div.kbin_page h3.closed {
  color: #999999;
  border-color: #999999;
}
div.kbin_page div.content {
  margin-top: 1em;
}
div.kbin_page div.content b {
  font-size: 120%;
}
div.kbin_page div.content div.link {
  text-align: right;
}
div.kbin_page div.content div.link a {
  color: #ff9548;
}
div.kbin_page div.content span.icon-twitter {
  color: #1da1f2;
}
div.kbin_page div.content ul.colabos {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.kbin_page div.content ul.colabos li {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 80px;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px dashed silver;
}
div.kbin_page div.content ul.colabos li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
}
div.kbin_page div.content ul.colabos li div {
  padding-left: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.kbin_page div.content ul.colabos li div p {
  margin: 0;
  padding: 0;
}
div.kbin_page div.content ul.colabos li div p.title {
  font-size: 110%;
}
div.kbin_page div.content ul.colabos li div p.date {
  font-size: 90%;
  color: #666666;
}
div.kbin_page div.content ul.colabos li div p.sns {
  margin-top: 0.5em;
}
div.kbin_page div.content ul.colabos li a.link {
  position: absolute;
  bottom: 1em;
  right: 0;
  color: #ff9548;
}
div.kbin_page div.content ul.colabos li button {
  position: absolute;
  width: 5em !important;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: auto;
  font-size: 0.8em;
  height: 4em;
}
div.kbin_page div.content div.help {
  border: 1px solid silver;
  border-radius: 0.5em;
  padding: 1em;
  font-size: 90%;
  color: #333333;
  background-color: #FFF5F5;
}
div.kbin_page div.content ul.closed li a {
  color: #999999;
}

@media screen and (max-width: 640px) {
  div.kbin_page {
    max-width: auto;
  }
  div.kbin_page h2.banner {
    margin-right: -10px;
    margin-left: -10px;
    padding: 0;
  }
}
div.sideb div.header {
  position: relative;
  margin: 0 0px;
  margin-top: -1.2em;
  height: 300px;
  background-color: #a0c1f3;
  background-image: url("../img/default/sideb/hello.png");
  background-size: contain;
  background-repeat: no-repeat;
}
div.sideb div.header img {
  position: absolute;
  top: 60%;
  left: 5%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 318px;
  aspect-ratio: 636/262;
}
div.sideb div.header p {
  position: absolute;
  font-size: 75%;
  font-weight: bold;
  color: white;
  top: 77%;
  left: 5%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  margin: 0;
  padding: 0;
  padding-left: 0.25em;
  background-color: #A0C1F3;
}
div.sideb ul.points {
  list-style: none;
  margin: 0em 0px;
  padding: 0;
}
div.sideb ul.points li {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  height: 9.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.sideb ul.points li div {
  padding: 1em;
}
div.sideb ul.points li div p {
  margin: 0;
  padding: 0;
}
div.sideb ul.points li div p.title {
  text-align: center;
  font-size: 120%;
  color: #3841ae;
  font-weight: bold;
  margin-bottom: 0.5em;
}
div.sideb ul.points li div p.text {
  text-align: left;
  font-size: 90%;
}
div.sideb ul.points li div p.caption {
  margin-top: 0.5em;
  font-size: 70%;
}
div.sideb ul.points li.p1 {
  background-color: #D5E5FD;
}
div.sideb ul.points li.p2 {
  border-bottom: 1px solid #D5E5FD;
}
div.sideb ul.points li.p3 {
  background-color: #D5E5FD;
}
div.sideb ul.points li.p4 {
  border-bottom: 1px solid #D5E5FD;
  border-right: 1px solid #D5E5FD;
}
div.sideb ul.points:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
div.sideb div.caption {
  text-align: right;
  font-size: 80%;
  padding: 0.5em 0;
}
div.sideb div.guide {
  margin-top: 4em;
}
div.sideb div.guide div.content {
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: 4em;
}
div.sideb div.guide div.content h3 {
  position: absolute;
  width: 11em;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  padding-left: 0.5em;
  border-left: 8px solid #1f28cf;
}
div.sideb div.guide div.content div.text {
  position: relative;
  padding: 0;
  padding-left: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.sideb div.guide div.content div.text p.message {
  margin-bottom: 2em;
}
div.sideb div.guide div.content div.text p.hint {
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
  text-align: left;
  color: #F38181;
  font-size: 90%;
}
div.sideb div.guide div.content div.text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.sideb div.guide div.content div.text ul li.part {
  position: relative;
  padding: 0;
  margin: 0;
  padding-left: 6em;
  margin-bottom: 2em;
  min-height: 5.2em;
  color: #111111;
}
div.sideb div.guide div.content div.text ul li.part ul.helper {
  color: #333333;
  font-size: 90%;
  padding: 0;
  margin: 0;
  padding-left: 2em;
  list-style: disc;
}
div.sideb div.guide div.content div.text ul li.part ul.helper li {
  margin: 0;
  padding: 0;
}
div.sideb div.guide div.content div.text ul li.part p.icon {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0.5em;
  background-color: #D5E5FD;
  color: #111111;
  width: 4em;
  height: 4em;
}
div.sideb div.guide div.content div.text ul li.part p.icon i {
  position: absolute;
  font-size: 300%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
div.sideb div.guide div.content div.text ul li.part p.title {
  padding: 0;
  margin: 0;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #3841ae;
}
div.sideb div.guide div.content div.text ul li.part a {
  border-bottom: 1px solid #3841ae;
}
div.sideb div.guide div.content div.text ul.login {
  margin: 1em 0;
}
div.sideb div.guide div.content div.text ul.login li {
  background-color: #D5E5FD;
  border-radius: 0.5em;
  padding: 0.1em 1em;
  margin-right: 0.25em;
  float: left;
  color: #111111;
}
div.sideb div.guide div.content div.text div.chart div.part {
  padding: 0;
  margin: 0;
  margin-bottom: 2em;
}
div.sideb div.guide div.content div.text div.chart div.part div.text {
  padding: 0 2em;
  padding-top: 1em;
  padding-right: 3em;
  margin: 0;
  background-size: contain;
  background-repeat: repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.7em;
  background-image: url("../img/default/sideb/step_border.png");
}
div.sideb div.guide div.content div.text div.chart div.part div.title {
  width: 100%;
  aspect-ratio: 770/60;
  overflow: hidden;
}
div.sideb div.guide div.content div.text div.chart div.part div.title img {
  width: 100%;
}
div.sideb div.guide div.content div.text div.chart div.part div.bottom {
  background-image: url("../img/default/sideb/step1.png");
  width: 100%;
  background-size: cover;
  background-position: bottom;
  padding: 0.5em 2em;
  padding-bottom: 0em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  aspect-ratio: 770/105;
  position: relative;
}
div.sideb div.guide div.content div.text div.chart div.part div.bottom p {
  font-size: 90%;
  color: #F38181;
}
div.sideb div.guide div.content div.text div.chart div.step2 div.bottom {
  background-image: url("../img/default/sideb/step2.png");
}
div.sideb div.guide div.content div.text div.chart div.step3 div.bottom {
  background-image: url("../img/default/sideb/step3.png");
}
div.sideb div.guide div.content div.text div.chart div.step4 div.bottom {
  background-image: url("../img/default/sideb/step4.png");
}
div.sideb div.guide div.content div.text div.chart div.step5 div.bottom {
  background-image: url("../img/default/sideb/step5.png");
}
div.sideb div.guide div.content div.text div.chart div.step6 div.bottom {
  background-image: url("../img/default/sideb/step6.png");
}
div.sideb div.guide div.content div.text div.twins {
  margin-bottom: 3em;
}
div.sideb div.guide div.content div.text div.twins h4 {
  padding: 0.5em;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  color: #3841ae;
}
div.sideb div.guide div.content div.text div.twins div.l {
  width: 50%;
  float: left;
  border-right: 1px dashed silver;
  padding-right: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 6em;
}
div.sideb div.guide div.content div.text div.twins div.r {
  width: 50%;
  float: right;
  padding-left: 0.8em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.sideb div.guide div.content div.text div.twins span.icon-happy {
  font-size: 150%;
  margin-right: 0.3em;
  vertical-align: middle;
  color: green;
}
div.sideb div.guide div.content div.text div.twins span.icon-blocked {
  font-size: 150%;
  margin-right: 0.3em;
  vertical-align: middle;
  color: #F38181;
}
div.sideb div.guide div.content div.text div.twins:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
div.sideb div.guide div.content div.plant {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
div.sideb div.guide div.content div.plant img {
  width: 10em;
}
div.sideb ul.btns li a {
  background-color: #3841ae;
  color: white;
  font-size: 120%;
  width: 50%;
  margin: 0 auto;
}

@font-face {
  font-family: "Pe-icon-7-stroke";
  src: url("../fonts/Pe-icon-7-stroke.eot?d7yf1v");
  src: url("../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"), url("../fonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"), url("../fonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"), url("../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=pe-7s-], [class*=" pe-7s-"] {
  display: inline-block;
  font-family: "Pe-icon-7-stroke";
  speak: none;
  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;
  vertical-align: middle;
}

.pe-7s-album:before {
  content: "\e6aa";
}

.pe-7s-arc:before {
  content: "\e6ab";
}

.pe-7s-back-2:before {
  content: "\e6ac";
}

.pe-7s-bandaid:before {
  content: "\e6ad";
}

.pe-7s-car:before {
  content: "\e6ae";
}

.pe-7s-diamond:before {
  content: "\e6af";
}

.pe-7s-door-lock:before {
  content: "\e6b0";
}

.pe-7s-eyedropper:before {
  content: "\e6b1";
}

.pe-7s-female:before {
  content: "\e6b2";
}

.pe-7s-gym:before {
  content: "\e6b3";
}

.pe-7s-hammer:before {
  content: "\e6b4";
}

.pe-7s-headphones:before {
  content: "\e6b5";
}

.pe-7s-helm:before {
  content: "\e6b6";
}

.pe-7s-hourglass:before {
  content: "\e6b7";
}

.pe-7s-leaf:before {
  content: "\e6b8";
}

.pe-7s-magic-wand:before {
  content: "\e6b9";
}

.pe-7s-male:before {
  content: "\e6ba";
}

.pe-7s-map-2:before {
  content: "\e6bb";
}

.pe-7s-next-2:before {
  content: "\e6bc";
}

.pe-7s-paint-bucket:before {
  content: "\e6bd";
}

.pe-7s-pendrive:before {
  content: "\e6be";
}

.pe-7s-photo:before {
  content: "\e6bf";
}

.pe-7s-piggy:before {
  content: "\e6c0";
}

.pe-7s-plugin:before {
  content: "\e6c1";
}

.pe-7s-refresh-2:before {
  content: "\e6c2";
}

.pe-7s-rocket:before {
  content: "\e6c3";
}

.pe-7s-settings:before {
  content: "\e6c4";
}

.pe-7s-shield:before {
  content: "\e6c5";
}

.pe-7s-smile:before {
  content: "\e6c6";
}

.pe-7s-usb:before {
  content: "\e6c7";
}

.pe-7s-vector:before {
  content: "\e6c8";
}

.pe-7s-wine:before {
  content: "\e6c9";
}

.pe-7s-cloud-upload:before {
  content: "\e68a";
}

.pe-7s-cash:before {
  content: "\e68c";
}

.pe-7s-close:before {
  content: "\e680";
}

.pe-7s-bluetooth:before {
  content: "\e68d";
}

.pe-7s-cloud-download:before {
  content: "\e68b";
}

.pe-7s-way:before {
  content: "\e68e";
}

.pe-7s-close-circle:before {
  content: "\e681";
}

.pe-7s-id:before {
  content: "\e68f";
}

.pe-7s-angle-up:before {
  content: "\e682";
}

.pe-7s-wristwatch:before {
  content: "\e690";
}

.pe-7s-angle-up-circle:before {
  content: "\e683";
}

.pe-7s-world:before {
  content: "\e691";
}

.pe-7s-angle-right:before {
  content: "\e684";
}

.pe-7s-volume:before {
  content: "\e692";
}

.pe-7s-angle-right-circle:before {
  content: "\e685";
}

.pe-7s-users:before {
  content: "\e693";
}

.pe-7s-angle-left:before {
  content: "\e686";
}

.pe-7s-user-female:before {
  content: "\e694";
}

.pe-7s-angle-left-circle:before {
  content: "\e687";
}

.pe-7s-up-arrow:before {
  content: "\e695";
}

.pe-7s-angle-down:before {
  content: "\e688";
}

.pe-7s-switch:before {
  content: "\e696";
}

.pe-7s-angle-down-circle:before {
  content: "\e689";
}

.pe-7s-scissors:before {
  content: "\e697";
}

.pe-7s-wallet:before {
  content: "\e600";
}

.pe-7s-safe:before {
  content: "\e698";
}

.pe-7s-volume2:before {
  content: "\e601";
}

.pe-7s-volume1:before {
  content: "\e602";
}

.pe-7s-voicemail:before {
  content: "\e603";
}

.pe-7s-video:before {
  content: "\e604";
}

.pe-7s-user:before {
  content: "\e605";
}

.pe-7s-upload:before {
  content: "\e606";
}

.pe-7s-unlock:before {
  content: "\e607";
}

.pe-7s-umbrella:before {
  content: "\e608";
}

.pe-7s-trash:before {
  content: "\e609";
}

.pe-7s-tools:before {
  content: "\e60a";
}

.pe-7s-timer:before {
  content: "\e60b";
}

.pe-7s-ticket:before {
  content: "\e60c";
}

.pe-7s-target:before {
  content: "\e60d";
}

.pe-7s-sun:before {
  content: "\e60e";
}

.pe-7s-study:before {
  content: "\e60f";
}

.pe-7s-stopwatch:before {
  content: "\e610";
}

.pe-7s-star:before {
  content: "\e611";
}

.pe-7s-speaker:before {
  content: "\e612";
}

.pe-7s-signal:before {
  content: "\e613";
}

.pe-7s-shuffle:before {
  content: "\e614";
}

.pe-7s-shopbag:before {
  content: "\e615";
}

.pe-7s-share:before {
  content: "\e616";
}

.pe-7s-server:before {
  content: "\e617";
}

.pe-7s-search:before {
  content: "\e618";
}

.pe-7s-film:before {
  content: "\e6a5";
}

.pe-7s-science:before {
  content: "\e619";
}

.pe-7s-disk:before {
  content: "\e6a6";
}

.pe-7s-ribbon:before {
  content: "\e61a";
}

.pe-7s-repeat:before {
  content: "\e61b";
}

.pe-7s-refresh:before {
  content: "\e61c";
}

.pe-7s-add-user:before {
  content: "\e6a9";
}

.pe-7s-refresh-cloud:before {
  content: "\e61d";
}

.pe-7s-paperclip:before {
  content: "\e69c";
}

.pe-7s-radio:before {
  content: "\e61e";
}

.pe-7s-note2:before {
  content: "\e69d";
}

.pe-7s-print:before {
  content: "\e61f";
}

.pe-7s-network:before {
  content: "\e69e";
}

.pe-7s-prev:before {
  content: "\e620";
}

.pe-7s-mute:before {
  content: "\e69f";
}

.pe-7s-power:before {
  content: "\e621";
}

.pe-7s-medal:before {
  content: "\e6a0";
}

.pe-7s-portfolio:before {
  content: "\e622";
}

.pe-7s-like2:before {
  content: "\e6a1";
}

.pe-7s-plus:before {
  content: "\e623";
}

.pe-7s-left-arrow:before {
  content: "\e6a2";
}

.pe-7s-play:before {
  content: "\e624";
}

.pe-7s-key:before {
  content: "\e6a3";
}

.pe-7s-plane:before {
  content: "\e625";
}

.pe-7s-joy:before {
  content: "\e6a4";
}

.pe-7s-photo-gallery:before {
  content: "\e626";
}

.pe-7s-pin:before {
  content: "\e69b";
}

.pe-7s-phone:before {
  content: "\e627";
}

.pe-7s-plug:before {
  content: "\e69a";
}

.pe-7s-pen:before {
  content: "\e628";
}

.pe-7s-right-arrow:before {
  content: "\e699";
}

.pe-7s-paper-plane:before {
  content: "\e629";
}

.pe-7s-delete-user:before {
  content: "\e6a7";
}

.pe-7s-paint:before {
  content: "\e62a";
}

.pe-7s-bottom-arrow:before {
  content: "\e6a8";
}

.pe-7s-notebook:before {
  content: "\e62b";
}

.pe-7s-note:before {
  content: "\e62c";
}

.pe-7s-next:before {
  content: "\e62d";
}

.pe-7s-news-paper:before {
  content: "\e62e";
}

.pe-7s-musiclist:before {
  content: "\e62f";
}

.pe-7s-music:before {
  content: "\e630";
}

.pe-7s-mouse:before {
  content: "\e631";
}

.pe-7s-more:before {
  content: "\e632";
}

.pe-7s-moon:before {
  content: "\e633";
}

.pe-7s-monitor:before {
  content: "\e634";
}

.pe-7s-micro:before {
  content: "\e635";
}

.pe-7s-menu:before {
  content: "\e636";
}

.pe-7s-map:before {
  content: "\e637";
}

.pe-7s-map-marker:before {
  content: "\e638";
}

.pe-7s-mail:before {
  content: "\e639";
}

.pe-7s-mail-open:before {
  content: "\e63a";
}

.pe-7s-mail-open-file:before {
  content: "\e63b";
}

.pe-7s-magnet:before {
  content: "\e63c";
}

.pe-7s-loop:before {
  content: "\e63d";
}

.pe-7s-look:before {
  content: "\e63e";
}

.pe-7s-lock:before {
  content: "\e63f";
}

.pe-7s-lintern:before {
  content: "\e640";
}

.pe-7s-link:before {
  content: "\e641";
}

.pe-7s-like:before {
  content: "\e642";
}

.pe-7s-light:before {
  content: "\e643";
}

.pe-7s-less:before {
  content: "\e644";
}

.pe-7s-keypad:before {
  content: "\e645";
}

.pe-7s-junk:before {
  content: "\e646";
}

.pe-7s-info:before {
  content: "\e647";
}

.pe-7s-home:before {
  content: "\e648";
}

.pe-7s-help2:before {
  content: "\e649";
}

.pe-7s-help1:before {
  content: "\e64a";
}

.pe-7s-graph3:before {
  content: "\e64b";
}

.pe-7s-graph2:before {
  content: "\e64c";
}

.pe-7s-graph1:before {
  content: "\e64d";
}

.pe-7s-graph:before {
  content: "\e64e";
}

.pe-7s-global:before {
  content: "\e64f";
}

.pe-7s-gleam:before {
  content: "\e650";
}

.pe-7s-glasses:before {
  content: "\e651";
}

.pe-7s-gift:before {
  content: "\e652";
}

.pe-7s-folder:before {
  content: "\e653";
}

.pe-7s-flag:before {
  content: "\e654";
}

.pe-7s-filter:before {
  content: "\e655";
}

.pe-7s-file:before {
  content: "\e656";
}

.pe-7s-expand1:before {
  content: "\e657";
}

.pe-7s-exapnd2:before {
  content: "\e658";
}

.pe-7s-edit:before {
  content: "\e659";
}

.pe-7s-drop:before {
  content: "\e65a";
}

.pe-7s-drawer:before {
  content: "\e65b";
}

.pe-7s-download:before {
  content: "\e65c";
}

.pe-7s-display2:before {
  content: "\e65d";
}

.pe-7s-display1:before {
  content: "\e65e";
}

.pe-7s-diskette:before {
  content: "\e65f";
}

.pe-7s-date:before {
  content: "\e660";
}

.pe-7s-cup:before {
  content: "\e661";
}

.pe-7s-culture:before {
  content: "\e662";
}

.pe-7s-crop:before {
  content: "\e663";
}

.pe-7s-credit:before {
  content: "\e664";
}

.pe-7s-copy-file:before {
  content: "\e665";
}

.pe-7s-config:before {
  content: "\e666";
}

.pe-7s-compass:before {
  content: "\e667";
}

.pe-7s-comment:before {
  content: "\e668";
}

.pe-7s-coffee:before {
  content: "\e669";
}

.pe-7s-cloud:before {
  content: "\e66a";
}

.pe-7s-clock:before {
  content: "\e66b";
}

.pe-7s-check:before {
  content: "\e66c";
}

.pe-7s-chat:before {
  content: "\e66d";
}

.pe-7s-cart:before {
  content: "\e66e";
}

.pe-7s-camera:before {
  content: "\e66f";
}

.pe-7s-call:before {
  content: "\e670";
}

.pe-7s-calculator:before {
  content: "\e671";
}

.pe-7s-browser:before {
  content: "\e672";
}

.pe-7s-box2:before {
  content: "\e673";
}

.pe-7s-box1:before {
  content: "\e674";
}

.pe-7s-bookmarks:before {
  content: "\e675";
}

.pe-7s-bicycle:before {
  content: "\e676";
}

.pe-7s-bell:before {
  content: "\e677";
}

.pe-7s-battery:before {
  content: "\e678";
}

.pe-7s-ball:before {
  content: "\e679";
}

.pe-7s-back:before {
  content: "\e67a";
}

.pe-7s-attention:before {
  content: "\e67b";
}

.pe-7s-anchor:before {
  content: "\e67c";
}

.pe-7s-albums:before {
  content: "\e67d";
}

.pe-7s-alarm:before {
  content: "\e67e";
}

.pe-7s-airplay:before {
  content: "\e67f";
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?77yqmq2");
  src: url("../fonts/icomoon.eot?77yqmq2#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?77yqmq2") format("truetype"), url("../fonts/icomoon.woff?77yqmq2") format("woff"), url("../fonts/icomoon.svg?77yqmq2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  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-home3:before {
  content: "\e902";
}

.icon-office:before {
  content: "\e903";
}

.icon-newspaper:before {
  content: "\e904";
}

.icon-pencil:before {
  content: "\e905";
}

.icon-droplet:before {
  content: "\e90b";
}

.icon-paint-format:before {
  content: "\e90c";
}

.icon-image:before {
  content: "\e90d";
}

.icon-images:before {
  content: "\e90e";
}

.icon-camera:before {
  content: "\e90f";
}

.icon-headphones:before {
  content: "\e910";
}

.icon-music:before {
  content: "\e911";
}

.icon-play:before {
  content: "\e912";
}

.icon-film:before {
  content: "\e913";
}

.icon-dice:before {
  content: "\e915";
}

.icon-spades:before {
  content: "\e917";
}

.icon-clubs:before {
  content: "\e918";
}

.icon-diamonds:before {
  content: "\e919";
}

.icon-bullhorn:before {
  content: "\e91a";
}

.icon-mic:before {
  content: "\e91e";
}

.icon-book:before {
  content: "\e91f";
}

.icon-books:before {
  content: "\e920";
}

.icon-file-text:before {
  content: "\e922";
}

.icon-profile:before {
  content: "\e923";
}

.icon-file-empty:before {
  content: "\e924";
}

.icon-files-empty:before {
  content: "\e925";
}

.icon-file-text2:before {
  content: "\e926";
}

.icon-stack:before {
  content: "\e92e";
}

.icon-folder:before {
  content: "\e92f";
}

.icon-folder-open:before {
  content: "\e930";
}

.icon-folder-plus:before {
  content: "\e931";
}

.icon-folder-minus:before {
  content: "\e932";
}

.icon-price-tag:before {
  content: "\e935";
}

.icon-price-tags:before {
  content: "\e936";
}

.icon-cart:before {
  content: "\e93a";
}

.icon-coin-yen:before {
  content: "\e93e";
}

.icon-credit-card:before {
  content: "\e93f";
}

.icon-calculator:before {
  content: "\e940";
}

.icon-lifebuoy:before {
  content: "\e941";
}

.icon-phone:before {
  content: "\e942";
}

.icon-phone-hang-up:before {
  content: "\e943";
}

.icon-envelop:before {
  content: "\e945";
}

.icon-pushpin:before {
  content: "\e946";
}

.icon-location2:before {
  content: "\e948";
}

.icon-compass2:before {
  content: "\e94a";
}

.icon-map:before {
  content: "\e94b";
}

.icon-map2:before {
  content: "\e94c";
}

.icon-history:before {
  content: "\e94d";
}

.icon-clock:before {
  content: "\e94e";
}

.icon-alarm:before {
  content: "\e950";
}

.icon-bell:before {
  content: "\e951";
}

.icon-stopwatch:before {
  content: "\e952";
}

.icon-calendar:before {
  content: "\e953";
}

.icon-printer:before {
  content: "\e954";
}

.icon-keyboard:before {
  content: "\e955";
}

.icon-mobile:before {
  content: "\e958";
}

.icon-tablet:before {
  content: "\e95a";
}

.icon-drawer:before {
  content: "\e95c";
}

.icon-drawer2:before {
  content: "\e95d";
}

.icon-box-add:before {
  content: "\e95e";
}

.icon-box-remove:before {
  content: "\e95f";
}

.icon-undo:before {
  content: "\e965";
}

.icon-redo:before {
  content: "\e966";
}

.icon-bubble:before {
  content: "\e96b";
}

.icon-user:before {
  content: "\e971";
}

.icon-user-tie:before {
  content: "\e976";
}

.icon-hour-glass:before {
  content: "\e979";
}

.icon-binoculars:before {
  content: "\e985";
}

.icon-search:before {
  content: "\e986";
}

.icon-key:before {
  content: "\e98d";
}

.icon-key2:before {
  content: "\e98e";
}

.icon-lock:before {
  content: "\e98f";
}

.icon-unlocked:before {
  content: "\e990";
}

.icon-wrench:before {
  content: "\e991";
}

.icon-cog:before {
  content: "\e994";
}

.icon-magic-wand:before {
  content: "\e997";
}

.icon-pie-chart:before {
  content: "\e99a";
}

.icon-stats-dots:before {
  content: "\e99b";
}

.icon-trophy:before {
  content: "\e99e";
}

.icon-gift:before {
  content: "\e99f";
}

.icon-leaf:before {
  content: "\e9a4";
}

.icon-meter:before {
  content: "\e9a6";
}

.icon-meter2:before {
  content: "\e9a7";
}

.icon-lab:before {
  content: "\e9aa";
}

.icon-bin:before {
  content: "\e9ac";
}

.icon-briefcase:before {
  content: "\e9ae";
}

.icon-airplane:before {
  content: "\e9af";
}

.icon-truck:before {
  content: "\e9b0";
}

.icon-shield:before {
  content: "\e9b4";
}

.icon-switch:before {
  content: "\e9b6";
}

.icon-clipboard:before {
  content: "\e9b8";
}

.icon-list-numbered:before {
  content: "\e9b9";
}

.icon-earth:before {
  content: "\e9ca";
}

.icon-link:before {
  content: "\e9cb";
}

.icon-flag:before {
  content: "\e9cc";
}

.icon-attachment:before {
  content: "\e9cd";
}

.icon-star-empty:before {
  content: "\e9d7";
}

.icon-star-full:before {
  content: "\e9d9";
}

.icon-heart:before {
  content: "\e9da";
}

.icon-heart-broken:before {
  content: "\e9db";
}

.icon-happy:before {
  content: "\e9df";
}

.icon-happy2:before {
  content: "\e9e0";
}

.icon-smile:before {
  content: "\e9e1";
}

.icon-smile2:before {
  content: "\e9e2";
}

.icon-point-up:before {
  content: "\ea03";
}

.icon-point-right:before {
  content: "\ea04";
}

.icon-point-down:before {
  content: "\ea05";
}

.icon-point-left:before {
  content: "\ea06";
}

.icon-warning:before {
  content: "\ea07";
}

.icon-notification:before {
  content: "\ea08";
}

.icon-question:before {
  content: "\ea09";
}

.icon-plus:before {
  content: "\ea0a";
}

.icon-minus:before {
  content: "\ea0b";
}

.icon-info:before {
  content: "\ea0c";
}

.icon-cancel-circle:before {
  content: "\ea0d";
}

.icon-blocked:before {
  content: "\ea0e";
}

.icon-cross:before {
  content: "\ea0f";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-checkmark2:before {
  content: "\ea11";
}

.icon-enter:before {
  content: "\ea13";
}

.icon-exit:before {
  content: "\ea14";
}

.icon-backward2:before {
  content: "\ea1f";
}

.icon-forward3:before {
  content: "\ea20";
}

.icon-loop:before {
  content: "\ea2d";
}

.icon-loop2:before {
  content: "\ea2e";
}

.icon-sort-alpha-asc:before {
  content: "\ea48";
}

.icon-sort-alpha-desc:before {
  content: "\ea49";
}

.icon-sort-numeric-asc:before {
  content: "\ea4a";
}

.icon-sort-numberic-desc:before {
  content: "\ea4b";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

.icon-checkbox-unchecked:before {
  content: "\ea53";
}

.icon-radio-checked:before {
  content: "\ea54";
}

.icon-radio-checked2:before {
  content: "\ea55";
}

.icon-radio-unchecked:before {
  content: "\ea56";
}

.icon-scissors:before {
  content: "\ea5a";
}

.icon-mail:before {
  content: "\ea83";
}

.icon-mail4:before {
  content: "\ea86";
}

.icon-google-plus:before {
  content: "\ea8b";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-facebook2:before {
  content: "\ea91";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-tumblr:before {
  content: "\eab9";
}

.icon-tumblr2:before {
  content: "\eaba";
}

.icon-appleinc:before {
  content: "\eabe";
}

.icon-android:before {
  content: "\eac0";
}

@media screen and (max-width: 960px) {
  #header ul.menu li {
    margin-left: 1em;
    font-size: 96%;
  }
  #header ul.menu li.left {
    margin-left: 0;
  }
  #header div.navi {
    padding: 0;
    font-size: 96%;
  }
  div.toptitle ul.hello {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
  }
  div.wrap {
    width: 100%;
  }
  #footer {
    min-width: 100%;
  }
  #footer div.menu {
    width: 100%;
  }
  #footer div.menu div.box {
    width: 100%;
    float: none;
    padding-bottom: 2em;
  }
  #footer div.menu div.box_c {
    width: 100%;
    padding: 0;
    float: none;
    padding-bottom: 2em;
  }
  div.top_upper div.themes ul li {
    width: 25%;
  }
  div.top_upper div.owners div.box {
    width: 15%;
    margin-right: 2%;
  }
  div.top_upper div.owners div.box8, div.top_upper div.owners div.box17 {
    margin-right: 2%;
  }
  div.top_upper div.owners div.box5, div.top_upper div.owners div.box11, div.top_upper div.owners div.box17 {
    margin-right: 0;
  }
  div.owner_month div.box {
    width: 12.5%;
  }
  div.orders div.order {
    width: 100%;
    float: none;
    border-width: 0;
    min-height: 100px;
    padding: 1em 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 2em;
  }
  div.orders div.order_waiting {
    margin: 0 auto;
    margin-bottom: 2em;
  }
  div.orders div.noorder {
    display: none;
  }
  div.orders div.result_mark_guide ul {
    margin-bottom: 4em;
  }
  div.orders div.result_mark_guide ul li {
    position: relative;
    height: auto;
    display: block;
    padding-top: 3px;
    padding-right: 0;
    line-height: 1.1em;
    text-align: left;
    height: 40px;
  }
  ul.twin_btns li {
    width: 50%;
  }
  div.about div.content ol {
    padding: 1em 2em;
  }
  div.mails div.list div.row {
    padding-bottom: 2em;
  }
  div.mails div.list div.row div.last_time {
    top: auto;
    bottom: 0;
    letter-spacing: 0;
    font-size: 90%;
  }
  div.mails div.list div.row div.status {
    top: auto;
    bottom: 0;
    font-size: 90%;
  }
  div.mails div.list div.headrow {
    padding-bottom: 0;
  }
  div.mails div.list div.headrow div.last_time {
    top: 0;
    bottom: auto;
  }
  div.mails div.list div.headrow div.status {
    top: 0;
    bottom: auto;
  }
  div.mails div.detail div.row div.name {
    position: relative;
    top: auto;
    font-size: 90%;
    padding-bottom: 0.5em;
    font-weight: bold;
  }
  div.mails div.detail div.row div.text {
    margin-left: 0;
  }
  div.customer_new {
    max-width: 100%;
  }
  div.customer_new div.ls {
    width: 100%;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: none;
  }
  div.customer_new div.rs {
    width: 100%;
    padding-left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: none;
    margin-top: 3em;
    padding-top: 2em;
    border-top: 1px dashed silver;
  }
  div.listwithmenu div.menuside {
    width: 25%;
  }
  div.listwithmenu div.listside {
    width: 75%;
  }
  div.wide_list div.item_list div.box {
    width: 20%;
  }
  div.sideb div.header {
    margin-right: -10px;
    margin-left: -10px;
  }
  div.sideb ul.points {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 800px) {
  #header {
    background-position: bottom 2em right 58%;
  }
  div.wide_list div.item_list div.box {
    width: 25%;
  }
  div.owner_list div.box {
    max-width: 50%;
  }
  div.item_list div.box {
    width: 33.3%;
  }
  div.item_detail div.lside div.recommend_owner div.box {
    width: 25%;
  }
  div.sideb div.header {
    height: 260px;
  }
  div.sideb ul.points li {
    width: 50%;
  }
  div.sideb ul.points li.p1 {
    background-color: #D5E5FD;
  }
  div.sideb ul.points li.p2 {
    border-bottom: 1px solid #D5E5FD;
  }
  div.sideb ul.points li.p3 {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D5E5FD;
  }
  div.sideb ul.points li.p4 {
    background-color: #D5E5FD;
  }
  div.sideb div.guide div.content h3 {
    position: relative;
    width: auto;
    margin-bottom: 2em;
  }
  div.sideb div.guide div.content div.text {
    position: relative;
    padding: 0;
  }
  div.sideb div.guide div.content div.text ul li.part ul.helper {
    padding-left: 1em;
  }
  div.sideb div.guide div.content div.text div.chart div.part div.text {
    padding-right: 1.5em;
    padding-left: 1em;
  }
  div.sideb div.guide div.content div.text div.chart div.part div.text ul.login li {
    font-size: 90%;
  }
  div.sideb div.guide div.content div.plant {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  #header div.search {
    max-width: 17em;
  }
  div.listwithmenu div.menuside {
    display: none;
  }
  div.listwithmenu div.menuside ul.category li {
    width: 50%;
  }
  div.listwithmenu div.menuside ul.category li.c {
    width: 50%;
  }
  div.listwithmenu div.menuside ul.category li.top {
    width: 100%;
  }
  div.listwithmenu div.menuside ul.category li.another_search {
    width: 100%;
  }
  div.listwithmenu div.menuside ul.category li.another_search_first {
    margin-top: 2em;
  }
  div.listwithmenu div.menuside ul.category li.advance {
    width: 100%;
  }
  div.listwithmenu div.listside {
    width: 100%;
    padding-left: 0;
  }
  div.listwithmenu div.listside div.header_kbin {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -1em;
  }
  div.listwithmenu div.listside div.header_kbin img.lg {
    display: none;
  }
  div.listwithmenu div.listside div.header_kbin img.sm {
    display: inline;
  }
  div.listwithmenu div.listside div.whats_kbin {
    margin-right: -10px;
    margin-left: -10px;
  }
  div.item_list div.box {
    width: 25%;
  }
  div.item_list div.box a.box {
    min-height: 23em;
  }
  div.item_detail {
    width: 100%;
  }
  div.item_detail div.lside {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border-right-width: 0;
  }
  div.item_detail div.lside div.recommend_owner div.box {
    width: 20%;
  }
  div.item_detail div.rside {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
  }
  div.item_detail div.rside div.profile {
    padding: 0;
    margin: 0;
    max-width: 100%;
    margin-bottom: 4em;
  }
  div.item_detail div.order480 {
    display: block;
  }
  div.item_detail div.order1028 {
    display: none;
  }
  div.item_detail div.fav_tab button {
    font-size: 90%;
  }
  div.item_series div.series_list div.box {
    width: 25%;
  }
  div.top_upper div.themes ul li {
    width: 33.3%;
  }
  #opendrawer {
    display: block;
  }
  #gototop {
    bottom: 4.3em;
  }
  div.drawer ul.category li.another_search_first {
    margin-top: 0em;
  }
  div.drawer ul.category li.another_search {
    border-width: 0;
    text-align: left;
  }
  div.drawer ul.category li.another_search a {
    text-align: left;
    border-width: 0;
  }
  div.drawer ul.category li.another_search a p {
    position: relative;
    padding-left: 1em;
  }
}
@media screen and (max-width: 600px) {
  #main {
    padding-top: 12.9em;
  }
  div.profile div.profile_img {
    margin-right: -10px;
    margin-left: -10px;
  }
  div.profile div.links div.box {
    width: 33.33%;
  }
  div.top_upper div.items ul.category {
    width: 100%;
    position: relative;
    margin-top: 1em;
    padding-bottom: 6em;
  }
  div.top_upper div.items ul.category li {
    width: 50%;
  }
  div.top_upper div.items ul.category li.advance {
    width: 50%;
  }
  div.top_upper div.items div.plate {
    margin-right: 0;
  }
  div.top_upper div.items div.clearfix {
    margin-bottom: 4em;
  }
  div.top_upper div.campaigns2 {
    display: none;
  }
  div.top_upper div.campaigns1 {
    display: block;
  }
  div.top_upper div.themes ul li {
    width: 33.3%;
  }
  div.top_upper div.owners div.box {
    width: 18%;
    margin-right: 2.5%;
  }
  div.top_upper div.owners div.box5, div.top_upper div.owners div.box11, div.top_upper div.owners div.box17 {
    margin-right: 2.5%;
  }
  div.top_upper div.owners div.box4, div.top_upper div.owners div.box9, div.top_upper div.owners div.box14 {
    margin-right: 0;
  }
  div.top_upper div.twins div.news {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 0;
    margin-bottom: 4em;
  }
  div.top_upper div.twins div.events {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0;
  }
  div.owner_month div.box {
    width: 16.66%;
  }
  div.top_lower div.wanted {
    display: block;
    text-align: center;
  }
  div.top_lower div.wanted img {
    width: 100%;
    max-width: 400px;
  }
  div.item_list div.box {
    width: 33.3%;
  }
  div.item_list div.box a.box {
    min-height: 23em;
  }
  div.item_series div.series_list div.box {
    width: 33.3%;
  }
  div.item_detail div.lside div.recommend_owner div.box {
    width: 25%;
  }
  #header {
    background-position: bottom 2em right 2%;
  }
  #header div.search {
    top: 0;
    position: relative;
    margin-right: 7em;
  }
  #header div.search div.broadcast {
    display: none;
  }
  div.wide_list div.item_list div.box {
    width: 33.3%;
  }
  div.listwithmenu div.listside div.profile_img {
    margin-right: -10px;
    margin-left: -10px;
  }
  div.owner_list div.box {
    max-width: 100%;
  }
  #gotoguide {
    bottom: 0.4em;
  }
  #bottom_broadcast {
    display: block;
  }
}
@media screen and (max-width: 520px) {
  div.wide_list div.item_list div.box {
    width: 33.3%;
  }
}
@media screen and (max-width: 480px) {
  div.top_upper div.items ul.category li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  div.top_upper div.themes ul li {
    width: 50%;
  }
  div.top_upper div.owners div.box {
    width: 23%;
    margin-right: 2.666%;
  }
  div.top_upper div.owners div.box4, div.top_upper div.owners div.box9, div.top_upper div.owners div.box14 {
    margin-right: 2.666%;
  }
  div.top_upper div.owners div.box3, div.top_upper div.owners div.box7, div.top_upper div.owners div.box11, div.top_upper div.owners div.box15 {
    margin-right: 0;
  }
  div.owner_month div.box {
    width: 25%;
  }
  div.owner_list div.box div.sns {
    bottom: 1.2em;
    font-size: 100%;
  }
  div.owner_list div.box div.newarrivals {
    font-size: 80%;
  }
  div.item_detail div.lside div.recommend_owner div.box {
    width: 33.3%;
  }
  div.sideb ul.points li.p1 {
    height: 10em;
  }
  div.sideb ul.points li.p2 {
    height: 10em;
  }
  div.sideb ul.points li.p3 {
    height: 10em;
  }
  div.sideb ul.points li.p4 {
    height: 10em;
  }
}
@media screen and (max-width: 479px) {
  #main {
    padding-top: 13.25em;
  }
  div.wide_list div.item_list div.box {
    font-size: 120%;
  }
  div.wide_list div.item_list div.box a.box p.tags {
    font-size: 90%;
  }
}
@media screen and (max-width: 400px) {
  div.item_list div.box {
    width: 50%;
    font-size: 110%;
  }
  div.wide_list div.item_list div.box {
    width: 50%;
  }
  div.search_owners {
    font-size: 100%;
  }
  div.search_owners div.owners div.box div.inner div.img {
    font-size: 90%;
  }
  div.search_owners div.owners div.box div.inner div.name {
    font-size: 90%;
  }
  div.search_owners div.owners div.box div.inner div.name span {
    font-size: 90%;
  }
  div.search_owners div.owners div.box div.inner div.back {
    font-size: 90%;
  }
  div.item_series div.series_list div.box {
    width: 50%;
    font-size: 120%;
  }
  div.cart_list div.item div.inner div.img {
    width: 120px;
    height: 120px;
  }
  div.cart_list div.item div.inner div.text {
    margin-left: 130px;
    min-height: 120px;
  }
  ul.event_tags li {
    font-size: 90%;
  }
  div.profile div.links div.box {
    width: 50%;
  }
  div.pager_option {
    width: 100%;
  }
  div.pager_option label.left {
    font-size: 90%;
  }
  div.pager_option label.right {
    font-size: 90%;
  }
}
@media screen and (max-width: 360px) {
  div.top_upper div.owners div.box {
    width: 31%;
    margin-right: 3.5%;
  }
  div.top_upper div.owners div.box3, div.top_upper div.owners div.box7, div.top_upper div.owners div.box11, div.top_upper div.owners div.box15 {
    margin-right: 3.5%;
  }
  div.top_upper div.owners div.box2, div.top_upper div.owners div.box5, div.top_upper div.owners div.box8, div.top_upper div.owners div.box11, div.top_upper div.owners div.box14, div.top_upper div.owners div.box17 {
    margin-right: 0;
  }
  div.owner_month div.box {
    width: 33.3%;
  }
  div.wide_list div.item_list div.box {
    width: 50%;
  }
  div.sideb ul.points li.p1 {
    height: 11em;
  }
  div.sideb ul.points li.p2 {
    height: 11em;
  }
  div.pager_option {
    width: 100%;
  }
  div.pager_option label.left {
    font-size: 85%;
  }
  div.pager_option label.right {
    font-size: 85%;
  }
}
@media screen and (max-width: 320px) {
  div.profile div.talk div.photos a img {
    max-width: 90px;
  }
  div.sideb ul.points li.p1 {
    height: 12em;
  }
  div.sideb ul.points li.p2 {
    height: 12em;
  }
  div.sideb ul.points li.p3 {
    height: 11em;
  }
  div.sideb ul.points li.p4 {
    height: 11em;
  }
  div.sideb ul.points li.p4 div p.title {
    font-size: 110%;
    letter-spacing: -1px;
  }
  div.sideb div.header {
    height: 220px;
  }
  div.sideb div.header img {
    width: 280px;
  }
  div.sideb div.header p {
    font-size: 70%;
  }
  div.pager_option {
    width: 100%;
  }
  div.pager_option label.left {
    font-size: 80%;
  }
  div.pager_option label.right {
    font-size: 80%;
  }
}