* {
    margin: 0;
    padding: 0;
}

body {
  font-family: "Avenir Next", Verdana, "メイリオ", Meiryo, sans-serif;
  background-image: url('/media/bg.png');
  background-attachment: fixed;
  overflow-x: hidden;
  color: #3D3735;
}

::selection {
  background-color: #E2F214;
  box-shadow: 0 0 0 5px #3D3735;
}
::-moz-selection {
  background-color: #E2F214;
}

img {
    border: 0;
}

a {
  color: #3D3735;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
a:hover {
  color: #5B5951;
  text-decoration: none;
}

input, textarea, button {
  outline-style: none;
  font-family: "Avenir Next", Verdana, "メイリオ", Meiryo, sans-serif;
}

body, input, select, textarea, button {
    font-size: 1rem;
}

a.inline_link {
  display: inline-block;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}
a.inline_link:hover {
  background: linear-gradient(transparent 60%, #7ff214 60%);
}

input[type="radio"]+label[for] {
	cursor: pointer;
}
input[type="radio"]:checked + label {
  text-decoration: underline;
}

hr {
  border-style: none;
  border-top: 1px dashed #ccc;
}

.site_cursor {
  display: inline-block;
  position: fixed;
  pointer-events: none;
  border-radius: 100px;
  border: 4px solid #fff;
  width: 48px;
  height: 48px;
  z-index: 99999;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  background-image: url('/media/site_cursor.svg');
  transition-property: transform, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.site_cursor.hide {
  transform: rotateY(720deg);
  opacity: 0;
}

.advanced_radio_input {
  font-size: 1rem;
  display: -webkit-flex;
  display: flex;
  border-collapse: collapse;
  table-layout: fixed;
  border-radius: 50px;
  margin: 5px;
  background-color: rgba(127, 127, 127, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.advanced_radio_input:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2), 0 0 0 5px #3D3735;
}
.advanced_radio_input input[type="radio"] {
  display: none;
}
.advanced_radio_input input[type="radio"] + label {
  position: relative;
  padding: 4px 20px;
  flex-grow: 1;
  text-align: center;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  white-space: nowrap;
}
.advanced_radio_input input[type="radio"] + label:hover {
  background-color: #E2F214;
  color: #5B5951;
}
.advanced_radio_input input[type="radio"] + label[for] {
  cursor: pointer;
}
.advanced_radio_input input[type="radio"]:checked + label {
  background-color: #E2F214;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
  color: #5B5951;
}
.advanced_radio_input input[type="radio"]:checked + label:hover {
  background-color: #EDF2A0;
}
.advanced_radio_input input[type="radio"] + label:first-of-type {
  border-radius: 50px 0 0 50px;
  border-style: none;
}
.advanced_radio_input input[type="radio"] + label:last-of-type {
  border-radius: 0 50px 50px 0;
}
.advanced_radio_input input[type="radio"] + label .item_count {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: -8px;
  vertical-align: baseline;
  border-radius: 50px;
  padding: 0 5px;
  color: #5B5951;
  background-color: #E2F214;
  font-size: 0.6rem;
  font-weight: bold;
  white-space: nowrap;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.advanced_radio_input.vertical {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.advanced_radio_input.vertical input[type="radio"] + label {
  display: block;
  border-radius: 0;
  text-align: center;
  border-style: none;
}
.advanced_radio_input.vertical {
  border-radius: 5px;
}
.advanced_radio_input.vertical input[type="radio"] + label:first-of-type {
  border-radius: 5px 5px 0 0;
}
.advanced_radio_input.vertical input[type="radio"] + label:last-of-type {
  border-radius: 0 0 5px 5px;
}

.advanced_checkbox_input {
  display: inline-block;
}

.advanced_checkbox_input input[type="checkbox"] {
  display: none;
}

.advanced_checkbox_input input[type="checkbox"] + label {
  display: inline-block;
  box-sizing: border-box;
  margin: 2px 5px;
  border-radius: 50px;
  padding: 4px 10px;
  font-size: 1em;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background-color: hsla(0, 0%, 60%, 1);
  color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.advanced_checkbox_input input[type="checkbox"] + label:hover {
  background-color: hsla(0, 0%, 40%, 1);
  color: #fff;
}

.advanced_checkbox_input input[type="checkbox"]:checked + label {
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: #E2F214;
  color: #5B5951;
}

.advanced_checkbox_input input[type="checkbox"]:checked + label:hover {
  background-color: #EDF2A0;
}

span.bold { font-weight: bold; }
span.nobr { white-space: nowrap; }
span.valign_middle { vertical-align: middle; }
span.large  { font-size: 15px; }
span.small  { font-size: 12px; }
span.nowrap { white-space: nowrap; }
span.underline { text-decoration: underline; }
span.textsearch_snippet_hit { color: #ff0000; }

div.full_width       { width: 100%;        }
div.text_centering   { text-align: center; }
div.text_align_left  { text-align: left;   }
div.text_align_right { text-align: right;  }
div.small_font       { font-size: 12px;    }

div.justify_block {
    text-align: justify;
    text-justify: newspaper;
}

div.clear_block {
    clear: both;
    width: 0;
    height: 0;
}

div.inline_block {
    display: inline-block;
}

div.margin_1px  { margin:  1px; }
div.margin_5px  { margin:  5px; }
div.margin_10px { margin: 10px; }
div.margin_15px { margin: 15px; }
div.margin_20px { margin: 20px; }

div.padding_1px  { padding:  1px; }
div.padding_5px  { padding:  5px; }
div.padding_10px { padding: 10px; }
div.padding_15px { padding: 15px; }
div.padding_20px { padding: 20px; }

div.vspacer_1em  { height: 1em; width: 0; }
div.vspacer_2em  { height: 2em; width: 0; }
div.vspacer_3em  { height: 3em; width: 0; }
div.vspacer_4em  { height: 4em; width: 0; }
div.vspacer_5em  { height: 5em; width: 0; }

div.vspacer_5px  { height: 5px;  width: 0; }
div.vspacer_10px { height: 10px; width: 0; }
div.vspacer_15px { height: 15px; width: 0; }
div.vspacer_20px { height: 20px; width: 0; }
div.vspacer_25px { height: 25px; width: 0; }
div.vspacer_30px { height: 30px; width: 0; }
div.vspacer_40px { height: 40px; width: 0; }
div.vspacer_50px { height: 50px; width: 0; }

div.block_200 { width: 200px; }
div.block_300 { width: 300px; }
div.block_400 { width: 400px; }
div.block_500 { width: 500px; }
div.block_600 { width: 600px; }
div.block_700 { width: 700px; }
div.block_800 { width: 800px; }
div.block_900 { width: 900px; }

div.centering_block_300 { margin: 5px auto 5px auto; width: 300px; }
div.centering_block_400 { margin: 5px auto 5px auto; width: 400px; }
div.centering_block_500 { margin: 5px auto 5px auto; width: 500px; }
div.centering_block_600 { margin: 5px auto 5px auto; width: 600px; }
div.centering_block_700 { margin: 5px auto 5px auto; width: 700px; }
div.centering_block_800 { margin: 5px auto 5px auto; width: 800px; }
div.centering_block_900 { margin: 5px auto 5px auto; width: 900px; }

div.message_block_full { background-color: #F2F4EA; }
div.message_block_300  { background-color: #F2F4EA; width: 275px; }
div.message_block_400  { background-color: #F2F4EA; width: 375px; }
div.message_block_500  { background-color: #F2F4EA; width: 475px; }
div.message_block_600  { background-color: #F2F4EA; width: 575px; }
div.message_block_700  { background-color: #F2F4EA; width: 675px; }

div.border_block_full { border: solid 1px #888888; }
div.border_block_300  { border: solid 1px #888888; width: 275px; }
div.border_block_400  { border: solid 1px #888888; width: 375px; }
div.border_block_500  { border: solid 1px #888888; width: 475px; }
div.border_block_600  { border: solid 1px #888888; width: 575px; }
div.border_block_700  { border: solid 1px #888888; width: 675px; }

div.border_block_full, div.message_block_full,
div.border_block_300,  div.message_block_300,
div.border_block_400,  div.message_block_400,
div.border_block_500,  div.message_block_500,
div.border_block_600,  div.message_block_600,
div.border_block_700,  div.message_block_700 {
    margin: 5px auto 5px auto;
    padding: 6px 12px 6px 12px;
    text-align: justify;
    text-justify: newspaper;
}

table.message_block_full {
  width: 100%;
	font-size: 120%;
	margin: 5px auto;
	padding: 6px 12px;
	text-align: justify;
}
table.message_block_full tr td {
  padding: 4px 10px;
}
table.message_block_full tr td:first-child {
  color: hsla(120, 60%, 50%, 1);
  border-bottom: 3px solid hsla(120, 60%, 50%, 1);
  width: 30%;
  font-weight: bold;
}
table.message_block_full tr td:nth-child(2) {
  border-bottom: 1px solid #3D3735;
}
table.message_block_full tr td:first-child {
  text-align: right;
  white-space: nowrap;
}

/*****************************************************************************/
/* <h*> headers                                                              */
/*****************************************************************************/
h2.section_header {
  margin-top: 50px;
  padding: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #3D3735;
  text-align: center;
  background: linear-gradient(transparent 45%, #E2F214 45%, #E2F214 55%, transparent 55%);
}

h2.section_header a {
  display: inline-block;
  padding: 0 5px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}
h2.section_header a:hover {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background: linear-gradient(transparent 60%, #7ff214 60%);
}

h3.subsection_header {
    font-size: 19px;
    font-weight: bold;
    color: #5B5951;
    margin: 15px 0 10px 0;
    text-align: center;
    background: linear-gradient(transparent 48%, #E2F214 48%, #E2F214 52%, transparent 52%);
}

h4.subsubsection_header {
    font-size: 14px;
    color: #3D3735;
    margin: 15px 0 10px 0;
}

h5.message_header {
    font-size: 15px;
    margin-bottom: 5px;
}


/*****************************************************************************/
/* lists                                                                     */
/*****************************************************************************/
ol.standard_list    { margin: 5px 0 5px 30px; }
ol.standard_list li { margin: 0 0 5px 0; }

ul.standard_list    { margin: 5px 0 5px 25px; }
ul.standard_list li { margin: 0 0 5px 0; }

dl.standard_list    { margin: 5px 0 5px 11px; }
dl.standard_list dt { font-weight: bold; }
dl.standard_list dd { margin: 0 0 5px 0; padding-left: 30px; }

ol.base_aligned_list    { margin: 5px 0 5px 19px; }
ol.base_aligned_list li { margin: 0 0 5px 0; }

ul.base_aligned_list    { margin: 5px 0 5px 14px; }
ul.base_aligned_list li { margin: 0 0 5px 0; }

dl.base_aligned_list    { margin: 5px 0 5px 0; }
dl.base_aligned_list dt {
	font-weight: bold;
	margin: 30px 0 5px 0;
  color: #5B5951;
}
dl.base_aligned_list dd { margin: 0 0 5px 0; padding-left: 30px; }

dl.base_aligned_list dd a {
  display: inline-block;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}

dl.base_aligned_list dd a:hover {
  background: linear-gradient(transparent 60%, #7ff214 60%);
}
ul.custom_list {
    margin: 5px 0 5px 36px;
}

ul.custom_list li {
    list-style-type: none;
    position: relative;
    margin: 0 0 5px 0;
}

ul.base_aligned_custom_list {
    margin: 5px 0 5px 25px;
}

ul.base_aligned_custom_list li {
    list-style-type: none;
    position: relative;
    margin: 0 0 5px 0;
}

span.custom_list_bullet {
    position: absolute;
    top: 0;
    left: -25px;
}

/* for django form errors */
span.errorlist  { color: #ff0000; }
ul.errorlist    { color: #ff0000; }
ul.errorlist li { list-style-type: none; }

/*****************************************************************************/
/* tables                                                                    */
/*****************************************************************************/
table.standard_table {
    border-top: none;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 5px 0px 5px 0px;
    font-size: 0.8rem;
    background-color: rgba(255, 255, 255, 0.6);
}

table.standard_table td, table.standard_table th {
  border-top: none;
    border-right:  1px solid rgba(255, 255, 255, 0.2);
    padding: 10px;
}
table.standard_table td:last-of-type,
table.standard_table th:last-of-type {
  border-right-width: 0;
}
table.standard_table th {
    font-weight: bold;
    text-align: center;
    background-color: #3D3735;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
table.standard_table tr,
table.standard_table td {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
table.standard_table tr:nth-child(2n) {
  background-color: rgba(128, 128, 128, 0.12);
}
table.standard_table tr:nth-child(2n+1) {
  background-color: rgba(128, 128, 128, 0.06);
}
table.standard_table tr:hover {
  background-color: rgba(128, 128, 128, 0.18);
}
table.standard_table th a {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #E2F214;
  font-style: italic;
}
table.standard_table th a:hover {
  background-color: #7ff214;
}

table.full_width   { width: 100%; }
table.padding_5px  { padding: 5px; }
table.padding_10px { padding: 10px; }

td.strong       { font-weight: bold;   }
td.align_right  { text-align: right;   }
td.align_left   { text-align: left;    }
td.align_center { text-align: center;  }
td.nowrap       { white-space: nowrap; }
td.justify      { text-align: justify; text-justify: newspaper; }
td.padding_5px  { padding:  5px; }
td.padding_10px { padding: 10px; }


/*****************************************************************************/
/* form and fieldset styles                                                  */
/*****************************************************************************/
input.full_width {
    width: 100%;
}

fieldset.aligned_fieldset {
    width: 100%;
    border-style: none;
    margin-bottom: 15px;
}

fieldset.aligned_fieldset input[type="file"],
fieldset.aligned_fieldset input[type="text"],
fieldset.aligned_fieldset input[type="url"],
fieldset.aligned_fieldset input[type="number"],
fieldset.aligned_fieldset input[type="email"],
fieldset.aligned_fieldset input[type="password"],
fieldset.aligned_fieldset select {
  width: 100%;
  display: block;
  border-style: none;
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  box-sizing: border-box;
  padding: 2px 8px;
  background-color: rgba(0, 0, 0, 0.05);
  outline: 0 solid #3D3735;
}

fieldset.aligned_fieldset input[type="date"],
fieldset.aligned_fieldset input[type="datetime"] {
  display: inline-block;
  border-style: none;
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  box-sizing: border-box;
  padding: 2px 8px;
  background-color: rgba(0, 0, 0, 0.05);
  outline: 0 solid #3D3735;
}
fieldset.aligned_fieldset .input_date_range {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2);
}
fieldset.aligned_fieldset .input_date_range input[type="date"] {
  flex-grow: 1;
  font-size: 0.7rem;
  width: 0;
  background-color: transparent;
  box-shadow: none;
}
fieldset.aligned_fieldset .input_date_range input[type="date"] + input[type="date"]::before {
  position: absolute;
  width: 30px;
  left: calc(50% - 15px);
  text-align: center;
  content: "\f061";
  font-family: FontAwesome;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  opacity: 0.7;
  pointer-events: none;
}
fieldset.aligned_fieldset .input_date_range input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

fieldset.aligned_fieldset input[type="submit"],
fieldset.compact_fieldset input[type="submit"] {
  padding: 1px 10px 1px 10px;
}

fieldset.aligned_fieldset input[type="file"]:focus,
fieldset.aligned_fieldset input[type="text"]:focus,
fieldset.aligned_fieldset input[type="url"]:focus,
fieldset.aligned_fieldset input[type="number"]:focus,
fieldset.aligned_fieldset input[type="email"]:focus,
fieldset.aligned_fieldset input[type="password"]:focus,
fieldset.aligned_fieldset input[type="date"]:focus,
fieldset.aligned_fieldset input[type="datetime"]:focus,
fieldset.compact_fieldset input[type="text"]:focus,
fieldset.compact_fieldset input[type="url"]:focus,
fieldset.compact_fieldset input[type="number"]:focus,
fieldset.compact_fieldset input[type="password"]:focus,
fieldset.aligned_fieldset input[type="date"]:focus,
fieldset.aligned_fieldset input[type="datetime"]:focus,
fieldset.aligned_fieldset select:focus {
  background-color: #fff;
  outline: 4px solid #3D3735;
}

fieldset.aligned_fieldset input[type="file"]:hover,
fieldset.aligned_fieldset input[type="text"]:hover,
fieldset.aligned_fieldset input[type="url"]:hover,
fieldset.aligned_fieldset input[type="number"]:hover,
fieldset.aligned_fieldset input[type="email"]:hover,
fieldset.aligned_fieldset input[type="password"]:hover,
fieldset.aligned_fieldset input[type="date"]:hover,
fieldset.aligned_fieldset input[type="datetime"]:hover,
fieldset.compact_fieldset input[type="text"]:hover,
fieldset.compact_fieldset input[type="url"]:hover,
fieldset.compact_fieldset input[type="number"]:hover,
fieldset.compact_fieldset input[type="password"]:hover,
fieldset.aligned_fieldset input[type="date"]:hover,
fieldset.aligned_fieldset input[type="datetime"]:hover,
fieldset.aligned_fieldset select:hover {
  outline: 4px solid #3D3735;
}

textarea.flat_textarea {
    border: 1px solid #888888;
    margin-bottom: 15px;
    font-size: 14px;
}

textarea.full_width {
    display: block;
    width: 100%;
}

fieldset.aligned_fieldset textarea,
fieldset.compact_fieldset textarea {
  width: 100%;
  display: block;
  border-style: none;
  font-size: 14px;
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  box-sizing: border-box;
  padding: 2px 8px;
  background-color: rgba(0, 0, 0, 0.05);
  outline: 0 solid rgba(255, 153, 0, 0.5);
}

fieldset.aligned_fieldset textarea:focus,
fieldset.compact_fieldset textarea:focus {
  background-color: #fff;
  box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2);
  outline: 4px solid #3D3735;
}

fieldset.aligned_fieldset textarea:hover,
fieldset.compact_fieldset textarea:hover {
  outline: 4px solid #3D3735;
}

fieldset.aligned_fieldset table {
  width: 100%;
  border-collapse: collapse;
}

fieldset.aligned_fieldset table tr td:first-child {
  text-align: right;
  font-weight: bold;
  font-size: 0.9rem;
}

fieldset.aligned_fieldset table tr + tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

fieldset.aligned_fieldset table tr td {
  padding: 4px 10px;
}

fieldset.aligned_fieldset input[type="radio"] {
  margin: 4px 4px;
}

fieldset.aligned_fieldset label {
  cursor: pointer;
}

fieldset.aligned_fieldset table tr td.show_more {
  padding: 0;
}
fieldset.aligned_fieldset table tr td.show_more > a {
  display: block;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
}
fieldset.aligned_fieldset table tr td.show_more > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.pane_form {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.pane_form_left {
  padding: 20px;
  display: table-cell;
  vertical-align: top;
}
.pane_form_right {
  padding: 20px;
  display: table-cell;
  vertical-align: top;
}

.form_caption {
  display: inline-block;
  background-color: #3D3735;
  color: #F2F4EA;
  margin: 20px 0 0 0;
  border-radius: 0 4px 0 0;
  padding: 4px 10px;
}
.form_caption_default {
  display: inline-block;
  background-color: #5B5951;
  color: #ffffff;
  margin: 20px 0 0 0;
  border-radius: 4px 4px 0 0;
  padding: 4px 10px;
}
.form_required{
  display: inline-block;
    background-color: #ff3333;
    color: #ffffff;
    margin: 20px 0 0 0;
    border-radius: 4px 0 0 0;
    padding: 4px 10px;
}
.form_optional {
  display: inline-block;
  background-color: #999999;
  color: #ffffff;
  margin: 20px 0 0 0;
  border-radius: 4px 0 0 0;
  padding: 4px 10px;
}
.form_note {
  padding: 4px 10px;
  background-color: #999999;
  color: #ffffff;
}
.form_note a {
  color: #ffffff;
  text-decoration: underline;
}
.form_note a:hover {
  text-decoration: none;
}
.form_box {
  box-sizing: border-box;
  padding: 0 20px 20px 20px;
  background-color: #fff;
  box-shadow: 0 0 0 5px rgba(0,0,0,0.05) inset, 0 0 5px 0 rgba(0,0,0,0.2) inset;
}

.button_default{
  display: inline-block;
  margin: 10px;
  border: 0;
  border-radius: 4px;
	padding: 4px 20px;
  color: #5B5951;
  background-color: #E2F214;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  font-size: 1.2rem;
  cursor: pointer;
	outline-style: none;
  white-space: nowrap;
  text-align: center;
}

.button_default:hover,
.button_default:focus {
  color: #5B5951;
  background-color: #EDF2A0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2), 0 0 0 5px #3D3735;
  text-decoration: none;
}

.button_default.small {
  margin: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 100%;
}

.button_default:disabled,
.button_go:disabled,
.button_stop:disabled {
  color: #ffffff;
  background-color: hsla(0, 0%, 60%, 1);
  cursor: not-allowed;
  pointer-events: none;
}

.button_disabled {
  display: inline-block;
  margin: 10px;
  border: 0;
  border-radius: 4px;
	padding: 4px 20px;
  color: #ffffff;
  background-color: hsla(0, 0%, 60%, 1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  font-size: 1.2rem;
  cursor: not-allowed;
	outline-style: none;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;
}

.button_disabled:hover,
.button_disabled:focus {
  color: #ffffff;
  text-decoration: none;
}

.button_disabled.small {
  margin: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 100%;
}

.button_go{
  display: inline-block;
  margin: 10px;
  border: 0;
  border-radius: 4px;
	padding: 4px 20px;
  color: #ffffff;
  background-color: hsla(120, 60%, 50%, 1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  font-size: 1.2rem;
  cursor: pointer;
	outline-style: none;
  white-space: nowrap;
  text-align: center;
  width: 70%;
  max-width: 500px;
}

.button_go:hover,
.button_go:focus {
  color: #ffffff;
  background-color: hsla(120, 70%, 60%, 1);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2), 0 0 0 5px #3D3735;
  text-decoration: none;
}

.button_go.small {
  margin: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 100%;
}

.button_stop{
  display: inline-block;
  margin: 10px;
  border: 0;
  border-radius: 4px;
	padding: 4px 20px;
  color: #ffffff;
  background-color: hsla(0, 70%, 60%, 1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  font-size: 1.2rem;
  cursor: pointer;
	outline-style: none;
  white-space: nowrap;
  text-align: center;
}

.button_stop:hover,
.button_stop:focus {
  color: #ffffff;
  background-color: hsla(0, 100%, 50%, 1);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2), 0 0 0 5px #3D3735;
  text-decoration: none;
}

.button_stop.small {
  margin: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 100%;
}

.button_delete {
  display: inline-block;
  margin: 10px;
  border: 0;
  border-radius: 4px;
	padding: 4px 20px;
  color: #ffffff;
  background-color: hsla(0, 0%, 33%, 1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  font-size: 1.2rem;
  cursor: pointer;
	outline-style: none;
  white-space: nowrap;
  text-align: center;
}

.button_delete:hover,
.button_delete:focus {
  color: #ffffff;
  background-color: hsla(0, 100%, 50%, 1);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2), 0 0 0 5px #3D3735;
  text-decoration: none;
}

.button_delete.small {
  margin: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 100%;
}

.button_admin {
  display: inline-block;
  margin: 10px;
  border: 0;
  border-radius: 4px;
	padding: 4px 20px;
  color: #ffffff;
  background-color: hsla(0, 70%, 60%, 1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  font-size: 1.2rem;
  cursor: pointer;
	outline-style: none;
  white-space: nowrap;
  text-align: center;
}

.button_admin:hover,
.button_admin:focus {
  color: #ffffff;
  background-color: hsla(0, 100%, 50%, 1);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2), 0 0 0 5px #3D3735;
  text-decoration: none;
}

.button_admin.small {
  margin: 2px;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 100%;
}

ul.button_list {
  display: -webkit-flex;
  display: flex;
  width: 90%;
  margin: 5px auto;
  list-style: none;
  align-items: stretch;
}
ul.button_list > li {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
ul.button_list > li > a,
ul.button_list > li > input,
ul.button_list > li > button,
ul.button_list > li > span,
ul.button_list > li > .small {
  display: block;
  margin: 0;
  border-radius: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
ul.button_list > li:first-of-type > a,
ul.button_list > li:first-of-type > input,
ul.button_list > li:first-of-type > button,
ul.button_list > li:first-of-type > span {
  border-radius: 4px 0 0 4px;
}
ul.button_list > li:last-of-type > a,
ul.button_list > li:last-of-type > input,
ul.button_list > li:last-of-type > button,
ul.button_list > li:last-of-type > span {
  border-radius: 0 4px 4px 0;
  border-right-style: none;
}

button.compact_fieldset_button {
    background: #324161;
    border-style: none;
    cursor: pointer;
    padding: 5px 20px;
    color: #ffffff;
}

button.compact_fieldset_button:hover {
    opacity: 0.9;
}

button.compact_fieldset_button img {
    margin: 0 2px -3px 0;
}

img.captcha {
    margin: 1px;
    padding: 1px;
    vertical-align: bottom;
    border: 1px solid #aaaaaa;
}

input.paypal_submit {
    padding: 1px 10px 1px 10px;
}

fieldset.compact_fieldset {
    width: 100%;
    background-color: #ffeecc;
    border: solid 1px #888888;
}

fieldset.compact_fieldset legend {
    font-size: 15px;
    text-align: left;
    color: #555555;
    margin-left: 10px;
    padding: 0 5px 4px 5px;
}

fieldset.compact_fieldset form {
    margin: 0 10px 0 10px;
}

fieldset.compact_fieldset input[type="text"],
fieldset.compact_fieldset input[type="password"],
fieldset.compact_fieldset select {
    padding: 1px;
    border: 1px solid #888888;
    margin-bottom: 10px;
}

/*****************************************************************************/
/* other standard styles                                                     */
/*****************************************************************************/
p.standard_paragraph {
    text-indent: 1em;
    margin-bottom: 0.5em;
}

pre.source_code {
    background-color: #000000;
    color: #ffffff;
    text-align: left;
    margin: 5px 0 5px 0;
    padding: 5px;
}

/*****************************************************************************/
/* foundation style rules                                                    */
/*****************************************************************************/

div.foundation_background {
    width: 916px;
    margin: 0 auto;
}

div.foundation_block {
    width: 100%;
    margin: 0 auto 0 auto;
    background-color: #ffffff;
    font-size: 1rem;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

div.foundation_block header.main_header {
  background-color: #3D3735;
  margin-bottom: 15px;
  box-shadow: 0px 6px 6px -2px rgba(0, 0, 0, 0.2);
}

/*****************************************************************************/
/* layout_header_block                                                       */
/*****************************************************************************/
div.layout_header_block {
    width: 100%;
    background-color:#3D3735;
    display: table;
}

div.header_logo_block a{
	color:#FFF;
}

div.header_logo_block {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    width: 400px;
}

div.header_logo_block img {
  width: 400px;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

div.header_logo_block img:hover {
  opacity: 0.8;
}

div.header_guide_block {
    display: table-cell;
    vertical-align: top;
}

div.header_button_block {
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

div.header_button_block .cell a {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 5px 10px 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 20px;
  background: #F2F4EA;
  color: #3D3735;
  font-size: 24px;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  letter-spacing: 0.05em;
}

div.header_button_block .cell a:hover {
  margin-bottom: 0;
  padding-top: 20px;
}

div.header_site_description{
    color: #CACCC0;
    font-size: 15px;
}

ul.global_navigation_block {
    letter-spacing: 0.15em;
    width: 100%;
    font-size: 16px;
    display: table;
    table-layout: fixed;
    list-style: none;
}

ul.global_navigation_block > li {
  display: table-cell;
  position: relative;
  vertical-align: bottom;
}

ul.global_navigation_block > li > a {
  display: block;
    padding: 10px 0;
    border-bottom: 5px solid #E2F214;
    border-radius: 5px 5px 0 0;
    text-align: center;
    background-color: #3D3735;
    color: #F2F4EA;
    text-decoration: none;
    font-size: 1.1rem;
    box-shadow: inset 0 0 10px -20px #E2F214;
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}

ul.global_navigation_block > li:hover > a {
    color: #3D3735;
    border-bottom: 5px solid #3D3735;
    box-shadow: inset 0 -70px 10px -20px #E2F214;
}

ul.global_navigation_block > li:first-of-type > a {
  letter-spacing: normal;
  border-radius: 0 5px 0 0;
}

ul.global_navigation_block > li:last-of-type > a {
  border-radius: 5px 0 0 0;
}
ul.global_navigation_block .global_navigation_submenu {
  cursor: default;
}
ul.global_navigation_block .global_navigation_submenu > a::after {
  content: "\f0d7";
  padding: 0 5px;
  font-family: FontAwesome;
  line-height: 0;
}
ul.global_navigation_block .global_navigation_submenu > ul {
  visibility: hidden;
  position: absolute;
  list-style: none;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  width: 100%;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 0.3s;
  z-index: 200;
  opacity: 0;
  top: 80%;
  font-size: 0;
}
ul.global_navigation_block .global_navigation_submenu:hover > ul,
ul.global_navigation_block .global_navigation_submenu > ul:hover {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
ul.global_navigation_block .global_navigation_submenu > ul a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  background-color: #3D3735;
  color: #F2F4EA;
  padding: 10px;
  font-size: 1.1rem;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
ul.global_navigation_block .global_navigation_submenu > ul a:hover {
  width: auto;
  min-width: 100%;
}
ul.global_navigation_block .global_navigation_submenu > ul a > i {
  width: 1.4rem;
  display: inline-block;
  text-align: center;
}
ul.global_navigation_block .global_navigation_submenu > ul li.item_type_tag_menu a {
  padding: 10px 10px;
  letter-spacing:0em;
  font-size: 0.9rem;
}
ul.global_navigation_block .global_navigation_submenu > ul li.item_type_tag_menu a > i {
  width: 1rem;
  display: inline-block;
  text-align: center;
}
ul.global_navigation_block .global_navigation_submenu > ul hr {
  border-style: none;
  border-top: 1px dashed #CACCC0;
  background-color: #3D3735;
}
ul.global_navigation_block .global_navigation_submenu > ul a:hover {
  background-color: #E2F214;
  color: #3D3735;
  opacity: 1;
}

.social_header {
  color: #CACCC0;
  font-size: 30px;
  text-align: center;
  margin: 10px;
}
.social_header a {
  color: #CACCC0;
  text-decoration: none;
}
.social_header a:hover {
  color: #E2F214;
}
.social_container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 10px;
}
.social_container > div {
  padding: 5px;
}
.social_container > a {
  display: inline-block;
  padding: 5px 20px;
  background-color: hsla(200, 50%, 50%, 1);
  color: #dfefff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  margin: 0;
  border-radius: 0;
  font-size: 1.2rem;
}
.social_container > a:hover {
  color: hsla(200, 50%, 50%, 1);
  background-color: #dfefff;
}
.social_container > a:first-of-type {
  border-radius: 5px 0 0 5px;
}
.social_container > a:last-of-type {
  border-radius: 0 5px 5px 0;
}
.social_container > a:first-of-type:last-of-type {
  border-radius: 5px;
}
.social_container .social_button_twitter {
  background-color: hsla(200, 70%, 44%, 1.0);
  color: hsla(200, 70%, 100%, 1.0);
}
.social_container .social_button_twitter:hover {
  background-color: hsla(200, 70%, 80%, 1.0);
  color: hsla(200, 70%, 44%, 1.0);
}
.social_container .social_button_tumblr {
  background-color: hsla(210, 38%, 28%, 1.0);
  color: hsla(210, 38%, 100%, 1.0);
}
.social_container .social_button_tumblr:hover {
  background-color: hsla(210, 38%, 80%, 1.0);
  color: hsla(210, 38%, 28%, 1.0);
}
.social_container .social_button_facebook {
  background-color: hsla(221, 44%, 41%, 1.0);
  color: hsla(221, 44%, 100%, 1.0);
}
.social_container .social_button_facebook:hover {
  background-color: hsla(221, 44%, 80%, 1.0);
  color: hsla(221, 44%, 41%, 1.0);
}

.social_container .social_button_pinterest{
  background-color: #e60023;
  color: hsla(221, 44%, 100%, 1.0);
}
.social_container .social_button_pinterest:hover {
  background-color: #ffb0ba;
  color: #e60023;
}

.cart_product .social_container {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*****************************************************************************/
/* layout_body_block                                                         */
/*****************************************************************************/

/* The following widths work only for two columns. */
div.layout_column_1_quarter { width: 221px; float: left; }
div.layout_column_2_quarter { width: 442px; float: left; }
div.layout_column_3_quarter { width: 663px; float: left; }
div.layout_column_1_third   { width: 307px; float: left; }
div.layout_column_2_third   { width: 589px; float: left; }


div.layout_column_hspacer {
    float: left;
    width: 10px;
}

div.two_column_text {
    float: left;
    padding: 10px;
    width: 430px;
}


/*****************************************************************************/
/* layout_footer_block                                                       */
/*****************************************************************************/
div.layout_footer_block {
    color: #CACCC0;
    padding: 10px;
    background-color:#3D3735;
}

div.footer_copyright {
    text-align: center;
    margin-top: 10px;
}

.footer_menu {
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: auto 10%;
  font-size: 1.2rem;
}
.footer_menu > li {
  margin: 10px;
  font-weight: bold;
}
.footer_menu .footer_submenu {
  list-style: none;
  font-weight: normal;
  margin: 0 10px;
  font-size: 1rem;
}
.footer_menu a {
  color: #CACCC0;
  padding: 0;
}
.footer_menu a:hover {
  color: #E2F214
}

/*****************************************************************************/
/* layout box style rules                                                    */
/*****************************************************************************/
div.layout_box_shadow {
}

div.layout_box_border {
    border: 1px solid #773300;
    display: inline-block;
    width: 100%;
}

div.layout_box_header {
}

h1.layout_box_header {
  color: #3D3735;
  padding: 10px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  font-size: 24px;
}

h2.layout_box_header {
  background-color: #ff3333;
  color: #ffffff;
  font-size: 20px;
  overflow: hidden;
  padding: 4px 10px;
  text-align: center;
}


img.layout_box_header_icon {
    margin: -5px 5px 0 2px;
    vertical-align: middle;
}

hr.box_separator_10 {
    height: 0;
    border: 0;
    border-top: 1px solid #aaaaaa;
    margin: 10px 0 10px 0;
}

.merchant_only {
  margin: 10px auto;
}
.merchant_only h2 {
  background-color: #ff3333;
  color: #ffffff;
  font-size: 20px;
  padding: 4px 10px;
  text-align: center;
}
.merchant_only .note {
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #ff3333;
  background-color: #ffdddd;
}



/*****************************************************************************/
/* textsearch and pagination style rules                                     */
/*****************************************************************************/
.paginator_link_list {
    text-align: center;
    margin: 20px 0;
    font-size: 18px;
}

.paginator_link_list .paginator_items_total {
  color: #CACCC0;
}
.paginator_link_list .paginator_items_total .paginator_items_total_count {
  font-weight: bold;
}

ul.paginator_indexes {
  display: table;
  box-sizing: border-box;
  margin: auto;
  border-radius: 50px;
  list-style-type: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: rgba(127, 127, 127, 0.1);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
ul.paginator_indexes li {
  display: table-cell;
  line-height: normal;
}
ul.paginator_indexes li > a {
  padding: 5px 10px;
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  color: #3D3735;
}
ul.paginator_indexes li > span {
  padding: 5px 10px;
  display: block;
  font-size: 1.2rem;
}
ul.paginator_indexes.large li > a {
  font-size: 1.8rem;
}
ul.paginator_indexes.large li > span {
  font-size: 1.8rem;
}
ul.paginator_indexes li > a:hover {
  padding: 5px 10px;
  display: block;
  background-color: #EDF2A0;
  color: #5B5951;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
ul.paginator_indexes li.here > span {
  font-weight: bold;
  background-color: #E2F214;
  color: #5B5951;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
ul.paginator_indexes li.snip > span {
  color: #ccc;
}
ul.paginator_indexes li:first-of-type > a,
ul.paginator_indexes li:first-of-type > span {
  border-radius: 50px 0 0 50px;
  padding-left: 20px;
}
ul.paginator_indexes li:last-of-type > a,
ul.paginator_indexes li:last-of-type > span {
  border-radius: 0 50px 50px 0;
  padding-right: 20px;
}

.refine_link_list {
  text-align: center;
  margin: 10px 0;
  font-size: 18px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}

.refine_link_list .refine_link {
  display: -webkit-flex;
  display: flex;
  margin: 5px;
  text-decoration: none;
  list-style: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  background-color: rgba(127, 127, 127, 0.1);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.refine_link_list .refine_link > a,
.refine_link_list .refine_link > span {
  display: block;
  position: relative;
  padding: 5px 20px;
  vertical-align: middle;
}
.refine_link_list .refine_link > a .item_count,
.refine_link_list .refine_link > span .item_count {
  display: inline-block;
  position: absolute;
  right: 2px;
  top: -8px;
  vertical-align: baseline;
  border-radius: 50px;
  padding: 0 5px;
  color: #5B5951;
  background-color: #E2F214;
  font-size: 0.5rem;
  font-weight: bold;
  white-space: nowrap;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.refine_link_list .refine_link a:hover {
  background-color: #EDF2A0;
  color: #5B5951;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.refine_link_list .refine_link .selected {
  background-color: #E2F214;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  color: #5B5951;
  font-weight: bold;
}

.refine_link_list .refine_link > a:first-child,
.refine_link_list .refine_link > span:first-child {
  border-radius: 50px 0 0 50px;
  border-left-style: none;
}
.refine_link_list .refine_link > a:last-child,
.refine_link_list .refine_link > span:last-child {
  border-radius: 0 50px 50px 0;
}

div.textsearch_result_block {
  border-bottom: dashed 1px #ccc;
  padding: 10px 20px;
  overflow-x: hidden;
}

ul.textsearch_result_list {
  list-style: none;
}
ul.textsearch_result_list > li {
  border-bottom: dashed 1px #ccc;
  overflow-x: hidden;
}
ul.textsearch_result_list > li:first-of-type {
  border-top: dashed 1px #ccc;
}
ul.textsearch_result_list > li > a {
  display: block;
  padding: 10px 20px;
  font-size: 1rem;
}
ul.textsearch_result_list > li > a:hover {
  background-color: hsla(200, 50%, 50%, 1);
  color: #fff;
}

div.textsearch_result_link {
    margin-bottom: 5px;
}

div.textsearch_result_snippet {
    text-align: justify;
    text-justify: newspaper;
}

div.textsearch_result_footer {
    margin-top: 5px;
    color: #008040;
}

span.textsearch_snippet_hit {
    color: #ff0000;
}


/*****************************************************************************/
/* rules specific to otakurepublic                                           */
/*****************************************************************************/
div.product_thumbnail_box {
    display: inline-block;
    text-align: center;
    margin: 3px 1px 3px 1px;
    padding: 3px;
    width: 128px;
    min-height: 170px;
    vertical-align: top;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) inset;
    transition-property: box-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

div.product_thumbnail_box img {
  width: 100%;
}

div.product_thumbnail_box:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
}

div.product_thumbnail_box_large {
    display: inline-block;
    text-align: center;
    margin: 3px 6px 3px 6px;
    padding: 3px;
    width: 163px;
    min-height: 170px;
    vertical-align: top;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) inset;
    transition-property: box-shadow;
    transition-duration: 0.1s;
    transition-timing-function: ease-out;
}

div.product_thumbnail_box_large:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
}

div.product_thumbnail_box_large a img{
	max-width:157px;
}

div.product_thumbnail_name {
    height: 50px;
    overflow: hidden;
}


div.product_thumbnail_sold_out_name {
    height: 50px;
    overflow: hidden;
}


div.product_thumbnail_sold_out {
  display: inline-block;
  padding: 0 8px;
  background-color: hsla(0, 70%, 60%, 1);
  font-size: 0.8rem;
  color: #ffffff;
  border-radius: 50px;
  margin: 2px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

div.product_thumbnail_used {
  display: inline-block;
  padding: 0 8px;
  background-color: hsla(60, 50%, 60%, 1);
  font-size: 0.8rem;
  color: #ffffff;
  border-radius: 50px;
  margin: 2px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

div.product_thumbnail_new_arrival {
  display: inline-block;
  padding: 0 8px;
  background-color: hsla(90, 50%, 40%, 1);
  font-size: 0.8rem;
  color: #ffffff;
  border-radius: 50px;
  margin: 2px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

div.product_thumbnail_bl {
  display: inline-block;
  padding: 0 8px;
  background-color: hsla(340, 70%, 70%, 1);
  font-size: 0.8rem;
  color: #ffffff;
  border-radius: 50px;
  margin: 2px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

div.product_thumbnail_comiket {
  display: inline-block;
  padding: 0 8px;
  background-color: hsla(200, 50%, 50%, 1);
  font-size: 0.8rem;
  color: #ffffff;
  border-radius: 50px;
  margin: 2px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

div.product_thumbnail_restocked {
  display: inline-block;
  padding: 0 8px;
  background-color: hsla(180, 50%, 50%, 1);
  font-size: 0.8rem;
  color:#FFFFFF;
  border-radius: 50px;
  margin: 2px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

/*****************************************************************************/
/* added at 2012/10/04                                                       */
/*****************************************************************************/

div.breadcrumb {
  padding: 10px;
}

ul.breadcrumbList {
    list-style: none;
    font-size: 1rem;
    text-align: center;
}

ul.breadcrumbList li {
  display: inline;
}

.tag {
  padding: 5px 20px;
  background-color: hsla(0, 0%, 93%, 1);
  border-radius:50px;
  color: #3D3735;
  box-sizing:border-box;
  display:block;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px, rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.tag:hover{
	text-decoration:none;
	color:#5B5951;
	background-color:#E2F214;
  text-decoration: none;
}
.tag::before {
  content: "\f02b";
  font-family: FontAwesome;
  margin-right: 5px;
}

div.product_descripton {
  font-size: 1.2rem;
}

div.product_descripton p {
  background-color:#FFFFFF;
}


div.product_descripton table {
	width:100%;
	border-spacing:0px;
}

div.product_descripton table::after {
  content: "";
  clear: both;
}

div.product_descripton table tr td {
  width: 100%;
  float: left;
	padding: 10px 5%;
  box-sizing: border-box;
}

div.product_descripton table tr td:first-child {
  padding: 10px 3%;
  background-color: #eee;
  color: #666;
  font-weight: bold;
}

div.product_descripton a {
  display: inline;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}
div.product_descripton a:hover {
  background: linear-gradient(transparent 60%, #7ff214 60%);
}
div.product_descripton a[href^="/product/tag_page.html"]::before {
  content: "\f02b";
  font-family: FontAwesome;
  margin-right: 5px;
}

div.product_thumbnail_price{
	color:#990000
}

.product_price{
	color:#990000;
	font-size: 1.1rem;
  font-weight: bold;
}

.product_stock{
	font-size:18px;
}

div.cart_total_price{
	color:#CC2222;
	font-size:120%;
  text-align: center;
}

span.notice_message{
	color: #ff3333;
  font-weight: bold;
  font-size: 120%;
}

ul.product_banner{
	list-style-type: none;
}

ul.product_banner li{
	text-align:center;
  line-height: 0;
}

ul.product_banner img {
  width: 100%;
}

.loading {
  text-align: center;
  font-size: 150%;
  animation: loading_anime 0.43s ease-in 0s infinite alternate;
}
.loading i {
  font-size: 200%;
  vertical-align: middle;
  margin: 5px;
}

@keyframes loading_anime {
  0% {
  }
  100% {
    opacity: 0.1;
  }
}

h2.left_menu {
    padding: 10px 0;
    background: #3D3735;
    border-top: 5px solid #E2F214;
    font-size: 20px;
    font-weight: bold;
    color: #F2F4EA;
    overflow: hidden;
    text-align: center;
}

h3.left_menu{
    font-size: 18px;
    font-weight: bold;
    color: #5B5951;
    margin: 20px 0 5px 0px;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(transparent 45%, #E2F214 45%, #E2F214 55%, transparent 55%);
}
div.left_menu {
  text-align: center;
}

h1.main_area {
    margin: 20px 0;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #3D3735;
    overflow: hidden;
    text-align: center;
    word-break: break-all;
}


div.main_area {
    display: inline-block;
    width: 100%;
}


div.search_descripton table {
  border-collapse: collapse;
  width: 100%;
}
div.search_descripton tr td {
  padding: 5px 10px;
}
div.search_descripton tr:nth-child(2n+1) {
  background: #eeeeee;
}
div.search_descripton tr td:first-child {
  white-space: nowrap;
  font-weight: bold;
  text-align: right;
  width: 20%;
}

h1.you_may_like{
  margin: 10px 0;
  padding: 10px 0;
  background-color: #5B5951;
  font-size: 20px;
  font-weight: bold;
  color: #F2F4EA;
  overflow: hidden;
  text-align: center;
}

div.paginator_link_list strong{
	margin-left:5px;
	font-size:120%;
}

ul.navigation_taglist {
  margin-bottom: 20px;
}

ul.navigation_taglist li {
    list-style-type: none;
    border-bottom:1px dashed #DDDDDD;
    text-align: left;
    overflow: hidden;
    font-size: 16px;
}

ul.navigation_taglist li a{
  padding: 4px 10px;
  transition-property: all;
  transition-duration: 0.05s;
  transition-timing-function: ease-out;
}

ul.navigation_taglist li a:hover{
  background: #E2F214;
	color: #5B5951;
	text-decoration:none;
}

.left_anime_title_tag a{
  padding: 5px 10px;
  background-color: #eee;
  border-radius:50px;
  color: #000;
  box-sizing:border-box;
  display:table;
  width: 100%;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.left_anime_title a{
  display:table;
  width: 100%;
  box-sizing:border-box;
}
.left_anime_title a > span,
.left_anime_title_tag a > span {
  display: table-cell;
}

.left_anime_title a > span:last-of-type,
.left_anime_title_tag a > span:last-of-type {
  text-align: right;
}

.left_anime_title a > span:first-of-type,
.left_anime_title_tag a > span:first-of-type {
  text-align: left;
}

.left_anime_title a > span.item_count,
.left_anime_title_tag a > span.item_count {
  vertical-align: bottom;
  color: #CACCC0;
  font-size: 12px;
  text-shadow: none;
}

.left_anime_title a:hover > span.item_count,
.left_anime_title_tag a:hover > span.item_count {
  color: #5B5951;
  text-shadow: none;
}

.left_anime_title_tag a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#438BC5;
  text-decoration: none;
}

.left_anime_seemore a{
  display:table;
  width: 100%;
  box-sizing:border-box;

  padding: 5px 10px;
  background-color: #ddd;
  border-radius:50px;
  color: #000;
  box-sizing:border-box;
  display:table;
  width: 100%;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.left_anime_seemore a > span {
  display: table-cell;
  font-size: 110%;
  text-align: center;
}

.left_anime_seemore a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#438BC5;
  text-decoration: none;
}

.anime_scale2 {
  border-left: 5px solid #3D3735;
}

.anime_scale1 {
  border-left: 5px solid #CACCC0;
}

.anime_scale0 {
  border-left: 5px solid #F2F4EA;
}

.search_container {
  display: block;
  box-sizing: border-box;
  margin: 10px 0 5px 20px;
  border-radius: 5px 0 0 5px;
  background-color: #F2F4EA;
  font-size: 16px;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.search_container:hover {
  margin: 0;
  margin: 10px 0 5px 10px;
}

.search_box {
  display: table;
  width: 100%;
  box-sizing: border-box;
}

.search_box select,
.search_box input,
.search_box button {
  outline: 0 none;
  vertical-align: middle;
}

.search_box input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.search_box input::-moz-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.search_box input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.search_box input::-o-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.search_box .input_select {
  display: table-cell;
  width: 160px;
  padding: 4px;
  border-radius: 5px 0 0 5px;
  background: rgba(255, 255, 255, 0.1);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.search_box .input_select:hover {
  background: rgba(255, 255, 255, 0.2);

}
.search_box .input_select select {
  width: 100%;
  box-sizing: border-box;
  border-style: none;
  border-radius: 2px;
  padding: 5px 5px;
  color: #3D3735;
  background: rgba(255, 255, 255, 0);
}

.search_box .input_select option {
  color: #fff;
  background-color: #324161;
}

.search_box .input_text {
  display: table-cell;
  position: relative;
  width: auto;
}

.search_box .input_text input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
  border-style: none;
  color: #3D3735;
  background: rgba(255, 255, 255, 0);
}

.search_box .input_button {
  display: table-cell;
  width: 50px;
  box-sizing: border-box;
  height: 100%;
  padding: 4px 0;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.search_box .input_button:hover {
  width: 60px;
}

.search_box .input_button button {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-style: none;
  border-radius: 5px 0 0 5px;
  padding: 0 5px;
  color: #3D3735;
  background: rgba(0, 0, 0, 0.1);
  font-size: 24px;
  text-align: left;
  cursor: pointer;
}

.header_search_hint {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  padding: 5px 20px;
  border-radius: 50px;
  background-color: #ddffdd;
  color: #335533;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 1s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  overflow-x: visible;
  white-space: nowrap;
  z-index: 1;
}

.search_container:hover .header_search_hint {
  display: block;
}

.i_search_input{
  margin-left:5px;
  border-style: none;
  border-bottom:1px #324161 solid;
  padding: 2px 5px;
  background-color: #ffffff;
}
.i_search_input::-webkit-input-placeholder {
  padding: 2px 5px;
  color: #324161;
}
.i_search_input::-moz-input-placeholder {
  padding: 2px 5px;
  color: #324161;
}
.i_search_input::-ms-input-placeholder {
  padding: 2px 5px;
  color: #324161;
}
.i_search_button{
	display:inline-block;
	cursor:pointer;
  font-size: 18px;
  border-style: none;
  color: #324161;
}

.search_form_box {
	box-sizing: border-box;
	width: 80%;
	margin: 20px auto;
  padding: 20px 5%;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 5px;
}
.search_form_box legend {
  border-radius: 50px;
  padding: 5px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #3D3735;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}

.search_form_box input {
	font-size: 1.2rem;
}
.search_form_box .search_button {
	font-size: 1.2rem;
	padding: 0;
	width: 50px;
}

.search_hint {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	padding: 5px 20px;
	border-radius: 50px;
	background-color: #ddffdd;
	color: #335533;
	transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-out;
	transition-delay: 1s;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
	overflow-x: visible;
	white-space: nowrap;
	z-index: 1;
}
.hint_container {
	position: relative;
}
.hint_container:hover .search_hint {
	display: block;
}

.hint_box {
  display: block;
  position: relative;
}
.hint_box[hint]::after {
  display: inline-block;
  visibility: hidden;
  content: attr(hint);
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 80%;
  width: 100%;
  padding: 5px 20px;
  border-radius: 0 0 5px 5px;
  background-color: rgba(221, 255, 221, 0.9);
  color: #335533;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  overflow-x: visible;
  text-align: center;
  z-index: 1;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
  opacity: 0;
  white-space: normal;
  pointer-events: none;
}
.hint_box[hint]:hover::after {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.3s;
  top: 100%;
}

.hint_box[hint]::after:hover {
  visibility: hidden;
}

.search_form_container {
  text-align: center;
  padding: 0 10px;
}
.instant_search_form {
  width: 100%;
  text-align: center;
  display:-webkit-flex;
  display:flex;
  margin: 10px auto;
  border-radius: 50px;
  background-color:#E2F214;
  color:#3D3735;
  font-size: 16px;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  white-space: nowrap;
}
.instant_search_form input::selection {
  background-color: #5B5951;
  color: #F2F4EA;
}
.instant_search_form:hover {
  background-color:#E2F214;
	color:#3D3735;
  box-shadow: 0 0 0 5px #3D3735;
}
.instant_search_form input {
  vertical-align: top;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 5px 0 5px 15px;
  border-style: none;
  background-color: transparent;
  color: #3D3735;
  font-size: 16px;
}
.instant_search_form input::-webkit-input-placeholder {
  padding: 2px 5px;
  color: rgba(0, 0, 0, 0.4);
}
.instant_search_form input::-moz-input-placeholder {
  padding: 2px 5px;
  color: rgba(0, 0, 0, 0.4);
}
.instant_search_form input::-ms-input-placeholder {
  padding: 2px 5px;
  color: rgba(0, 0, 0, 0.4);
}
.instant_search_form .search_button {
  border-style: none;
  vertical-align: top;
  box-sizing: border-box;
  width: 35px;
  padding: 5px;
  cursor: pointer;
  background-color: transparent;
  color: #3D3735;
  font-size: 16px;
  outline-style: none;
}
.instant_search_form select {
  outline: none;
  box-sizing: border-box;
  border-style: none;
  border-radius: 2px;
  padding: 5px 5px;
  margin-left: 10px;
  color: #3D3735;
  background: rgba(255, 255, 255, 0);
}

div.matrix_shadow{
  padding: 10px 0;
}

div.matrix_row_container {
  position: relative;
}

a.matrix_row_header {
    display: block;
   background-color:#F2F4EA;
    font-size: 20px;
    font-weight: bold;
    color: #3D3735;
    padding: 10px 0;
    text-decoration: none;
    text-align: center;
}

a.matrix_row_header:hover {
    color: #5B5951;
    background-color: #E2F214;
}

div.product_matrix_navi {
    display: inline-block;
    text-align: center;
    width: 18px;
    padding-top: 85px;
}

.product_matrix_cell {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  margin: 0 2px;
  padding: 5px;
  width: 200px;
  vertical-align: top;
  height:300px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1) inset;
  transition-property: box-shadow;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  white-space: normal;
}
.product_matrix_cell:first-of-type {
  margin-left: 25px;
}
.product_matrix_cell:last-of-type {
  margin-right: 25px;
}

.product_matrix_cell a img{
	max-width:190px;
}


.product_matrix_cell:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
}

div.product_matrix_name {
    height: 3.65em;
    overflow: hidden;
}

input.tag_search {
   width: 465px;
}

div.related_products_row{
  text-align: center;
}

div.tag_description img{
	max-width: 570px;
}

#header_paypal{
	float:left;margin-left:4px;margin-top:4px;
}

#header_tumblr{
	float:left;margin-left:4px;margin-top:4px;
}

span.cart_counter{
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 0 5px;
  color:#fff;
  background-color: #f66;
  font-weight: bold;
  text-align: center;
  letter-spacing: normal;
  font-size: 0.7rem;
  vertical-align: top;
}

.badge_notice[count]::after {
  content: attr(count);
  margin-left: -15px;
  border: 2px solid #3D3735;
  border-radius: 30px;
  padding: 0 5px;
  color:#3D3735;
  background-color: #E2F214;
  font-weight: bold;
  text-align: center;
  letter-spacing: normal;
  font-size: 0.7rem;
  vertical-align: top;
}

.breadcrumbListContent a {
  font-style: italic;
  display: inline-block;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}
.breadcrumbListContent a:hover {
  background: linear-gradient(transparent 60%, #7ff214 60%);
}
.breadcrumbListContent a.button_default{
  display: inline;
}


span.alpabet_button{
	display:inline-block;
	text-align:center;
	width:22px;
	height:22px;
	font-size:17px;
	border-radius: 4px;
	background-color:#eee;
	color:#666;
	font-weight:bold;
}

span.alpabet_button_active{
	display:inline-block;
	text-align:center;
	width:22px;
	height:22px;
	font-size:17px;
	border-radius: 4px;
	background-color:#666;
	color:#eee;
	font-weight:bold;

}

span.alpabet_button:hover{
	background-color:#666;
	color:#eee;

}

span.alpabet_button_other{
	display:inline-block;
	text-align:center;
	font-size:17px;
	border-radius: 4px;
	background-color:#eee;
	color:#666;
	height:22px;
	width:70px;
	margin-top:10px;
}

span.alpabet_button_other_active{
	display:inline-block;
	text-align:center;
	font-size:17px;
	border-radius: 4px;
	background-color:#666;
	color:#eee;
	height:22px;
	width:70px;
	margin-top:10px;
}

span.alpabet_button_other:hover{
	background-color:#666;
	color:#eee;

}

div.banner_big_container a {
  display: block;
  padding-bottom: 5px;
}

div.banner_big_container img {
  display: block;
	width: 100%;
  background-color: #fff;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

div.banner_big_container img:hover {
	opacity: 0.8;
}

@media only screen and (min-width : 1100px) {
	span.alpabet_button{
	width:25px;
	height:25px;
	font-size:20px;
	}

	span.alpabet_button_active{
	width:25px;
	height:25px;
	font-size:20px;
	}
}

@media only screen and (min-width : 1100px) {
	div.product_thumbnail_box_large {
    	margin: 3px 1px 3px 1px;
	}

	/*+136px*/
	div.foundation_background {
	    width: 1054px;
	}
	div.layout_column_2_third {
 	   width: 727px;
	}
	div.layout_column_2_quarter_left{
	width:580px;
	}

	div.tag_description img{
		max-width: 707px;
	}

	.i_search_input{
	width:470px;
	}
	#header_paypal{
	margin-left:10px;
	}
	#header_tumblr{
	margin-left:10px;
	}

}

table.menu_table{
    border:none;
    margin: 0 auto;
}

table.menu_table th{
    color: #ffffff;
    font-weight: bold;
    font-size:13px;
    text-align:left;
    width:20%;
}
table.menu_table td{
    font-size: 13px;
    line-height: 120%;
    text-align:left;
    padding: 0 8px;
}
table.menu_table td a{
  color: #CACCC0;
}

div.paginator_link_list_mobile {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

div.paginator_link_list_mobile a{
	padding:5px 20px 5px 20px;
	font-size:20px;
	background-color: #4070ff;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.5px;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
}

div.paginator_link_list_mobile span.this_page{
	font-size:18px;
	margin-left:15px;
	margin-right:15px;
	color:#888;
}

div.next_page_only a{
		padding:5px 40px 5px 40px;
}

.footer_request{
  background-color: #CACCC0;
  padding: 20px;
}


.footer_request_button{
	width:400px;
	font-size:20px;
	margin-top:20px;
	margin-bottom:20px;
}

 .align_center { text-align: center;  }

.available_card_list {
  list-style: none;
  text-align: center;
  font-size: 50px;
  color: #666666;
}
.available_card_list li {
  display: inline-block;
}

.admin_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.admin_table tr th {
  padding: 2px 4px;
  background-color: #3D3735;
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
  border-left: 1px solid #ffffff;
}
.admin_table tr th:first-child {
  border-left-style: none;
}
.admin_table tr td {
  padding: 10px 15px;
  vertical-align: top;
  border-left: 1px solid #ffffff;
}
.admin_table tr td:first-child {
  text-align: center;
  vertical-align: middle;
  border-left-style: none;
  font-weight: bold;
  font-size: 120%;
}
.admin_table tr:nth-child(2n+1) {
  background-color: #F2F4EA;
}
.admin_table a {
  font-size: 100%;
}

div.page_notice {
  box-shadow: none;
  font-size: 1.2rem;
  margin: 30px 75px;
  letter-spacing: 1px;
  border-right: 4px solid #ccc;
  border-left: 4px solid #ccc;
  border-radius: 12px;
  padding: 10px 20px;
  color: #333;
  text-align: justify;
}
div.page_notice span {
  border-bottom: 1px dashed #ccc;
}

.default_notice {
  background-color: #eeeeee;
  text-align: center;
  font-size: 160%;
}
.default_notice > i:first-of-type {
  font-size: 60px;
}
.default_notice .subnotice {
  padding: 20px 5%;
  border-top: 1px dashed #ccc;
}
.default_notice .subnotice > i:first-of-type {
  font-size: 60px;
}
.default_notice .subnotice:first-of-type {
  border-style: none;
}

.notfound_notice {
  background-color: #eeeeee;
  text-align: center;
  font-size: 160%;
}
.notfound_notice > i:first-of-type {
  font-size: 60px;
}
.notfound_notice .subnotice {
  padding: 20px 5%;
  border-top: 1px dashed #ccc;
}
.notfound_notice .subnotice > i:first-of-type {
  font-size: 60px;
}
.notfound_notice .subnotice:first-of-type {
  border-style: none;
}

.thankyou_notice {
  background-color: #ddeedd;
  color: #33aa33;
  padding: 20px 5%;
  text-align: center;
  font-size: 160%;
}
.thankyou_notice > i:first-of-type {
  font-size: 60px;
}

.ok_notice {
  background-color: #ddeedd;
  color: #33aa33;
  padding: 20px 5%;
  text-align: center;
  font-size: 22px;
}
.ok_notice > i:first-of-type {
  font-size: 60px;
}
.ok_notice .subnotice {
  padding: 20px 5%;
  border-top: 1px dashed #aaddaa;
}
.ok_notice .subnotice > i:first-of-type {
  font-size: 60px;
}
.ok_notice .subnotice:first-of-type {
  border-style: none;
}

.small_notice {
  background-color: #eee;
  color: #666;
  padding: 20px 5%;
  font-size: 16px;
}
.small_notice i:first-of-type {
  font-size: 40px;
}
.small_notice .subnotice {
  padding: 20px 5%;
  border-top: 1px dashed #ccc;
}
.small_notice .subnotice > i:first-of-type {
  font-size: 40px;
}
.small_notice .subnotice:first-of-type {
  border-style: none;
}

.small_notice a {
  display: inline-block;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}
.small_notice a:hover {
  background: linear-gradient(transparent 60%, #7ff214 60%);
}

.ng_notice {
  background-color: #eedddd;
  color: #aa3333;
  padding: 20px 5%;
  text-align: center;
  font-size: 160%;
}
.ng_notice i:first-of-type {
  font-size: 60px;
}
.ng_notice .subnotice {
  padding: 20px 5%;
  border-top: 1px dashed #aa3333;
}
.ng_notice .subnotice > i:first-of-type {
  font-size: 60px;
}
.ng_notice .subnotice:first-of-type {
  border-style: none;
}

.maintenance_notice {
  background-color: #eee;
  color: #666;
  padding: 20px 5%;
  text-align: center;
  font-size: 160%;
}
.maintenance_notice > i:first-of-type {
  font-size: 60px;
}
.maintenance_notice .subnotice {
  padding: 20px 5%;
  border-top: 1px dashed #ccc;
}
.maintenance_notice .subnotice > i:first-of-type {
  font-size: 60px;
}
.maintenance_notice .subnotice:first-of-type {
  border-style: none;
}

.faq_body {
  max-width: 750px;
  margin: 20px auto 10px auto;
  font-size: 140%;
}
.shopinfo_body {
  max-width: 750px;
  margin: 20px auto 10px auto;
  font-size: 140%;
}
.feedback_body {
  max-width: 750px;
  margin: 20px auto 10px auto;
  font-size: 1.2rem;
}
.shipping_body {
  max-width: 750px;
  margin: 20px auto 10px auto;
  font-size: 140%;
}
.article_body{
  max-width: 850px;
	margin:10px auto;
	word-wrap:break-word;
}
.article_body a {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.article_body a:hover {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.dashboard {
  color: #666;
  font-size: 1.2rem;
}

.dashboard h1 {
  text-align: center;
  margin: 20px 0 10px 0;
}

.status_table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.status_table tr td, .status_table tr th {
  text-align: center;
  border-right: 1px solid #eee;
  padding: 10px;
}

.status_table tr td:last-child, .status_table tr th:last-child {
  border-right-style: none;
}

.status_table tr td.status_table_value, .status_table tr td.status_table_value_caution {
  font-size: 30px;
  font-weight: bold;
}

.status_table tr td.status_table_value a {
  display: block;
  background-color: hsla(200, 50%, 50%, 1);
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.status_table tr td.status_table_value a:hover,
.status_table tr td.status_table_value a:focus {
  color: #ffffff;
  background-color: hsla(200, 70%, 60%, 1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.status_table tr td.status_table_value_caution a {
  display: block;
  background-color: hsla(0, 70%, 60%, 1);
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.status_table tr td.status_table_value_caution a:hover,
.status_table tr td.status_table_value_caution a:focus {
  color: #ffffff;
  background-color: hsla(0, 100%, 50%, 1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.status_table tr td.status_table_function {
  padding: 0;
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}

.status_table_function a {
  padding: 4px 10px;
  display: block;
  transition-property: all;
  transition-duration: 0.05s;
  transition-timing-function: ease-out;
  border-top: 1px dashed #ddd;
}

.status_table_function a:hover {
  background-color: #E2F214;
  color: #5B5951;
}

.status_table_function a.status_table_caution {
  color: #f33;
  font-weight: bold;
}

.status_table_function a.status_table_caution:hover {
  background-color: #f33;
  color: #fff;
}

.sales_amount_table {
  width: 100%;
  border-collapse: collapse;
}

.sales_amount_table tr th {
  text-align: right;
  background-color: #3D3735;
  color: #ffffff;
  padding: 5px 15px;
}
.sales_amount_table tr td {
  text-align: right;
  border-bottom: 1px dashed #eee;
  padding: 5px 10px;
}

.new_items_table {
  width: 100%;
  border-collapse: collapse;
}

.new_items_table tr th {
  text-align: right;
  background-color: #3D3735;
  color: #ffffff;
  padding: 5px 15px;
}

.new_items_table tr td {
  text-align: right;
  border-bottom: 1px dashed #dddddd;
  padding: 5px 10px;
}

.strong_form_note {
    color: #cc2222;
    font-size: 120%;
    font-weight: bold;
}

.item_count {
  vertical-align: super;
  color: #ff3333;
  font-size: 40%;
  font-weight: bold;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.item_count::before {
  content: "x";
  margin: 0 2px;
}

.index_menu_area {
  width: 30%;
  font-size: 0.8rem;
}

.index_menu_area h1 {
  background-color: #3D3735;
  color: #F2F4EA;
  padding: 4px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
}

.index_menu_area h2 {
  background: linear-gradient(transparent 45%, #E2F214 45%, #E2F214 55%, transparent 55%);
  color: #3D3735;
  margin: 10px 0;
  padding: 4px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
}

.index_menu_area h3 {
  background: linear-gradient(transparent 48%, #E2F214 48%, #E2F214 52%, transparent 52%);
  color: #3D3735;
  padding: 2px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
}

.index_menu_area ul {
  margin-bottom: 20px;
}

.index_menu_area ul li {
  list-style-type: none;
  border-top: 1px dashed #eee;
}
.index_menu_area ul li:first-of-type {
  border-top-style: none;
}
.index_menu_area ul li.list_hr {
  border-top: 1px solid #ccc;
  height: 0px;
  overflow: hidden;
}
.index_menu_area ul li.list_hr + li {
  border-top-style: none;
}

.index_menu_area ul li a{
  padding: 4px 10px;
	display:block;
  transition-property: all;
  transition-duration: 0.05s;
  transition-timing-function: ease-out;
}

.index_menu_area ul li a:hover{
  background: #E2F214;
	color: #5B5951;
	text-decoration:none;
}

.nav_search_bl{
	over-flow:hidden;
	display:table-cell;
	width:115px;
}
.nav_search_bl .nav_search_label{
	width:125px;
}

.bl_query{
	width:120px;
	height:24px;
	border-radius: 0;
 	border: 3px solid #324161;
 	padding: 0;
 	background: none #324161;
 	vertical-align: middle;
 	font-size: 13px;
 	color: #FFFFFF;
 	box-sizing: content-box;
}

.i_search_input{
width:250px;
}

@media only screen and (min-width : 1100px) {
	.i_search_input{
		width:370px;
	}
}

.header_search_input_box{
display:table-cell;
}

.link_box {
  position: relative;
  min-width: 60px;
}

.link_box a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(200, 50%, 50%, 0.1);
  color: hsla(200, 50%, 50%, 1);
}

.link_box a:hover {
  background-color: hsla(200, 50%, 50%, 1);
  color: #ffffff;
}

.full_table {
  display: table;
  width: 100%;
  height: 100%;
}

.full_table .full_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.id_box {
  width: 30px;
}

.seemore_table {
  position: absolute;
  left: 0;
  top: 0;
}

.seemore_cell {
  font-size: 16px;
  background-color: #ccc;
  color: #fff;
}
.seemore_cell i:first-of-type {
  font-size: 50px;
}

.scrolling_ui {
  position: absolute;
  z-index: 100;
  top: 10px;
  height: 100%;
  height: calc(100% - 20px);
  width: 50px;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.scrolling_ui:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.scrolling_ui i {
  position: relative;
  font-size: 48px;
  top: calc(50% - 48px/2);
  color: #ffffff;
}
.scrolling_ui_left {
  left: 0;
}
.scrolling_ui_right {
  right: 0;
}

#floating_notice {
  position: absolute;
  background-color: #ddffdd;
  width: 400px;
  color: #335533;
  opacity: 0.95;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 10px;
  display: none;
  border-radius: 5px;
  z-index: 300;
}

#floating_notice_arrow {
  position: absolute;
  font-size: 80px;
  color: #ddffdd;
  pointer-events: none;
}

#floating_notice > i:first-of-type {
  font-size: 40px;
  margin: 5px;
  vertical-align: -8px;
}

#floating_notice_str {
  font-size: 18px;
}

#floating_notice_str h1 {
  font-size: 20px;
  font-weight: bold;
  display: inline;
}

.floating_notice {
  position: absolute;
  background-color: #ddffdd;
  width: 400px;
  color: #335533;
  opacity: 0.95;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  text-align: center;
  padding: 10px;
  display: none;
  border-radius: 5px;
  letter-spacing: normal;
  z-index: 10;
}

.floating_notice .floating_notice_arrow {
  position: absolute;
  font-size: 80px;
  color: #ddffdd;
  pointer-events: none;
}

.floating_notice > i:first-of-type {
  font-size: 40px;
  margin: 5px;
  vertical-align: -8px;
}

.floating_notice .floating_notice_str {
  font-size: 18px;
}

.floating_notice .floating_notice_str h1 {
  font-size: 20px;
  font-weight: bold;
  display: inline;
}

.blink {
  animation: blink_anime 0.35s ease 1s 12 alternate;
}

@keyframes blink_anime {
  0% {
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

.global_navigation_block .blink {
  animation: blink_anime_global_navigation 0.5s ease 1s 8 alternate;
}

@keyframes blink_anime_global_navigation {
  0% {
  }
  100% {
    background-color: #E2F214;
    color: #5B5951;
    border-bottom: 5px solid #3D3735;
  }
}

div.kodawari_block {
  width: 100%;
}
div.kodawari_block .kodawari_point {
  margin: 10px 0 0 0;
  font-size: 20px;
}
div.kodawari_block .kodawari_point > img {
  display: block;
  width: 100%;
}
div.kodawari_block .kodawari_point > ul {
  list-style: none;
  text-indent: 1em;
}
div.kodawari_block .kodawari_point > ol {
  list-style: none;
  counter-reset: kodawari_counter;
  padding-left: 2em;
  text-indent: -2em;
}
div.kodawari_block .kodawari_point > ol li:before {
  counter-increment: kodawari_counter;
  content: counter(kodawari_counter);
  background-color: hsla(200, 50%, 50%, 1);
  color: #ffffff;
  border-radius: 50px;
  padding: 0 8px;
  margin: 0 10px 0 0;
}
div.kodawari_block .kodawari_point li {
  margin: 10px;
}
div.kodawari_block .kodawari_point li .strong {
  font-weight: bold;
}

dd.kodawari_block {
}
dd.kodawari_block .kodawari_point {
  display: table;
}
dd.kodawari_block .kodawari_point > img {
  display: table-cell;
  vertical-align: middle;
  width: 300px;
  padding: 10px 0;
  box-sizing: border-box;
}
dd.kodawari_block .kodawari_point > ul {
  display: table-cell;
  vertical-align: top;
  list-style: none;
  text-indent: 1em;
}
dd.kodawari_block .kodawari_point > ol {
  display: table-cell;
  vertical-align: top;
  list-style: none;
  counter-reset: kodawari_counter;
  padding-left: 2em;
  text-indent: -2em;
}
dd.kodawari_block .kodawari_point > ol li:before {
  counter-increment: kodawari_counter;
  content: counter(kodawari_counter);
  background-color: #E2F214;
  color: #5B5951;
  border-radius: 50px;
  padding: 0 8px;
  margin: 0 10px 0 0;
}
dd.kodawari_block .kodawari_point li {
  margin: 10px 20px;
}
dd.kodawari_block .kodawari_point li .strong {
  font-weight: bold;
}

.scrolling_list_header_str {
  display: inline-block;
  width: 90%;
}

.horizontal_layout_box {
  display: table;
  width: 100%;
}
.horizontal_layout_box > div {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: top;
  box-shadow: 6px 0 8px -6px rgba(0, 0, 0, 0.2)
}
.horizontal_layout_box > div.noborder {
  border-right-style: none;
}
.horizontal_layout_box > div + div {
  padding-left: 10px;
}
.horizontal_layout_box > div:last-of-type {
  border-right-style: none;
}

.horizontal_layout_box > div.horizontal_layout_box_index {
  max-width: 265px;
  min-width: 265px;
  width: 265px;
  padding-bottom: 20px;
}

.horizontal_layout_box > div.horizontal_layout_box_index.strong {
  border-right: 3px solid #666;
}

.horizontal_layout_box > div.horizontal_layout_box_main {
  max-width: 650px;
}

.left_index_list {
  text-align: right;
  list-style: none;
  padding: 30px 0;
}

.left_index_list .search_form {
  text-align: center;
	display:inline-block;
  margin: 1px 0;
  padding: 5px;
	border-radius: 50px 0 0 50px;
	background-color:#eee;
	color:#666;
	font-weight:bold;
  font-size: 120%;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.left_index_list .search_form:hover {
  background-color:#666;
	color:#eee;
}
.left_index_list .search_form:hover input {
  color:#eee;
}
.left_index_list .search_form.active {
  background-color:#666;
	color:#eee;
}
.left_index_list .search_form.active input {
  color:#eee;
}

.left_index_list .search_form input {
  border-style: none;
  margin: 0 0 0 10px;
  background-color: rgba(0,0,0,0);
  color: #666;
}

.left_index_list #left_search_button {
  cursor: pointer;
}

.left_index_list #circle_search_button {
  cursor: pointer;
}

.left_index_list #coupling_search_button {
  cursor: pointer;
}
.left_index_list #author_search_button {
  cursor: pointer;
}
.left_index_list #coupling_search_button_uke {
  cursor: pointer;
}

.left_index_list .alpabet_button{
  text-align: center;
  box-sizing: border-box;
  width: 100px;
	display:inline-block;
  margin: 1px 0;
	border-radius: 50px 0 0 50px;
  padding: 2px;
	background-color:#eee;
	color:#666;
	font-weight:bold;
  font-size: 120%;
}

.left_index_list .alpabet_button:hover{
	background-color:#666;
	color:#eee;
  width: 120px;
}

.left_index_list .alpabet_button.active{
	background-color:#666;
	color:#eee;
  width: 120px;
}

.right_banner_block {
  width: 277px;
}

.right_banner_block a img {
  width: 100%;
}

ul.product_thumbnail_list {
  font-size: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  background-color: hsla(0, 0%, 0%, 0.05);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
ul.product_thumbnail_list li {
  font-size: 0.8rem;
  margin: 5px;
  list-style: none;
  position: relative;
  line-height: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

ul.product_thumbnail_list li:hover {
  background-size: 110%;
}

ul.product_thumbnail_list li::before {
  content: "";
  display: block;
  padding-top: 100%;
}

ul.product_thumbnail_list.with_cols1 li {
  width: calc(100% - 10px);
}
ul.product_thumbnail_list.with_cols2 li {
  width: calc(100%/2 - 10px);
}
ul.product_thumbnail_list.with_cols3 li {
  width: calc(100%/3 - 10px);
}
ul.product_thumbnail_list.with_cols4 li {
  width: calc(100%/4 - 10px);
}
ul.product_thumbnail_list.with_cols5 li {
  width: calc(100%/5 - 10px);
}

@media (max-width: 1100px) {
  ul.product_thumbnail_list.with_cols2.with_change_width li {
    width: calc(100%/1 - 10px);
  }
  ul.product_thumbnail_list.with_cols3.with_change_width li {
    width: calc(100%/2 - 10px);
  }
  ul.product_thumbnail_list.with_cols4.with_change_width li {
    width: calc(100%/3 - 10px);
  }
  ul.product_thumbnail_list.with_cols5.with_change_width li {
    width: calc(100%/4 - 10px);
  }
}

ul.product_thumbnail_list.with_scrolling {
  display: block;
  box-sizing: border-box;
  height: 220px;
  padding: 5px 25px;
  overflow-x: scroll;
  overflow-y: hidden;
	-webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  background-color: hsla(0, 0%, 0%, 0.05);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
ul.product_thumbnail_list.with_scrolling li {
  width: 200px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
}
ul.product_thumbnail_list.with_scrolling li:first-of-type {
  margin-left: 25px;
}
ul.product_thumbnail_list.with_scrolling li:last-of-type {
  margin-right: 25px;
}

ul.product_thumbnail_list .thumbnail_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
ul.product_thumbnail_list .thumbnail_shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
ul.product_thumbnail_list .thumbnail_price {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50px 0 0 50px;
  padding: 2px 5px 2px 15px;
  background-color: white;
  font-weight: bold;
  background: #5B5951;
  color: #F2F4EA;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  line-height: normal;
  text-align: right;
}
ul.product_thumbnail_list .thumbnail_price::before {
  content: "$";
}
ul.product_thumbnail_list .thumbnail_info_left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
}
ul.product_thumbnail_list .thumbnail_volume_info {
  display: inline-block;
  border-radius: 0 50px 50px 0;
  padding: 2px 15px 2px 5px;
  background-color: white;
  font-weight: bold;
  background: #F2F4EA;
  color: #5B5951;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  line-height: normal;
  text-align: left;
}
ul.product_thumbnail_list .thumbnail_volume_info.thumbnail_volume_info_alt {
  background: #E2F214;
  box-shadow:
    2px 0px 4px 0px rgba(0, 0, 0, 0.2),
    5px 0px 0px 0px #7ff214,
    7px 0px 4px 0px rgba(0, 0, 0, 0.2),
    10px 0px 0px 0px rgb(20, 190, 242),
    12px 0px 4px 0px rgba(0, 0, 0, 0.2),
    10px 0px 10px 0px rgba(0, 0, 0, 0.2);
  color: #5B5951;
}
ul.product_thumbnail_list .thumbnail_bonus_info {
  display: inline-block;
  border-radius: 0 50px 50px 0;
  padding: 2px 15px 2px 5px;
  background-color: white;
  font-weight: bold;
  background: #F2F4EA;
  color: #5B5951;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  line-height: normal;
  text-align: left;
}
ul.product_thumbnail_list .thumbnail_volume_info ~ .thumbnail_bonus_info {
  top: 20px;
}
ul.product_thumbnail_list .thumbnail_info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 5px;
  line-height: normal;
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  opacity: 0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
  white-space: normal;
  overflow-y: hidden;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
ul.product_thumbnail_list .thumbnail_info:hover {
  opacity: 1;
}
ul.product_thumbnail_list .thumbnail_info_table {
  display: table;
  width: 100%;
  height: 100%;
}
ul.product_thumbnail_list .thumbnail_info_cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 0.8rem;
}

ul.product_thumbnail_list.with_caption .thumbnail_info {
  opacity: 1;
  background-color: transparent;
  box-shadow: none;
  text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
}
ul.product_thumbnail_list.with_caption .thumbnail_info_cell {
  vertical-align: bottom;
}
ul.product_thumbnail_list.with_caption .thumbnail_info_cell * {
  text-shadow: none;
}

/* override jQuery UI !! */
body ul.ui-autocomplete {
  border-radius: 0;
  border-style: none;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, .4);
}
body ul.ui-autocomplete li.ui-menu-item {
  padding: 0;
}
body ul.ui-autocomplete li.ui-menu-item a {
  display: block;
  border-radius: 0;
  border-style: none;
  padding: 5px 10px;
  white-space: nowrap;
  color: #3D3735;
}
body ul.ui-autocomplete li.ui-menu-item a.ui-state-hover {
  background-color: #E2F214;
  color: #5B5951;
}

.merchant_toolbox {
  position: fixed;
  z-index: 200;
  top: 0;
  left: -200px;
  display: table;
  border-bottom-right-radius: 10px;
  opacity: 0.1;
  font-size: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 0.5s;
}
.merchant_toolbox:hover {
  opacity: 0.8;
  left: 0;
  transition-delay: 0s;
}
.merchant_toolbox > * {
  display: table-cell;
}
.toolbox_handle {
  width: 20px;
  background-color: #ff3333;
  color: #fff;
  font-size: 20px;
  padding: 5px 10px;
  vertical-align: middle;
  border-bottom-right-radius: 10px;
}
.toolbox_container {
  width: 200px;
  overflow-x: hidden;
  background-color: #000;
}
.toolbox_container > ul {
  list-style: none;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
.toolbox_container > ul:first-child {
  border-style: none;
}
.toolbox_container > ul > li > a {
  padding: 5px 10px;
  display: block;
  background-color: #000;
  color: #fff;
  text-align: center;
}
.toolbox_container > ul > li > a:hover {
  background-color: #fff;
  color: #000;
}
.toolbox_container > ul > li > a:focus {
  background-color: #E2F214;
  color: #5B5951;
}
.toolbox_container > ul.toolbox_tools_default {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.toolbox_container > ul.toolbox_tools_default li {
  display: table-cell;
  font-size: 20px;
}
.toolbox_container > ul li.hidden {
  display: none;
}
.toolbox_container > ul li.disabled {
  pointer-events: none;
  opacity: 0.2;
}

.full_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 110;
}

@media only screen and (max-width: 1100px) {
	.single_line_list > li {
		display: none;
	}
	.single_line_list > li:nth-child(-n+3) {
		display: inline-block;
	}
	.double_line_list > li {
		display: none;
	}
	.double_line_list > li:nth-child(-n+6) {
		display: inline-block;
	}
	.triple_line_list > li {
		display: none;
	}
	.triple_line_list > li:nth-child(-n+9) {
		display: inline-block;
	}
}

.contents_switcher {
	text-align: center;
  border-radius: 50px;
	margin: 10px;
  display: -webkit-flex;
	display: flex;
	font-weight: bold;
	box-sizing: border-box;
  font-size: 0.8rem;
  background-color: rgba(127, 127, 127, 0.1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.contents_switcher span, .contents_switcher a {
	padding: 5px 8px;
  flex-grow: 1;
}
.contents_switcher span, .contents_switcher a:hover {
  background-color: #E2F214;
  color: #5B5951;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.contents_switcher *:first-child {
	border-radius: 50px 0 0 50px;
}

.contents_switcher *:last-child {
	border-radius: 0 50px 50px 0;
}

.contents_switcher .switcher_off {
}

.contents_switcher .switcher_off:hover {
}

.contents_switcher .switcher_on {
	background-color: #E2F214;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
	color: #5B5951;
}

.contents_switcher .switcher_on_bl {
  background-color: #ff69b4;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  color: #ffffff;
}

.contents_switcher .switcher_off_bl {
  color: #ff69b4;
}

.contents_switcher .switcher_off_bl:hover {
  color: #ff69b4;
  background-color: #E2F214;
}

.definition_table {
  width: 100%;
}
.definition_table caption {
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 1.5rem;
  font-weight: bold;
}
.definition_table caption pre {
  display: block;
  padding: 10px 20px;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  text-align: left;
  font-size: 1rem;
  font-weight: normal;
}
.definition_table td {
  padding: 10px 20px;
}
.definition_table td:first-of-type {
  font-weight: bold;
}
.definition_table tr + tr > td {
  border-top: 1px dashed #999;
}

.instant_search_form select option {
    color: #fff;
    background-color: #324161;
}

.info_menu {
	position: relative;
}
.info_menu::after {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
	font-weight: bold;
	content: attr(info);
}
.submenu_branch {
	position: relative;
}
.submenu_branch > ul {
	position: absolute;
	left: 100%;
	top: 0;
  margin: 0;
	display: none;
	white-space: nowrap;
	box-sizing: border-box;
	z-index: 1;
	background-color: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.submenu_branch > ul.align_bottom {
	top: auto;
	bottom: 0;
}
.index_menu_area ul li.submenu_branch > a {
	position: relative;
  padding: 4px 20px 4px 10px;
}
.submenu_branch > ul img {
  display: block;
}
.submenu_branch > a::after {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
	font-weight: bold;
	content: "\f0da";
  font-family: FontAwesome;
}
.submenu_branch:hover > ul {
	display: inline-block;
	animation: submenu_open 0.1s ease-out;
}
@keyframes submenu_open {
	0% {
		opacity: 0;
		left: 90%;
	}
	100% {
		opacity: 1;
		left: 100%;
	}
}

ul.tag_link {
  list-style: none;
  padding: 0 10px;
}

ul.tag_link li {
  width: 100%;
  display: table;
  margin: 1px 0;
  border-radius: 50px;
  border-collapse: collapse;
  padding: 1px 0 0 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

ul.tag_link li a {
  display: table-cell;
  position: relative;
  padding: 5px 10px;
  background-color: hsla(0, 0%, 93%, 1);
  border-radius:50px;
  color: #666;
  box-sizing:border-box;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

ul.tag_link li a:hover {
  background-color: #E2F214;
  color: #5B5951;
}

ul.tag_link li a:nth-of-type(2n) {
  background-color: hsla(0, 0%, 90%, 1);
}

ul.tag_link li a:nth-of-type(2n):hover {
  background-color: #E2F214;
  color: #5B5951;
}

ul.tag_link li.delete_tag a {
	background-color:#eee;
}
ul.tag_link li.delete_tag a:hover {
	background-color:#ff3333;
	color: #ffffff;
}

ul.tag_link .tag_link_layout {
	display: table;
	width: 100%;
}
ul.tag_link .tag_link_layout > span {
	display: table-cell;
	vertical-align: middle;
  padding: 0 5px;
  text-align: left;
}
ul.tag_link .tag_link_layout > span:first-of-type {
  padding: 0;
  width: 10px;
}
ul.tag_link .tag_link_layout > span:last-of-type {
  text-shadow: none;
  text-align: right;
  padding: 0;
  width: 10px;
}
#tag_page_tag_list .tag_link_layout > span.tag_link_appendable_icon::before {
  font-family: FontAwesome;
  content: " ";
}
#tag_page_tag_list .tag_link_appendable .tag_link_layout > span.tag_link_appendable_icon::before {
  content: "\f055";
}


ul.tag_link li a.button_add_positive_tags {
  border-radius: 50px 0 0 50px;
}

ul.tag_link li a.button_add_negative_tags{
  border-radius: 0 50px 50px 0;
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

ul.tag_link .item_count {
  color: #CACCC0;
  font-size: 12px;
}

ul.tag_link a:hover .item_count {
  color: #5B5951;
}

ul.tag_link .seemore_link {
  width: 100%;

}

ul.tag_link .seemore_link a {
  width: 100%;
  box-sizing:border-box;
  padding: 5px 10px;
  border-radius:50px;
  background-color: #ddd;
  color: #666;
  font-size: 110%;
  text-decoration: none;
  text-align: center;
  word-break: break-all;
  word-wrap: break-word;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

ul.tag_link .seemore_link a:hover{
	color: #fff;
	background-color: #438BC5;
}


.carousel_content {
  display: flex;
	list-style: none;
	font-size: 0;
  white-space: nowrap;
  overflow: hidden;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.blog_entry_list {
  display: flex;
  flex-direction: column;
	list-style: none;
	font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.carousel_content > li,
.blog_entry_list > li {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	min-width: 100%;
	vertical-align: middle;
}

.blog_parts {
	display: table;
  position: relative;
	width: 100%;
  height: 100%;
	animation: article_back_scroll_ 200s linear 0s infinite;
	background-position: 0 0;
  background-size: 0;
}
.blog_parts::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  background-color: #ff9900;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  -moz-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  -o-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  -ms-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
.blog_parts:hover::before {
  -webkit-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  -moz-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  -o-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  -ms-filter: blur(5px) brightness(1.2) opacity(0.4) grayscale(30%);
  filter: blur(5px) brightness(1.4) opacity(0.4) grayscale(0%);
}

@keyframes article_back_scroll {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1000% 0;
	}
}

.blog_parts .blog_img {
  position: relative;
	display: table-cell;
	vertical-align: middle;
  padding: 10px;
	line-height: 0;
	width: 25%;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
.blog_parts:hover .blog_img {
  filter: brightness(1.2);
}

.blog_parts .blog_img img {
	display: block;
	width: 100%;
	background-color: #eee;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.blog_parts .blog_desc {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	padding: 5px 20px;
  box-sizing: border-box;
	width: 75%;
	color: #333;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	font-size: 1.4rem;
	overflow-y: hidden;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

.blog_desc .blog_title {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.blog_desc .blog_info {
	position: absolute;
	right: 10px;
	bottom: 0px;
  padding: 5px 20px;
	background-color: #324161;
	border-radius: 50px;
	opacity: 0;
	text-shadow: none;
	color: #eee;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.blog_parts:hover .blog_info {
	bottom: 10px;
	opacity: 1;
}

.blog_info .blog_date {
	font-size: 1rem;
}

.blog_info .blog_author {
	font-size: 1rem;
}

.blog_info .blog_author img {
	width: 25px;
	background-color: #eee;
	border-radius: 50px;
	vertical-align: -5px;
}
.blog_seemore {
	text-align: center;
}
.blog_seemore a {
	display: inline-block;
	margin: 0 10px 10px 10px;
	padding: 10px 20px;
	border-radius: 0 0 10px 10px;
	background-color: hsla(200, 50%, 50%, 1);
	color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0 10px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.blog_seemore a:hover {
	margin: 0 10px 5px 10px;
	padding: 15px 20px 10px 20px;
  background-color: hsla(200, 70%, 60%, 1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.big_banner {
  width: 100%;
  display: block;
}

.carousel_ui_container {
  position: relative;
  overflow: hidden;
}
.carousel_button {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 2rem;
  opacity: 0;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.carousel_ui_container:hover .carousel_button {
  opacity: 0.8;
}
.carousel_ui_container:hover .carousel_button:hover {
  opacity: 1;
}
.carousel_ui_container:hover .carousel_button.left {
  left: 0;
}
.carousel_ui_container:hover .carousel_button.right {
  right: 0;
}
.carousel_button.left {
  left: -50px;
}
.carousel_button.right {
  right: -50px;
}
.carousel_ui_container:hover .blog_info {
	bottom: 0;
	opacity: 1;
}
.carousel_indicator {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  list-style: none;
  pointer-events: none;
}
.carousel_indicator .indicator_dot {
  display: inline-block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin: 2px;
  border: 0 solid #000;
  box-shadow: inset 0 12px 0 0 #000;
  border-radius: 50%;
  font-size: 1rem;
  opacity: 0.1;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  cursor: pointer;
  pointer-events: auto;
}
.carousel_indicator .indicator_dot:hover {
  opacity: 0.3;
}
.carousel_indicator .indicator_dot.selected {
  border: 2px solid #000;
  box-shadow: inset 0 0 0 0 #000;
}

.cart_products {
	padding: 10px;
}
.cart_product {
	position: relative;
	margin-bottom: 10px;
	box-sizing: border-box;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.cart_product .cart_product_anchor {
	display: table;
	width: 100%;
	background-color: #fff;
}
.cart_product .cart_product_anchor:hover {
	background-color: #f9f9f9;
}
.cart_product .cart_product_anchor > div {
	display: table-cell;
	vertical-align: middle;
}
.cart_product .product_img {
	width: 30%;
}
.cart_product .product_img img {
	display: block;
	width: 100%;
}
.cart_product .product_desc {
	padding: 10px 5%;
}
.cart_product .product_original_title {
	color: #666;
}
.cart_product .button_product_delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 0 0 0 5px;
	background-color: #666;
	color: #fff;
	text-align: center;
}
.cart_product .button_product_delete:hover {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 0 0 5px;
	background-color: #ff3333;
	color: #fff;
}
.cart_product .product_badges {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  pointer-events: none;
}
.cart_product .product_badges .product_badge {
  margin: 5px;
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 0.6rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.cart_product .product_badges .product_badge.product_badge_adult {
  background-color: #ff88a3;
  color: #fff;
}

.tag_description {
  color: #666;
}

.tag_description h2 {
  text-align: center;
}
.tag_description h3 {
  text-align: center;
}
.tag_description h4 {
  text-align: center;
}
.tag_description ul,
.tag_description ol {
  margin: 0 30px;
}
.tag_description table {
  margin: auto;
}
.tag_description table td,
.tag_description table th {
  padding: 5px 20px;
  font-size: 1rem;
}
.tag_description tr th {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.2rem;
}
.tag_description tr:nth-of-type(2n) {
  background-color: rgba(0, 0, 0, 0.02);
}
.tag_description tr:nth-of-type(2n+1) {
  background-color: rgba(0, 0, 0, 0.05);
}
.tag_description a {
  display: inline-block;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #E2F214 60%);
  font-style: italic;
}
.tag_description a:hover {
  display: inline-block;
  padding: 0 5px;
  background: linear-gradient(transparent 60%, #7ff214 60%);
  font-style: italic;
}

iframe[name="google_conversion_frame"] {
  position: absolute;
  top: 0;
  left: 0;
}

.star_indicator .star_positive {
  color: #e93;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.star_indicator .star_positive.star_negative {
  color: #c96;
}
.star_indicator .star_negative {
  color: #999;
}

.drawer {
  position: fixed;
  display: block;
  margin: 0 auto;
  bottom: 220px;
  right: 0;
  z-index: 200;
}
.drawer:hover {
  right: 0;
  transition-delay: 0;
}
.drawer .drawer_layout {
  position: relative;
  width: 50px;
}
.drawer .drawer_layout > div {
  position: absolute;
}
.drawer .drawer_handle {
  width: 50px;
  background-color: #3D3735;
  color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 202;
}
.drawer .drawer_handle ul {
  list-style: none;
}
.drawer .drawer_handle li {
  display: block;
  box-sizing: border-box;
  width: 50px;
  height: calc(220px / 3);
  padding: 10px 0;
  text-align: center;
  font-size: 1.5rem;
  background-color: #3D3735;
  color: #F2F4EA;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.drawer .drawer_handle li.active {
  background-color: #E2F214;
  color: #5B5951;
}
.drawer .drawer_content {
  position: relative;
  height: 220px;
  width: calc(800px + 60px);
  left: 0;
  padding-right: 60px;
  border-radius: 1px 0 0 0;
  background-color: #fff;
  box-shadow: 0 0 0 10px #3D3735, 0 0 20px 10px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  transition-delay: 0.3s;
  z-index: 201;
  overflow-y: hidden;
}
.drawer:hover .drawer_content {
}
.drawer .drawer_content > ul {
  width: 800px;
  list-style: none;
  position: absolute;
  top: 0;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.drawer .drawer_content > ul[pos="history"] {
  top: calc(-240px * 0);
}
.drawer .drawer_content > ul[pos="favorite"] {
  top: calc(-240px * 1);
}
.drawer .drawer_content > ul[pos="cart"] {
  top: calc(-240px * 2);
}
.drawer .drawer_content > ul > li {
  position: relative;
  display: block;
  height: 240px;
}
.drawer .drawer_content > ul > li:last-of-type {
  border-radius: 10px 0 0 0;
}
.drawer .drawer_content > ul > li .drawer_content_caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 0 0 10px 0;
  padding: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  font-size: 2rem;
  background-color: #3D3735;
  color: #F2F4EA;
  z-index: 202;
}
.drawer .drawer_content > ul > li .drawer_content_caption:hover {
  background-color: #E2F214;
  color: #5B5951;
}
.drawer .drawer_content .scrolling_ui {
  height: 200px;
}

.drawer .drawer_handle:hover ~ .drawer_content {
  left: -800px;
  transition-delay: 0s;
}
.drawer .drawer_content:hover {
  left: -800px;
  transition-delay: 0s;
}

.drawer_close_background {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  opacity: 0;
  z-index: 199;
}

.drawer .drawer_content_noresult {
  width: 100%;
  height: 220px;
  display: table;
}
.drawer .drawer_content_noresult > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.twitter_timeline {
  height: 600px;
  overflow-y: scroll;
}

ul.tag_link li a.button_disabled:hover{
    background-color: #999999;
    color: #ffffff;
    text-decoration: none;
}

span.wordwrap{
	display:inline-block;
}

.left_anime_title a > span.wordwrap {
    display: inline-block;
}

.main_header_operation ul.global_navigation_block {
    letter-spacing: normal;
}
.main_header_operation ul.global_navigation_block > li:first-of-type > a,
.main_header_operation ul.global_navigation_block > li:last-of-type > a {
  border-radius: 5px 5px 0 0;
}
.main_header_operation div.header_logo_block {
  width: auto;
}
.main_header_operation .layout_header_block nav {
  vertical-align: bottom;
  display: table-cell;
}
.main_header_operation div.header_logo_block img {
  width: 60px;
}
.main_header_operation .header_guide_block {
  width: 50%;
}

.footer_go_to_pagetop {
  margin: auto;
  width: 100%;
  background-color: hsla(0, 0%, 100%, 0.2);
  color: #F2F4EA;
  box-sizing: border-box;
}
.footer_go_to_pagetop:hover {
  margin: auto;
  width: 100%;
  background-color: hsla(0, 0%, 100%, 0.4);
  color: #F2F4EA;
}

.slidein_notice {
  position: fixed;
  visibility: hidden;
  width: 30vw;
  min-width: 200px;
  max-width: 500px;
  left: -100%;
  bottom: 3vh;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  font-size: 1rem;
  opacity: 0;
  z-index: 1000;
  white-space: nowrap;
}

.slidein_notice.slidein_notice_active {
  visibility: visible;
  left: 0;
  opacity: 1;
}

.slidein_notice_anchor {
  display: table;
  width: 100%;
  min-height: 64px;
  box-sizing: border-box;
  border-radius: 0 5px 5px 0;
  background-color: hsla(0, 0%, 0%, 0.8);
  color: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.slidein_notice_anchor:hover {
  background-color: hsla(0, 0%, 0%, 0.9);
  color: #fff;
}

.slidein_notice_anchor > div {
  display: table-cell;
}

.slidein_notice_anchor .slidein_notice_image {
  width: 64px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: middle;
}

.slidein_notice_anchor .slidein_notice_text {
  padding: 10px;
  vertical-align: middle;
  white-space: normal;
  hyphens: auto;
}

.slidein_notice_anchor .slidein_notice_text .slidein_notice_text_title {
  color: #F2F4EA;
  font-weight: bold;
  font-size: 1.2rem;
}

.slidein_notice_anchor .slidein_notice_text .slidein_notice_text_description {
  color: #aaa;
}

.slidein_notice .slidein_notice_button_close {
  position: absolute;
  width: 32px;
  height: 32px;
  padding: 0 0 5px 5px;
  border-radius: 0 5px 0 50px;
  right: 0;
  top: 0;
  background-color: hsla(0, 50%, 50%, 0.8);
  color: #fff;
  text-align: right;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
}

.slidein_notice .slidein_notice_button_close:hover {
  background-color: hsla(0, 60%, 60%, 1);
}

.country_list {
	text-align: center;
	font-size: 0;
}
.country_list li {
	display: inline-block;
}
.country_list li a {
	position: relative;
	display: inline-block;
	margin: 5px;
	padding: 5px 15px;
	border-radius: 50px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	background-color: hsla(200, 50%, 50%, 1);
	color: #fff;
	font-size: 1rem;
}
.country_list li a[count]::after {
	content: attr(count);
	position: absolute;
	border-radius: 50px;
	padding: 0 8px;
	top: -6px;
	right: -6px;
	background-color: #fff;
	color: hsla(200, 50%, 50%, 1);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	font-size: 0.8rem;
}
.country_list li a:hover {
	background-color: hsla(200, 70%, 60%, 1);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.country_list li a.button_country_list_other {
	background-color: hsla(190, 50%, 50%, 1);
}
.country_list li a.button_country_list_other:hover {
	background-color: hsla(190, 70%, 60%, 1);
}