@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600&display=swap");

@charset "UTF-8";
/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

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

.ui-helper-clearfix {
  display: inline-block; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%; }

.ui-helper-clearfix {
  display: block; }

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
  padding: 0 3px; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-br {
  border-bottom-right-radius: 4px; }

.ui-corner-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-all {
  border-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

/*
 * jQuery UI Datepicker @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker td span, .ui-datepicker td div {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  -webkit-filter: mask();
          filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

/* =======================================================================
CSSの名前：style.css
最終更新日時：2012/2/15
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
======================================================================= */
/* =================================================================
1.reset
=================================================================*/
/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, hr {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: 0; }

/* =================================================================
2.base
=================================================================*/
/*  clear
-------------------------------------------------------------*/
.clear {
  clear: both; }

.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
/*  基本のlink color
-------------------------------------------------------------*/
a:link {
  color: #F36; }

a:visited {
  color: #F36; }

a:hover, a:active {
  color: #F60; }

/*  画像の縦横比調整
-------------------------------------------------------------*/
/*  カートフロー画像
-------------------------------------------------------------*/
/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton {
  min-height: 80px; }

/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container {
  width: 980px;
  margin: auto; }

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar {
  float: left;
  width: 190px; }

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
/* #main - フォーム類部品
-------------------------------------------------------------*/
#main input[type="text"] {
  border: solid 1px #ccc;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); }

#main input[type="email"] {
  border: solid 1px #ccc;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); }

#main input[type="password"] {
  border: solid 1px #ccc;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); }

#main input[type="tel"] {
  border: solid 1px #ccc;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); }

#main input[type="number"] {
  border: solid 1px #ccc;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); }

#main textarea {
  border: solid 1px #ccc;
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); }

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/
/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a {
  display: block;
  width: 980px;
  height: 150px;
  margin: auto;
  background: url("../images/button_smartphone.png") no-repeat;
  text-indent: -9999px; }

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
/* header - ヘッダ
-------------------------------------------------------------*/
/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger {
  float: right;
  margin: 10px 20px 0 0; }

#fontChanger h2 {
  display: block;
  float: left;
  margin-right: 5px;
  font-size: 13px; }

#fontChanger .icon {
  float: left; }

#fontChanger .icon img {
  display: block;
  float: left;
  margin-right: 4px; }

/* language - 言語選択
-------------------------------------------------------------*/
#language {
  float: right;
  margin: 10px 20px 0 0; }

#language h2 {
  display: block;
  float: left;
  margin-right: 5px;
  font-size: 13px; }

#language p {
  float: left;
  margin-right: 5px;
  font-size: 75%; }

/* search - 商品検索窓
-------------------------------------------------------------*/
#search {
  float: right;
  width: 324px; }

#search h2 {
  float: left;
  width: 105px;
  height: 20px;
  overflow: hidden;
  margin: 10px 10px 0 0;
  background: url("../images/search_title.gif") no-repeat;
  text-indent: -9999px; }

#search p {
  clear: both;
  padding: 5px 0px;
  font-size: 75%;
  text-align: right; }

#search .form {
  display: block;
  float: left;
  width: 150px;
  height: 20px;
  margin: 5px 10px 0 0; }

#search .button {
  display: block;
  float: left;
  margin: 5px 0 0; }

/* menu - メニュー
-------------------------------------------------------------*/
#menu {
  height: 50px;
  background: url("../images/menu_bg.gif") repeat-x; }

#menu .inner {
  display: block;
  zoom: 1;
  width: 980px;
  margin: auto;
  text-align: left; }

#menu ul {
  zoom: 1;
  margin: 0 auto;
  width: 960px; }

#menu ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#menu li {
  float: left; }

#menu li a {
  display: block;
  width: 192px;
  height: 40px;
  text-indent: -9999px; }

a.top:link, a.top:visited {
  background: url("../images/menu_top.gif") no-repeat; }

#menu .top_select, a.top:hover {
  background: url("../images/menu_top.gif") 0 -40px no-repeat; }

a.guide:link, a.guide:visited {
  background: url("../images/menu_guide.gif") no-repeat; }

#menu .guide_select, a.guide:hover {
  background: url("../images/menu_guide.gif") 0 -40px no-repeat; }

a.tokushou:link, a.tokushou:visited {
  background: url("../images/menu_tokushou.gif") no-repeat; }

#menu .tokushou_select, a.tokushou:hover {
  background: url("../images/menu_tokushou.gif") 0 -40px no-repeat; }

a.company:link, a.company:visited {
  background: url("../images/menu_company.gif") no-repeat; }

#menu .company_select, a.company:hover {
  background: url("../images/menu_company.gif") 0 -40px no-repeat; }

a.apply:link, a.apply:visited {
  background: url("../images/menu_apply.gif") no-repeat; }

#menu .apply_select, a.apply:hover {
  background: url("../images/menu_apply.gif") 0 -40px no-repeat; }

/* shiborikomi - 絞り込み検索
-------------------------------------------------------------*/
#shiborikomi {
  width: 960px;
  margin: 0 auto 10px;
  padding: 5px 10px;
  background: #F1F1F1;
  font-size: 80%; }

#shiborikomi .select {
  padding: 0 3px;
  background: #C00;
  color: #FFF;
  font-weight: bold; }

#shiborikomi a {
  padding: 0 3px;
  color: #666;
  font-weight: bold;
  text-decoration: none; }

#shiborikomi a:hover {
  background: #CCC; }

/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* login - ログイン枠
-------------------------------------------------------------*/
/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
/* category - 商品カテゴリ
-------------------------------------------------------------*/
/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine {
  zoom: 1;
  width: 190px;
  margin-bottom: 10px;
  padding: 10px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  background: url("../images/sidebar_middle_bg.gif") repeat-y; }

#magazine:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#magazine h2 {
  width: 170px;
  height: 25px;
  overflow: hidden;
  margin: 0 10px;
  background: url("../images/magazine_title.gif") no-repeat;
  text-indent: -9999px; }

#magazine label {
  display: block;
  float: left;
  height: 15px;
  padding: 3px 5px 3px 0;
  font-size: 12px; }

#magazine .text {
  width: 155px;
  height: 15px;
  margin: 0 15px; }

#magazine .radio {
  float: left;
  margin: 5px 2px 5px 10px; }

#magazine .button {
  float: right;
  margin: 5px 35px 0 0; }

#magazine p {
  clear: both;
  margin: 0 10px 2px;
  font-size: 75%; }

#magazine .error {
  clear: both;
  margin: 5px 10px;
  color: #C00;
  font-weight: bold;
  text-align: center; }

#magazine .free {
  margin: 10px auto; }

/* present - プレゼント枠
-------------------------------------------------------------*/
#present {
  width: 170px;
  margin-bottom: 10px;
  padding: 10px;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  background: url("../images/sidebar_middle_bg.gif") repeat-y; }

#present h2 {
  width: 100%;
  height: 25px;
  overflow: hidden;
  background: url("../images/present_title.gif") no-repeat;
  text-indent: -9999px; }

#present h3 {
  display: block;
  padding: 0 10px 0 18px;
  background: url("../images/marker.gif") 2px 5px no-repeat;
  font-size: 75%; }

#present .period {
  margin: 0 5px 10px 18px;
  font-size: 75%; }

#present .all {
  margin: 10px 10px 2px;
  font-size: 75%; }

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar {
  zoom: 1;
  width: 190px;
  margin-bottom: 10px;
  padding: 10px 0 5px;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  background: url("../images/sidebar_middle_bg.gif") repeat-y; }

#calendar h2 {
  width: 170px;
  height: 20px;
  overflow: hidden;
  margin: 0 10px;
  background: url("../images/calendar_title.gif") no-repeat;
  text-indent: -9999px; }

#calendar p {
  margin: 0 10px;
  font-size: 80%; }

#calendar span.day_color1 {
  color: #FF7F7E; }

#SIDE_CALENDAR {
  width: 180px;
  overflow: hidden;
  margin: 0 5px;
  font-size: 9px; }

.ui-widget-content {
  border: 1px solid #FFF; }

.ui-datepicker-title {
  font-size: 12px; }

.ui-widget-header {
  width: 178px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #CCC;
  border-radius: 0;
  background: none; }

.ui-datepicker table {
  width: 178px; }

.ui-datepicker th, .ui-datepicker td {
  width: 10px !important;
  margin: 0;
  padding: 1px;
  border: none; }

.ui-datepicker th a, .ui-datepicker td a {
  padding: 1px;
  border: none !important; }

.ui-datepicker th div, .ui-datepicker td div {
  padding: 1px;
  border: none !important; }

.ui-datepicker-week-end {
  color: #C00; }

.ui-datepicker .day_color1 .ui-state-default {
  background-image: none;
  background-color: #FF7F7E;
  color: #C00; }

.ui-datepicker .day_color2 .ui-state-default {
  background-image: none;
  background-color: #D7FFED; }

.ui-datepicker .day_color3 .ui-state-default {
  background-image: none;
  background-color: #DDF; }

.ui-datepicker .day_color4 .ui-state-default {
  background-image: none;
  background-color: #FFD; }

.ui-datepicker .day_color5 .ui-state-default {
  background-image: none;
  background-color: #E7FFFF; }

.ui-datepicker .day_color6 .ui-state-default {
  background-image: none;
  background-color: #F0D6FF; }

/* coupon - クーポン
-------------------------------------------------------------*/
#coupon {
  width: 170px;
  margin-bottom: 10px;
  padding: 10px;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  background: url("../images/sidebar_middle_bg.gif") repeat-y; }

#coupon h2 {
  width: 100%;
  height: 25px;
  overflow: hidden;
  background: url("../images/coupon_title.gif") no-repeat;
  text-indent: -9999px; }

/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/
/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual img {
  display: block; }

/* topics - トピックス
-------------------------------------------------------------*/
#topics {
  padding-bottom: 20px;
  width: 100%;
  clear: both; }

#topics .box {
  zoom: 1;
  border-bottom: #CCC solid 1px; }

#topics .box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#topics h3 {
  display: block;
  float: left;
  width: 90px;
  padding: 5px 10px;
  font-size: 90%;
  font-weight: normal; }

#topics .inner {
  display: block;
  float: right;
  width: 640px;
  padding: 0px 10px 5px;
  font-weight: normal; }

#topics .inner p {
  margin: 5px 0; }

#topics p img {
  display: block;
  float: right;
  margin: 0 0 10px 5px; }

#topics .rss {
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin: 5px 5px 0 0;
  background: url("../images/header_rss.gif") 0 0 no-repeat;
  text-indent: -9999px; }

#topics .rss:hover {
  background: url("../images/header_rss.gif") 0 -15px no-repeat; }

#topics .img_box {
  width: 120px;
  height: 120px;
  margin: 5px 0 10px 10px;
  float: right; }

#topics .img_box img {
  max-width: 120px;
  max-height: 120px; }

#topics .link {
  text-align: right; }

/* new - 新着商品
-------------------------------------------------------------*/
#new {
  padding-bottom: 10px;
  width: 100%;
  clear: both; }

#new ul {
  margin-top: 10px;
  zoom: 1; }

#new ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#new .box {
  float: left;
  width: 178px;
  height: 245px;
  margin: 0 10px 10px 0;
  border: #CCC 1px solid;
  padding: 20px 0 0px;
  overflow: hidden; }

#new .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px; }

#new .img_box img {
  max-width: 140px;
  max-height: 140px; }

#new .text {
  width: 140px;
  margin: 0 auto; }

#new .appeal {
  color: #F60;
  font-size: 70%; }

#new h3 {
  margin: 0px 0px 10px;
  font-size: 13px;
  font-weight: normal;
  line-height: 140%;
  height: 55px;
  overflow: hidden; }

#new .price {
  margin: 0px 0px;
  font-size: 15px;
  color: #C00;
  text-align: right; }

/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend {
  padding-bottom: 10px;
  width: 100%;
  clear: both; }

#recommend ul {
  margin-top: 10px;
  zoom: 1; }

#recommend ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#recommend .box {
  float: left;
  width: 178px;
  height: 245px;
  margin: 0 10px 10px 0;
  border: #CCC 1px solid;
  padding: 20px 0 0px;
  overflow: hidden; }

#recommend .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px; }

#recommend .img_box img {
  max-width: 140px;
  max-height: 140px; }

#recommend .text {
  width: 140px;
  margin: 0 auto; }

#recommend .appeal {
  color: #F60;
  font-size: 70%; }

#recommend h3 {
  margin: 0px 0px 10px;
  font-size: 13px;
  font-weight: normal;
  line-height: 140%;
  height: 55px;
  overflow: hidden; }

#recommend .price {
  margin: 0px 0px;
  font-size: 15px;
  color: #C00;
  text-align: right; }

/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking {
  padding-bottom: 10px;
  width: 100%;
  clear: both; }

#ranking ul {
  margin-top: 10px;
  zoom: 1; }

#ranking ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#ranking .box {
  float: left;
  width: 178px;
  height: 278px;
  margin: 0 10px 10px 0;
  border: #CCC 1px solid;
  padding: 20px 0 0px;
  overflow: hidden; }

#ranking h3 {
  width: 45px;
  height: 20px;
  text-indent: -9999px;
  margin: 0 0 5px; }

#ranking #ranking_no1 h3 {
  background: url("../images/ranking_no01.gif") 0px 5px no-repeat; }

#ranking #ranking_no2 h3 {
  background: url("../images/ranking_no02.gif") 0px 5px no-repeat; }

#ranking #ranking_no3 h3 {
  background: url("../images/ranking_no03.gif") 0px 5px no-repeat; }

#ranking #ranking_no4 h3 {
  background: url("../images/ranking_no04.gif") 0px 5px no-repeat; }

#ranking #ranking_no5 h3 {
  background: url("../images/ranking_no05.gif") 0px 5px no-repeat; }

#ranking #ranking_no6 h3 {
  background: url("../images/ranking_no06.gif") 0px 5px no-repeat; }

#ranking #ranking_no7 h3 {
  background: url("../images/ranking_no07.gif") 0px 5px no-repeat; }

#ranking #ranking_no8 h3 {
  background: url("../images/ranking_no08.gif") 0px 5px no-repeat; }

#ranking #ranking_no9 h3 {
  background: url("../images/ranking_no09.gif") 0px 5px no-repeat; }

#ranking #ranking_no10 h3 {
  background: url("../images/ranking_no10.gif") 0px 5px no-repeat; }

#ranking h4 {
  margin: 0px 0px 10px;
  font-size: 13px;
  font-weight: normal;
  line-height: 140%;
  height: 55px;
  overflow: hidden; }

#ranking .price {
  display: block;
  margin: 0px 0px;
  font-size: 15px;
  color: #C00;
  text-align: right; }

#ranking .text {
  width: 140px;
  margin: 0 auto; }

#ranking .appeal {
  color: #F60;
  font-size: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#ranking .img_box {
  width: 140px;
  height: 140px;
  margin: 0px auto 10px;
  text-align: center;
  position: relative; }

#ranking .img_box img {
  width: auto;
  max-width: 140px;
  max-height: 140px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar {
  width: 210px;
  float: right; }

#cartSidebar #sideInner {
  width: 210px; }

#cartSidebar .total_box {
  border: #CCC 1px solid;
  padding: 10px;
  background: #F6F6F6; }

#cartSidebar .total_box .box {
  border: none;
  zoom: 1;
  margin-bottom: 10px; }

#cartSidebar .total_box .box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#cartSidebar .total_box h3 {
  margin: 0;
  background: none;
  padding: 0px;
  border: 0px;
  font-size: 14px;
  float: left; }

#cartSidebar .total_box p.price {
  font-size: 16px;
  float: right;
  margin: 0px;
  font-weight: bold; }

#cartSidebar .total_box img {
  margin: 0px auto 10px;
  display: block; }

#cartSidebar .total_box .totalpricebox {
  border: none;
  zoom: 1;
  margin-bottom: 10px;
  zoom: 1;
  padding-top: 10px;
  border-top: 1px #CCCCCC solid; }

#cartSidebar .total_box .totalpricebox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#cartSidebar .total_box .teiki_text {
  margin: 0;
  font-size: 12px; }

#cartSidebar .cartButtonArea a {
  display: block;
  margin: 0 auto 10px;
  width: 150px; }

#cartSidebar .cartButtonArea img {
  display: block; }

#cartSidebar .cartButtonArea input {
  display: block;
  margin: 0 auto 10px; }

#cartSidebar .tax {
  font-size: 9px;
  color: #666; }

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow {
  width: 980px;
  padding-bottom: 20px;
  zoom: 1;
  margin: 0 auto; }

#cartFlow .content {
  width: 750px;
  float: left;
  margin-right: 20px; }

#cartFlow .point_info {
  margin-bottom: 20px; }

#cartFlow table {
  width: 750px;
  margin: 0px 0 20px; }

#cartFlow table.member_regist {
  margin-top: -21px; }

#cartFlow .text_box {
  padding-left: 90px; }

#cartFlow .text_box p {
  margin: 0 0 10px;
  font-size: 100%; }

#cartFlow .text_box p.code {
  font-size: 80%; }

#cartFlow .text_box p.last {
  margin-bottom: 0px; }

#cartFlow .price {
  color: #C00;
  text-align: right; }

#cartFlow .total {
  margin: 0px 0 30px;
  padding: 0px 0 5px;
  font-weight: bold;
  text-align: right;
  border-bottom: #CCC 1px solid;
  width: 700px; }

#cartFlow .total p {
  margin: 0px;
  font-size: 90%; }

#cartFlow .point {
  color: #F60;
  font-weight: bold; }

#cartFlow .attention {
  color: #C00;
  font-weight: bold;
  font-size: 110%; }

#cartFlow .cartitem {
  margin-top: 20px;
  width: 188px;
  padding: 10px;
  border: #CCC 1px solid; }

#cartFlow .cartitem h3 {
  margin: 0 0 10px;
  padding: 0px;
  border: none;
  background: none; }

#cartFlow .cartitem li {
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #CCC; }

#cartFlow .cartitem .img_box {
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 5px;
  text-align: center;
  position: relative; }

#cartFlow .cartitem .img_box img {
  width: auto;
  max-width: 25px;
  max-height: 25px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#cartFlow .cartitem .text_box {
  padding-left: 0px;
  zoom: 1;
  margin-bottom: 5px; }

#cartFlow .cartitem .text_box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#cartFlow .cartitem .text_box p {
  margin: 0px;
  font-size: 70%;
  line-height: 130%; }

#cartFlow .cartitem p.price {
  font-size: 70%;
  margin: 0px;
  float: left; }

#cartFlow .cartitem p.amount {
  font-size: 70%;
  margin: 0px;
  float: right; }

#cartFlow .cartresult table {
  width: 920px;
  margin: 0 auto 20px; }

#cartFlow .cartresult .total {
  width: 920px;
  margin: 0 10px 30px; }

#cartFlow .cartconfirm table {
  width: 920px;
  margin: 0 auto 20px; }

#cartFlow .cartconfirm .total {
  width: 920px;
  margin: 0 10px 30px; }

#cartFlow .error {
  clear: both;
  margin: 5px 10px;
  color: #C00;
  font-weight: bold;
  text-align: center;
  font-size: 80%; }

/* クーポンラジオボタン制御に仕様 */
.couponHide {
  display: none; }

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number {
  margin: 30px 0px;
  text-align: center;
  line-height: 200%; }

#cartResult .number strong {
  font-size: 20px; }

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend {
  margin-top: 20px;
  width: 188px;
  padding: 10px;
  border: #CCC 1px solid; }

#cartRecommend .box {
  zoom: 1;
  margin: 0px 0 20px;
  border: 0px; }

#cartRecommend .box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#cartRecommend .text {
  margin-left: 90px;
  min-height: 80px; }

#cartRecommend h3 {
  margin-bottom: 10px;
  height: auto;
  background: none;
  padding: 0px;
  border-bottom: none; }

#cartRecommend h3 a {
  float: right; }

#cartRecommend h4 {
  display: block;
  margin: 0px 0px 10px;
  background: none;
  padding: 0px;
  font-size: 70%;
  border-bottom: none; }

#cartRecommend .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%; }

#cartRecommend .price {
  display: block;
  margin: 0;
  color: #C00; }

#cartRecommend .price .teika {
  font-weight: bold;
  font-size: 100%; }

#cartRecommend .price .other {
  font-size: 90%; }

#cartRecommend .explanation1 {
  display: block;
  margin: 5px 0px 0 0;
  padding: 10px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%; }

#cartRecommend .button {
  display: block;
  margin: 0px;
  padding-top: 10px; }

#cartRecommend .property {
  margin: 0 0 10px;
  color: #AAA;
  font-size: 75%; }

#cartRecommend .button input {
  margin: 0 auto;
  display: block; }

#cartRecommend .button img {
  margin: 0 auto;
  display: block; }

#cartRecommend .img_box {
  width: 80px;
  height: 80px;
  text-align: center;
  position: relative;
  float: left; }

#cartRecommend .img_box img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* presentFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#presentFlow #cartLogin table {
  width: 420px !important; }

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3 {
  margin: 5px;
  padding-left: 8px;
  border-left: 6px solid #FFF;
  font-size: 110%; }

#teikiDetail h4 {
  display: block;
  margin: 30px 20px 20px;
  padding-left: 15px;
  border-bottom: 1px solid #CCC;
  background: url("../images/marker.gif") 0 8px no-repeat;
  font-size: 100%; }

#teikiDetail h5 {
  margin: 20px 20px 0; }

#teikiDetail .box {
  margin: 10px;
  padding: 10px;
  border: 1px solid #CCC;
  background: #FFF; }

#teikiDetail .head {
  padding: 5px;
  background: #F1F1F1; }

#teikiDetail .headDetail {
  margin-right: 20px;
  padding-left: 5px;
  border-left: 12px groove #333; }

#teikiDetail .price {
  color: #C00; }

#teikiDetail table {
  width: 668px; }

#teikiDetail td.month {
  background: #F9F9F9;
  font-weight: bold;
  color: #960; }

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer {
  clear: both;
  width: 100%;
  height: 80px;
  margin-top: 30px;
  padding: 10px 0; }

#footer .inner {
  width: 980px;
  margin: 0 auto; }

#footer .backtotop {
  padding-bottom: 10px;
  width: 980px;
  height: 20px;
  margin: 0 auto; }

#footer .backtotop a {
  display: block;
  width: 135px;
  height: 20px;
  background: url("../images/footer_backtotop.gif") no-repeat;
  text-indent: -9999px;
  float: right; }

#footer .copyright {
  padding: 10px 0 20px;
  font-size: 75%;
  color: #333;
  text-align: center;
  border-top: 1px solid #CCC; }

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/
/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html {
  margin-bottom: 20px; }

#category_html img {
  display: block;
  margin-bottom: 10px; }

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory {
  margin-bottom: 20px; }

#itemListCategory ul {
  display: block;
  zoom: 1;
  width: 768px;
  border: #CCC 1px solid;
  background: #F5F5F5; }

#itemListCategory ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#itemListCategory li {
  display: inline;
  float: left; }

#itemListCategory .select {
  background: url("../images/marker_on.gif") 7px 10px no-repeat #C00;
  color: #FFF;
  text-decoration: none; }

#itemListCategory li a {
  display: block;
  padding: 5px;
  background: url("../images/marker.gif") 7px 10px no-repeat;
  color: #333;
  font-size: 80%;
  text-decoration: none;
  text-indent: 15px;
  white-space: nowrap; }

#itemListCategory li a:link {
  display: block; }

#itemListCategory li a:hover {
  background: url("../images/marker.gif") 7px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: underline; }

#itemListCategory #sub ul {
  display: block;
  width: 768px;
  border: #CCC 1px solid;
  border-top: none;
  background: #FFF; }

#itemListCategory #sub ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#itemListCategory #sub li {
  display: inline;
  float: left; }

#itemListCategory #sub .select {
  background: url("../images/marker_on.gif") 7px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: none; }

#itemListCategory #sub li a {
  display: block;
  padding: 5px;
  background: url("../images/marker.gif") 7px 10px no-repeat;
  color: #333;
  font-size: 80%;
  text-decoration: none;
  text-indent: 15px; }

#itemListCategory #sub li a:link {
  display: block; }

#itemListCategory #sub li a:hover {
  background: url("../images/marker.gif") 7px 10px no-repeat #CCC;
  color: #FFF;
  text-decoration: underline; }

/* narrowListCategory - 絞り込みカテゴリ
-------------------------------------------------------------*/
#narrowListCategory {
  zoom: 1; }

#narrowListCategory:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#narrowListCategory h3 {
  display: block;
  padding: 3px 10px;
  font-size: 80%;
  border: 1px solid #ccc;
  z-index: 99;
  position: relative;
  cursor: default; }

#narrowListCategory #narrowDownCategoryMultiple {
  zoom: 1;
  float: left;
  width: 180px;
  height: 25px;
  margin-right: 5px; }

#narrowListCategory #narrowDownCategoryMultiple:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#narrowListCategory h3:hover + ul {
  display: block;
  z-index: 100;
  position: relative;
  border: 1px solid #ccc;
  border-top: none;
  margin-top: -1px; }

#narrowListCategory .box {
  display: none;
  background: #FFF;
  padding: 5px; }

#narrowListCategory .box:hover {
  display: block;
  z-index: 100;
  position: relative;
  border: 1px solid #ccc;
  border-top: none;
  margin-top: -1px; }

#narrowListCategory .box.hover {
  display: block;
  z-index: 100;
  position: relative;
  border: 1px solid #ccc;
  border-top: none;
  margin-top: -1px; }

#narrowListCategory .box li {
  font-size: 80%;
  display: block;
  margin-bottom: 5px;
  zoom: 1; }

#narrowListCategory .box li:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#narrowListCategory .box input {
  float: left;
  width: 15px;
  display: block;
  margin: 3px 5px 0 3px; }

#narrowListCategory .box label {
  float: left;
  width: 145px;
  display: block; }

* + html #narrowListCategory .box label {
  margin: 5px 0 0 0px; }

#narrowListCategory .filterArea {
  clear: both;
  zoom: 1;
  margin-bottom: 20px;
  padding-top: 20px; }

#narrowListCategory .filterArea:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#narrowListCategory .filterArea li {
  display: block;
  font-size: 80%;
  background: #C00;
  float: left;
  color: #FFF;
  text-decoration: none;
  padding: 5px;
  white-space: nowrap;
  margin-right: 10px;
  line-height: 130%; }

#narrowListCategory .filterArea li a {
  margin-left: 10px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 130%; }

#narrowListCategory .filterArea li a:hover {
  text-decoration: underline; }

#narrowListCategory .filterArea li.filter_clear {
  background: none;
  margin: 0px;
  text-indent: 0px; }

#narrowListCategory .filterArea li.filter_clear a {
  color: #333333;
  margin: 0px;
  font-size: 100%; }

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list {
  padding-bottom: 20px; }

#list li {
  float: left; }

#list li a {
  display: block;
  margin-right: 5px;
  padding: 5px 10px 5px 30px;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #CCC;
  font-size: 80%; }

#list .detail {
  background: url("../images/list_detail.gif") 7px 7px no-repeat #DDD; }

#list .image {
  background: url("../images/list_image.gif") 7px 7px no-repeat #DDD; }

#list .simple {
  background: url("../images/list_simple.gif") 7px 7px no-repeat #DDD; }

#list .detail_select {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  background: url("../images/list_detail_on.gif") 7px 7px no-repeat #FFF;
  color: #333;
  text-decoration: none; }

#list .image_select {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  background: url("../images/list_image_on.gif") 7px 7px no-repeat #FFF;
  color: #333;
  text-decoration: none; }

#list .simple_select {
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #FFF;
  background: url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF;
  color: #333;
  text-decoration: none; }

#list .pageguide {
  float: left;
  width: 570px;
  font-size: 85%; }

#list .rearrange {
  float: left;
  width: 200px;
  font-size: 85%;
  text-align: right; }

#list .nolink {
  color: #999; }

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail .text {
  margin-left: 140px; }

#itemListDetail .text p {
  margin: 10px 0 0; }

#itemListDetail h3 {
  display: block;
  margin: 10px 10px 0 0;
  font-size: 95%; }

#itemListDetail .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%; }

#itemListDetail .price {
  display: block;
  margin: 0;
  color: #C00; }

#itemListDetail .price .teika {
  font-weight: bold;
  font-size: 110%; }

#itemListDetail .price .other {
  font-size: 90%; }

#itemListDetail p.explanation1 {
  display: block;
  margin: 5px 10px 0 0;
  padding: 5px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%; }

#itemListDetail .button {
  display: block;
  margin: 5px 10px 5px 0;
  padding-top: 10px;
  border-top: #CCC 1px solid;
  text-align: right; }

#itemListDetail .property {
  display: inline;
  margin: 0;
  color: #AAA;
  font-size: 75%; }

#itemListDetail .img_box {
  width: 120px;
  height: 120px;
  margin: 10px;
  float: left;
  text-align: center;
  position: relative; }

#itemListDetail .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#itemListDetail .itemcompare .img_box {
  width: 80px;
  height: 80px;
  margin: 0;
  text-align: center;
  position: relative; }

#itemListDetail .itemcompare .img_box img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#itemListDetail .itemcompare .propertyimg_box {
  width: 60px;
  height: 60px;
  margin: 0;
  text-align: center;
  position: relative; }

#itemListDetail .itemcompare .propertyimg_box img {
  width: auto;
  max-width: 60px;
  max-height: 60px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage {
  margin-bottom: 20px; }

#itemListImage:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#itemListImage .box {
  float: left;
  margin-top: 10px;
  width: 235px;
  margin-right: 10px;
  border: #CCC 1px solid; }

#itemListImage .box:hover {
  border: #8CC329 1px solid; }

#itemListImage .text {
  float: left;
  width: 95px; }

#itemListImage h3 {
  display: block;
  margin: 5px 10px 0 0;
  font-size: 14px;
  line-height: 120%; }

#itemListImage .icon {
  display: block;
  margin: 10px 7px 0 0;
  line-height: 120%; }

#itemListImage .button {
  display: block;
  clear: both;
  margin: 5px 0;
  text-align: center; }

#itemListImage .property {
  display: inline;
  margin: 0;
  color: #AAA;
  font-size: 70%; }

#itemListImage .img_box {
  width: 120px;
  height: 120px;
  margin: 10px;
  float: left;
  text-align: center;
  position: relative; }

#itemListImage .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {
  margin-bottom: 20px; }

#topicsList .box {
  zoom: 1;
  margin-top: 10px;
  padding: 10px;
  border: #CCC 1px solid; }

#topicsList .box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#topicsList .box h3 {
  font-size: 95%;
  display: block;
  margin: 10px 10px 0 0px; }

#topicsList .box p {
  display: block;
  width: 728px;
  margin: 0;
  padding: 5px 0px;
  font-size: 90%;
  font-weight: normal; }

#topicsList .img_box {
  width: 120px;
  height: 120px;
  float: right;
  margin: 0 0 10px 10px;
  text-align: center;
  position: relative; }

#topicsList .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail {
  margin-bottom: 20px; }

#itemDetail .box {
  zoom: 1;
  margin-top: 10px;
  border: #CCC 1px solid; }

#itemDetail .box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
/* 商品画像の切り替え */
#itemDetail .item_image_area {
  float: left;
  width: 270px;
  margin: 15px; }

#itemDetail .item_image_area #targetarea {
  visibility: hidden; }

#itemDetail .item_image_area #main_box {
  position: relative;
  border: 1px solid #ccc; }

#itemDetail .item_image_area #main_box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#itemDetail .item_image_area .img_box {
  display: none;
  width: 268px;
  height: 268px; }

#itemDetail .item_image_area .thumb {
  margin: 10px 0; }

#itemDetail .item_image_area .thumb li {
  margin: 0 5px 5px 0;
  float: left; }

#itemDetail .item_image_area .thumb li.last {
  margin-right: 0; }

#itemDetail .item_image_area .thumb a {
  width: 48px;
  height: 48px;
  display: block;
  text-align: center;
  position: relative; }

#itemDetail .item_image_area .thumb a img {
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#itemDetail .item_image_area .thumb a img:hover {
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

#itemDetail .item_image_area .thumb li.active a {
  display: block;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#itemDetail .item_image_area .thumb li.active a img:hover {
  cursor: default;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#itemDetail .otherImage {
  clear: both;
  padding: 10px 10px 0 15px;
  font-size: 75%; }

#itemDetail .recommend {
  clear: both;
  padding: 0 10px 10px 15px;
  font-size: 75%; }

#itemDetail .propertyImg {
  float: left;
  margin-bottom: 10px;
  padding-left: 10px;
  clear: both; }

#itemDetail .propertyImg .propertyimg_box {
  width: 80px;
  height: 80px;
  float: left;
  text-align: center;
  position: relative; }

#itemDetail .propertyImg .propertyimg_box img {
  width: auto;
  max-width: 80px;
  max-height: 80px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

#itemDetail .propertyImg p {
  margin: 0;
  text-align: center; }

#itemDetail .text {
  float: right;
  width: 455px; }

#itemDetail .appeal {
  display: block;
  margin: 10px 10px 0 0;
  color: #F60;
  font-size: 75%; }

#itemDetail h3 {
  display: block;
  margin: 10px 10px 5px 0;
  font-size: 105%; }

#itemDetail .information {
  display: block;
  margin: 0 10px 0 0;
  font-size: 80%; }

#itemDetail .explanation2 {
  display: block;
  margin: 10px 10px 20px 0;
  padding-top: 10px;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%; }

#itemDetail .explanation3 {
  display: block;
  margin: 0 10px 20px 0;
  padding: 10px;
  background: #EEE;
  color: #666;
  font-size: 75%;
  line-height: 120%; }

#itemDetail .button {
  display: block;
  margin: 20px 10px 20px 0; }

#itemDetail table {
  width: 445px;
  margin: 0 0 10px; }

#itemDetail th {
  width: 100px;
  padding: 5px 10px;
  text-align: left; }

#itemDetail td {
  padding: 5px 10px; }

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton {
  position: relative; }

#itemDetail .cartSubmitButton .cartMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none; }

#itemDetail .cartSubmitButton .cartMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px; }

#itemDetail .cartSubmitButton .cartMessage .title {
  text-align: center;
  font-size: 100.0%;
  font-weight: bold;
  color: #000; }

#itemDetail .cartSubmitButton .cartMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0; }

#itemDetail .cartSubmitButton .cartMessage .link {
  background-color: #fff;
  text-align: center; }

#itemDetail .cartSubmitButton .cartMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer; }

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton {
  position: relative; }

#itemDetail .wishlistSubmitButton .wishlistMessage {
  position: absolute;
  top: -85px;
  left: 50%;
  margin-left: -122px;
  padding: 10px;
  background-color: #fff;
  border: #ccc 2px solid;
  width: 270px;
  z-index: 10;
  display: none; }

#itemDetail .wishlistSubmitButton .wishlistMessage:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3px;
  width: 6px;
  height: 5px; }

#itemDetail .wishlistSubmitButton .wishlistMessage .title {
  text-align: center;
  font-size: 100.0%;
  font-weight: bold;
  color: #000; }

#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose {
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  margin-bottom: 0; }

#itemDetail .wishlistSubmitButton .wishlistMessage .link {
  background-color: #fff;
  text-align: center; }

#itemDetail .wishlistSubmitButton .wishlistMessage .close {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer; }

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review {
  margin-bottom: 40px; }

#review p {
  margin: 0 10px; }

#review p.item_name {
  font-size: 95%;
  font-weight: bold; }

#review h3 {
  float: left;
  margin: 0 10px;
  font-size: 80%; }

#review .box {
  zoom: 1;
  margin: 10px 0 5px;
  padding: 10px;
  border: #CCC 1px solid; }

#review .box h3 {
  float: none;
  font-size: 90%; }

#review .box p {
  margin: 0; }

#review .box p.name {
  padding: 5px 0;
  margin-bottom: 10px;
  border-bottom: 1px dashed #CCC;
  color: #666;
  font-size: 75%; }

#review p.goodButton {
  margin-bottom: 5px;
  color: #666;
  font-size: 75%; }

#review p.goodButton input {
  margin-left: 5px;
  vertical-align: middle; }

#review p.goodButton img {
  margin-left: 5px;
  vertical-align: middle; }

#review p.goodNumber {
  margin-bottom: 20px;
  color: #666;
  font-size: 75%; }

#review p.more {
  margin-bottom: 20px;
  font-size: 75%;
  text-align: right; }

#review p.pageguide {
  margin: 10px; }

#review ul.star {
  float: left; }

#review ul.star li {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  text-indent: -9999px; }

#review ul.star li.good {
  background: url("../images/review_good.gif") no-repeat; }

#review ul.star li.bad {
  background: url("../images/review_bad.gif") no-repeat; }

#review .contribution {
  zoom: 1;
  margin-top: 10px;
  padding: 10px 10px 0 10px; }

#review .contribution table {
  margin: 0;
  border: none; }

#review .contribution th {
  width: 80px;
  padding: 5px 10px;
  border: none;
  background: none;
  font-weight: normal;
  text-align: left; }

#review .contribution td {
  padding: 5px 10px;
  border: none; }

#review .contribution h3 {
  float: none;
  margin-bottom: 10px;
  padding: 3px 5px;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #DDD;
  border-left: 5px solid #960;
  background: #F5F5F5;
  font-size: 95%; }

/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history .infoarea.preparing {
  background: url("../images/history_preparing.gif") no-repeat; }

#history .infoarea.delivered {
  background: url("../images/history_delivered.gif") no-repeat; }

#history .infoarea.delivering {
  background: url("../images/history_delivering.gif") no-repeat; }

#history .infoarea.canceled {
  background: url("../images/history_canceled.gif") no-repeat; }

#history .infoarea.yoyaku {
  background: url("../images/history_yoyaku.gif") no-repeat; }

#history .infoarea.teiki_together {
  background: url("../images/history_teiki_together.gif") no-repeat; }

/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */
#subwindow {
  width: 500px;
  margin: auto; }

#subwindow #header {
  background: none; }

#subwindow #header h1 a {
  float: none; }

#subwindow #content h2 {
  height: 25px;
  display: block;
  background: url("../images/title_bg.gif") no-repeat;
  font-size: 85%;
  padding: 3px 10px 3px 25px; }

#subwindow #content table {
  font-size: 80%;
  line-height: 160%;
  margin: 10px 0px;
  width: 100%;
  border: 1px solid #CCCCCC; }

#subwindow #content th {
  background: #EEEEEE;
  padding: 15px;
  vertical-align: top;
  border: 1px solid #CCCCCC;
  width: 150px; }

#subwindow #content th.zaiko {
  width: auto;
  text-align: center; }

#subwindow #content td {
  padding: 15px;
  vertical-align: top;
  border: 1px solid #CCCCCC; }

#subwindow #content td.number {
  text-align: right; }

#subwindow #content .hissu {
  color: #CC0000;
  font-weight: bold; }

#subwindow #content .close {
  margin: 10px 0;
  font-size: 80%;
  line-height: 150%;
  text-align: right; }

#subwindow .buttonarea {
  text-align: center;
  margin: 10px;
  padding-top: 40px; }

#subwindow #content #products {
  width: 500px;
  position: relative; }

#subwindow #content #products .slides_container {
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  margin: 10px 0 0 0; }

#subwindow #content #products .slides_container .ima_box {
  width: 498px;
  height: 498px;
  position: relative;
  text-align: center; }

#subwindow #content #products .slides_container img {
  width: auto;
  margin: auto;
  max-width: 498px;
  max-height: 498px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }

#subwindow #content #products .slides_container a {
  width: 400px;
  height: 400px;
  display: block; }

#subwindow #content #products .thumbox {
  clear: both;
  margin: 15px 0 0;
  padding: 0; }

#subwindow #content #products .thumbox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both; }

/* clearfix */
#subwindow #content #products .thumbox .pagination li {
  margin: 0 10px 10px 0;
  float: left; }

#subwindow #content #products .thumbox .pagination li.last {
  margin-right: 0; }

#subwindow #content #products .thumbox .img_box {
  border: 1px solid #ccc;
  width: 90px;
  height: 90px;
  display: block; }

#subwindow #content #products .thumbox .img_box img {
  max-width: 90px;
  max-height: 90px; }

#subwindow #content #products .thumbox .img_box img:hover {
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  -khtml-opacity: .6;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

#subwindow #content #products .thumbox .current .img_box {
  border: 1px solid #cc3333;
  display: block;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#subwindow #content #products .thumbox .current .img_box img:hover {
  cursor: default;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#subwindow #content #products .prev {
  display: block;
  background: url(../images/detail_prev_button.png) no-repeat;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  top: 35%;
  left: -26px;
  position: absolute;
  z-index: 1000; }

#subwindow #content #products .next {
  display: block;
  background: url(../images/detail_next_button.png) no-repeat;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  top: 35%;
  right: -26px;
  position: absolute;
  z-index: 1000; }

#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next {
  display: block; }

#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error .buttonarea {
  margin: 10px;
  padding-top: 10px;
  border-top: #CCC 1px dashed;
  text-align: center; }

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error {
  width: 100%;
  padding: 10px 0px; }

#social_plus_error table {
  margin: 0px 0 10px;
  border: none !important;
  font-size: 85%; }

#social_plus_error td {
  padding: 10px;
  border: none !important; }

#social_plus_error .ico {
  width: 40px;
  vertical-align: top;
  text-align: center; }

#social_plus_error .content {
  padding: 5px;
  color: #C00;
  font-weight: bold;
  vertical-align: middle;
  line-height: 150%;
  float: none; }

#social_plus_error .buttonarea {
  margin: 10px;
  padding-top: 10px;
  border-top: #CCC 1px dashed;
  text-align: center; }

#social_plus_error ul {
  background: none; }

#social_plus_error li {
  float: none;
  font-size: 100%;
  border: 0px;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: auto;
  line-height: 150%; }

/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button {
  text-align: center; }

#credit .error {
  clear: both;
  margin: 5px 10px;
  color: #C00;
  font-weight: bold;
  text-align: center;
  font-size: 80%; }

/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList {
  margin-bottom: 20px; }

#wishList .text {
  margin-left: 140px; }

#wishList h3 {
  display: block;
  margin: 10px 10px 0 0;
  font-size: 14px; }

#wishList h3 a {
  font-size: 14px;
  text-decoration: none; }

#wishList .appeal {
  display: block;
  margin: 0;
  color: #F60;
  font-size: 70%; }

#wishList .explanation1 {
  display: block;
  margin: 5px 10px 0 0;
  padding: 5px 0;
  border-top: #CCC 1px solid;
  font-size: 80%;
  line-height: 120%; }

#wishList .property {
  display: inline;
  margin: 0;
  color: #AAA;
  font-size: 75%; }

#wishList .img_box {
  width: 120px;
  height: 120px;
  margin: 10px;
  float: left;
  text-align: center;
  position: relative; }

#wishList .img_box img {
  width: auto;
  max-width: 120px;
  max-height: 120px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
/* =================================================================
19.会員関係
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage #social_plus th {
  width: 100px; }

body {
  background: #FFF;
  color: #333;
  line-height: 1.5;
  font-family: 'Noto Sans JP','游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  word-wrap: break-word; }

.serif {
  font-family: 'Noto Serif JP';
  font-weight: 400; }
  .serif.bold {
    font-weight: 600; }

#header_new {
  position: fixed;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 10; }
  #header_new .inner {
    width: 1080px;
    min-width: 768px;
    margin: 0 auto;
    position: relative; }
  #header_new .header_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #header_new .header_wrap a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 11px;
      text-decoration: none; }
    #header_new .header_wrap .header_left {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 60px; }
      #header_new .header_wrap .header_left .logo h1 a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      #header_new .header_wrap .header_left .tel {
        margin-left: 32px; }
        #header_new .header_wrap .header_left .tel p.icon {
          padding-left: 24px;
          position: relative;
          font-size: 20px;
          font-weight: bold; }
          #header_new .header_wrap .header_left .tel p.icon span {
            display: inline-block;
            font-size: 12px;
            font-size: .75rem;
            padding-left: 8px; }
          #header_new .header_wrap .header_left .tel p.icon:before {
            content: '';
            background: url(../images/hirata-bokujo/common/header/icon_tel.svg) no-repeat top center/cover;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 20px;
            height: 20px;
            display: block; }
        #header_new .header_wrap .header_left .tel p.fax {
          line-height: 1; }
          #header_new .header_wrap .header_left .tel p.fax a {
            text-decoration: none;
            border-bottom: 1px solid #ccc;
            color: #555;
            display: inline;
            font-size: 12px; }
    #header_new .header_wrap .header_right {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: right;
          -ms-flex-pack: right;
              justify-content: right; }
      #header_new .header_wrap .header_right a {
        height: 60px;
        padding: 0 20px; }
        #header_new .header_wrap .header_right a p {
          font-size: 11px;
          color: #2e5c3d;
          font-weight: bold;
          line-height: 1;
          position: absolute;
          bottom: 5px; }
      #header_new .header_wrap .header_right .search_box form input[type="text"] {
        height: 38px;
        width: 180px;
        border: 1px solid #c8c8c8;
        padding-left: 15px;
        font-size: 14px; }
      #header_new .header_wrap .header_right .search_box form button {
        background: #2e5c3d;
        vertical-align: top;
        color: #fff;
        padding: 10px 18px 9px;
        border: none; }
      #header_new .header_wrap .header_right .faq a:before {
        content: '';
        background: url(../images/hirata-bokujo/common/header/icon_faq.svg) no-repeat;
        position: relative;
        width: 30px;
        height: 30px;
        display: block;
        padding-bottom: 16px; }
      #header_new .header_wrap .header_right .guide a:before {
        content: '';
        background: url(../images/hirata-bokujo/common/header/icon_guide.svg) no-repeat;
        position: relative;
        width: 30px;
        height: 30px;
        display: block;
        padding-bottom: 16px; }
      #header_new .header_wrap .header_right .login a {
        background: #2e5c3d; }
        #header_new .header_wrap .header_right .login a:before {
          content: '';
          background: url(../images/hirata-bokujo/common/header/icon_door.svg) no-repeat;
          position: relative;
          width: 30px;
          height: 30px;
          display: block;
          padding-bottom: 16px; }
        #header_new .header_wrap .header_right .login a p {
          color: #fff; }
      #header_new .header_wrap .header_right .cart {
        background: #d4602c; }
        #header_new .header_wrap .header_right .cart a {
          position: relative; }
          #header_new .header_wrap .header_right .cart a:before {
            content: '';
            background: url(../images/hirata-bokujo/common/header/icon_cart.svg) no-repeat;
            position: relative;
            width: 30px;
            height: 30px;
            display: block;
            padding-bottom: 16px; }
          #header_new .header_wrap .header_right .cart a p {
            color: #fff; }
        #header_new .header_wrap .header_right .cart__num {
          color: #fff;
          font-weight: bold;
          font-size: 13px;
          background: #f00;
          border-radius: 50%;
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          position: absolute;
          top: 4px;
          right: 12px; }
      #header_new .header_wrap .header_right .ext_link {
        position: relative; }
        #header_new .header_wrap .header_right .ext_link a {
          height: 30px;
          padding: 0 32px 0 16px;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          #header_new .header_wrap .header_right .ext_link a p {
            font-size: 11px;
            font-weight: normal;
            color: #333;
            position: relative;
            bottom: 0; }
          #header_new .header_wrap .header_right .ext_link a:after {
            content: '';
            background: url(../images/hirata-bokujo/common/header/icon_ext.svg) no-repeat;
            position: absolute;
            right: 12px;
            width: 10px;
            height: 10px;
            display: block; }

#header_menu {
  width: 100%;
  height: 50px;
  background: #fff;
  border-top: 1px solid #ccc; }
  #header_menu .inner {
    width: 1080px;
    min-width: 768px;
    margin: 0 auto;
    position: relative; }
  #header_menu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  #header_menu li {
    position: relative;
    width: 100%;
    height: 50px;
    text-align: center; }
    #header_menu li a {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: #2e5c3d;
      line-height: 50px;
      text-decoration: none;
      font-size: 15px;
      font-weight: bold; }
      #header_menu li a:after {
        content: '';
        display: block;
        height: 20px;
        border-right: 1px solid #2e5c3d;
        position: absolute;
        top: 15px;
        right: 0; }
    #header_menu li:last-of-type a:after {
      content: none; }
    #header_menu li.on:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      border: 10px solid transparent;
      border-bottom: 10px solid #2e5c3d;
      z-index: 2; }

#menu_box {
  display: none;
  position: absolute;
  top: 111px;
  width: 100%;
  background: #f7f7f7;
  z-index: 9997;
  border-top: 2px solid #2e5c3d;
  border-bottom: 2px solid #2e5c3d; }
  #menu_box .close {
    width: 120px;
    margin: 0 auto 40px;
    background: #fff;
    text-align: center;
    padding: 6px 0px;
    border-radius: 20px;
    font-size: 13px;
    border: 1px solid #000;
    font-weight: bold;
    cursor: pointer; }
  #menu_box .menu_box_wrap {
    width: 1080px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px 24px 40px; }
    #menu_box .menu_box_wrap .menu_box_inner .cat {
      padding-bottom: 24px; }
      #menu_box .menu_box_wrap .menu_box_inner .cat li {
        padding-bottom: 4px;
        padding-left: 38px; }
      #menu_box .menu_box_wrap .menu_box_inner .cat a {
        text-decoration: none;
        color: #555;
        font-size: 13px; }
      #menu_box .menu_box_wrap .menu_box_inner .cat h3 {
        padding: 6px 0 6px 42px;
        margin-bottom: 12px;
        line-height: 1.2; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3 a, #menu_box .menu_box_wrap .menu_box_inner .cat h3 span {
          cursor: default;
          font-size: 15px; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift_01 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift_01.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift_02 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift_02.png) no-repeat top 50% left/contain;
          background-size: 34px; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift_03 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift_03.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift_04 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift_04.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift_05 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift_05.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gift_06 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_gift_06.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.cat_all {
          background: url(../images/hirata-bokujo/common/sidebar/icon_all.png) no-repeat top 8px left 8px/contain;
          background-size: 20px; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.item {
          background: url(../images/hirata-bokujo/common/sidebar/icon_item.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.item_01 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_item_01.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.item_02 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_item_02.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.item_03 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_item_03.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.item_04 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_item_04.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.processed {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.proc_01 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc_01.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.proc_02 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc_02.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.proc_03 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc_03.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.proc_04 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc_04.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.proc_05 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc_05.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.proc_06 {
          background: url(../images/hirata-bokujo/common/sidebar/icon_proc_06.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.seas {
          background: url(../images/hirata-bokujo/common/sidebar/icon_seas.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.price {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_06.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.temp {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_07.png) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.gohan {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_08.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.yamagata {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_09.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.sokujitsu {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_01.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.recommend {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_03.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.beginner {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_10.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.original {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_02.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.teiki {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_04.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.hamp {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_05.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.price {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_06.svg) no-repeat top left/contain; }
        #menu_box .menu_box_wrap .menu_box_inner .cat h3.temp {
          background: url(../images/hirata-bokujo/common/sidebar/icon_side_07.svg) no-repeat top left/contain; }

.header_bnr {
  background: #b71703;
  text-align: center; }
  .header_bnr .main {
    width: 100%;
    color: #FFF;
    font-weight: bold;
    font-size: 20px; }
    .header_bnr .main .large {
      font-size: 1.5em; }
    .header_bnr .main .small {
      font-size: .75em; }
    .header_bnr .main .col_y {
      color: #FF0; }
  .header_bnr .sub {
    color: #FFF;
    font-size: 16px;
    padding-bottom: 4px;
    margin-left: 12px;
    font-weight: bold; }

#footer {
  height: auto;
  margin-top: 0;
  padding: 0; }
  #footer .inner {
    width: 1080px;
    position: relative; }
  #footer .backtotop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    padding-bottom: 0;
    width: auto;
    margin: 0 auto;
    z-index: 9999; }
    #footer .backtotop a {
      position: absolute;
      bottom: 17px;
      right: 0;
      height: 50px;
      width: 50px;
      background: url(../images/hirata-bokujo/common/footer/icon_backtotop_01.png) no-repeat center center; }
  #footer .copyright {
    font-size: 12px;
    color: #333;
    line-height: 1;
    border: none;
    padding: 18px 0 22px; }

.footer__contents {
  height: 400px;
  padding: 40px 0 20px; }

.footer__logo {
  text-align: center;
  padding: 30px 0 0; }

.footer__nav {
  padding-top: 50px;
  border-top: 1px solid #295235;
  text-align: center; }
  .footer__nav dl {
    width: 195px;
    display: inline-block;
    margin-right: 130px;
    vertical-align: top;
    text-align: left; }
    .footer__nav dl:first-child {
      margin: 0 60px; }
    .footer__nav dl:nth-child(2) {
      margin: 0 60px 0 0; }
    .footer__nav dl:last-child {
      margin: 0; }
  .footer__nav dl:first-child dt {
    background: url(../images/hirata-bokujo/common/footer/icon_category_01.png) no-repeat left center; }
  .footer__nav dl:nth-child(2) dt {
    background: url(../images/hirata-bokujo/common/footer/icon_info_01.png) no-repeat left center; }
  .footer__nav dl:last-child dt {
    background: url(../images/hirata-bokujo/common/footer/icon_office_01.png) no-repeat left center; }
  .footer__nav dl:last-child dd {
    background: url(../images/hirata-bokujo/common/header/icon_link_01.png) no-repeat 50% center; }
  .footer__nav dt, .footer__nav dd {
    font-size: 15px;
    line-height: 1; }
  .footer__nav dt {
    font-weight: bold;
    padding: 14px 35px;
    margin-bottom: 17px;
    border-bottom: 1px dotted #b4b6b8; }
    .footer__nav dt:last-child {
      margin-bottom: 0; }
  .footer__nav dd {
    margin-bottom: 18px; }
    .footer__nav dd:before {
      content: '〉'; }
  .footer__nav a {
    color: #505050;
    text-decoration: none; }
    .footer__nav a:hover {
      text-decoration: underline; }

.footer__sns-link {
  padding-top: 80px;
  text-align: center; }
  .footer__sns-link li {
    display: inline-block;
    margin-right: 20px; }
    .footer__sns-link li:last-child {
      margin-right: 0; }
      .footer__sns-link li:last-child img {
        height: 39px;
        width: auto; }

.footer__calendar {
  position: absolute;
  top: 137px;
  right: 0;
  width: 249px; }
  .footer__calendar .ui-datepicker-prev,
  .footer__calendar .ui-datepicker-next {
    display: none; }

.footer .ui-datepicker td span, .footer .ui-datepicker td div {
  text-align: center; }

.footer .ui-datepicker th {
  font-size: 10px; }

.footer .ui-datepicker {
  width: 100% !important; }

.footer .ui-datepicker-multi .ui-datepicker-group {
  float: none; }

.footer .ui-widget-header {
  width: 100%; }

.footer .ui-state-default, .footer .ui-widget-content .ui-state-default, .footer .ui-widget-header .ui-state-default, .footer .ui-datepicker-week-end {
  background: none;
  color: #717171; }
  .footer .ui-state-default.nikunohi, .footer .ui-widget-content .ui-state-default.nikunohi, .footer .ui-widget-header .ui-state-default.nikunohi, .footer .ui-datepicker-week-end.nikunohi {
    background: rgba(255, 0, 0, 0.3); }

.footer #CALENDAR {
  background: #fff; }

#preview .preview {
  background: #1C8600;
  position: fixed;
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
  z-index: 9999; }

#container {
  width: 1120px;
  margin: 0 auto;
  padding-top: 112px;
  position: relative; }
  #container.cart_wrap {
    padding-top: 0; }

#main {
  float: right;
  width: 840px;
  margin-left: auto;
  position: relative;
  padding-top: 50px; }
  #main.no-padding {
    padding-top: 0; }
  #main.no-sidebar {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    float: none; }
  #main h2 {
    background: none;
    font-size: 18px;
    border-bottom: 3px dotted #a58d61;
    margin-bottom: 20px;
    padding: 0 0 7px 10px; }
  #main table {
    width: 840px;
    margin: 20px 0; }
  #main th {
    text-align: center;
    font-weight: bold; }
    #main th.title {
      width: 200px;
      padding: 20px; }
  #main td {
    border: 1px solid #ccc; }
  #main .zip input:last-of-type {
    white-space: 170px;
    padding-left: 16px;
    padding-right: 44px;
    margin-left: 28px;
    background: #a58d61 url(../images/hirata-bokujo/cart_seisan/icon_address_01.png) no-repeat right 20px center;
    transition: 0.2s opacity ease; }

.keyword {
  font-size: 0;
  position: absolute;
  top: -52px;
  left: -240px; }
  .keyword--login {
    left: 0; }
  .keyword > img, .keyword > ul {
    display: inline-block; }
  .keyword > img {
    margin-right: 16px; }
  .keyword ul {
    font-size: 0; }
  .keyword li {
    display: inline-block;
    margin-right: 10px; }
    .keyword li:last-child {
      margin-right: 0; }
  .keyword li a {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1;
    color: #505050;
    text-decoration: none;
    display: inline-block; }

#breadcrumbs {
  font-size: 14px;
  position: absolute;
  top: 6px;
  left: -240px;
  color: #323232; }
  #breadcrumbs a {
    text-decoration: none;
    color: #323232; }

#sidebar {
  width: 240px;
  padding-top: 50px; }
  #sidebar.no-breadcrumb {
    padding-top: 24px; }

#category, #login {
  width: 240px; }

#login {
  padding: 0;
  border: none;
  background: none; }
  #login .login_link a {
    display: block;
    padding: 8px 0;
    margin: 8px 0;
    background: #2e5c3d;
    color: #fff;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0 #334837;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    position: relative; }
    #login .login_link a:after {
      content: '';
      background: url(../images/hirata-bokujo/common/header/icon_door.svg) no-repeat;
      position: absolute;
      top: 9px;
      left: 30px;
      display: block;
      width: 30px;
      height: 30px;
      background-size: 19px; }
  #login p {
    margin: 0;
    font-size: 16px; }
    #login p.name {
      text-align: center;
      padding: 0 0 8px; }
      #login p.name span {
        font-weight: bold; }

.login__regist-link {
  font-weight: bold;
  text-align: center;
  margin-bottom: 9px; }
  .login__regist-link a {
    font-size: 14px;
    color: #505050; }

#category .menu_block {
  padding-bottom: 12px; }

#category > div {
  margin-top: 10px; }

#category h2 {
  width: auto;
  height: auto;
  overflow: initial;
  background: none;
  text-indent: 0; }

#category .link {
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #c8c8c8;
  margin-bottom: -1px;
  border-radius: 7px; }
  #category .link a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #000;
    padding-left: 43px;
    height: 42px;
    line-height: 42px;
    font-weight: bold; }
  #category .link.gohan {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_08.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.sokujitsu {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_01.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.recommend {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_03.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.beginner {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_10.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.original {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_02.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.teiki {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_04.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.hamp {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_05.svg) no-repeat left 6px center;
    background-size: 32px; }
  #category .link.yamagata {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_09.svg) no-repeat left 6px center;
    background-size: 32px; }

#category .menu_title {
  overflow: hidden;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #c8c8c8;
  margin-bottom: -1px;
  border-radius: 6px; }
  #category .menu_title.gift {
    border: 2px solid #c89608;
    background: url(../images/hirata-bokujo/common/sidebar/icon_gift.png) no-repeat top 5px left 8px;
    background-size: 32px; }
  #category .menu_title > a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #333;
    padding-left: 46px;
    height: 42px;
    line-height: 42px;
    font-weight: bold; }
  #category .menu_title.item {
    border: 2px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_item.png) no-repeat top 5px left 8px;
    background-size: 32px; }
  #category .menu_title.processed {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_proc.png) no-repeat top 5px left 8px;
    background-size: 32px; }
  #category .menu_title.seas {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_seas.png) no-repeat top 5px left 8px;
    background-size: 32px; }
  #category .menu_title.price {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_06.svg) no-repeat top 5px left 8px;
    background-size: 32px; }
  #category .menu_title.temp {
    border: 1px solid #2e5c3d;
    background: url(../images/hirata-bokujo/common/sidebar/icon_side_07.svg) no-repeat top 5px left 8px;
    background-size: 32px; }

#category h3.add-icon {
  border-radius: 7px; }
  #category h3.add-icon.price {
    background: url(../images/hirata-bokujo/top/icon_guide_03.png) no-repeat left 6px center; }
  #category h3.add-icon.part {
    background: url(../images/hirata-bokujo/top/icon_guide_04.png) no-repeat left 6px center; }
  #category h3.add-icon.temp {
    background: url(../images/hirata-bokujo/top/icon_guide_05.png) no-repeat left 6px center; }
  #category h3.add-icon.number {
    background: url(../images/hirata-bokujo/top/icon_guide_08.png) no-repeat left 6px center; }
  #category h3.add-icon.scene {
    background: url(../images/hirata-bokujo/top/icon_guide_06.png) no-repeat left 6px center; }
  #category h3.add-icon.send {
    background: url(../images/hirata-bokujo/top/icon_guide_07.png) no-repeat left 6px center; }

#category ul {
  display: none;
  width: 225px;
  margin: 0 auto;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8; }
  #category ul:last-child li:last-child {
    border-bottom: 1px solid #c8c8c8; }
  #category ul li {
    display: block;
    padding: 0 11px; }
    #category ul li.sub_all {
      background: url(../images/hirata-bokujo/common/sidebar/icon_sub_all.png) no-repeat top 50% left 15px;
      background-size: 15px; }
      #category ul li.sub_all a {
        padding: 12px 0 12px 32px; }
        #category ul li.sub_all a:before {
          content: none; }
      #category ul li.sub_all.sub_title_not a:before {
        content: none; }
    #category ul li.sub_title_not a {
      border-bottom: 1px dotted #c8c8c8; }
      #category ul li.sub_title_not a:before {
        content: '';
        display: block;
        width: 8px;
        height: 2px;
        background: #d95b36;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    #category ul li.sub_title {
      padding: 0; }
      #category ul li.sub_title > a {
        position: relative;
        display: block;
        text-decoration: none;
        color: #333;
        padding-left: 46px;
        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        font-weight: bold;
        margin-bottom: -1px; }
      #category ul li.sub_title.all {
        background: url(../images/hirata-bokujo/common/sidebar/icon_all.png) no-repeat top 50% left 15px;
        background-size: 15px; }
      #category ul li.sub_title.gift_top {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_00.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.gift_01 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_01.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.gift_02 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_02.png) no-repeat top 16px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.gift_03 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_03.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.gift_04 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_04.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.gift_05 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_05.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.gift_06 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_gift_06.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.item_01 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_item_01.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.item_02 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_item_02.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.item_03 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_item_03.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.item_04 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_item_04.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.proc_01 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_proc_01.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.proc_02 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_proc_02.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.proc_03 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_proc_03.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.proc_04 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_proc_04.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.proc_05 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_proc_05.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.proc_06 {
        background: url(../images/hirata-bokujo/common/sidebar/icon_proc_06.png) no-repeat top 5px left 8px;
        background-size: 32px; }
      #category ul li.sub_title.cat_mid > a:before, #category ul li.sub_title.cat_mid > a:after {
        content: '';
        width: 10px;
        height: 2px;
        background: #d95b36;
        display: block;
        position: absolute;
        right: 3%;
        top: 50%;
        transition: .2s; }
      #category ul li.sub_title.cat_mid > a:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
        top: 42%; }
      #category ul li.sub_title.cat_mid > a:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
        top: 55%; }
    #category ul li a {
      display: block;
      border: none;
      background: none;
      padding: 12px 0 12px 16px;
      color: #333;
      font-size: 13px;
      text-decoration: none;
      font-weight: bold;
      transition: .2s;
      position: relative; }
    #category ul li ul {
      border: none; }
      #category ul li ul:last-child {
        border-radius: 0; }
        #category ul li ul:last-child li:last-child {
          padding-bottom: 0;
          border: none; }
          #category ul li ul:last-child li:last-child a {
            border: none; }
      #category ul li ul li a {
        border-bottom: 1px dotted #c8c8c8; }
        #category ul li ul li a:before {
          content: '';
          display: block;
          width: 8px;
          height: 2px;
          background: #d95b36;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
  #category ul.cat_mid_list li.cat_mid_item a {
    border-bottom: 1px dotted #c8c8c8; }
    #category ul.cat_mid_list li.cat_mid_item a:before {
      content: '';
      display: block;
      width: 8px;
      height: 2px;
      background: #d95b36;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  #category ul.cat_mid_list li.cat_mid_item:last-child {
    padding-bottom: 0; }
    #category ul.cat_mid_list li.cat_mid_item:last-child a {
      border: none; }

#category .on + ul,
#category .on > ul {
  display: block;
  margin-top: 1px; }

.sidebar_box {
  margin: 40px 0;
  width: 240px; }
  .sidebar_box .sidebar_ttl {
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
    background: #f0f0f0;
    font-size: 90%;
    text-align: center;
    font-weight: bold; }
  .sidebar_box .sub_ttl {
    margin: 15px 0 0;
    font-size: 14px; }
    .sidebar_box .sub_ttl.red {
      color: #D45030; }
  .sidebar_box h3 {
    font-weight: normal;
    font-size: 15px;
    text-align: left; }
  .sidebar_box h4 {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px; }
  .sidebar_box .t-red {
    color: #f00; }
  .sidebar_box .info_txt {
    margin-bottom: 10px; }
    .sidebar_box .info_txt p {
      font-size: 12px; }
  .sidebar_box .sidebar_table {
    padding: 0 0 15px; }
    .sidebar_box .sidebar_table table tr th {
      width: 100px;
      padding: 5px 0;
      text-align: center;
      background: #eee;
      font-size: 13px;
      border: 1px solid #c8c8c8; }
    .sidebar_box .sidebar_table table tr td {
      width: 140px;
      text-align: center;
      font-size: 14px;
      border: 1px solid #c8c8c8; }
  .sidebar_box .calendar {
    position: relative;
    right: 0;
    width: 240px; }
    .sidebar_box .calendar .ui-datepicker-prev,
    .sidebar_box .calendar .ui-datepicker-next {
      display: none; }
    .sidebar_box .calendar__notes {
      font-size: 12px;
      padding: 0 0 10px 5px; }
      .sidebar_box .calendar__notes span {
        display: block; }
      .sidebar_box .calendar__notes .holiday:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 5px;
        background: rgba(255, 0, 0, 0.6);
        vertical-align: text-bottom; }
      .sidebar_box .calendar__notes .inquiry_only:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-right: 5px;
        background: #D7FFED;
        vertical-align: text-bottom; }
  .sidebar_box .ui-datepicker td span, .sidebar_box .ui-datepicker td div {
    text-align: center; }
  .sidebar_box .ui-datepicker th {
    font-size: 12px; }
  .sidebar_box .ui-datepicker {
    width: auto; }
  .sidebar_box .ui-datepicker-multi .ui-datepicker-group {
    float: none; }
  .sidebar_box .ui-datepicker-multi .ui-datepicker-group table {
    width: 100%; }
  .sidebar_box .ui-datepicker-title {
    font-size: 14px; }
  .sidebar_box .ui-widget-header {
    width: 100%; }
  .sidebar_box .ui-state-default, .sidebar_box .ui-widget-content .ui-state-default, .sidebar_box .ui-widget-header .ui-state-default, .sidebar_box .ui-datepicker-week-end {
    background: none;
    color: #717171; }
    .sidebar_box .ui-state-default.nikunohi, .sidebar_box .ui-widget-content .ui-state-default.nikunohi, .sidebar_box .ui-widget-header .ui-state-default.nikunohi, .sidebar_box .ui-datepicker-week-end.nikunohi {
      background: rgba(255, 0, 0, 0.3); }
  .sidebar_box .ui-widget-content {
    font-family: inherit; }
  .sidebar_box #CALENDAR {
    background: #fff; }

#deliveryDate {
  margin: 40px 0;
  width: 240px; }
  #deliveryDate .shohin {
    margin: 15px 0 10px;
    font-size: 14px; }
  #deliveryDate h3 {
    font-weight: normal;
    font-size: 15px;
    text-align: left; }
  #deliveryDate h4 {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px; }
    #deliveryDate h4 span {
      font-size: 22.68px; }
  #deliveryDate .t-red {
    color: #f00; }
  #deliveryDate .delivery-text p {
    font-size: 12px; }
  #deliveryDate div:nth-child(5), #deliveryDate div:nth-child(10) {
    margin-bottom: 20px; }

.bnr_area {
  margin: 20px 0; }
  .bnr_area .bnr_box {
    padding: 15px 0 8px;
    display: block; }
  .bnr_area a img {
    width: 100%; }

.sns_area {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .sns_area a {
    display: block;
    padding-right: 16px; }

#notice {
  margin-bottom: 10px;
  margin-top: -14px;
  padding: 10px 0;
  text-align: center;
  background-color: #b70015; }
  #notice a {
    color: #fff; }
  #notice ul {
    margin: auto;
    width: 1080px; }
    #notice ul li {
      text-align: center; }

#key_visual {
  width: 100%;
  height: 500px; }
  #key_visual .swiper-container {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .2s linear;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    #key_visual .swiper-container.swiper-container-initialized {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  #key_visual .swiper-slide img {
    width: 100%; }
  #key_visual .gallery-top .swiper-button-next, #key_visual .gallery-top .swiper-button-prev {
    background-size: 22px 40px; }
  #key_visual .gallery-thumbs {
    box-sizing: border-box; }
  #key_visual .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  #key_visual .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#main .mainthum {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  #main .mainthum .mainthum_loop {
    width: calc(100% / 3 - 16px);
    margin: 0 8px; }

#main #topGuide {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  margin-bottom: 50px; }
  #main #topGuide .topGuide__box {
    -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    border-right: 1px solid #c8c8c8;
    padding: 8px; }
    #main #topGuide .topGuide__box h3 {
      font-weight: bold;
      font-size: 16px;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 38px;
      margin-bottom: 10px; }
    #main #topGuide .topGuide__box li {
      padding-left: 12px;
      margin-bottom: 8px;
      background: url(../images/hirata-bokujo/top/icon_link_01.png) no-repeat left center; }
      #main #topGuide .topGuide__box li a {
        font-size: 14px;
        color: #505050; }
    #main #topGuide .topGuide__box:first-of-type {
      -webkit-flex: 2 1 0;
          -ms-flex: 2 1 0px;
              flex: 2 1 0; }
    #main #topGuide .topGuide__box:nth-of-type(4) {
      border-right: none; }
    #main #topGuide .topGuide__box:nth-of-type(1) h3 {
      border-bottom: 3px dotted #1C2E6D;
      background: url(../images/hirata-bokujo/top/icon_guide_01.png) no-repeat left bottom 4px; }
    #main #topGuide .topGuide__box:nth-of-type(1) li {
      padding-left: 0;
      background: none; }
      #main #topGuide .topGuide__box:nth-of-type(1) li a h3 {
        border-bottom: none;
        padding-top: 0;
        padding-left: 12px;
        padding-bottom: 0;
        margin-bottom: 8px;
        font-weight: normal;
        font-size: 14px;
        background: url(../images/hirata-bokujo/top/icon_link_01.png) no-repeat left center; }
        #main #topGuide .topGuide__box:nth-of-type(1) li a h3.hot_icon:after {
          text-decoration: underline;
          -webkit-text-decoration-color: #F00;
                  text-decoration-color: #F00; }
        #main #topGuide .topGuide__box:nth-of-type(1) li a h3.new_icon:after {
          text-decoration: underline;
          -webkit-text-decoration-color: #36a33f;
                  text-decoration-color: #36a33f; }
        #main #topGuide .topGuide__box:nth-of-type(1) li a h3.no1_icon:after {
          text-decoration: underline;
          -webkit-text-decoration-color: #ffb300;
                  text-decoration-color: #ffb300; }
    #main #topGuide .topGuide__box:nth-of-type(2) h3 {
      border-bottom: 3px dotted #63a027;
      background: url(../images/hirata-bokujo/top/icon_guide_03.png) no-repeat left bottom 4px; }
    #main #topGuide .topGuide__box:nth-of-type(3) h3 {
      border-bottom: 3px dotted #007130;
      background: url(../images/hirata-bokujo/top/icon_guide_04.png) no-repeat left bottom 4px; }
    #main #topGuide .topGuide__box:nth-of-type(4) h3 {
      border-bottom: 3px dotted #2996c7;
      background: url(../images/hirata-bokujo/top/icon_guide_05.png) no-repeat left bottom 4px; }

#main #monthlyRecommend h2,
#main #giftRanking h2,
#main #recommendRanking h2,
#main #mutenkaRanking h2,
#main #recommend h2,
#main #convenient h2,
#main #mutenka h2,
#main #pickupItem h2,
#main #hirataItem h2,
#main #topTopics h2 {
  font-size: 18px;
  border-top: 2px dotted #baa786;
  border-bottom: 2px dotted #baa786;
  padding: 0 47px;
  height: 43px;
  line-height: 43px;
  color: #505050;
  margin-bottom: 21px; }

#main #recommend,
#main #convenient,
#main #mutenka {
  margin-bottom: 50px; }
  #main #recommend h2,
  #main #convenient h2,
  #main #mutenka h2 {
    background: url(../images/hirata-bokujo/top/h2_icon_osusume_01.png) no-repeat left 4px center; }
  #main #recommend ul,
  #main #convenient ul,
  #main #mutenka ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #main #recommend .box,
  #main #convenient .box,
  #main #mutenka .box {
    position: relative;
    border: none;
    width: 25%;
    margin: 0 0 24px;
    max-height: 180px;
    padding: 0; }
    #main #recommend .box:nth-child(4n),
    #main #convenient .box:nth-child(4n),
    #main #mutenka .box:nth-child(4n) {
      margin-right: 0; }
    #main #recommend .box:hover,
    #main #convenient .box:hover,
    #main #mutenka .box:hover {
      border: none; }
  #main #recommend .img_box,
  #main #convenient .img_box,
  #main #mutenka .img_box {
    width: 174px;
    min-height: 140px;
    height: auto;
    float: none;
    height: 113px;
    margin: 0px auto 10px; }
    #main #recommend .img_box a,
    #main #convenient .img_box a,
    #main #mutenka .img_box a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      text-align: center; }
    #main #recommend .img_box img,
    #main #convenient .img_box img,
    #main #mutenka .img_box img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: none;
      position: relative;
      vertical-align: middle;
      max-height: 100%; }
  #main #recommend .text,
  #main #convenient .text,
  #main #mutenka .text {
    width: 100%;
    margin: 0; }
    #main #recommend .text h3,
    #main #convenient .text h3,
    #main #mutenka .text h3 {
      max-height: 48px;
      text-align: center; }
      #main #recommend .text h3 a,
      #main #convenient .text h3 a,
      #main #mutenka .text h3 a {
        font-size: 16px;
        text-decoration: none;
        color: #505050;
        margin-top: 0;
        padding: 4px 0 4px 25px;
        display: inline-block;
        background: url(../images/hirata-bokujo/top/icon_recommend_link_01.png) no-repeat left center; }

#main #monthlyRecommend h2 {
  background: url(../images/hirata-bokujo/top/h2_icon_monthlyrecommend.png) no-repeat left 4px center; }

#main #convenient h2 {
  background: url(../images/hirata-bokujo/top/h2_icon_osusume_02.png) no-repeat left 4px center; }

#main #mutenka h2 {
  background: url(../images/hirata-bokujo/top/h2_icon_ham.png) no-repeat left 4px center;
  background-size: 25px; }

#main #giftRanking h2 {
  background: url(../images/hirata-bokujo/top/h2_icon_gift.png) no-repeat left 4px center; }

#main #recommendRanking h2 {
  background: url(../images/hirata-bokujo/top/h2_icon_ranking.png) no-repeat left 4px center; }

#main #mutenkaRanking h2 {
  background: url(../images/hirata-bokujo/top/h2_icon_ranking.png) no-repeat left 4px center; }

#main #monthlyRecommend, #main #giftRanking, #main #recommendRanking, #main #mutenkaRanking, #main .giftRanking {
  margin-bottom: 80px; }
  #main #monthlyRecommend #ranking_no1 .rank, #main #monthlyRecommend #recommend_no1 .rank, #main #giftRanking #ranking_no1 .rank, #main #giftRanking #recommend_no1 .rank, #main #recommendRanking #ranking_no1 .rank, #main #recommendRanking #recommend_no1 .rank, #main #mutenkaRanking #ranking_no1 .rank, #main #mutenkaRanking #recommend_no1 .rank, #main .giftRanking #ranking_no1 .rank, #main .giftRanking #recommend_no1 .rank {
    background: url(../images/hirata-bokujo/top/icon_rank_01.png) no-repeat left center; }
  #main #monthlyRecommend #ranking_no2 .rank, #main #monthlyRecommend #recommend_no2 .rank, #main #giftRanking #ranking_no2 .rank, #main #giftRanking #recommend_no2 .rank, #main #recommendRanking #ranking_no2 .rank, #main #recommendRanking #recommend_no2 .rank, #main #mutenkaRanking #ranking_no2 .rank, #main #mutenkaRanking #recommend_no2 .rank, #main .giftRanking #ranking_no2 .rank, #main .giftRanking #recommend_no2 .rank {
    background: url(../images/hirata-bokujo/top/icon_rank_02.png) no-repeat left center; }
  #main #monthlyRecommend #ranking_no3 .rank, #main #monthlyRecommend #recommend_no3 .rank, #main #giftRanking #ranking_no3 .rank, #main #giftRanking #recommend_no3 .rank, #main #recommendRanking #ranking_no3 .rank, #main #recommendRanking #recommend_no3 .rank, #main #mutenkaRanking #ranking_no3 .rank, #main #mutenkaRanking #recommend_no3 .rank, #main .giftRanking #ranking_no3 .rank, #main .giftRanking #recommend_no3 .rank {
    background: url(../images/hirata-bokujo/top/icon_rank_03.png) no-repeat left center; }
  #main #monthlyRecommend .img-round, #main #giftRanking .img-round, #main #recommendRanking .img-round, #main #mutenkaRanking .img-round, #main .giftRanking .img-round {
    overflow: hidden;
    border-radius: 5px;
    height: 150px;
    display: inline-block; }
  #main #monthlyRecommend .ranking__flex, #main #giftRanking .ranking__flex, #main #recommendRanking .ranking__flex, #main #mutenkaRanking .ranking__flex, #main .giftRanking .ranking__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #main #monthlyRecommend .box, #main #giftRanking .box, #main #recommendRanking .box, #main #mutenkaRanking .box, #main .giftRanking .box {
    display: inline-block;
    border: none;
    width: calc(100% / 5 - 20px);
    margin: 0 10px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% / 5 - 20px); }
    #main #monthlyRecommend .box:hover, #main #giftRanking .box:hover, #main #recommendRanking .box:hover, #main #mutenkaRanking .box:hover, #main .giftRanking .box:hover {
      border: none; }
    #main #monthlyRecommend .box .rank-box, #main #giftRanking .box .rank-box, #main #recommendRanking .box .rank-box, #main #mutenkaRanking .box .rank-box, #main .giftRanking .box .rank-box {
      text-align: center;
      font-size: 16px; }
    #main #monthlyRecommend .box .rank, #main #giftRanking .box .rank, #main #recommendRanking .box .rank, #main #mutenkaRanking .box .rank, #main .giftRanking .box .rank {
      padding: 4px 0 4px 40px;
      display: inline-block;
      font-size: 30px;
      font-weight: bold; }
    #main #monthlyRecommend .box:first-of-type .rank span, #main #giftRanking .box:first-of-type .rank span, #main #recommendRanking .box:first-of-type .rank span, #main #mutenkaRanking .box:first-of-type .rank span, #main .giftRanking .box:first-of-type .rank span {
      background: url(../images/hirata-bokujo/top/icon_rank_01.png) no-repeat left center; }
  #main #monthlyRecommend #ranking_no4 .rank,
  #main #monthlyRecommend #recommend_no4 .rank,
  #main #monthlyRecommend #ranking_no5 .rank,
  #main #monthlyRecommend #recommend_no5 .rank,
  #main #monthlyRecommend #ranking_no6 .rank,
  #main #monthlyRecommend #recommend_no6 .rank,
  #main #monthlyRecommend #ranking_no7 .rank,
  #main #monthlyRecommend #recommend_no7 .rank,
  #main #monthlyRecommend #ranking_no8 .rank,
  #main #monthlyRecommend #recommend_no8 .rank,
  #main #monthlyRecommend #ranking_no9 .rank,
  #main #monthlyRecommend #recommend_no9 .rank,
  #main #monthlyRecommend #ranking_no10 .rank,
  #main #monthlyRecommend #recommend_no10 .rank, #main #giftRanking #ranking_no4 .rank,
  #main #giftRanking #recommend_no4 .rank,
  #main #giftRanking #ranking_no5 .rank,
  #main #giftRanking #recommend_no5 .rank,
  #main #giftRanking #ranking_no6 .rank,
  #main #giftRanking #recommend_no6 .rank,
  #main #giftRanking #ranking_no7 .rank,
  #main #giftRanking #recommend_no7 .rank,
  #main #giftRanking #ranking_no8 .rank,
  #main #giftRanking #recommend_no8 .rank,
  #main #giftRanking #ranking_no9 .rank,
  #main #giftRanking #recommend_no9 .rank,
  #main #giftRanking #ranking_no10 .rank,
  #main #giftRanking #recommend_no10 .rank, #main #recommendRanking #ranking_no4 .rank,
  #main #recommendRanking #recommend_no4 .rank,
  #main #recommendRanking #ranking_no5 .rank,
  #main #recommendRanking #recommend_no5 .rank,
  #main #recommendRanking #ranking_no6 .rank,
  #main #recommendRanking #recommend_no6 .rank,
  #main #recommendRanking #ranking_no7 .rank,
  #main #recommendRanking #recommend_no7 .rank,
  #main #recommendRanking #ranking_no8 .rank,
  #main #recommendRanking #recommend_no8 .rank,
  #main #recommendRanking #ranking_no9 .rank,
  #main #recommendRanking #recommend_no9 .rank,
  #main #recommendRanking #ranking_no10 .rank,
  #main #recommendRanking #recommend_no10 .rank, #main #mutenkaRanking #ranking_no4 .rank,
  #main #mutenkaRanking #recommend_no4 .rank,
  #main #mutenkaRanking #ranking_no5 .rank,
  #main #mutenkaRanking #recommend_no5 .rank,
  #main #mutenkaRanking #ranking_no6 .rank,
  #main #mutenkaRanking #recommend_no6 .rank,
  #main #mutenkaRanking #ranking_no7 .rank,
  #main #mutenkaRanking #recommend_no7 .rank,
  #main #mutenkaRanking #ranking_no8 .rank,
  #main #mutenkaRanking #recommend_no8 .rank,
  #main #mutenkaRanking #ranking_no9 .rank,
  #main #mutenkaRanking #recommend_no9 .rank,
  #main #mutenkaRanking #ranking_no10 .rank,
  #main #mutenkaRanking #recommend_no10 .rank, #main .giftRanking #ranking_no4 .rank,
  #main .giftRanking #recommend_no4 .rank,
  #main .giftRanking #ranking_no5 .rank,
  #main .giftRanking #recommend_no5 .rank,
  #main .giftRanking #ranking_no6 .rank,
  #main .giftRanking #recommend_no6 .rank,
  #main .giftRanking #ranking_no7 .rank,
  #main .giftRanking #recommend_no7 .rank,
  #main .giftRanking #ranking_no8 .rank,
  #main .giftRanking #recommend_no8 .rank,
  #main .giftRanking #ranking_no9 .rank,
  #main .giftRanking #recommend_no9 .rank,
  #main .giftRanking #ranking_no10 .rank,
  #main .giftRanking #recommend_no10 .rank {
    padding: 4px 0; }
  #main #monthlyRecommend .tag, #main #giftRanking .tag, #main #recommendRanking .tag, #main #mutenkaRanking .tag, #main .giftRanking .tag {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 13px;
    width: 44px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background: #ddc2c9;
    color: #fff; }
    #main #monthlyRecommend .tag--reizo, #main #giftRanking .tag--reizo, #main #recommendRanking .tag--reizo, #main #mutenkaRanking .tag--reizo, #main .giftRanking .tag--reizo {
      background: #0097db; }
    #main #monthlyRecommend .tag--reito, #main #giftRanking .tag--reito, #main #recommendRanking .tag--reito, #main #mutenkaRanking .tag--reito, #main .giftRanking .tag--reito {
      background: #9f9fa0; }
  #main #monthlyRecommend .img_box, #main #giftRanking .img_box, #main #recommendRanking .img_box, #main #mutenkaRanking .img_box, #main .giftRanking .img_box {
    width: 150px;
    min-height: 150px;
    height: auto;
    float: none;
    margin: 0 0 12px;
    position: relative; }
    #main #monthlyRecommend .img_box a, #main #giftRanking .img_box a, #main #recommendRanking .img_box a, #main #mutenkaRanking .img_box a, #main .giftRanking .img_box a {
      display: block;
      margin-bottom: 12px;
      width: 100%;
      position: relative; }
    #main #monthlyRecommend .img_box img, #main #giftRanking .img_box img, #main #recommendRanking .img_box img, #main #mutenkaRanking .img_box img, #main .giftRanking .img_box img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      position: static;
      vertical-align: middle; }
    #main #monthlyRecommend .img_box h3, #main #giftRanking .img_box h3, #main #recommendRanking .img_box h3, #main #mutenkaRanking .img_box h3, #main .giftRanking .img_box h3 {
      height: 90px; }
      #main #monthlyRecommend .img_box h3 a, #main #giftRanking .img_box h3 a, #main #recommendRanking .img_box h3 a, #main #mutenkaRanking .img_box h3 a, #main .giftRanking .img_box h3 a {
        position: relative;
        display: block;
        font-size: 14px;
        height: 63px;
        line-height: 1.5;
        overflow: hidden;
        font-weight: normal;
        text-decoration: none;
        color: #333;
        margin-top: 0;
        max-height: 90px;
        text-align: left; }
    #main #monthlyRecommend .img_box .member_price_icon, #main #giftRanking .img_box .member_price_icon, #main #recommendRanking .img_box .member_price_icon, #main #mutenkaRanking .img_box .member_price_icon, #main .giftRanking .img_box .member_price_icon {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 50px;
      right: 0;
      text-align: center;
      background: #ff6200;
      border-radius: 50%;
      line-height: 30px;
      font-size: 16px;
      color: #FFF;
      font-weight: bold;
      z-index: 9999; }
  #main #monthlyRecommend .text, #main #giftRanking .text, #main #recommendRanking .text, #main #mutenkaRanking .text, #main .giftRanking .text {
    margin: 0; }
    #main #monthlyRecommend .text p, #main #giftRanking .text p, #main #recommendRanking .text p, #main #mutenkaRanking .text p, #main .giftRanking .text p {
      font-size: 15px;
      font-weight: bold;
      text-align: right;
      white-space: nowrap; }
  #main #monthlyRecommend .button, #main #giftRanking .button, #main #recommendRanking .button, #main #mutenkaRanking .button, #main .giftRanking .button {
    margin: 7px 0 0;
    padding-top: 0;
    border-top: none;
    text-align: center; }
    #main #monthlyRecommend .button a, #main #giftRanking .button a, #main #recommendRanking .button a, #main #mutenkaRanking .button a, #main .giftRanking .button a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 6px 0;
      text-align: center;
      color: #d95b36;
      border-radius: 6px;
      border: 1px solid #d95b36;
      box-shadow: 0 2px 0 0 #d95b36;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px; }

#main #monthlyRecommend .box {
  padding-bottom: 20px; }

#main #pickupItem {
  margin-bottom: 80px; }
  #main #pickupItem h2 {
    background: url(../images/hirata-bokujo/top/h2_icon_media.png) no-repeat left 4px center; }

#main #hirataItem {
  margin-bottom: 60px; }
  #main #hirataItem h2 {
    background: url(../images/hirata-bokujo/top/h2_icon_home.png) no-repeat left 4px center; }

#main #pickupItem .box, #main #hirataItem .box {
  display: inline-block;
  border: none;
  width: 258px;
  min-height: 368px;
  margin-top: 0;
  margin-right: 24px;
  border: 1px solid #b4b4b4;
  border-radius: 10px;
  overflow: hidden; }
  #main #pickupItem .box:nth-child(3n+1), #main #hirataItem .box:nth-child(3n+1) {
    margin-right: 0; }

#main #pickupItem .img_box, #main #hirataItem .img_box {
  width: 258px;
  min-height: 142px;
  height: auto;
  float: none;
  margin: 0 0 6px;
  border-bottom: 1px solid #b4b4b4;
  height: 145px; }
  #main #pickupItem .img_box a, #main #hirataItem .img_box a {
    display: block;
    width: 100%;
    position: relative; }
  #main #pickupItem .img_box img, #main #hirataItem .img_box img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    vertical-align: middle; }

#main #pickupItem .text, #main #hirataItem .text {
  padding: 10px 20px; }
  #main #pickupItem .text h3, #main #hirataItem .text h3 {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 2px dotted #b4b4b4; }
    #main #pickupItem .text h3 a, #main #hirataItem .text h3 a {
      font-size: 16px;
      font-weight: bold;
      color: #d95b36;
      text-decoration: none; }

#main #topTopics {
  margin: 20px 0; }
  #main #topTopics .topics_ttl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  #main #topTopics .box {
    display: block;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #main #topTopics .box:hover {
      border: none;
      border-bottom: 1px solid #d6d6d6; }
    #main #topTopics .box h3 {
      width: 112px;
      text-align: left;
      font-weight: normal;
      font-size: 14px;
      padding-left: 35px; }
    #main #topTopics .box .inner {
      width: calc(100% - 112px); }
      #main #topTopics .box .inner p {
        font-size: 16px;
        margin: 0; }
        #main #topTopics .box .inner p > img {
          display: block;
          margin-bottom: 15px; }
        #main #topTopics .box .inner p a {
          color: #d95b36; }
        #main #topTopics .box .inner p span {
          color: #d95b36;
          font-weight: bold;
          display: inline-block; }
    #main #topTopics .box .img_box {
      margin-bottom: 15px; }
      #main #topTopics .box .img_box a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative; }
      #main #topTopics .box .img_box img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: none;
        position: relative;
        vertical-align: middle; }
  #main #topTopics .topics__contents {
    display: none; }
  #main #topTopics #topTopicsSlider.flexslider {
    margin: 0;
    z-index: 1; }
  #main #topTopics #topTopicsSlider .flex-direction-nav a {
    margin: -23px 0 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-size: 50%;
    top: 50%; }
  #main #topTopics #topTopicsSlider .flex-direction-nav a:before {
    font-size: 20px; }

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar {
  zoom: 1;
  width: 190px;
  margin-bottom: 10px;
  padding: 10px 0 5px;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  background: url("../images/sidebar_middle_bg.gif") repeat-y; }

#calendar h2 {
  width: 170px;
  height: 20px;
  overflow: hidden;
  margin: 0 10px;
  background: url("../images/calendar_title.gif") no-repeat;
  text-indent: -9999px; }

#calendar p {
  margin: 0 10px;
  font-size: 80%; }

#calendar span.day_color1 {
  color: #FF7F7E; }

#SIDE_CALENDAR {
  width: 180px;
  overflow: hidden;
  margin: 0 5px;
  font-size: 9px; }

.ui-widget-content {
  border: 1px solid #FFF; }

.ui-datepicker-title {
  font-size: 12px; }

.ui-widget-header {
  width: 178px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #CCC;
  border-radius: 0;
  background: none; }

.ui-datepicker table {
  width: 178px; }

.ui-datepicker th, .ui-datepicker td {
  width: 10px !important;
  margin: 0;
  padding: 1px;
  border: none; }

.ui-datepicker th a, .ui-datepicker td a {
  padding: 1px;
  border: none !important; }

.ui-datepicker th div, .ui-datepicker td div {
  padding: 1px;
  border: none !important; }

.ui-datepicker-week-end {
  color: #C00; }

.ui-datepicker .day_color1 .ui-state-default {
  background-image: none;
  background-color: #FF7F7E;
  color: #C00; }

.ui-datepicker .day_color2 .ui-state-default {
  background-image: none;
  background-color: #D7FFED; }

.ui-datepicker .day_color3 .ui-state-default {
  background-image: none;
  background-color: #DDF; }

.ui-datepicker .day_color4 .ui-state-default {
  background-image: none;
  background-color: #FFD; }

.ui-datepicker .day_color5 .ui-state-default {
  background-image: none;
  background-color: #E7FFFF; }

.ui-datepicker .day_color6 .ui-state-default {
  background-image: none;
  background-color: #F0D6FF; }

#itemDetail {
  color: #505050; }
  #itemDetail .box {
    border: none;
    margin-top: 0; }
  #itemDetail .item_image_area {
    width: 420px;
    margin: 0; }
    #itemDetail .item_image_area .img_box {
      width: 100%;
      height: 420px;
      position: relative; }
      #itemDetail .item_image_area .img_box__modal-link {
        position: absolute;
        bottom: 7px;
        right: 12px;
        padding: 5px 28px 5px 0;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        color: #505050;
        background: url(../images/hirata-bokujo/item_detail/icon_open_modal_01.png) no-repeat right center; }
    #itemDetail .item_image_area #main_box {
      border: none;
      background: #e7e7e7;
      position: relative; }
    #itemDetail .item_image_area .thumb a {
      width: 96px;
      height: 96px; }
    #itemDetail .item_image_area .thumb li {
      margin-right: 9px; }
      #itemDetail .item_image_area .thumb li:last-of-type {
        margin-right: 0; }
  #itemDetail .button {
    margin: 0; }
  #itemDetail .itemDetail {
    float: left;
    width: 340px;
    margin-left: 50px; }
    #itemDetail .itemDetail__tag li {
      display: inline-block;
      border: 1px solid #000;
      padding: 0 8px;
      margin-bottom: 4px;
      height: 28px;
      line-height: 28px;
      font-size: 14px;
      border-radius: 3px; }
    #itemDetail .itemDetail__tag .tag-new {
      border: 1px solid #f40000;
      color: #f40000; }
    #itemDetail .itemDetail__tag .tag-free {
      border: 1px solid #1d2c4b;
      color: #1d2c4b; }
    #itemDetail .itemDetail__tag .tag-term {
      border: 1px solid #e0633d;
      color: #e0633d; }
    #itemDetail .itemDetail__tag .tag-limit {
      border: 1px solid #42794e;
      color: #42794e; }
    #itemDetail .itemDetail__tag .tag-additive-free {
      border: 1px solid #7c4c14;
      color: #7c4c14; }
    #itemDetail .itemDetail__tag .tag-sale {
      border: 1px solid #fff;
      background: #f00;
      color: #fff; }
    #itemDetail .itemDetail__tag .tag-ship {
      border: 1px solid #ff7600;
      color: #ff7600; }
    #itemDetail .itemDetail__tag .tag-postage-included {
      border: 1px solid #2d3789;
      color: #2d3789; }
    #itemDetail .itemDetail__appeal-point {
      margin: 15px 0 0;
      font-size: 18px;
      line-height: 28px;
      font-weight: bold; }
    #itemDetail .itemDetail__status, #itemDetail .itemDetail__name {
      margin-top: 13px;
      display: inline-block; }
    #itemDetail .itemDetail__status {
      font-size: 14px;
      height: 20px;
      line-height: 20px;
      padding: 0 12px;
      border-radius: 14px;
      margin-right: 4px;
      background: #ddc2c9;
      color: #fff;
      display: inline-block; }
      #itemDetail .itemDetail__status--reizo {
        background: #0097db; }
      #itemDetail .itemDetail__status--reito {
        background: #9f9fa0; }
      #itemDetail .itemDetail__status--johon {
        background: #ddc2c9; }
    #itemDetail .itemDetail__sns {
      clear: both;
      width: 100%;
      text-align: right;
      padding-top: 5px; }
      #itemDetail .itemDetail__sns li {
        vertical-align: top;
        height: 17px;
        line-height: 1;
        display: inline-block;
        margin-left: 3px; }
    #itemDetail .itemDetail__name {
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 28px; }
    #itemDetail .itemDetail__code {
      font-size: 12px;
      float: left;
      line-height: 28px; }
    #itemDetail .itemDetail__package {
      font-size: 14px;
      float: right;
      padding-left: 34px;
      height: 28px;
      line-height: 28px;
      background: url(../images/hirata-bokujo/item_detail/icon_noshi_01.png) no-repeat left center; }
    #itemDetail .itemDetail__package_not {
      font-size: 14px;
      float: right;
      padding-left: 34px;
      height: 28px;
      line-height: 28px;
      background: url(../images/hirata-bokujo/item_detail/icon_noshi_02.png) no-repeat left center; }
    #itemDetail .itemDetail__table {
      margin-top: 5px;
      width: 340px !important;
      border: none; }
      #itemDetail .itemDetail__table th,
      #itemDetail .itemDetail__table td {
        font-weight: bold;
        font-size: 16px;
        background: none;
        border: none;
        border-top: 1px dotted #888;
        border-bottom: 1px dotted #888;
        padding: 14px 0; }
      #itemDetail .itemDetail__table th {
        width: 100px; }
      #itemDetail .itemDetail__table td {
        text-align: right; }
        #itemDetail .itemDetail__table td.price {
          text-align: right; }
        #itemDetail .itemDetail__table td .icon_29 {
          display: block;
          text-align: right;
          padding-bottom: 4px;
          color: #ff0000;
          font-weight: bold;
          font-size: 14px; }
        #itemDetail .itemDetail__table td .lank_msg {
          display: block;
          font-size: 13px; }
      #itemDetail .itemDetail__table .maker_price {
        font-size: 14px;
        position: relative;
        font-weight: normal;
        margin-right: 8px; }
        #itemDetail .itemDetail__table .maker_price:after {
          content: '';
          width: 100%;
          border-top: 2px solid #555;
          position: absolute;
          top: 40%;
          left: 0; }
      #itemDetail .itemDetail__table .discount_rate span {
        font-size: 14px;
        background: red;
        padding: 6px 8px;
        border-radius: 6px;
        color: #fff; }
      #itemDetail .itemDetail__table .sales_price {
        font-size: 18px; }
      #itemDetail .itemDetail__table .timesale_price,
      #itemDetail .itemDetail__table .discount_price,
      #itemDetail .itemDetail__table .member_price {
        font-size: 18px;
        color: red;
        display: inline-block; }
      #itemDetail .itemDetail__table .tax {
        font-size: 13px; }
      #itemDetail .itemDetail__table .disp_none {
        display: none; }
    #itemDetail .itemDetail__count {
      float: left;
      padding: 10px 0; }
      #itemDetail .itemDetail__count select {
        height: 40px;
        line-height: 40px;
        font-size: 16px; }
    #itemDetail .itemDetail__buttons {
      float: right; }
    #itemDetail .itemDetail__allergen, #itemDetail .itemDetail__tab {
      clear: both; }
    #itemDetail .itemDetail__allergen {
      margin-top: 15px;
      padding: 18px 38px;
      border: 1px solid #b4b4b4;
      border-radius: 6px;
      font-weight: bold; }
      #itemDetail .itemDetail__allergen div:first-child {
        font-size: 18px;
        margin-bottom: 3px;
        color: #a58d61; }
      #itemDetail .itemDetail__allergen div:last-child {
        color: #666; }
    #itemDetail .itemDetail__tab {
      margin-top: 40px;
      font-size: 0;
      border-bottom: 1px solid #b4b4b4; }
      #itemDetail .itemDetail__tab li {
        display: inline-block;
        width: calc((100% - 20px) / 3);
        margin-right: 10px; }
        #itemDetail .itemDetail__tab li:last-child {
          margin-right: 0; }
      #itemDetail .itemDetail__tab a {
        margin-bottom: -1px;
        display: block;
        height: 63px;
        line-height: 63px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        background: #a0a0a0;
        border-radius: 6px 6px 0 0;
        border: 1px solid #b4b4b4;
        text-align: center;
        text-decoration: none; }
        #itemDetail .itemDetail__tab a.active {
          color: #333;
          background: #fff;
          border-bottom: 1px solid #fff; }
        #itemDetail .itemDetail__tab a h2 {
          background: none;
          font-size: inherit;
          border-bottom: none;
          margin-bottom: 0;
          padding: 0; }
      #itemDetail .itemDetail__tab-contents {
        display: none;
        border: 1px solid #b4b4b4;
        border-radius: 0 0 6px 6px;
        border-top: 0;
        padding: 30px 40px; }
        #itemDetail .itemDetail__tab-contents.active {
          display: block; }
        #itemDetail .itemDetail__tab-contents ul {
          overflow: hidden;
          margin-top: 15px; }
        #itemDetail .itemDetail__tab-contents li {
          padding-bottom: 30px;
          border-bottom: 1px solid #b4b4b4;
          margin-bottom: 30px; }
          #itemDetail .itemDetail__tab-contents li:last-of-type {
            border: none;
            margin-bottom: 0; }
          #itemDetail .itemDetail__tab-contents li img {
            float: left; }
          #itemDetail .itemDetail__tab-contents li h4,
          #itemDetail .itemDetail__tab-contents li p {
            margin-left: 114px;
            font-size: 14px; }
          #itemDetail .itemDetail__tab-contents li h4 {
            font-weight: bold;
            margin-bottom: 10px; }
            #itemDetail .itemDetail__tab-contents li h4 > span {
              margin-left: 8px; }
        #itemDetail .itemDetail__tab-contents .more-voice {
          text-align: right;
          padding-bottom: 10px; }
          #itemDetail .itemDetail__tab-contents .more-voice a {
            text-decoration: none;
            font-size: 15px;
            font-weight: bold;
            color: #505050;
            display: inline-block;
            padding-left: 20px;
            background: url(../images/hirata-bokujo/item_detail/icon_more_voice_01.png) no-repeat left center; }
        #itemDetail .itemDetail__tab-contents table {
          width: 100%;
          margin: 20px 0; }
    #itemDetail .itemDetail .itemProperty {
      padding: 15px 0; }
      #itemDetail .itemDetail .itemProperty .itemProperty__name {
        font-size: 14px;
        font-weight: bold; }
      #itemDetail .itemDetail .itemProperty select {
        margin-top: 10px; }
  #itemDetail .cartSubmitButton .cartMessage {
    background: transparent;
    position: fixed;
    width: 700px;
    top: 50px;
    left: 50%;
    margin-left: -350px;
    padding: 0;
    border: none; }
    #itemDetail .cartSubmitButton .cartMessage:before {
      z-index: 900;
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      background: rgba(0, 0, 0, 0.85); }
    #itemDetail .cartSubmitButton .cartMessage__header, #itemDetail .cartSubmitButton .cartMessage__body, #itemDetail .cartSubmitButton .cartMessage__footer {
      position: relative;
      z-index: 901; }
    #itemDetail .cartSubmitButton .cartMessage__header {
      position: relative;
      border-radius: 10px 10px 0 0;
      background: #42bd5d;
      height: 60px;
      line-height: 60px;
      color: #fff;
      text-align: center;
      font-size: 22px; }
      #itemDetail .cartSubmitButton .cartMessage__header .btn_close {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        cursor: pointer; }
        #itemDetail .cartSubmitButton .cartMessage__header .btn_close:before, #itemDetail .cartSubmitButton .cartMessage__header .btn_close:after {
          content: "";
          position: absolute;
          right: 8px;
          top: 20px;
          width: 30px;
          border-top: 2px solid #fff; }
        #itemDetail .cartSubmitButton .cartMessage__header .btn_close:before {
          -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        #itemDetail .cartSubmitButton .cartMessage__header .btn_close:after {
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg); }
    #itemDetail .cartSubmitButton .cartMessage__body, #itemDetail .cartSubmitButton .cartMessage__footer {
      background: #fff; }
      #itemDetail .cartSubmitButton .cartMessage__body .buttonarea__order, #itemDetail .cartSubmitButton .cartMessage__footer .buttonarea__order {
        text-align: center; }
    #itemDetail .cartSubmitButton .cartMessage__body {
      padding: 25px 70px 15px 40px; }
      #itemDetail .cartSubmitButton .cartMessage__body p {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px; }
    #itemDetail .cartSubmitButton .cartMessage__footer {
      border-radius: 0 0 10px 10px;
      text-align: center; }
    #itemDetail .cartSubmitButton .cartMessage__contents {
      overflow: hidden; }
    #itemDetail .cartSubmitButton .cartMessage__img {
      float: left;
      width: 240px;
      padding: 20px 0;
      border: 1px solid #c8c8c8;
      text-align: center; }
      #itemDetail .cartSubmitButton .cartMessage__img img {
        vertical-align: middle; }
    #itemDetail .cartSubmitButton .cartMessage__text {
      float: right;
      width: 280px;
      font-size: 14px; }
      #itemDetail .cartSubmitButton .cartMessage__text table {
        width: 100%;
        border: none; }
        #itemDetail .cartSubmitButton .cartMessage__text table th,
        #itemDetail .cartSubmitButton .cartMessage__text table td {
          padding: 14px 0;
          border: none;
          border-bottom: 1px dotted #c8c8c8; }
        #itemDetail .cartSubmitButton .cartMessage__text table th {
          background: none;
          font-size: 16px;
          width: 90px; }
        #itemDetail .cartSubmitButton .cartMessage__text table td {
          width: 245px;
          font-size: 14px; }
          #itemDetail .cartSubmitButton .cartMessage__text table td.cartMessage__count {
            font-size: 18px; }
    #itemDetail .cartSubmitButton .cartMessage__count {
      text-align: center;
      font-size: 16px; }
    #itemDetail .cartSubmitButton .cartMessage__price p {
      margin-bottom: 0;
      font-size: 20px;
      text-align: right; }
      #itemDetail .cartSubmitButton .cartMessage__price p .tax {
        font-size: 14px; }
  #itemDetail p {
    margin-bottom: 10px; }

#itemListDetail,
#itemAccessLog,
#itemListSimple {
  font-size: 0;
  margin-bottom: 100px; }
  #itemListDetail .itemDetail__flex,
  #itemAccessLog .itemDetail__flex,
  #itemListSimple .itemDetail__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #itemListDetail .itemDetail__flex.start,
    #itemAccessLog .itemDetail__flex.start,
    #itemListSimple .itemDetail__flex.start {
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  #itemListDetail h2,
  #itemAccessLog h2,
  #itemListSimple h2 {
    font-size: 18px;
    border-top: 2px dotted #baa786;
    border-bottom: 2px dotted #baa786;
    padding: 0 47px;
    height: 43px;
    line-height: 43px;
    color: #505050;
    margin-bottom: 21px;
    background: url(../images/hirata-bokujo/item_detail/icon_cart_01.png) no-repeat left 4px center; }
  #itemListDetail .box,
  #itemAccessLog .box,
  #itemListSimple .box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: none;
    margin-top: 0;
    padding: 2% 1%;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    #itemListDetail .box:nth-child(5n+1),
    #itemAccessLog .box:nth-child(5n+1),
    #itemListSimple .box:nth-child(5n+1) {
      margin-right: 0; }
    #itemListDetail .box:hover,
    #itemAccessLog .box:hover,
    #itemListSimple .box:hover {
      border: none; }
    #itemListDetail .box .button,
    #itemAccessLog .box .button,
    #itemListSimple .box .button {
      width: 100%;
      margin: 7px 0 0;
      padding-top: 0;
      border-top: none;
      text-align: center; }
      #itemListDetail .box .button .alink,
      #itemAccessLog .box .button .alink,
      #itemListSimple .box .button .alink {
        display: block;
        width: 100%;
        height: 100%;
        padding: 6px 0;
        margin-bottom: 8px;
        text-align: center;
        color: #d95b36;
        border-radius: 6px;
        border: 1px solid #d95b36;
        box-shadow: 0 2px 0 0 #d95b36;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px; }
        #itemListDetail .box .button .alink.inactive,
        #itemAccessLog .box .button .alink.inactive,
        #itemListSimple .box .button .alink.inactive {
          color: #bababa;
          border: 1px solid #bababa; }
        #itemListDetail .box .button .alink.ship,
        #itemAccessLog .box .button .alink.ship,
        #itemListSimple .box .button .alink.ship {
          color: #e38801;
          border: 1px solid #e38801; }
        #itemListDetail .box .button .alink.sold_out,
        #itemAccessLog .box .button .alink.sold_out,
        #itemListSimple .box .button .alink.sold_out {
          color: #ccc;
          border: 1px solid #ccc;
          box-shadow: 0 2px 0 0 #ccc; }
  #itemListDetail .img_box,
  #itemAccessLog .img_box,
  #itemListSimple .img_box {
    width: 150px;
    min-height: 150px;
    height: auto;
    float: none;
    margin: 0 0 12px;
    position: relative; }
    #itemListDetail .img_box a,
    #itemAccessLog .img_box a,
    #itemListSimple .img_box a {
      display: block;
      width: 100%;
      margin: 0 0 12px;
      position: relative;
      text-align: left; }
      #itemListDetail .img_box a .icon_29,
      #itemAccessLog .img_box a .icon_29,
      #itemListSimple .img_box a .icon_29 {
        position: absolute;
        top: -20px;
        right: -10px;
        height: 60px;
        width: 60px;
        line-height: 1.3;
        background: #ff6200;
        border-radius: 80px;
        border: 2px solid #fff; }
        #itemListDetail .img_box a .icon_29 span,
        #itemAccessLog .img_box a .icon_29 span,
        #itemListSimple .img_box a .icon_29 span {
          color: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 100%;
          text-align: center;
          font-weight: bold;
          font-size: 11px; }
    #itemListDetail .img_box img,
    #itemAccessLog .img_box img,
    #itemListSimple .img_box img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: none;
      position: relative;
      vertical-align: middle; }
    #itemListDetail .img_box .member_price_icon,
    #itemAccessLog .img_box .member_price_icon,
    #itemListSimple .img_box .member_price_icon {
      width: 40px;
      height: 40px;
      position: absolute;
      right: 0;
      text-align: center;
      background: #ff6200;
      border-radius: 50%;
      line-height: 40px;
      font-size: 18px;
      color: #FFF;
      font-weight: bold;
      z-index: 9999; }
  #itemListDetail .text,
  #itemAccessLog .text,
  #itemListSimple .text {
    width: 100%;
    font-size: 15px;
    margin: 0; }
    #itemListDetail .text p,
    #itemAccessLog .text p,
    #itemListSimple .text p {
      margin-top: 0; }
      #itemListDetail .text p.timesale,
      #itemAccessLog .text p.timesale,
      #itemListSimple .text p.timesale {
        font-size: 15px;
        text-align: right; }
  #itemListDetail h3,
  #itemAccessLog h3,
  #itemListSimple h3 {
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
    height: 80px;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px; }
    #itemListDetail h3 a,
    #itemAccessLog h3 a,
    #itemListSimple h3 a {
      color: #505050;
      text-decoration: none; }
  #itemListDetail .price,
  #itemAccessLog .price,
  #itemListSimple .price {
    clear: both;
    text-align: right;
    color: #505050;
    margin: 0;
    font-size: 15px; }
    #itemListDetail .price.member,
    #itemAccessLog .price.member,
    #itemListSimple .price.member {
      color: red; }
    #itemListDetail .price .teika,
    #itemAccessLog .price .teika,
    #itemListSimple .price .teika {
      font-weight: bold; }
  #itemListDetail .button,
  #itemAccessLog .button,
  #itemListSimple .button {
    margin: 7px 0 0;
    padding-top: 0;
    border-top: none;
    text-align: center; }
  #itemListDetail .tag,
  #itemAccessLog .tag,
  #itemListSimple .tag {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 13px;
    width: 44px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background: #ddc2c9;
    color: #fff; }
    #itemListDetail .tag--reizo,
    #itemAccessLog .tag--reizo,
    #itemListSimple .tag--reizo {
      background: #0097db; }
    #itemListDetail .tag--reito,
    #itemAccessLog .tag--reito,
    #itemListSimple .tag--reito {
      background: #9f9fa0; }

#itemListSimple .box {
  width: 255px;
  padding: 2% 12px;
  margin-bottom: 57px; }

#itemListSimple .img_box {
  width: 100%;
  min-height: 250px;
  line-height: 250px; }

#itemListSimple h3 {
  height: 60px; }

#itemListSimple .item_wappen {
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  padding: 4px;
  margin: 0 4px 8px 0;
  border: 1px solid #333;
  border-radius: 4px;
  display: inline-block; }
  #itemListSimple .item_wappen_list {
    line-height: 1;
    min-height: 31px; }
  #itemListSimple .item_wappen.w_01 {
    border-color: #1d2c4b;
    color: #1d2c4b; }
  #itemListSimple .item_wappen.w_02 {
    border-color: #2d3789;
    color: #2d3789; }
  #itemListSimple .item_wappen.w_03 {
    border-color: #42794e;
    color: #42794e; }
  #itemListSimple .item_wappen.w_04 {
    border-color: #f40000;
    color: #f40000; }
  #itemListSimple .item_wappen.w_05 {
    border-color: #ff7600;
    color: #ff7600; }
  #itemListSimple .item_wappen.w_06 {
    border-color: #7c4c14;
    color: #7c4c14; }
  #itemListSimple .item_wappen.w_07 {
    border-color: #2e5c3d;
    color: #2e5c3d; }
  #itemListSimple .item_wappen.w_08 {
    border-color: #e16632;
    color: #e16632; }

#itemListSimple .price .teika, #itemListSimple .price .timesale, #itemListSimple .price .member {
  font-size: 18px; }

#itemListSimple .price .teika.strikethrough {
  font-size: .85em; }

#itemAccessLog h2 {
  background: url(../images/hirata-bokujo/item_detail/icon_checked_01.png) no-repeat left 16px top 4px; }

#itemAccessLog .img_box .member_price_icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px; }

#itemListSet {
  margin-bottom: 108px; }
  #itemListSet h2 {
    font-size: 18px;
    border-top: 2px dotted #baa786;
    border-bottom: 2px dotted #baa786;
    padding: 0 47px;
    height: 43px;
    line-height: 43px;
    color: #505050;
    margin-bottom: 21px;
    background: url(../images/hirata-bokujo/item_detail/icon_set_01.png) no-repeat left 4px center; }
  #itemListSet .box-contents {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #itemListSet .box {
    display: inline-block;
    border: none;
    width: 397px;
    margin-top: 0;
    margin-right: 23px;
    margin-bottom: 23px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #itemListSet .box:hover {
      border: none; }
  #itemListSet .img_box {
    width: 150px;
    min-height: 150px;
    height: auto;
    float: none;
    margin: 0; }
    #itemListSet .img_box img {
      border-radius: 10px; }
  #itemListSet .text {
    font-size: 15px;
    margin: 0 0 0 28px;
    font-weight: bold; }
    #itemListSet .text h3 a {
      text-decoration: none;
      font-size: 15px;
      color: #505050; }
    #itemListSet .text p {
      margin: 0; }

#itemPassion {
  margin: 80px 0 100px; }
  #itemPassion h2 {
    font-size: 18px;
    border-top: 2px dotted #baa786;
    border-bottom: 2px dotted #baa786;
    padding: 0 47px;
    height: 43px;
    line-height: 43px;
    color: #505050;
    margin-bottom: 35px;
    background: url(../images/hirata-bokujo/item_detail/icon_passion_01.png) no-repeat left 4px center; }
  #itemPassion h3 {
    padding-left: 16px;
    border-left: 5px solid #d95b36;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 12px; }
  #itemPassion .box {
    border: none;
    width: 100%;
    margin: 0;
    overflow: hidden; }
    #itemPassion .box:hover {
      border: none; }
  #itemPassion .img_box {
    width: 300px;
    min-height: 150px;
    height: auto;
    float: left;
    margin: 0; }
  #itemPassion .text {
    margin: 0 0 0 328px;
    font-weight: bold;
    width: calc(100% - 300px - 28px); }
    #itemPassion .text h4 {
      font-size: 18px;
      color: #d95b36;
      font-weight: bold;
      margin-bottom: 17px; }
    #itemPassion .text p {
      margin: 0;
      font-size: 14px;
      font-weight: normal; }

#itemGuide h2 {
  font-size: 18px;
  border-top: 2px dotted #baa786;
  border-bottom: 2px dotted #baa786;
  padding: 0 47px;
  height: 43px;
  line-height: 43px;
  color: #505050;
  margin-bottom: 35px;
  background: url(../images/hirata-bokujo/item_detail/icon_guide_01.png) no-repeat left 4px center; }

#itemGuide .guide-box {
  border: none;
  width: 100%;
  margin: 0;
  table-layout: fixed; }

#itemGuide .guide {
  padding: 25px 20px 30px;
  width: 33.33333%;
  border: 1px dotted #b6b6b6; }
  #itemGuide .guide a {
    text-decoration: none;
    color: #505050; }
  #itemGuide .guide h3 {
    padding: 10px 0 10px 46px;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px; }
  #itemGuide .guide h4 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 12px; }
  #itemGuide .guide p {
    font-size: 14px;
    margin: 0; }
  #itemGuide .guide .t-red {
    color: #dd6947;
    font-weight: bold; }
  #itemGuide .guide .t-big {
    font-size: 18px; }
  #itemGuide .guide .t-violet {
    color: #6e5dc4;
    font-weight: bold;
    font-size: 16px; }
  #itemGuide .guide__pay {
    width: 100%; }
    #itemGuide .guide__pay li {
      background: #ebebeb;
      font-weight: bold;
      text-align: center;
      line-height: 32px;
      height: 32px;
      margin-bottom: 6px; }
  #itemGuide .guide__upper {
    border-bottom: 1px dotted #b6b6b6;
    margin-bottom: 8px; }
  #itemGuide .guide__lower p {
    padding: 6px 0 6px 25px;
    font-weight: bold;
    font-size: 14px; }

#itemGuide tr:first-of-type {
  height: 300px; }
  #itemGuide tr:first-of-type .guide:first-of-type h3 {
    border-bottom: 2px dotted #41acdc;
    background: url(../images/hirata-bokujo/item_detail/icon_guide_02.png) no-repeat left bottom 6px; }
  #itemGuide tr:first-of-type .guide:first-of-type .guide__lower {
    background: url(../images/hirata-bokujo/item_detail/icon_link_btn_01.png) no-repeat left center; }
  #itemGuide tr:first-of-type .guide:nth-of-type(2) h3 {
    border-bottom: 2px dotted #b28850;
    background: url(../images/hirata-bokujo/item_detail/icon_guide_03.png) no-repeat left bottom 6px; }
  #itemGuide tr:first-of-type .guide:nth-of-type(2) .guide__lower {
    background: url(../images/hirata-bokujo/item_detail/icon_link_btn_02.png) no-repeat left center; }
  #itemGuide tr:first-of-type .guide:nth-of-type(3) h3 {
    border-bottom: 2px dotted #63a027;
    background: url(../images/hirata-bokujo/item_detail/icon_guide_04.png) no-repeat left bottom 6px; }
  #itemGuide tr:first-of-type .guide:nth-of-type(3) .guide__lower {
    background: url(../images/hirata-bokujo/item_detail/icon_link_btn_03.png) no-repeat left center; }
  #itemGuide tr:first-of-type .guide__upper {
    height: 269px; }
  #itemGuide tr:first-of-type .guide__lower {
    height: 32px; }

#itemGuide tr:nth-of-type(2) {
  height: 265px; }
  #itemGuide tr:nth-of-type(2) .guide:first-of-type h3 {
    border-bottom: 2px dotted #e20000;
    background: url(../images/hirata-bokujo/item_detail/icon_guide_05.png) no-repeat left bottom 6px; }
  #itemGuide tr:nth-of-type(2) .guide:first-of-type .guide__lower {
    background: url(../images/hirata-bokujo/item_detail/icon_link_btn_04.png) no-repeat left center; }
  #itemGuide tr:nth-of-type(2) .guide:nth-of-type(2) h3 {
    border-bottom: 2px dotted #6e5dc4;
    background: url(../images/hirata-bokujo/item_detail/icon_guide_06.png) no-repeat left bottom 6px; }
  #itemGuide tr:nth-of-type(2) .guide:nth-of-type(2) .guide__lower {
    background: url(../images/hirata-bokujo/item_detail/icon_link_btn_05.png) no-repeat left center; }
  #itemGuide tr:nth-of-type(2) .guide:nth-of-type(3) h3 {
    border-bottom: 2px dotted #eb6877;
    background: url(../images/hirata-bokujo/item_detail/icon_guide_07.png) no-repeat left center; }
  #itemGuide tr:nth-of-type(2) .guide:nth-of-type(3) .guide__lower {
    background: url(../images/hirata-bokujo/item_detail/icon_link_btn_06.png) no-repeat left center; }
  #itemGuide tr:nth-of-type(2) .guide__upper {
    height: 190px; }
  #itemGuide tr:nth-of-type(2) .guide__lower {
    height: 32px; }

#itemRecipe {
  margin-bottom: 101px; }
  #itemRecipe h2 {
    font-size: 18px;
    border-top: 2px dotted #baa786;
    border-bottom: 2px dotted #baa786;
    padding: 0 47px;
    height: 43px;
    line-height: 43px;
    color: #505050;
    margin-bottom: 35px;
    background: url(../images/hirata-bokujo/item_detail/icon_recipe_01.png) no-repeat left 4px center; }
  #itemRecipe .recipe-box {
    background: #f0f0f0;
    border-radius: 5px;
    padding: 35px 40px;
    overflow: hidden;
    margin-bottom: 24px; }
    #itemRecipe .recipe-box h3 {
      font-size: 22px;
      font-weight: bold;
      color: #d95b36;
      margin-bottom: 15px; }
    #itemRecipe .recipe-box__img {
      width: 237px;
      float: left; }
  #itemRecipe .recipe {
    margin-left: 275px;
    border-top: 2px dotted #bababa;
    padding-top: 20px; }
    #itemRecipe .recipe h4 {
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 2px; }
    #itemRecipe .recipe p {
      font-size: 14px; }
      #itemRecipe .recipe p:first-of-type {
        margin-bottom: 20px; }
  #itemRecipe .more-recipe {
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc; }
    #itemRecipe .more-recipe a {
      text-decoration: none;
      font-size: 15px;
      font-weight: bold;
      color: #505050;
      display: block;
      padding-right: 20px;
      background: url(../images/hirata-bokujo/item_detail/icon_more_recipe_01.png) no-repeat right center; }

#itemQuestion {
  margin-bottom: 57px; }
  #itemQuestion h2 {
    font-size: 18px;
    border-top: 2px dotted #baa786;
    border-bottom: 2px dotted #baa786;
    padding: 0 47px;
    height: 43px;
    line-height: 43px;
    color: #505050;
    margin-bottom: 15px;
    background: url(../images/hirata-bokujo/item_detail/icon_question_01.png) no-repeat left 4px center; }
  #itemQuestion dt,
  #itemQuestion dd {
    padding: 25px 0 12px 63px;
    border-bottom: 1px dotted #bebebe; }
  #itemQuestion dt {
    background: url(../images/hirata-bokujo/item_detail/icon_q_01.png) no-repeat left top 24px; }
  #itemQuestion dd {
    background: url(../images/hirata-bokujo/item_detail/icon_a_01.png) no-repeat left top 24px;
    margin-bottom: 22px; }
    #itemQuestion dd:last-of-type {
      margin-bottom: 0; }
  #itemQuestion dl {
    margin-bottom: 24px; }
  #itemQuestion .more-question {
    text-align: center; }
    #itemQuestion .more-question a {
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      color: #505050;
      width: 182px;
      display: inline-block;
      background: url(../images/hirata-bokujo/item_detail/icon_more_question_01.png) no-repeat left center, url(../images/hirata-bokujo/item_detail/icon_more_question_01.png) no-repeat right center; }

.mfp-content {
  display: inline-block; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: auto; }

.mfp-close-btn-in .mfp-close {
  color: #fff; }

.mfp-close,
.mfp-close:active {
  top: -40px;
  right: -40px;
  font-size: 52px; }

#itemListCategory h1 {
  font-size: 20px;
  background: none;
  padding: 0 0 8px 0;
  margin: 0 0 18px;
  line-height: 1;
  border-bottom: 3px dotted #a58d61; }

.category_html__img {
  position: relative;
  border-radius: 6px;
  width: 100%;
  border: 1px solid #ccc; }
  .category_html__img .img {
    position: relative; }
    .category_html__img .img img {
      margin: 0 !important; }

.category_html__text {
  position: absolute;
  width: calc(50% - 16px);
  bottom: 24px;
  right: 16px;
  padding: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: -5px 5px 15px 0 rgba(0, 0, 0, 0.2); }

.category_html__caption {
  font-size: 14px;
  padding: 8px 15px; }
  .category_html__caption a {
    border-bottom: 1px solid #333; }

.category_html__body {
  padding: 30px;
  overflow: hidden;
  border: 1px solid #a58d61;
  border-radius: 6px 6px 0 0; }
  .category_html__body h3 {
    border-left: 5px solid #d95b36;
    padding-left: 12px;
    margin-bottom: 18px; }
  .category_html__body img {
    float: left; }
  .category_html__body h4,
  .category_html__body p {
    margin-left: 335px !important; }
  .category_html__body h4 {
    color: #d95b36; }

.category_html__btn {
  text-align: center;
  height: 43px;
  line-height: 43px;
  border: 1px solid #a58d61;
  border-radius: 0 0 6px 6px;
  background: url(../images/hirata-bokujo/item_list/bg_01.png) no-repeat center center;
  cursor: pointer; }
  .category_html__btn a {
    color: #505050;
    text-decoration: none;
    cursor: pointer; }
  .category_html__btn.open {
    display: none;
    margin-bottom: 30px;
    background: url(../images/hirata-bokujo/item_list/bg_02.png) no-repeat center center;
    background-color: #f5f5f5;
    border-top: 1px solid #a58d61;
    border-radius: 6px; }
  .category_html__btn.close {
    width: 838px;
    position: absolute;
    left: 0;
    border-left: none;
    border-right: none; }
    .category_html__btn.close.top {
      top: 0;
      border-top: none; }
    .category_html__btn.close.bottom {
      bottom: 0;
      border-bottom: none; }

.category_html__pageguide {
  overflow: hidden;
  padding-bottom: 3px;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 20px; }

#SEARCH_MAX_ROW_LIST {
  display: none; }

.cartSubmitButton .cartMessage {
  background: transparent;
  position: fixed;
  width: 700px;
  top: 50px;
  left: 50%;
  margin-left: -350px;
  padding: 0;
  border: none; }
  .cartSubmitButton .cartMessage:before {
    z-index: 900;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.85); }
  .cartSubmitButton .cartMessage__header, .cartSubmitButton .cartMessage__body, .cartSubmitButton .cartMessage__footer {
    position: relative;
    z-index: 901; }
  .cartSubmitButton .cartMessage__header {
    position: relative;
    border-radius: 10px 10px 0 0;
    background: #42bd5d;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 22px; }
    .cartSubmitButton .cartMessage__header .btn_close {
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      height: 40px;
      cursor: pointer; }
      .cartSubmitButton .cartMessage__header .btn_close:before, .cartSubmitButton .cartMessage__header .btn_close:after {
        content: "";
        position: absolute;
        right: 8px;
        top: 20px;
        width: 30px;
        border-top: 2px solid #fff; }
      .cartSubmitButton .cartMessage__header .btn_close:before {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .cartSubmitButton .cartMessage__header .btn_close:after {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
  .cartSubmitButton .cartMessage__body, .cartSubmitButton .cartMessage__footer {
    background: #fff; }
    .cartSubmitButton .cartMessage__body .buttonarea__order, .cartSubmitButton .cartMessage__footer .buttonarea__order {
      text-align: center; }
  .cartSubmitButton .cartMessage__body {
    padding: 25px 70px 15px 40px; }
    .cartSubmitButton .cartMessage__body p {
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 20px; }
  .cartSubmitButton .cartMessage__footer {
    border-radius: 0 0 10px 10px;
    text-align: center; }
  .cartSubmitButton .cartMessage__contents {
    overflow: hidden; }
  .cartSubmitButton .cartMessage__img {
    float: left;
    width: 240px;
    padding: 20px 0;
    border: 1px solid #c8c8c8;
    text-align: center; }
    .cartSubmitButton .cartMessage__img img {
      vertical-align: middle; }
  .cartSubmitButton .cartMessage__text {
    float: right;
    width: 280px;
    font-size: 14px; }
    .cartSubmitButton .cartMessage__text table {
      width: 100%;
      border: none; }
      .cartSubmitButton .cartMessage__text table th,
      .cartSubmitButton .cartMessage__text table td {
        padding: 14px 0;
        border: none;
        border-bottom: 1px dotted #c8c8c8; }
      .cartSubmitButton .cartMessage__text table th {
        background: none;
        font-size: 16px;
        width: 90px; }
      .cartSubmitButton .cartMessage__text table td {
        width: 245px;
        font-size: 14px; }
        .cartSubmitButton .cartMessage__text table td.cartMessage__count {
          font-size: 18px; }
  .cartSubmitButton .cartMessage__count {
    text-align: center;
    font-size: 16px; }
  .cartSubmitButton .cartMessage__price p {
    margin-bottom: 0;
    font-size: 20px;
    text-align: right; }
    .cartSubmitButton .cartMessage__price p .tax {
      font-size: 14px; }

#pageCartIndex {
  width: 840px;
  float: right; }
  #pageCartIndex #main .cart__title {
    background: none;
    background-image: url(../images/hirata-bokujo/cart_index/icon_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding: 17px 0 17px 44px;
    border-bottom: 2px dotted #b5a27e;
    font-size: 18px;
    margin-bottom: 14px; }
    #pageCartIndex #main .cart__title.reizo, #pageCartIndex #main .cart__title.reito, #pageCartIndex #main .cart__title.johon {
      width: 90%;
      padding: 10px 0;
      font-size: 16px;
      background: none; }
  #pageCartIndex #main .cart__lead {
    font-size: 16px;
    margin-bottom: 26px; }
  #pageCartIndex #main .cart__box {
    border: 4px solid #b5a27e;
    border-radius: 8px;
    padding: 16px 24px;
    overflow: hidden;
    margin-bottom: 32px; }
    #pageCartIndex #main .cart__box > img {
      float: left; }
    #pageCartIndex #main .cart__box h3 {
      font-size: 22px;
      font-weight: bold;
      background: url(../images/hirata-bokujo/cart_index/icon_02.png) no-repeat left top;
      padding: 6px 0 6px 48px; }
    #pageCartIndex #main .cart__box h4 {
      font-weight: bold;
      font-size: 16px;
      padding-bottom: 8px; }
      #pageCartIndex #main .cart__box h4 span {
        color: #d4602c; }
    #pageCartIndex #main .cart__box p {
      font-size: 14px;
      padding-left: 10px; }
    #pageCartIndex #main .cart__box .delivery_date .ttl {
      padding: 8px 0;
      font-weight: bold;
      font-size: 14px; }
    #pageCartIndex #main .cart__box .delivery_date .box {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: left;
          -ms-flex-pack: left;
              justify-content: left;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 0 16px; }
      #pageCartIndex #main .cart__box .delivery_date .box table {
        width: 50%;
        margin: 0 16px 0 0;
        line-height: 1; }
        #pageCartIndex #main .cart__box .delivery_date .box table.delivery_cost {
          margin: 0;
          width: 100%; }
          #pageCartIndex #main .cart__box .delivery_date .box table.delivery_cost td.wide {
            width: 300px; }
            #pageCartIndex #main .cart__box .delivery_date .box table.delivery_cost td.wide img {
              width: 80%; }
        #pageCartIndex #main .cart__box .delivery_date .box table th {
          width: 200px;
          padding: 10px 0;
          border: 1px solid #ccc;
          background: #f0f0f0;
          font-weight: bold;
          font-size: 14px; }
        #pageCartIndex #main .cart__box .delivery_date .box table td {
          width: 210px;
          padding: 8px 0;
          vertical-align: middle;
          text-align: center;
          font-size: 14px; }
      #pageCartIndex #main .cart__box .delivery_date .box .info {
        width: calc(50% - 40px);
        padding: 16px 12px;
        border: 3px solid #d4602c;
        border-radius: 6px; }
        #pageCartIndex #main .cart__box .delivery_date .box .info p {
          color: #d4602c;
          font-weight: bold; }
  #pageCartIndex #main .title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 10px;
    border-bottom: 1px solid #b5a27e; }
    #pageCartIndex #main .title .cart__kind {
      font-size: 20px;
      font-weight: bold;
      padding: 7px 0 7px 92px; }
      #pageCartIndex #main .title .cart__kind--reizo {
        background: url(../images/hirata-bokujo/cart_index/icon_reizo.png) no-repeat left center/contain; }
      #pageCartIndex #main .title .cart__kind--reito {
        background: url(../images/hirata-bokujo/cart_index/icon_reito.png) no-repeat left center/contain; }
      #pageCartIndex #main .title .cart__kind--johon {
        background: url(../images/hirata-bokujo/cart_index/icon_johon.png) no-repeat left center/contain; }
    #pageCartIndex #main .title p {
      font-size: 16px;
      font-weight: bold;
      color: #505050; }
  #pageCartIndex #cartIndex {
    margin: 0;
    width: 100%; }
    #pageCartIndex #cartIndex .content {
      margin: 0;
      width: 100%; }
    #pageCartIndex #cartIndex .free_ranking {
      padding: 12px 0 24px;
      width: 60%;
      margin-left: auto; }
      #pageCartIndex #cartIndex .free_ranking h3 {
        background: none;
        border: none;
        margin-bottom: 15px;
        padding: 0;
        font-size: 15px;
        line-height: 20px;
        white-space: normal;
        height: 80px;
        overflow: hidden;
        position: relative; }
      #pageCartIndex #cartIndex .free_ranking .price {
        margin: 5px 0;
        text-align: right;
        font-size: 14px;
        font-weight: bold; }
        #pageCartIndex #cartIndex .free_ranking .price .tax {
          font-size: 9px; }
    #pageCartIndex #cartIndex .cartIndex__table {
      width: 840px;
      margin: 0;
      border: none; }
      #pageCartIndex #cartIndex .cartIndex__table thead {
        margin-bottom: 8px; }
      #pageCartIndex #cartIndex .cartIndex__table th {
        width: 103px;
        border-right: 8px solid #fff;
        border-bottom: 8px solid #fff;
        background: #8c8c8c;
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 16px; }
        #pageCartIndex #cartIndex .cartIndex__table th:nth-of-type(3) {
          width: 125px; }
        #pageCartIndex #cartIndex .cartIndex__table th:last-of-type {
          border-right: none; }
      #pageCartIndex #cartIndex .cartIndex__table th.itemname {
        width: 524px; }
      #pageCartIndex #cartIndex .cartIndex__table td {
        border-top: 1px solid #b5a27e;
        padding-right: 0; }
        #pageCartIndex #cartIndex .cartIndex__table td:first-of-type {
          border-left: none; }
        #pageCartIndex #cartIndex .cartIndex__table td:last-of-type {
          border-right: none; }
        #pageCartIndex #cartIndex .cartIndex__table td:nth-of-type(2), #pageCartIndex #cartIndex .cartIndex__table td:nth-of-type(3), #pageCartIndex #cartIndex .cartIndex__table td:nth-of-type(4) {
          text-align: center;
          vertical-align: middle; }
        #pageCartIndex #cartIndex .cartIndex__table td .text_box {
          padding: 5px 0 5px 90px; }
          #pageCartIndex #cartIndex .cartIndex__table td .text_box .code {
            font-size: 12px;
            margin: 0; }
          #pageCartIndex #cartIndex .cartIndex__table td .text_box .item {
            font-size: 14px;
            font-weight: bold; }
            #pageCartIndex #cartIndex .cartIndex__table td .text_box .item a {
              font-size: 14px;
              margin-bottom: 8px;
              padding-bottom: 8px;
              font-weight: bold;
              border-bottom: 1px dotted #cbcbcb;
              color: #666;
              text-decoration: none;
              display: block; }
            #pageCartIndex #cartIndex .cartIndex__table td .text_box .item > span {
              font-size: 20px;
              margin-left: 25px; }
        #pageCartIndex #cartIndex .cartIndex__table td .item-price {
          font-size: 18px;
          font-weight: bold; }
        #pageCartIndex #cartIndex .cartIndex__table td .item-delate a {
          text-decoration: none;
          color: #666; }
        #pageCartIndex #cartIndex .cartIndex__table td .item-delate p {
          margin-top: 4px;
          font-size: 14px;
          font-weight: bold; }
      #pageCartIndex #cartIndex .cartIndex__table tbody tr:first-of-type td {
        background: url(../images/hirata-bokujo/cart_index/border_01.png) repeat-x left top; }
    #pageCartIndex #cartIndex .total-box {
      width: 760px;
      background: #ebebeb;
      padding: 36px 40px 60px;
      border-radius: 8px;
      margin-bottom: 30px; }
      #pageCartIndex #cartIndex .total-box .total {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fff;
        border-radius: 8px;
        padding: 24px 37px;
        width: 686px;
        float: none;
        margin: 0;
        position: relative; }
        #pageCartIndex #cartIndex .total-box .total p {
          font-size: 18px;
          font-weight: bold; }
          #pageCartIndex #cartIndex .total-box .total p span {
            font-size: 32px; }
          #pageCartIndex #cartIndex .total-box .total p > span:first-of-type {
            margin-left: 32px; }
          #pageCartIndex #cartIndex .total-box .total p .price {
            margin-left: 32px;
            color: #505050; }
          #pageCartIndex #cartIndex .total-box .total p .tax {
            font-size: 18px; }
      #pageCartIndex #cartIndex .total-box .cart__total {
        background: none;
        font-size: 20px;
        font-weight: bold;
        text-align: left; }
      #pageCartIndex #cartIndex .total-box .total .cart__total-caution {
        position: absolute;
        right: 4px;
        bottom: -28px;
        font-size: 14px; }
    #pageCartIndex #cartIndex.catalog .success_msg {
      padding: 10px 0 30px;
      font-weight: bold;
      font-size: 15px;
      color: #23a923; }
    #pageCartIndex #cartIndex.catalog .catalog__table {
      width: 740px;
      margin: 20px auto; }
      #pageCartIndex #cartIndex.catalog .catalog__table th {
        background: #F6F6F6;
        border: 1px solid #CCC;
        font-size: 14px;
        padding: 10px;
        text-align: center; }
        #pageCartIndex #cartIndex.catalog .catalog__table th:nth-of-type(1) {
          width: 2%; }
        #pageCartIndex #cartIndex.catalog .catalog__table th:nth-of-type(2) {
          width: 90%; }
        #pageCartIndex #cartIndex.catalog .catalog__table th:nth-of-type(3) {
          width: 8%; }
      #pageCartIndex #cartIndex.catalog .catalog__table td {
        text-align: center; }
        #pageCartIndex #cartIndex.catalog .catalog__table td p.delete {
          border: none;
          width: 18px;
          height: 18px;
          margin: 0 auto;
          padding: 4px;
          background: #aaa;
          border-radius: 100%;
          font-size: 13px;
          color: #fff;
          cursor: pointer; }
    #pageCartIndex #cartIndex.catalog .catalog__info {
      padding: 10px 15px;
      text-align: left; }
      #pageCartIndex #cartIndex.catalog .catalog__info span.num {
        padding-right: 30px;
        position: relative; }
        #pageCartIndex #cartIndex.catalog .catalog__info span.num input[type="text"] {
          width: 50px; }
        #pageCartIndex #cartIndex.catalog .catalog__info span.num span {
          padding-left: 8px;
          font-size: 13px; }
      #pageCartIndex #cartIndex.catalog .catalog__info .message > span {
        color: red;
        font-size: 13px; }
    #pageCartIndex #cartIndex.catalog .catalog__desc {
      font-size: 14px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      #pageCartIndex #cartIndex.catalog .catalog__desc img {
        width: 300px; }
      #pageCartIndex #cartIndex.catalog .catalog__desc .step {
        width: 100%; }
        #pageCartIndex #cartIndex.catalog .catalog__desc .step .title {
          margin-bottom: 13px;
          padding-bottom: 4px;
          border-bottom: 3px dotted #aaa;
          font-weight: bold;
          font-size: 16px; }
        #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_img {
          float: left;
          margin-right: 30px; }
          #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_img a {
            color: #505050; }
            #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_img a .text__link {
              text-align: left; }
              #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_img a .text__link:before {
                content: ">";
                margin-right: 10px;
                display: inline-block;
                color: #d95b36;
                font-size: 16px; }
          #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_img img {
            border: 1px solid #ddd; }
        #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_txt h4 {
          font-weight: bold;
          padding-bottom: 8px;
          color: #E8613A;
          font-size: 15px; }
        #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_txt p {
          padding-bottom: 8px; }
          #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_txt p .bold {
            font-weight: bold; }
        #pageCartIndex #cartIndex.catalog .catalog__desc .step .catalog_txt a {
          color: #505050; }

#cartIndex .img_box {
  width: 80px;
  height: 80px;
  position: relative;
  float: left; }
  #cartIndex .img_box img {
    position: absolute;
    top: 50%;
    bottom: 0;
    margin: auto; }

.pageCartIndex_AgeVerification {
  position: relative;
  width: 1080px;
  padding-bottom: 50px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff; }
  .pageCartIndex_AgeVerification:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: -50px;
    display: block;
    width: 230px;
    height: 230px;
    margin-left: -115px;
    border-radius: 115px;
    background-color: #fff; }
  .pageCartIndex_AgeVerification .icon {
    position: relative;
    top: -20px;
    display: block;
    margin: auto; }
  .pageCartIndex_AgeVerification .title {
    display: inline-block;
    padding: 10px 60px;
    margin-bottom: 30px;
    font-size: 27px;
    font-weight: bold;
    color: #d95b36;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
  .pageCartIndex_AgeVerification .txt {
    margin-bottom: 30px; }
  .pageCartIndex_AgeVerification .ask {
    margin-bottom: 30px;
    font-weight: bold; }
  .pageCartIndex_AgeVerification .btn {
    margin: 0 10px; }
  .pageCartIndex_AgeVerification .mfp-close {
    display: none; }

#main.cart .not_member__table {
  display: none; }

#cartFlow table .noshi-select {
  margin-right: 20px; }
  #cartFlow table .noshi-select select {
    width: 400px; }

#cartFlow table .noshi-number {
  margin-left: 20px; }
  #cartFlow table .noshi-number select:first-of-type {
    width: 116px; }

#cartFlow table .itemDetail__status {
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  padding: 0 12px;
  border-radius: 16px;
  margin-right: 7px;
  background: #656565;
  color: #fff;
  display: inline-block; }
  #cartFlow table .itemDetail__status--reizo {
    background: #0097db; }
  #cartFlow table .itemDetail__status--reito {
    background: #9f9fa0; }
  #cartFlow table .itemDetail__status--johon {
    background: #ddc2c9; }

#cartFlow table .itemDetail__price {
  margin: 8px 0;
  text-align: right; }

#cartFlow table .message-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  #cartFlow table .message-box span {
    padding-top: 15px;
    width: 124px;
    display: inline-block; }
  #cartFlow table .message-box textarea {
    width: 538px;
    margin-left: 20px;
    padding: 16px; }

#cartFlow table .send__colgroup {
  display: none; }
  #cartFlow table .send__colgroup col:first-child {
    width: 210px; }
  #cartFlow table .send__colgroup col:last-child {
    width: calc(100% - 210px); }

#cartFlow table .send__tr td:last-of-type {
  padding-left: 20px; }

#cartFlow table .pay__colgroup col:first-child {
  width: 210px; }

#cartFlow table .pay__colgroup col:last-child {
  width: calc(100% - 210px); }

#cartFlow table .pay__kind {
  padding: 20px;
  border-bottom: 1px solid #ccc; }
  #cartFlow table .pay__kind-name {
    margin-bottom: 10px; }

#cartFlow table .pay__tr td:last-of-type {
  padding: 0; }
  #cartFlow table .pay__tr td:last-of-type > div:last-of-type .pay__kind {
    border-bottom: none; }

#cartFlow .table__information th {
  width: 200px; }

#cartFlow .table__information th, #cartFlow .table__information td {
  vertical-align: middle; }

#cartFlow .table__information td:last-of-type {
  padding: 20px; }

#cartFlow .table__information .short input {
  width: 120px; }
  #cartFlow .table__information .short input:first-of-type {
    margin-right: 40px; }

#cartFlow .table__information .short .sei, #cartFlow .table__information .short .mei {
  width: 44px;
  display: inline-block;
  text-align: center; }

#cartFlow .table__information .short p {
  margin: 0;
  padding: 15px 0 0;
  font-size: 13.6px;
  font-size: 0.85rem;
  color: #888;
  font-weight: normal; }
  #cartFlow .table__information .short p span {
    font-size: 11.2px;
    font-size: 0.7rem;
    padding-right: 4px; }

#cartFlow .table__information .zip input:first-of-type {
  width: 100px; }

#cartFlow .table__information .zip input:last-of-type {
  white-space: 170px;
  padding-left: 16px;
  padding-right: 44px;
  margin-left: 28px;
  background: #a58d61 url(../images/hirata-bokujo/cart_seisan/icon_address_01.png) no-repeat right 20px center;
  transition: 0.2s opacity ease; }
  #cartFlow .table__information .zip input:last-of-type:hover {
    opacity: 0.66;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; }

#cartFlow .table__information .prefecture select {
  width: 240px; }

#cartFlow .table__information .address input, #cartFlow .table__information .company input, #cartFlow .table__information .department input {
  width: 450px; }

#cartFlow .table__information .tel input {
  width: 218px; }

#cartFlow .table__information .tel label {
  margin-right: 10px; }

#cartFlow .table__information .mail input {
  width: 450px; }

#cartFlow .table__other tr td:last-of-type {
  padding-left: 20px; }

#cartFlow .table__other textarea {
  padding: 16px;
  width: 600px;
  height: 154px;
  font-size: 16px; }

#cartFlow .cardnumber_td input {
  width: 300px; }

#cartFlow .orderSendCopy {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  #cartFlow .orderSendCopy div select {
    margin-right: 20px; }
  #cartFlow .orderSendCopy .btn_copy a img {
    height: 40px; }

#ui-datepicker-div {
  display: none; }

#header .header-cart {
  margin-top: 10px; }
  #header .header-cart__title {
    text-align: center;
    line-height: 1; }
    #header .header-cart__title a {
      float: none;
      width: auto; }

#main.cart .tag .johon,
#main.cart .tag .reizo,
#main.cart .tag .reito {
  display: block;
  float: left;
  background: #000;
  margin-right: 7px;
  padding: 0 10px;
  width: 24px;
  height: 22px;
  border-radius: 12px;
  line-height: 22px;
  font-size: 12px;
  color: #fff; }

#main.cart .tag .johon {
  background-color: #ddc2c9; }

#main.cart .tag .reizo {
  background-color: #0097db; }

#main.cart .tag .reito {
  background-color: #9f9fa0; }

#main.cart #cartFlow .item_number {
  text-align: center;
  vertical-align: middle; }

#main.cart #cartFlow .content__title a {
  color: #aa9369; }

#main.cart #cartFlow .content .table__confirm {
  margin-bottom: 110px; }
  #main.cart #cartFlow .content .table__confirm col:first-child {
    width: 210px; }
  #main.cart #cartFlow .content .table__confirm col:last-child {
    width: calc(100% - 210px); }
  #main.cart #cartFlow .content .table__confirm tr td:last-of-type {
    padding-left: 20px; }

#main.cart #cartFlow .cart-confirm__table {
  width: 100%;
  margin: 0 0 40px 0;
  border: none;
  table-layout: fixed; }
  #main.cart #cartFlow .cart-confirm__table col:first-of-type {
    width: calc(100% - 103px - 124px); }
  #main.cart #cartFlow .cart-confirm__table col:nth-of-type(2) {
    width: 103px; }
  #main.cart #cartFlow .cart-confirm__table col:last-of-type {
    width: 124px; }
  #main.cart #cartFlow .cart-confirm__table thead {
    margin-bottom: 8px; }
  #main.cart #cartFlow .cart-confirm__table th {
    border-right: 8px solid #fff;
    border-bottom: 8px solid #fff;
    background: #8c8c8c;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px; }
    #main.cart #cartFlow .cart-confirm__table th:last-of-type {
      border-right: none; }
  #main.cart #cartFlow .cart-confirm__table td {
    border-top: 1px solid #b5a27e;
    padding: 20px; }
    #main.cart #cartFlow .cart-confirm__table td:first-of-type {
      border-left: none; }
    #main.cart #cartFlow .cart-confirm__table td:last-of-type {
      border-right: none; }
    #main.cart #cartFlow .cart-confirm__table td:nth-of-type(2), #main.cart #cartFlow .cart-confirm__table td:nth-of-type(3) {
      text-align: center;
      vertical-align: middle; }
    #main.cart #cartFlow .cart-confirm__table td:nth-of-type(2) {
      padding-left: 20px; }
    #main.cart #cartFlow .cart-confirm__table td:nth-of-type(3) {
      padding-right: 0;
      text-align: right; }
    #main.cart #cartFlow .cart-confirm__table td .img_box {
      float: left;
      max-width: 80px; }
      #main.cart #cartFlow .cart-confirm__table td .img_box > img {
        position: relative; }
    #main.cart #cartFlow .cart-confirm__table td .text_box {
      padding-left: 106px; }
      #main.cart #cartFlow .cart-confirm__table td .text_box .code {
        font-size: 12px;
        margin: 0; }
      #main.cart #cartFlow .cart-confirm__table td .text_box .item {
        font-size: 16px;
        font-weight: bold; }
        #main.cart #cartFlow .cart-confirm__table td .text_box .item a {
          font-size: 16px;
          margin-bottom: 8px;
          padding-bottom: 8px;
          font-weight: bold;
          color: #666;
          text-decoration: none;
          display: inline-block; }
          #main.cart #cartFlow .cart-confirm__table td .text_box .item a > span {
            font-size: 16px; }
        #main.cart #cartFlow .cart-confirm__table td .text_box .item__upper {
          overflow: hidden;
          border-bottom: 1px dotted #cbcbcb; }
        #main.cart #cartFlow .cart-confirm__table td .text_box .item__package {
          font-size: 14px;
          float: right;
          padding-left: 34px;
          height: 28px;
          line-height: 28px;
          background: url(../images/hirata-bokujo/item_detail/icon_noshi_01.png) no-repeat left center; }
        #main.cart #cartFlow .cart-confirm__table td .text_box .item__price {
          padding: 12px 0;
          font-size: 16px;
          font-weight: bold; }
          #main.cart #cartFlow .cart-confirm__table td .text_box .item__price > span {
            display: inline-block;
            margin-left: 10px;
            font-size: 22px; }
        #main.cart #cartFlow .cart-confirm__table td .text_box .item__option {
          padding: 12px 0;
          border-top: 1px dotted #cbcbcb; }
  #main.cart #cartFlow .cart-confirm__table .sum-reito, #main.cart #cartFlow .cart-confirm__table .sum-reizo, #main.cart #cartFlow .cart-confirm__table .sum-johon {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    margin-right: 15px; }
  #main.cart #cartFlow .cart-confirm__table .sum-reito {
    background: #9f9fa0; }
  #main.cart #cartFlow .cart-confirm__table .sum-reizo {
    background: #0097db; }
  #main.cart #cartFlow .cart-confirm__table .sum-johon {
    background: #ddc2c9; }
  #main.cart #cartFlow .cart-confirm__table tbody tr:first-of-type td {
    background: url(../images/hirata-bokujo/cart-index/border_01.png) repeat-x left top; }
  #main.cart #cartFlow .cart-confirm__table tfoot tr td {
    border-bottom: 1px solid #b5a27e;
    border-right: none;
    text-align: right;
    height: 34px;
    padding-right: 0; }
    #main.cart #cartFlow .cart-confirm__table tfoot tr td:after {
      content: ".";
      display: block;
      visibility: hidden;
      height: 0.1px;
      font-size: 0.1em;
      line-height: 0;
      clear: both; }
    #main.cart #cartFlow .cart-confirm__table tfoot tr td > span {
      margin-right: 15px; }
      #main.cart #cartFlow .cart-confirm__table tfoot tr td > span:last-of-type {
        margin-right: 0; }
    #main.cart #cartFlow .cart-confirm__table tfoot tr td > a {
      float: left;
      height: 44px;
      vertical-align: middle; }
    #main.cart #cartFlow .cart-confirm__table tfoot tr td > p {
      line-height: 44px;
      float: right;
      margin: 0;
      text-align: right;
      font-size: 16px;
      font-weight: bold;
      color: #505050; }
      #main.cart #cartFlow .cart-confirm__table tfoot tr td > p .t-red {
        color: #d95c37; }

#main.cart #cartFlow .cart__kind {
  font-size: 22px;
  font-weight: bold;
  padding: 7px 0 7px 92px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b5a27e; }
  #main.cart #cartFlow .cart__kind--reizo {
    background: url(../images/hirata-bokujo/cart_confirm/icon_01.png) no-repeat left center; }
  #main.cart #cartFlow .cart__kind--reito {
    background: url(../images/hirata-bokujo/cart_confirm/icon_02.png) no-repeat left center; }
  #main.cart #cartFlow .cart__kind--johon {
    background: url(../images/hirata-bokujo/cart_confirm/icon_03.png) no-repeat left center; }

#main.cart #cartFlow .item__total {
  text-align: right;
  height: 60px;
  line-height: 60px;
  background: #ebebeb;
  font-size: 16px;
  margin-bottom: 100px; }
  #main.cart #cartFlow .item__total > span {
    margin-right: 15px; }
    #main.cart #cartFlow .item__total > span:last-of-type {
      margin-right: 0; }
    #main.cart #cartFlow .item__total > span > span {
      font-size: 22px; }

#main.cart #breadcrumbs {
  left: 0 !important; }

#main.cart #cartLogin {
  margin-bottom: 80px; }
  #main.cart #cartLogin .cart__title {
    background: none;
    background-image: url(../images/hirata-bokujo/cart_login/icon_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 17px 0 17px 44px;
    border-bottom: 2px dotted #b5a27e;
    font-size: 18px;
    margin-bottom: 32px; }
  #main.cart #cartLogin .box__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #main.cart #cartLogin .box__flex > * {
      padding: 0 20px; }
  #main.cart #cartLogin .box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin: 0 0 20px 0;
    width: 49%;
    border: 1px solid #a58d61;
    border-radius: 6px;
    padding: 20px 30px;
    box-sizing: border-box; }
    #main.cart #cartLogin .box .cart__subtitle {
      font-size: 24px;
      font-weight: bold;
      color: #505050;
      padding: 4px 0 4px 40px;
      border: none;
      margin-bottom: 12px; }
    #main.cart #cartLogin .box table, #main.cart #cartLogin .box th, #main.cart #cartLogin .box td {
      border: none;
      background: none;
      width: 100%;
      margin: 0; }
    #main.cart #cartLogin .box table, #main.cart #cartLogin .box tbody, #main.cart #cartLogin .box thead, #main.cart #cartLogin .box tfoot, #main.cart #cartLogin .box tr, #main.cart #cartLogin .box th, #main.cart #cartLogin .box td {
      display: block; }
    #main.cart #cartLogin .box th.title {
      padding: 0 15px 5px 0;
      font-size: 16px;
      font-weight: bold;
      vertical-align: middle;
      text-align: left; }
    #main.cart #cartLogin .box td {
      padding: 0;
      margin-bottom: 21px; }
    #main.cart #cartLogin .box input[type="text"], #main.cart #cartLogin .box input[type="password"] {
      width: 75%; }
    #main.cart #cartLogin .box .link_text {
      text-align: center;
      padding: 12px 0;
      font-size: 12px;
      color: #888; }
      #main.cart #cartLogin .box .link_text.passwd {
        padding: 0; }
      #main.cart #cartLogin .box .link_text a {
        font-size: 16px;
        font-weight: bold;
        color: #505050; }
        #main.cart #cartLogin .box .link_text a:before {
          content: ">";
          margin-right: 10px;
          display: inline-block;
          color: #d95b36;
          font-size: 16px; }
    #main.cart #cartLogin .box.wide {
      width: 100%;
      margin: 0 0 20px 0; }
      #main.cart #cartLogin .box.wide.member label {
        width: 170px;
        margin-top: 12px; }
      #main.cart #cartLogin .box.wide.member .hiraboku-input input[type="text"],
      #main.cart #cartLogin .box.wide.member .hiraboku-input input[type="password"] {
        width: 50%; }
      #main.cart #cartLogin .box.wide .input_box {
        width: 60%; }
      #main.cart #cartLogin .box.wide .forget_password {
        width: 30%;
        border: 1px solid #888;
        border-radius: 6px;
        padding: 8px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        #main.cart #cartLogin .box.wide .forget_password h4 {
          font-size: 17.6px;
          font-size: 1.1rem;
          text-align: center; }
    #main.cart #cartLogin .box.member div:nth-of-type(1) {
      margin-bottom: 20px; }
    #main.cart #cartLogin .box.member .title {
      display: inline-block;
      width: 30%;
      font-weight: bold;
      text-align: left;
      color: #333;
      font-size: 16px; }
    #main.cart #cartLogin .box.member .label {
      text-align: right;
      font-size: 13px;
      padding: 8px 0;
      margin-right: 16px;
      color: #666; }
      #main.cart #cartLogin .box.member .label label {
        border-bottom: 1px solid #666; }
    #main.cart #cartLogin .box.member .hiraboku-input input[type="text"],
    #main.cart #cartLogin .box.member .hiraboku-input input[type="password"] {
      width: 60%; }
    #main.cart #cartLogin .box.member .cart__subtitle {
      background: url(../images/hirata-bokujo/cart_login/icon_02.png) no-repeat left center; }
    #main.cart #cartLogin .box.beginner {
      margin-right: 0; }
      #main.cart #cartLogin .box.beginner .cart__subtitle {
        background: none;
        background: url(../images/hirata-bokujo/cart_login/icon_03.png) no-repeat left center; }
      #main.cart #cartLogin .box.beginner .not-member h4 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 18px; }
        #main.cart #cartLogin .box.beginner .not-member h4 span {
          color: #f25555; }
      #main.cart #cartLogin .box.beginner .not-member ol li {
        padding-bottom: 4px; }
        #main.cart #cartLogin .box.beginner .not-member ol li span {
          font-weight: bold; }
    #main.cart #cartLogin .box.noregist {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #main.cart #cartLogin .box.noregist .cart__subtitle {
        padding: 0;
        background: none; }
      #main.cart #cartLogin .box.noregist ol li {
        font-size: 15px;
        margin-bottom: 8px; }
        #main.cart #cartLogin .box.noregist ol li span {
          color: #f25555; }
      #main.cart #cartLogin .box.noregist p {
        color: #888;
        font-size: 12px; }

#main .itemDetailSearch__title {
  font-size: 16px;
  border-top: 2px dotted #baa786;
  border-bottom: 2px dotted #baa786;
  /*padding: 0 47px;*/
  padding: 0;
  height: 43px;
  line-height: 43px;
  color: #505050;
  margin-bottom: 21px;
  background: none; }

#main .itemDetailSearch__select select {
  width: 300px !important;
  height: 35px;
  line-height: 35px;
  font-size: 16px; }

#main .itemDetailSearch__lead {
  font-size: 15px; }

#main .itemDetailSearch__table-box {
  border: 2px solid #baa786;
  padding: 10px 20px;
  border-radius: 10px; }
  #main .itemDetailSearch__table-box .buttonarea {
    padding-top: 15px; }

#main .itemDetailSearch__table {
  width: 100%;
  margin: 0;
  border: none; }
  #main .itemDetailSearch__table tr {
    border-bottom: 1px solid #ccc; }
    #main .itemDetailSearch__table tr:last-child {
      border: none; }
  #main .itemDetailSearch__table th.title h2 {
    width: 150px;
    margin-bottom: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 14px;
    color: #666666;
    border: none; }
  #main .itemDetailSearch__table th {
    background: none;
    border: none;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle; }
  #main .itemDetailSearch__table td {
    width: calc(100% - 150px);
    padding-top: 0;
    border: none; }
    #main .itemDetailSearch__table td ul {
      margin: 0;
      padding: 12px 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #main .itemDetailSearch__table td ul a {
        font-size: 14px;
        text-decoration: none;
        color: #333; }
      #main .itemDetailSearch__table td ul li {
        border: 1px solid #ccc;
        border-radius: 3px;
        background-color: #f0f0f0;
        margin: 4px 4px 2px; }
        #main .itemDetailSearch__table td ul li span {
          display: block;
          border-radius: 3px;
          font-size: 14px;
          padding: 4px 8px; }
          #main .itemDetailSearch__table td ul li span.select {
            background: #666;
            color: #fff; }
            #main .itemDetailSearch__table td ul li span.select a {
              color: #fff; }
          #main .itemDetailSearch__table td ul li span a {
            display: block; }
        #main .itemDetailSearch__table td ul li > a {
          display: block;
          padding: 4px 8px; }
  #main .itemDetailSearch__table .btn-detail-search {
    margin-left: 16px; }
  #main .itemDetailSearch__table .search_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0; }
    #main .itemDetailSearch__table .search_box input[type="text"] {
      width: 300px;
      height: 30px;
      line-height: 30px; }
    #main .itemDetailSearch__table .search_box button {
      width: 72px;
      height: 32px;
      line-height: 32px;
      background: #2e5c3d;
      color: #fff;
      display: block;
      border: none;
      letter-spacing: 3px;
      font-size: 14px; }

#itemDetailSearch__table-box {
  position: relative;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  margin-bottom: 30px; }

.guide #main table {
  width: 740px; }

.guide__wrap h2 {
  position: relative;
  padding: 0 0 15px 5px !important;
  margin-bottom: 15px;
  border-bottom: 3px dotted #a58d61;
  background: none !important;
  font-size: 18px !important; }
  .guide__wrap h2:before {
    content: url(../images/hirata-bokujo/guide/icon_title.png);
    position: relative;
    top: 4px;
    margin-right: 20px; }

.guide__box {
  position: relative;
  transition: all .4s;
  margin-bottom: 10px; }
  .guide__box h3 {
    position: relative;
    padding: 10px 0 10px 25px;
    background-color: #f5f5f5;
    border-radius: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s; }
    .guide__box h3:before {
      position: absolute;
      top: 12px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 32px;
      width: 32px; }
  .guide__box_txt {
    display: inline-block;
    margin-left: 50px;
    font-size: 15px; }
  .guide__box_btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 10px;
    background-color: #fff;
    text-align: center;
    border-left: 1px solid #ccc; }
    .guide__box_btn:before {
      content: url(../images/hirata-bokujo/guide/icon_arrow_down.png);
      position: relative;
      top: 12px;
      display: inline-block; }
  .guide__box_content {
    position: relative;
    display: none;
    margin: 0 10px;
    padding: 20px 35px 100px 35px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    .guide__box_content section {
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px dotted #666; }
      .guide__box_content section:last-of-type {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none; }
      .guide__box_content section h4 {
        margin-bottom: 10px;
        color: #d95b36; }
      .guide__box_content section p {
        margin: 0 0 20px 0; }
        .guide__box_content section p span {
          font-weight: bold; }
        .guide__box_content section p.mention {
          padding: 12px;
          color: #ff0000;
          font-size: 13px;
          border: 1px solid #ff0000; }
      .guide__box_content section .caution {
        display: block;
        width: 44px;
        padding: 10px 15px;
        margin-bottom: 10px;
        background-color: #d95b36;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 14px; }
      .guide__box_content section .img {
        padding: 20px 0; }
    .guide__box_content .btn_close {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 15px 0;
      background-color: #d2d2d2;
      text-align: center;
      cursor: pointer; }
    .guide__box_content .link_list a {
      text-decoration: none;
      background: #a58d61;
      padding: 8px;
      margin-bottom: 12px;
      border-radius: 4px;
      color: #FFF;
      box-shadow: 0 2px 0 0 #926d00;
      display: inline-block;
      line-height: 1; }
  .guide__box.beginners h3:before {
    content: url(../images/hirata-bokujo/guide/icon_wakaba.png); }
  .guide__box.order {
    top: -1px; }
    .guide__box.order h3:before {
      content: url(../images/hirata-bokujo/guide/icon_cart.png); }
  .guide__box.pay {
    top: -2px; }
    .guide__box.pay h3:before {
      content: url(../images/hirata-bokujo/guide/icon_money.png); }
  .guide__box.postage {
    top: -3px; }
    .guide__box.postage h3:before {
      content: url(../images/hirata-bokujo/guide/icon_car.png); }
  .guide__box.delivery {
    top: -4px; }
    .guide__box.delivery h3:before {
      content: url(../images/hirata-bokujo/guide/icon_box.png); }
  .guide__box.return {
    top: -5px; }
    .guide__box.return h3:before {
      content: url(../images/hirata-bokujo/guide/icon_return.png); }
  .guide__box.points {
    top: -6px; }
    .guide__box.points h3:before {
      content: url(../images/hirata-bokujo/guide/icon_point.png); }
  .guide__box.member_rank h3:before {
    content: url(../images/hirata-bokujo/guide/icon_rank.png); }
  .guide__box.open {
    transition: all .4s; }
    .guide__box.open h3 {
      background-color: #fff;
      color: #d95b36; }
      .guide__box.open h3 .guide__box_btn {
        background-color: #a58d61;
        transition: .4s; }
        .guide__box.open h3 .guide__box_btn:before {
          content: url(../images/hirata-bokujo/guide/icon_arrow_up.png);
          top: 8px; }
    .guide__box.open .guide__box_content {
      display: block; }

#main.gift__wrap h1 {
  background: none;
  font-size: 18px;
  border-bottom: 3px dotted #a58d61;
  margin-bottom: 20px;
  padding-bottom: 7px; }

#main.gift__wrap .mv_wrap {
  margin-bottom: 30px; }

#main.gift__wrap .gift_camp {
  margin-bottom: 30px; }
  #main.gift__wrap .gift_camp h2 {
    border-bottom: 2px solid #2e5c3d;
    margin-bottom: 12px;
    padding: 0 0 8px 0; }
    #main.gift__wrap .gift_camp h2 .copy {
      padding-left: 12px;
      font-weight: bold;
      font-size: 15px; }
  #main.gift__wrap .gift_camp a {
    color: #d95b36; }
  #main.gift__wrap .gift_camp .gift_camp_block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #main.gift__wrap .gift_camp .gift_camp_block .catalog_img {
      width: 50%; }
      #main.gift__wrap .gift_camp .gift_camp_block .catalog_img img {
        border: 1px solid #afafaf; }
    #main.gift__wrap .gift_camp .gift_camp_block .cont_txt {
      width: 50%;
      padding-left: 32px; }
      #main.gift__wrap .gift_camp .gift_camp_block .cont_txt p {
        padding-bottom: 12px;
        font-size: 15px; }
      #main.gift__wrap .gift_camp .gift_camp_block .cont_txt .cont_detail .bold {
        padding: 12px 0;
        font-weight: bold; }
      #main.gift__wrap .gift_camp .gift_camp_block .cont_txt .cont_detail .info {
        font-size: 13.6px;
        font-size: .85rem; }

#main.gift__wrap #giftRanking h2 {
  background: none;
  padding-bottom: 6px;
  padding-left: 0;
  margin-bottom: 20px;
  border-top: none;
  border-bottom: 2px dotted #b5a17c;
  position: relative;
  height: inherit;
  line-height: inherit; }

#main.gift__wrap .contents_box {
  margin-bottom: 50px; }
  #main.gift__wrap .contents_box > h2 {
    padding-bottom: 6px;
    padding-left: 0;
    margin-bottom: 20px;
    border-bottom: 2px dotted #b5a17c;
    position: relative; }
  #main.gift__wrap .contents_box .flex_column {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #main.gift__wrap .contents_box .flex_column a:hover {
      opacity: 0.6;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
    #main.gift__wrap .contents_box .flex_column h3 {
      padding-right: 8px; }
      #main.gift__wrap .contents_box .flex_column h3:last-child {
        padding-right: 0; }
  #main.gift__wrap .contents_box .link_box a {
    display: block;
    color: #d95b36;
    text-decoration: none;
    font-size: 16px;
    background: #FFF;
    padding: 18px 24px;
    border-radius: 12px;
    border: 1px solid #d95b36;
    box-shadow: 0 2px 0 0 #d95b36; }
  #main.gift__wrap .contents_box .link_box_btn a {
    min-width: 100px;
    min-height: 40px;
    background: url(../images/hirata-bokujo/gift/gift_icon_02.png) no-repeat 50% 15%;
    background-size: 30px;
    padding-top: 30px;
    line-height: 1.3;
    text-align: center;
    padding: 56px 12px 12px; }
  #main.gift__wrap .contents_box .link_box_btn.scene h3:nth-of-type(1) a {
    background: url(../images/hirata-bokujo/gift/gift_icon_01.png) no-repeat 50% 15%;
    background-size: 30px; }
  #main.gift__wrap .contents_box .link_box_btn.scene h3:nth-of-type(2) a {
    background: url(../images/hirata-bokujo/gift/gift_icon_03.png) no-repeat 50% 15%;
    background-size: 30px; }
  #main.gift__wrap .contents_box .link_box_btn.scene h3:nth-of-type(3) a {
    background: url(../images/hirata-bokujo/gift/gift_icon_04.png) no-repeat 50% 20%;
    background-size: 35px; }
  #main.gift__wrap .contents_box .link_box_btn.scene h3:nth-of-type(4) a {
    background: url(../images/hirata-bokujo/gift/gift_icon_05.png) no-repeat 50% 15%;
    background-size: 30px; }
  #main.gift__wrap .contents_box .link_box_btn.scene h3:nth-of-type(5) a {
    background: url(../images/hirata-bokujo/gift/gift_icon_06.png) no-repeat 50% 20%;
    background-size: 32px; }
  #main.gift__wrap .contents_box .link_box.people a {
    min-width: 100px;
    text-align: center; }
  #main.gift__wrap .contents_box ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #main.gift__wrap .contents_box.price ul li {
    max-width: 170px;
    min-width: 150px; }
  #main.gift__wrap .contents_box.category h3 {
    width: 410px;
    margin-bottom: 15px;
    padding: 0 5px; }

#main.gift__wrap .ranking .box_wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

#main.gift__wrap .ranking .box {
  width: calc(100% / 5 - 20px);
  margin: 0 10px 20px; }
  #main.gift__wrap .ranking .box .rank-box {
    font-size: 13px;
    text-align: center; }
    #main.gift__wrap .ranking .box .rank-box .number {
      font-size: 26px;
      font-weight: bold; }
  #main.gift__wrap .ranking .box .img_box {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center; }
    #main.gift__wrap .ranking .box .img_box .tag {
      position: absolute;
      z-index: 10;
      top: 3px;
      left: 3px; }
    #main.gift__wrap .ranking .box .img_box img {
      position: relative;
      width: auto;
      border-radius: 5px; }
  #main.gift__wrap .ranking .box .text h3 {
    font-size: 15px; }
  #main.gift__wrap .ranking .box .text a {
    text-decoration: none;
    color: #333; }
  #main.gift__wrap .ranking .box .text .price {
    text-align: right;
    margin-bottom: 4px; }
  #main.gift__wrap .ranking .box .text .button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 6px 0;
    text-align: center;
    color: #d95b36;
    border-radius: 6px;
    border: 1px solid #d95b36;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px; }
  #main.gift__wrap .ranking .box:nth-child(1) .rank-box .number:before, #main.gift__wrap .ranking .box:nth-child(2) .rank-box .number:before, #main.gift__wrap .ranking .box:nth-child(3) .rank-box .number:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 18px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  #main.gift__wrap .ranking .box:nth-child(1) .rank-box .number:before {
    background-image: url(../images/hirata-bokujo/gift/icon_lank_1.png); }
  #main.gift__wrap .ranking .box:nth-child(2) .rank-box .number:before {
    background-image: url(../images/hirata-bokujo/gift/icon_lank_2.png); }
  #main.gift__wrap .ranking .box:nth-child(3) .rank-box .number:before {
    background-image: url(../images/hirata-bokujo/gift/icon_lank_3.png); }

#main.gift__wrap .packing li .img_box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 250px;
  height: 250px; }
  #main.gift__wrap .packing li .img_box img {
    position: relative;
    width: auto;
    height: auto; }

#main.gift__wrap .packing li h4 {
  padding: 7px 0;
  margin-bottom: 10px;
  color: #fff;
  background-color: #e8613a;
  text-align: center; }

#main.gift__wrap .packing li p {
  font-weight: bold;
  text-align: center; }

.gift .tag {
  background-color: #ddc2c9; }
  .gift .tag.tag--reizo {
    background-color: #0097db; }
  .gift .tag.tag--reito {
    background-color: #9f9fa0; }

#main .mypage .tag {
  display: inline-block;
  padding: 0px 10px;
  color: #fff;
  border-radius: 20px;
  font-size: 11px;
  background-color: #ddc2c9; }
  #main .mypage .tag.tag--reizo {
    background-color: #0097db; }
  #main .mypage .tag.tag--reito {
    background-color: #9f9fa0; }

#main .mypage__title {
  padding-bottom: 27px;
  margin-bottom: 20px;
  border-bottom: 2px dotted #a58d61; }
  #main .mypage__title:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_h2.png);
    position: relative;
    top: 10px;
    display: inline-block;
    margin-right: 10px; }

#main .mypage__welcom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: bold; }
  #main .mypage__welcom > p {
    margin: 0 0 10px 0 !important; }
  #main .mypage__welcom .name_wrap {
    width: 50%;
    font-size: 18px; }
  #main .mypage__welcom .point_wrap {
    width: 50%;
    text-align: right;
    font-size: 18px; }
  #main .mypage__welcom .text {
    width: 100%;
    font-weight: normal; }

#main .mypage__message {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 30px; }
  #main .mypage__message .text {
    position: relative;
    width: 700px;
    min-height: 130px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-weight: bold; }
    #main .mypage__message .text:before, #main .mypage__message .text:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid; }
    #main .mypage__message .text:before {
      z-index: -1;
      left: -25px;
      top: 20px;
      border-width: 10px 25px 10px 0;
      border-color: transparent #ccc transparent transparent; }
    #main .mypage__message .text:after {
      z-index: 1;
      left: -22px;
      top: 20px;
      border-width: 10px 25px 10px 0;
      border-color: transparent #efefef transparent transparent; }
    #main .mypage__message .text a {
      color: #d95b36; }

#main .mypage__link h3 {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: #d95b36; }

#main .mypage__link ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc; }
  #main .mypage__link ul li {
    width: 33.3333%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box; }
    #main .mypage__link ul li:hover {
      background-color: #efefef; }
    #main .mypage__link ul li a {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: #333;
      font-weight: bold; }
      #main .mypage__link ul li a:before {
        position: absolute;
        top: 25px;
        left: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 50px;
        height: 50px;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #main .mypage__link ul li a:after {
        content: url(../images/hirata-bokujo/member_mypage/arrow_right.png);
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -11px; }
      #main .mypage__link ul li a span {
        display: block;
        padding: 40px 0;
        margin-left: 80px; }
  #main .mypage__link ul .data a:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_link_data.png); }
  #main .mypage__link ul .history a:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_link_history.png); }
  #main .mypage__link ul .address a:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_link_address.png); }
  #main .mypage__link ul .favorite a:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_link_favorite.png); }
  #main .mypage__link ul .point a:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_link_point.png); }
  #main .mypage__link ul .logout a:before {
    content: url(../images/hirata-bokujo/member_mypage/icon_link_logout.png); }

#main.member_input .credit {
  text-align: right;
  font-size: 14px;
  padding: 0 0 10px;
  margin-bottom: 10px; }

#main.member_input p {
  font-size: 14px;
  text-align: left; }

#main.member_input table colgroup {
  display: none; }

#main.member_input .kiyaku-table {
  margin: 20px 0; }
  #main.member_input .kiyaku-table h2.kiyaku {
    background: none; }

#main.member_input .kaiin {
  height: 300px;
  display: block;
  overflow-y: scroll;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 30px; }
  #main.member_input .kaiin h3 {
    padding: 10px 0; }

#main.member_input .concent {
  font-size: 16px;
  text-align: center;
  margin: 20px 0; }

#main.member_input .taikai {
  text-align: center;
  padding: 24px 0; }
  #main.member_input .taikai a {
    color: #555; }

#main #history .pageguide {
  font-size: 14px;
  text-align: right; }

#main #cartFlow .itemSend__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px; }
  #main #cartFlow .itemSend__item .img_box {
    margin-right: 24px; }
  #main #cartFlow .itemSend__item--img {
    width: 80px; }
  #main #cartFlow .itemSend__item--name {
    font-weight: bold; }

#main #cartFlow .itemSend__address {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 4px; }
  #main #cartFlow .itemSend__address h3 {
    width: 100px;
    font-size: 14px;
    margin-right: 12px;
    font-weight: bold; }

#main #cartFlow .itemSend__num {
  text-align: center; }

#main #cartFlow .itemSend__price {
  text-align: center; }

#main #cartFlow .itemSend table {
  width: 100%; }
  #main #cartFlow .itemSend table th:nth-of-type(1) {
    width: 75%; }
  #main #cartFlow .itemSend table th:nth-of-type(2) {
    width: 8%; }
  #main #cartFlow .itemSend table th:nth-of-type(3) {
    width: 10%; }
  #main #cartFlow .itemSend table th:nth-of-type(4) {
    width: 10%; }

#main #cartFlow .infoarea {
  width: 100%;
  margin-bottom: 12px;
  margin-top: 24px; }
  #main #cartFlow .infoarea th {
    text-align: center; }
    #main #cartFlow .infoarea th:nth-of-type(1) {
      width: 30%;
      font-weight: bold; }
    #main #cartFlow .infoarea th:nth-of-type(2) {
      width: 20%; }
    #main #cartFlow .infoarea th.check {
      color: #ff7600; }
    #main #cartFlow .infoarea th.preparing {
      color: #3333bb; }
    #main #cartFlow .infoarea th.delivered {
      color: #2d9c2d; }
    #main #cartFlow .infoarea th.canceled {
      color: #ff5b5b; }
  #main #cartFlow .infoarea td {
    text-align: center; }

#main.faq #cartFlow table {
  width: 100%; }

.privacy h3 {
  position: relative;
  padding: 10px 20px;
  color: #000;
  background-color: #e5e5e5;
  font-size: 14px;
  margin: 30px 0; }

.privacy li {
  list-style: disc;
  margin: 5px 40px;
  font-size: 14px; }

.privacy .privacy_content {
  font-size: 14px;
  padding: 0 15px; }

.privacy h4 {
  font-size: 14px;
  padding: 15px; }

.tokusho h2 {
  position: relative;
  padding: 0 0 15px 5px !important;
  margin-bottom: 15px;
  border-bottom: 3px dotted #a58d61;
  background: none !important;
  font-size: 18px !important; }

.tokusho tr {
  width: 100%; }

.tokusho th {
  width: 150px; }

#topicsList .box {
  border: none; }
  #topicsList .box p {
    display: none; }

.topicsDetail .box {
  margin-top: 0; }
  .topicsDetail .box h3 {
    color: #d95b36;
    padding-bottom: 20px; }

@media screen and (max-width: 1079px) {
  #header_new .inner {
    width: 100%; }
  #header_new .header_wrap .header_left .tel p.icon span {
    display: block;
    font-size: 10px;
    padding-left: 0; }
  #header_new .header_wrap .header_left .tel p.fax {
    display: none; }
  .keyword {
    left: -220px; }
  #footer .inner {
    width: 100%; }
  #main {
    width: 725px;
    padding: 0; }
  #main #breadcrumbs {
    margin-left: 15px; }
  #main #giftRanking, #main #recommendRanking {
    margin-bottom: 60px; }
  #main #giftRanking .box,
  #main #recommendRanking .box {
    width: 18%;
    margin-right: 10px; }
  #main #giftRanking .text p,
  #main #recommendRanking .text p {
    font-size: 13px; }
  #main #giftRanking .ranking__flex,
  #main #recommendRanking .ranking__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #main #pickupItem .box, #main #hirataItem .box {
    width: 30%; }
  #main #pickupItem .text h3 a, #main #hirataItem .text h3 a {
    font-size: 13px; }
  #menu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    #menu ul li {
      padding: 0 10px;
      border: none; }
      #menu ul li:first-child {
        background: url(../images/hirata-bokujo/common/header/icon_link_09.png) no-repeat left 10px center; }
  #notice ul {
    width: 100%; }
  #container {
    width: 100%;
    padding-top: 124px; }
  #recommend ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #main #recommend .box {
    display: inline-block;
    border: none;
    width: calc(100% / 3);
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 30px;
    max-height: 179px;
    padding: 0;
    float: none; }
  #sidebar {
    padding-left: 15px; }
  #sns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px; }
  #main #sns .fb-page {
    border: 1px solid #ccc; }
  .footer__calendar {
    right: 20px; }
  /*-- itemList --*/
  #itemListSimple .box {
    width: 30%;
    margin-right: 35px;
    margin-bottom: 40px; }
  /*-- login --*/
  #main.cart #cartLogin .cart__title {
    margin: 0 15px 32px;
    padding: 38px 0 17px 44px;
    background-position: left 38px; }
  #main.cart #cartLogin .box {
    margin: 0 10px;
    width: 50%; }
  #cartLogin {
    padding: 0 15px;
    margin-bottom: 40px; }
  #main.cart #cartLogin .buttonarea input {
    max-width: 100%; }
  #main.cart #cartLogin .buttonarea a img {
    width: 90%; }
  /*-- cart_index --*/
  #main.cart {
    width: 95%;
    margin: 0 auto; }
  #pageCartIndex {
    width: 740px; }
  #pageCartIndex #cartIndex .cartIndex__table {
    width: 100%; }
  #pageCartIndex #cartIndex .total-box {
    width: 90%; }
  #pageCartIndex #cartIndex .total-box .total {
    width: 90%; }
  /*-- itemDetail --*/
  #itemDetail .item_image_area {
    width: 40%; }
  /*-- cart_seisan --*/
  #cartFlow .table__other textarea {
    width: 90%; }
  #cartFlow .table__information td:last-of-type {
    width: 520px; }
  #cartFlow .table__information .short input:first-of-type {
    margin-right: 20px; }
  #cartFlow .table__information .mail input {
    width: 200px;
    margin-bottom: 10px; }
  #cartFlow .table__information .mail input:first-of-type {
    width: 250px; }
  #cartFlow .table__information .address input, #cartFlow .table__information .company input, #cartFlow .table__information .department input {
    width: 360px; }
  #main #cartFlow table {
    width: 100%; }
  #cartFlow table .option-item--naire input[type="text"] {
    width: 340px; }
  /*-- cart_result --*/
  .cart-result__title img {
    width: 100%; }
  #main.cart #cartResult .cartResult__container {
    width: 100%; }
  /*-- faq & infomation & tokusho &cart_index --*/
  #main table {
    width: 700px; }
  /*-- gift --*/
  .gift__wrap .category ul li {
    width: 48%; }
  .gift__wrap .contents_box.number ul {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  /*-- guide --*/
  .guide #main table {
    width: 100%; } }

.hiraboku-select select::-ms-expand {
  display: none; }

.hiraboku-select select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-left: 16px;
  padding-right: 32px;
  text-align: center;
  height: 47px;
  line-height: 47px;
  border: 1px solid #b4b4b4;
  position: relative;
  background: transparent url(../images/hirata-bokujo/common/components/icon_arrow_01.png) no-repeat right 10px center;
  font-size: 15px;
  vertical-align: middle; }

.hiraboku-select--square select {
  height: 40px;
  line-height: 40px;
  position: relative;
  background: transparent url(../images/hirata-bokujo/common/components/icon_arrow_01.png) no-repeat right 10px center;
  border-radius: 0; }

.hiraboku-input {
  /* text */
  /* password */ }
  .hiraboku-input th.title {
    font-size: 15px; }
  .hiraboku-input input::-ms-clear {
    visibility: hidden; }
  .hiraboku-input input::-ms-reveal {
    visibility: hidden; }
  .hiraboku-input input::-webkit-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input input:-ms-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input input::placeholder {
    color: #a9a9a9; }
  .hiraboku-input :-ms-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .hiraboku-input--button input[type="button"] {
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: bold;
    font-size: 14px;
    color: #fff; }
  .hiraboku-input--text input[type="text"],
  .hiraboku-input--text input[type="password"] {
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px; }
  .hiraboku-input--text::-webkit-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input--text:-ms-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input--text::placeholder {
    color: #a9a9a9; }
  .hiraboku-input--password input[type="password"] {
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    width: 108px;
    font-size: 16px; }
  .hiraboku-input--radio input[type="radio"] {
    display: none; }
  .hiraboku-input--radio label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 37px;
    cursor: pointer;
    margin-right: 20px; }
  .hiraboku-input--radio label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    margin-top: -16px;
    background: #fff;
    border: 1px solid #969696;
    border-radius: 100%; }
  .hiraboku-input--radio input[type="radio"]:checked + label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 6.5px;
    width: 14px;
    height: 14px;
    margin-top: -10px;
    background: #969696;
    border-radius: 100%; }
  .hiraboku-input--checkbox input[type="checkbox"] {
    display: none; }
  .hiraboku-input--checkbox label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 30px;
    cursor: pointer; }
  .hiraboku-input--checkbox input[type="checkbox"] ~ label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -13px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0%; }
  .hiraboku-input--checkbox input[type="checkbox"]:checked ~ label:after {
    position: absolute;
    content: '';
    top: 7px;
    left: 3px;
    width: 13px;
    height: 5px;
    border-left: 4px solid #969696;
    border-bottom: 4px solid #969696;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

/*-------- img --------*/
img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*-------- text --------*/
.bold {
  font-weight: bold; }

/*-------- open menu icon --------*/
.open_menu {
  font-size: 14px; }
  .open_menu > a {
    font-weight: bold;
    background: none;
    position: relative; }
    .open_menu > a:before, .open_menu > a:after {
      content: '';
      width: 14px;
      height: 2px;
      background: #d95b36;
      display: block;
      position: absolute;
      right: 3%;
      top: 50%;
      transition: .2s; }
    .open_menu > a:before {
      -webkit-transform: translate(-50%, -50%) rotate(90deg);
          -ms-transform: translate(-50%, -50%) rotate(90deg);
              transform: translate(-50%, -50%) rotate(90deg); }
    .open_menu > a:after {
      -webkit-transform: translate(-50%, -50%) rotate(180deg);
          -ms-transform: translate(-50%, -50%) rotate(180deg);
              transform: translate(-50%, -50%) rotate(180deg); }
  .open_menu.on a:before {
    width: 16px;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
        -ms-transform: translate(-50%, -50%) rotate(-135deg);
            transform: translate(-50%, -50%) rotate(-135deg);
    top: 50%;
    right: 2%; }
  .open_menu.on a:after {
    width: 16px;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
        -ms-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
    top: 50%;
    right: 2%; }

/*-------- slide animation --------*/
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes slideIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/*-------- 取り消し線 --------*/
.strikethrough {
  position: relative;
  font-size: .85em;
  font-weight: bold;
  display: inline;
  color: #555; }
  .strikethrough:after {
    content: '';
    width: 100%;
    border-top: 2px solid #555;
    position: absolute;
    top: 40%;
    left: 0; }

/*-------- 取り消し線直後の価格はblock --------*/
.discount_price {
  display: block;
  color: red; }

/*-------- more info btn --------*/
.btn_more {
  width: 150px;
  margin: 20px auto;
  background: #FFF;
  text-align: center;
  padding: 6px 0px;
  border-radius: 20px;
  font-size: 13px;
  border: 1px solid #000; }

/*-------- text-color red --------*/
.timesale,
.member {
  color: red;
  font-size: 15px;
  font-weight: bold;
  display: block; }
  .timesale .icon,
  .member .icon {
    display: inline-block;
    padding: 4px;
    margin-right: 3px;
    background: red;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle; }

.member .icon {
  background: #ff6200; }

.tax {
  font-size: 11.2px;
  font-size: .7rem; }

.t-red {
  color: #d95c37; }

/*-------- free ranking box --------*/
.free_ranking {
  padding: 40px 0 80px; }
  .free_ranking .box_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .free_ranking .free_ranking_box {
    width: 32%;
    padding: 10px 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .free_ranking .free_ranking_box .free_ranking_img_box {
      position: relative;
      display: block;
      width: 100%;
      margin-bottom: 10px; }
      .free_ranking .free_ranking_box .free_ranking_img_box .tag {
        position: absolute;
        z-index: 8;
        top: 3px;
        left: 3px;
        display: inline-block;
        padding: 0px 10px;
        color: #fff;
        border-radius: 20px;
        font-size: 11px;
        background-color: #ddc2c9; }
        .free_ranking .free_ranking_box .free_ranking_img_box .tag.tag--reizo {
          background-color: #0097db; }
        .free_ranking .free_ranking_box .free_ranking_img_box .tag.tag--reito {
          background-color: #9f9fa0; }
      .free_ranking .free_ranking_box .free_ranking_img_box img {
        position: relative;
        width: auto;
        height: 120px;
        border-radius: 5px; }
    .free_ranking .free_ranking_box .free_ranking_text .item_name {
      padding-bottom: 10px; }
    .free_ranking .free_ranking_box .free_ranking_text a {
      text-decoration: none;
      color: #333; }
    .free_ranking .free_ranking_box .free_ranking_text .price {
      text-align: right;
      margin-bottom: 10px; }
    .free_ranking .free_ranking_box .free_ranking_text .button a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 5px 0;
      text-align: center;
      color: #d95b36;
      border-radius: 6px;
      border: 1px solid #d95b36;
      box-shadow: 0 2px 0 0 #d95b36;
      text-decoration: none;
      font-weight: bold; }

/*-------- .free ranking box --------*/
/*-------- icon --------*/
.mension_icon:after {
  content: "";
  background: #FFF;
  position: relative;
  top: -5px;
  left: 5px;
  font-size: 8px;
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 10px;
  color: #FFF; }

.mension_icon.new_icon:after {
  content: "NEW";
  background: #36a33f;
  color: #FFF; }

.mension_icon.no1_icon:after {
  content: "NO.1";
  background: #ffb300;
  color: #FFF; }

.mension_icon.hot_icon:after {
  content: "HOT";
  background: #F00;
  color: #FFF; }

/*-------- link --------*/
.text__link {
  text-align: right; }
  .text__link a {
    font-size: 16px;
    color: #505050; }
    .text__link a.t_small {
      font-size: .7em; }
    .text__link a:before {
      content: ">";
      margin-right: 10px;
      display: inline-block;
      color: #d95b36;
      font-size: 16px; }

.pagelink {
  padding: 12px 0;
  text-align: center; }
  .pagelink a {
    text-decoration: none;
    padding: 4px;
    color: #666;
    font-size: 14px; }

/*-------- text --------*/
.order_info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  padding-bottom: 24px; }
  .order_info .apply_info {
    margin-right: 32px; }
    .order_info .apply_info:last-of-type {
      margin-right: 0; }
    .order_info .apply_info h3 {
      font-size: 16px;
      padding-bottom: 4px;
      margin-bottom: 4px;
      border-bottom: 1px solid #ccc; }
    .order_info .apply_info p {
      font-size: 16px;
      font-weight: bold; }
      .order_info .apply_info p span {
        display: inline-block;
        padding-left: 12px;
        font-size: 12.8px;
        font-size: .8rem;
        font-weight: normal; }
      .order_info .apply_info p.dl a {
        border-bottom: 1px solid #ccc;
        text-decoration: none;
        color: #333;
        font-size: 16px; }

/*-------- flex --------*/
.flex_column {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .flex_column.flex_col_center {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }

/*-------- grobal icon --------*/
.table_icon {
  position: absolute;
  right: 20px;
  padding: 2px 8px;
  margin-left: 8px;
  font-size: 11px; }
  .table_icon_any {
    border: 1px solid #CCC;
    background: #FFF;
    color: #333; }
  .table_icon_required {
    background: #F00;
    color: #FFF; }

/*-------- reCAPTCHA --------*/
#reCAPTCHA {
  margin: 40px 0; }
  #reCAPTCHA .g-recaptcha > div {
    margin: 0 auto; }

/*-------- float_guide_menu --------*/
.float_guide_cart_order {
  max-width: 300px;
  width: 30%;
  position: fixed;
  bottom: 80px;
  right: 3%;
  cursor: pointer; }
  .float_guide_cart_order .menu_list {
    display: none;
    padding: 0 10px;
    background: #ebebeb;
    border: 2px solid #2e5c3d;
    border-radius: 6px;
    position: relative; }
    .float_guide_cart_order .menu_list h3 {
      text-align: center;
      color: #2e5c3d;
      padding: 16px 0;
      font-size: 16px; }
    .float_guide_cart_order .menu_list ul {
      height: 300px;
      overflow-y: scroll;
      padding: 16px;
      background: #fff;
      border-radius: 6px; }
      .float_guide_cart_order .menu_list ul li {
        margin-bottom: 8px; }
        .float_guide_cart_order .menu_list ul li a {
          display: block;
          background: #2e5c3d;
          border-radius: 6px;
          padding: 12px;
          text-align: center;
          position: relative;
          color: #fff;
          font-weight: bold;
          font-size: 14px; }
    .float_guide_cart_order .menu_list .close {
      padding: 16px 0;
      font-size: 16px;
      text-align: center;
      font-weight: bold;
      color: #2e5c3d; }
    .float_guide_cart_order .menu_list .close_btn {
      position: absolute;
      top: -10px;
      right: -5px;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      font-size: 24px;
      text-align: center;
      line-height: 30px;
      background: #2e5c3d;
      color: #fff;
      cursor: pointer; }
  .float_guide_cart_order .guide_link {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 20px;
    border: 3px solid #2e5c3d;
    border-radius: 50%;
    color: #2e5c3d;
    font-size: 48px;
    text-align: center;
    line-height: 60px;
    background: #fff;
    cursor: pointer;
    transition: all .4s; }
    .float_guide_cart_order .guide_link p {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      width: 150px;
      height: 40px;
      line-height: 40px;
      position: absolute;
      bottom: 80px;
      right: -40px;
      font-size: 15px;
      font-weight: bold;
      background: #d4602c;
      color: #fff;
      border-radius: 6px;
      transition: all .4s; }
      .float_guide_cart_order .guide_link p:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        bottom: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #d4602c; }
    .float_guide_cart_order .guide_link:hover p {
      transition: all .4s;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

.anim-opacity {
  transition: 0.2s opacity ease; }
  .anim-opacity:hover {
    opacity: 0.66;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; }

.t-left {
  text-align: left; }

.t-right {
  text-align: right; }

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

.is-bold {
  font-weight: bold; }

img {
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.hidden {
  display: none; }

.notfound {
  position: relative;
  background: url("/client_info/HIRABOKU/html/error/404/bg.png") repeat-x bottom;
  text-align: center; }
  .notfound__img {
    position: relative;
    display: block;
    margin: 0 auto 100px; }

#tabletest {
  display: inline-block;
  height: 64px;
  height: 4rem;
  padding-top: 32px;
  padding-top: 2rem; }
  #tabletest .dev_label {
    color: black;
    font-size: 12px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 4px 10px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px);
    transition: all .2s ease-out; }

#main.no-breadcrumb {
  padding-top: 24px; }

#main.cart {
  width: 100%;
  position: relative; }
  #main.cart .step {
    display: block;
    margin: 15px auto 30px auto; }
  #main.cart .cart__intro {
    font-weight: bold;
    font-size: 14px;
    margin: 17px 0 30px; }
  #main.cart .tag .johon {
    background-color: #ddc2c9; }
  #main.cart .tag .reizo {
    background-color: #0097db; }
  #main.cart .tag .reito {
    background-color: #9f9fa0; }
  #main.cart .not_member__table {
    display: none;
    padding: 20px 0; }

#main .content__lead {
  margin: 0 0 16px;
  font-size: 14px;
  text-align: left;
  line-height: 2; }
  #main .content__lead .required {
    background: red;
    padding: 2px 8px;
    color: #FFF;
    font-size: 11px;
    display: inline-block;
    font-weight: bold; }
  #main .content__lead .caution {
    color: #fa8e4b;
    font-weight: bold; }

#main .content__caution {
  margin: 24px 0;
  padding: 12px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  background: #fff8f0;
  border: 1px solid #fa8e4b;
  color: #fa8e4b; }

#main .content__link a {
  width: 280px;
  padding: 10px;
  display: block;
  margin: 12px 0;
  border-radius: 4px;
  background: #e68a5b;
  font-weight: bold;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 2px 0 0 #d4602c; }

#main #credit #cartFlow table {
  margin-bottom: 24px; }

#main #cartFlow {
  width: 100%; }
  #main #cartFlow .content {
    width: 100%;
    float: none;
    margin-right: 0; }
    #main #cartFlow .content__title {
      padding: 8px;
      margin-bottom: 16px;
      margin-top: 16px;
      font-size: 16px;
      font-weight: bold;
      background: #42794e;
      color: #FFF;
      font-weight: bold; }
      #main #cartFlow .content__title-inner {
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px;
        margin-bottom: 8px; }
      #main #cartFlow .content__title.teiki {
        border: none; }
    #main #cartFlow .content colgroup {
      display: none; }
    #main #cartFlow .content .multi_send_address_box {
      background: #fff7d7;
      border-radius: 8px;
      padding: 24px;
      margin: 24px 0; }
      #main #cartFlow .content .multi_send_address_box h3 {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: bold; }
  #main #cartFlow .buttonarea {
    text-align: center; }
    #main #cartFlow .buttonarea__addressbook, #main #cartFlow .buttonarea__multisend {
      text-align: left; }
    #main #cartFlow .buttonarea__itemSend {
      text-align: right; }
      #main #cartFlow .buttonarea__itemSend.left {
        text-align: left; }
    #main #cartFlow .buttonarea p {
      font-size: 14px;
      color: #333;
      padding: 20px 0; }
      #main #cartFlow .buttonarea p.caution {
        padding: 30px 0 5px;
        margin: 0;
        font-weight: bold;
        text-align: center; }
  #main #cartFlow .product_info table {
    width: 70%;
    border: none;
    table-layout: fixed;
    border: none; }
    #main #cartFlow .product_info table tr.chk_hidden {
      display: none; }
    #main #cartFlow .product_info table th {
      padding: 5px;
      border: none;
      text-align: center; }
      #main #cartFlow .product_info table th:nth-of-type(1) {
        width: 60%; }
      #main #cartFlow .product_info table th:nth-of-type(2) {
        width: 7%; }
      #main #cartFlow .product_info table th:nth-of-type(3) {
        width: 10%; }
      #main #cartFlow .product_info table th:nth-of-type(4) {
        width: 10%; }
    #main #cartFlow .product_info table td {
      padding: 8px;
      border: none; }
      #main #cartFlow .product_info table td .itemDetail__box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0; }
      #main #cartFlow .product_info table td .itemDetail__item {
        padding: 0 10px; }
      #main #cartFlow .product_info table td .itemDetail__number {
        margin: 8px 0; }
      #main #cartFlow .product_info table td .itemDetail__img {
        height: 120px;
        vertical-align: bottom; }
      #main #cartFlow .product_info table td .itemDetail__price {
        text-align: right; }
  #main #cartFlow .product_info--confirm table {
    width: 90%;
    border: 1px solid #c8c8c8;
    margin: 15px auto; }
    #main #cartFlow .product_info--confirm table th {
      border: 1px solid #ccc; }
    #main #cartFlow .product_info--confirm table td {
      padding: 10px;
      border: 1px solid #ccc; }
      #main #cartFlow .product_info--confirm table td .itemDetail__wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center; }
        #main #cartFlow .product_info--confirm table td .itemDetail__wrap .data_wrap {
          width: 80%; }
        #main #cartFlow .product_info--confirm table td .itemDetail__wrap__img {
          width: 80%; }
  #main #cartFlow .product_info__sum {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px; }
    #main #cartFlow .product_info__sum p {
      text-align: right;
      width: 100%;
      font-size: 24px;
      font-weight: bold; }
      #main #cartFlow .product_info__sum p span {
        font-size: 14px;
        font-weight: normal; }
  #main #cartFlow table {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #c8c8c8;
    table-layout: fixed; }
    #main #cartFlow table th, #main #cartFlow table td {
      font-weight: normal;
      font-size: 14px;
      vertical-align: middle; }
      #main #cartFlow table th .txt, #main #cartFlow table td .txt {
        font-size: 13px; }
    #main #cartFlow table th {
      background: #F6F6F6;
      border: 1px solid #CCC;
      text-align: left;
      z-index: -1; }
      #main #cartFlow table th.title {
        position: relative;
        width: 30%;
        padding: 8px;
        font-weight: bold; }
        #main #cartFlow table th.title__total {
          font-size: 16px; }
    #main #cartFlow table td {
      width: 70%;
      padding: 8px; }
      #main #cartFlow table td span .bold {
        width: 70px;
        display: inline-block; }
      #main #cartFlow table td.short input {
        width: 120px; }
        #main #cartFlow table td.short input:first-of-type {
          margin-right: 20px; }
      #main #cartFlow table td.short .name {
        width: 44px;
        display: inline-block;
        text-align: center; }
      #main #cartFlow table td .pb_12 {
        padding-bottom: 12px; }
      #main #cartFlow table td p {
        margin: 0;
        font-size: 12px;
        color: #888;
        font-weight: normal; }
        #main #cartFlow table td p:first-of-type {
          padding: 8px 0 0; }
        #main #cartFlow table td p span {
          font-size: 11.2px;
          font-size: 0.7rem;
          padding-right: 4px; }
        #main #cartFlow table td p.rt {
          display: inline-block;
          padding: 8px 0 0 12px; }
        #main #cartFlow table td p.content__info {
          padding-bottom: 12px;
          color: #333;
          font-size: 13px; }
        #main #cartFlow table td p.exp {
          padding: 0 0 12px;
          color: #333; }
        #main #cartFlow table td p.supplement {
          padding-top: 12px; }
      #main #cartFlow table td .itemDetail__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        padding: 12px 0; }
      #main #cartFlow table td .itemDetail__name {
        width: 70%;
        font-size: 13px;
        font-weight: bold; }
        #main #cartFlow table td .itemDetail__name.noshi {
          width: 50%;
          background: url(../images/hirata-bokujo/cart_seisan/noshi.jpg) no-repeat left center/contain;
          padding-left: 24px;
          margin-bottom: 10px;
          border-bottom: 1px solid #961C1C;
          font-weight: bold; }
        #main #cartFlow table td .itemDetail__name.bag {
          width: 50%;
          background: url(../images/hirata-bokujo/cart_seisan/bag.jpg) no-repeat left center/contain;
          padding-left: 24px;
          margin-bottom: 10px;
          border-bottom: 1px solid #961C1C;
          font-weight: bold; }
        #main #cartFlow table td .itemDetail__name ~ .hTmpLabel {
          font-weight: bold; }
      #main #cartFlow table td .itemDetail__number {
        text-align: right; }
        #main #cartFlow table td .itemDetail__number .delivery__only {
          border: 1px solid #ccc;
          border-radius: 3px;
          display: inline-block;
          margin-left: auto;
          padding: 5px 10px 5px 20px;
          width: 30px;
          text-align: right;
          font-size: 16px; }
      #main #cartFlow table td .itemDetail__box {
        padding-bottom: 12px; }
        #main #cartFlow table td .itemDetail__box .option-item {
          padding: 10px 0; }
          #main #cartFlow table td .itemDetail__box .option-item--first {
            border-top: 0;
            padding-top: 0; }
          #main #cartFlow table td .itemDetail__box .option-item--last {
            padding-bottom: 0; }
          #main #cartFlow table td .itemDetail__box .option-item--naire--input input[type="text"] {
            width: 240px;
            margin: 5px; }
          #main #cartFlow table td .itemDetail__box .option-item--naire--input div {
            display: inline-block; }
          #main #cartFlow table td .itemDetail__box .option-item--kamibukuro {
            min-width: 100px;
            margin-right: 15px;
            display: inline-block; }
      #main #cartFlow table td .itemDetail__delivery {
        padding-bottom: 18px; }
        #main #cartFlow table td .itemDetail__delivery .delivery__title {
          width: 80px;
          display: inline-block;
          font-weight: bold; }
          #main #cartFlow table td .itemDetail__delivery .delivery__title-sub {
            font-weight: bold; }
        #main #cartFlow table td .itemDetail__delivery:last-of-type {
          padding-bottom: 0; }
        #main #cartFlow table td .itemDetail__delivery .teiki {
          padding: 12px 0 0; }
          #main #cartFlow table td .itemDetail__delivery .teiki label {
            font-weight: bold;
            font-size: 14px; }
          #main #cartFlow table td .itemDetail__delivery .teiki_monthly_box {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            #main #cartFlow table td .itemDetail__delivery .teiki_monthly_box > div {
              margin-right: 24px; }
            #main #cartFlow table td .itemDetail__delivery .teiki_monthly_box p {
              color: #333;
              font-size: 13px; }
              #main #cartFlow table td .itemDetail__delivery .teiki_monthly_box p span {
                font-weight: bold;
                font-size: 13px; }
          #main #cartFlow table td .itemDetail__delivery .teiki_delivery_time span:nth-of-type(even) {
            margin-right: 12px; }
          #main #cartFlow table td .itemDetail__delivery .teiki_delivery_time.pb_20 {
            padding-bottom: 20px; }
      #main #cartFlow table td .message-box {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        #main #cartFlow table td .message-box span {
          padding-top: 15px;
          width: 124px;
          display: inline-block; }
        #main #cartFlow table td .message-box textarea {
          width: 538px;
          margin-left: 20px;
          padding: 16px; }
      #main #cartFlow table td.multi-address p {
        margin-bottom: 10px;
        font-size: 14px;
        color: #333; }
        #main #cartFlow table td.multi-address p:last-child {
          padding-bottom: 20px; }
        #main #cartFlow table td.multi-address p span.bold {
          font-weight: bold;
          font-size: inherit; }
      #main #cartFlow table td.multi-address span {
        display: inline-block;
        padding: 0; }
      #main #cartFlow table td.multi-address input[type="text"] {
        border: none;
        background: none;
        box-shadow: none;
        font-size: 14px;
        padding-left: 0; }
      #main #cartFlow table td .total_price {
        font-size: 16px;
        font-weight: bold; }
      #main #cartFlow table td .option-item {
        padding: 12px 0; }
      #main #cartFlow table td .payment__kind {
        padding: 15px 0; }
        #main #cartFlow table td .payment__kind:last-of-type {
          border-bottom: none; }
        #main #cartFlow table td .payment__kind-name {
          padding-bottom: 5px;
          font-weight: bold;
          border-bottom: 1px solid #CCC;
          margin-bottom: 10px; }
    #main #cartFlow table.table__payment {
      width: 70%;
      margin-bottom: 0; }
      #main #cartFlow table.table__payment th {
        padding: 16px 10px;
        text-align: right;
        font-size: 16px; }
        #main #cartFlow table.table__payment th p {
          font-size: 12px;
          color: #888;
          font-weight: normal; }
      #main #cartFlow table.table__payment td {
        font-size: 16px;
        padding-right: 20px;
        text-align: right; }
  #main #cartFlow .payment {
    margin-bottom: 40px; }
  #main #cartFlow .table__credit h3 {
    margin-bottom: 10px;
    padding: 0px 0px 5px 0;
    border-bottom: 1px solid #CCC;
    background: none;
    font-size: 15px; }
  #main #cartFlow .table__credit tr td:first-of-type {
    padding-left: 20px;
    width: 80%;
    vertical-align: middle; }
  #main #cartFlow .table__credit .new .newCreditCard {
    margin-bottom: 24px; }
    #main #cartFlow .table__credit .new .newCreditCard input {
      width: 35%; }
      #main #cartFlow .table__credit .new .newCreditCard input#SECURITY_CD {
        width: auto; }
    #main #cartFlow .table__credit .new .newCreditCard .box {
      padding-bottom: 24px; }
    #main #cartFlow .table__credit .new .newCreditCard.chk_disp_content {
      margin-bottom: 0;
      padding: 0; }
      #main #cartFlow .table__credit .new .newCreditCard.chk_disp_content .box {
        padding: 0 0 12px; }
    #main #cartFlow .table__credit .new .newCreditCard.chk_disp_card {
      display: none; }
      #main #cartFlow .table__credit .new .newCreditCard.chk_disp_card.open {
        display: block;
        -webkit-animation: slideIn;
                animation: slideIn;
        -webkit-animation-duration: .4s;
                animation-duration: .4s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
  #main #cartFlow .already--checkbox {
    margin-bottom: 20px; }
    #main #cartFlow .already--checkbox input[type="checkbox"] {
      display: none; }
    #main #cartFlow .already--checkbox label {
      position: relative;
      display: inline-block;
      padding: 3px 3px 3px 18px;
      cursor: pointer; }
    #main #cartFlow .already--checkbox input[type="checkbox"] ~ label:before {
      position: absolute;
      content: '';
      top: 50%;
      left: 0;
      width: 20px;
      height: 20px;
      margin-top: -14px;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 0%; }
    #main #cartFlow .already--checkbox input[type="checkbox"]:checked ~ label:after {
      position: absolute;
      content: '';
      top: -7px;
      left: 3px;
      width: 13px;
      height: 5px;
      border-left: 4px solid #969696;
      border-bottom: 4px solid #969696;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    #main #cartFlow .already--checkbox ~ table {
      margin-bottom: 30px; }
  #main #cartFlow .saved__card {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal; }
    #main #cartFlow .saved__card .expiration_date {
      display: inline-block;
      margin-left: 30px; }
      #main #cartFlow .saved__card .expiration_date .strong {
        font-weight: bold; }
    #main #cartFlow .saved__card label {
      position: relative;
      display: inline-block;
      margin-right: 20px;
      padding: 3px 3px 3px 7px;
      cursor: pointer; }
      #main #cartFlow .saved__card label > input {
        width: 25px;
        height: 25px;
        margin-top: -16px;
        margin-right: 10px;
        background: #fff;
        border: 1px solid #969696;
        border-radius: 100%; }
  #main #cartFlow .credit__name input {
    width: 300px;
    margin-right: 20px; }
  #main #cartFlow.teiki table {
    width: 100%;
    margin-bottom: 20px; }

#main #error {
  margin: 20px 0;
  padding: 0 10px;
  border: 1px solid #ff0000;
  border-radius: 6px;
  background: #fff0f0; }
  #main #error table {
    width: 100%;
    border: none;
    margin: 0; }
    #main #error table td {
      border: none; }
      #main #error table td.ico {
        display: none; }
      #main #error table td.content {
        color: #ff0000;
        padding: 12px 0;
        font-size: 14px;
        font-weight: bold; }
        #main #error table td.content ul {
          font-weight: bold; }
          #main #error table td.content ul li {
            font-size: 14px; }

#main table .send__colgroup {
  display: none; }
  #main table .send__colgroup col:first-child {
    width: 210px; }
  #main table .send__colgroup col:last-child {
    width: calc(100% - 210px); }

#main table .send__tr td:last-of-type {
  padding-left: 20px; }

#main table .pay__colgroup col:first-child {
  width: 210px; }

#main table .pay__colgroup col:last-child {
  width: calc(100% - 210px); }

#main table .coupon__tr td:last-of-type {
  padding-left: 20px; }

#main table #coupon_select_1 td:last-of-type, #main table #coupon_select_2 td:last-of-type {
  padding-left: 20px; }

#main .table__information .zip input:first-of-type {
  width: 100px; }

#main .table__information .zip input:last-of-type {
  padding: 0 15px;
  border-radius: 4px;
  margin-left: 18px;
  background: #a58d61;
  transition: 0.2s opacity ease; }
  #main .table__information .zip input:last-of-type:hover {
    opacity: 0.66;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; }

#main .table__information .prefecture select {
  width: 220px; }

#main .table__information .address input, #main .table__information .company input, #main .table__information .department input, #main .table__information .mail input, #main .table__information .password input {
  width: 324px; }

#main .table__information .tel input {
  width: 120px; }

#main .table__information .tel label {
  margin-right: 10px; }

#main .table__information .mail input#PC_MAIL_CONFIRM1, #main .table__information .mail input#PC_MAIL_CONFIRM2 {
  width: 140px; }

#main .table__other tr td:last-of-type {
  padding-left: 20px; }

#main .table__other textarea {
  padding: 8px;
  width: 450px;
  height: 90px;
  font-size: 14px; }

#main #addressList {
  padding-bottom: 40px; }
  #main #addressList .widebox ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  #main #addressList .widebox li {
    width: 45%;
    border: 1px solid #CCC;
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 14px;
    min-height: 180px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #main #addressList .widebox li strong {
      font-size: 16px; }
    #main #addressList .widebox li .address__info {
      padding: 10px 0; }
      #main #addressList .widebox li .address__info-box {
        padding-bottom: 10px; }
        #main #addressList .widebox li .address__info-box p .title {
          display: inline-block;
          font-weight: bold;
          width: 70px; }
  #main #addressList .nolink {
    color: #666; }

#main #wishList #cartFlow table {
  width: 100%;
  margin-bottom: 20px; }
  #main #wishList #cartFlow table td h3 a {
    text-decoration: none;
    color: #333; }
  #main #wishList #cartFlow table td p.price {
    font-size: 16px;
    color: #333; }

#main #wishList #cartFlow .buttonarea {
  text-align: right; }
  #main #wishList #cartFlow .buttonarea a {
    width: 150px; }
    #main #wishList #cartFlow .buttonarea a.delete {
      width: 70px;
      padding: 0;
      box-shadow: 0px 1px 0px 0 rgba(1, 1, 1, 0.6), inset 0 1px 1px 0 #f0f0f0; }
  #main #wishList #cartFlow .buttonarea.spacies {
    padding: 20px 0 0; }

#main .teiki .HTMLFORM_ELEMENT > input[type="radio"] {
  display: none; }
  #main .teiki .HTMLFORM_ELEMENT > input[type="radio"] .input_default input {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio; }
  #main .teiki .HTMLFORM_ELEMENT > input[type="radio"] .input_default input[type="radio"] {
    display: inline;
    margin-right: 8px; }
  #main .teiki .HTMLFORM_ELEMENT > input[type="radio"]:checked + label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 5px;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #969696;
    border-radius: 100%; }

#main .teiki .HTMLFORM_ELEMENT > label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer; }
  #main .teiki .HTMLFORM_ELEMENT > label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -13px;
    background: #fff;
    border: 1px solid #969696;
    border-radius: 100%; }

#main .teiki label {
  font-weight: bold;
  font-size: 14px; }

#main .teiki_monthly_box > div {
  margin-right: 24px; }

#main .teiki_monthly_box p {
  color: #333;
  font-size: 13px;
  padding: 4px 0; }
  #main .teiki_monthly_box p span {
    font-weight: bold;
    font-size: 13px; }

#main .teiki_monthly_box .order_date {
  border: 1px solid #e8b335;
  padding: 8px;
  margin: 8px 0px;
  border-radius: 6px; }

#main .teiki_delivery_time span:nth-of-type(even) {
  margin-right: 12px; }

#main .teiki_order-box {
  padding: 10px;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin-bottom: 20px; }
  #main .teiki_order-box .title {
    padding-bottom: 12px;
    position: relative; }
  #main .teiki_order-box .status {
    font-size: 14px;
    font-weight: bold;
    padding: 4px;
    margin: 0 0 12px;
    background: #2f9645;
    text-align: center;
    color: #fff; }
    #main .teiki_order-box .status.canceled {
      background: #e68a5b; }
    #main .teiki_order-box .status.stop {
      background: #ff5b5b; }
  #main .teiki_order-box .item_name {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 12px; }
    #main .teiki_order-box .item_name a {
      color: #333; }
  #main .teiki_order-box_detail {
    margin-bottom: 12px; }
    #main .teiki_order-box_detail p {
      padding-bottom: 4px;
      line-height: 1.5; }
  #main .teiki_order-box_btnarea {
    padding: 0 0 24px; }
    #main .teiki_order-box_btnarea > * {
      padding-bottom: 10px;
      display: block; }
  #main .teiki_order-box table {
    margin-bottom: 20px;
    width: 100%;
    table-layout: fixed; }
    #main .teiki_order-box table th, #main .teiki_order-box table td {
      vertical-align: middle; }
    #main .teiki_order-box table th {
      padding: 8px; }
    #main .teiki_order-box table td {
      padding: 8px;
      font-size: 15px;
      line-height: 1.5; }
  #main .teiki_order-box_latest {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 24px;
    border-radius: 4px; }
    #main .teiki_order-box_latest .title {
      font-size: 16px;
      padding-bottom: 12px; }
    #main .teiki_order-box_latest p {
      padding: 0 0 10px;
      font-size: 13px;
      line-height: 1.5;
      color: red; }
    #main .teiki_order-box_latest .buttonarea {
      padding: 0 0 16px; }
  #main .teiki_order-box_canceled p {
    padding: 12px 0;
    color: red;
    font-weight: bold; }
  #main .teiki_order-box .contact p {
    padding: 0 0 10px; }
  #main .teiki_order-box .contact li a {
    color: #333; }

#main .teiki_renew h3.title {
  padding-bottom: 12px; }

#main .teiki_renew table {
  margin-bottom: 20px;
  width: 100%;
  table-layout: fixed; }
  #main .teiki_renew table td .txt {
    color: #555;
    padding-bottom: 8px; }
    #main .teiki_renew table td .txt span {
      font-size: 19.2px;
      font-size: 1.2rem; }

#main .teiki_renew .HTMLFORM_LABEL_GROUP input[type="checkbox"] {
  display: none; }

#main .teiki_renew .HTMLFORM_LABEL_GROUP label {
  position: relative;
  display: inline;
  padding: 3px 3px 3px 15px;
  cursor: pointer; }

#main .teiki_renew .HTMLFORM_LABEL_GROUP input[type="checkbox"] ~ label:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0%; }

#main .teiki_renew .HTMLFORM_LABEL_GROUP input[type="checkbox"]:checked ~ label:after {
  position: absolute;
  content: '';
  top: 2px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 4px solid #969696;
  border-bottom: 4px solid #969696;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#main .teiki_renew .HTMLFORM_LABEL_GROUP ~ label {
  padding: 3px 3px 3px 12px; }

#main .teiki_renew .select_area {
  padding: 12px 0 0; }

#main.guide_cart_order .menu_list {
  margin-bottom: 64px; }
  #main.guide_cart_order .menu_list select {
    background: #fff;
    border: 3px solid #2e5c3d;
    border-radius: 6px;
    width: 100%;
    padding: 12px;
    text-align: center;
    position: relative;
    color: #2e5c3d;
    font-weight: bold;
    font-size: 18px; }

#main.guide_cart_order .guide_column_wrap h3 {
  color: #fff;
  background: #2e5c3d;
  font-size: 18px;
  padding: 8px 16px;
  margin-bottom: 16px;
  position: relative; }
  #main.guide_cart_order .guide_column_wrap h3:before, #main.guide_cart_order .guide_column_wrap h3:after {
    content: '';
    width: 10px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    right: 3%;
    top: 50%;
    transition: .2s; }
  #main.guide_cart_order .guide_column_wrap h3:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    right: 24px; }
  #main.guide_cart_order .guide_column_wrap h3:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    top: 50%;
    right: 18px; }

#main.guide_cart_order .guide_column_wrap .guide_column_content {
  display: none;
  padding: 0 12px; }
  #main.guide_cart_order .guide_column_wrap .guide_column_content .guide_column_content_block {
    padding: 0 0 12px; }
    #main.guide_cart_order .guide_column_wrap .guide_column_content .guide_column_content_block h4 {
      color: #fff;
      background: rgba(46, 92, 61, 0.4);
      padding: 4px 16px; }
      #main.guide_cart_order .guide_column_wrap .guide_column_content .guide_column_content_block h4.caution {
        background: rgba(204, 106, 106, 0.4); }
    #main.guide_cart_order .guide_column_wrap .guide_column_content .guide_column_content_block .img {
      padding-bottom: 12px; }
  #main.guide_cart_order .guide_column_wrap .guide_column_content table {
    margin: 0;
    width: 100%; }
    #main.guide_cart_order .guide_column_wrap .guide_column_content table th {
      width: 50%;
      padding: 10px 0;
      border: 1px solid #ccc;
      background: #f0f0f0;
      font-weight: bold;
      font-size: 14px; }
    #main.guide_cart_order .guide_column_wrap .guide_column_content table td {
      padding: 10px;
      vertical-align: middle;
      text-align: left;
      font-size: 14px; }

#main {
  /*-------- sitemap.html --------*/
  /*-------- /sitemap.html --------*/ }
  #main.faq h3 {
    position: relative;
    padding: 10px 38px;
    background-color: #2e5c3d;
    overflow: hidden;
    color: #fff; }
    #main.faq h3 a {
      color: #fff;
      font-size: 14px;
      text-decoration: none; }
  #main #sitemap .sitemap__box {
    width: 100%;
    margin-bottom: 20px; }
    #main #sitemap .sitemap__box h3 {
      position: relative;
      padding: 10px 38px;
      border-bottom: 2px solid #2e5c3d;
      font-size: 18px;
      text-decoration: none;
      overflow: hidden; }
      #main #sitemap .sitemap__box h3.limited {
        background: url(../images/hirata-bokujo/common/header/icon_link_lmt.png) no-repeat 8px 12px;
        background-size: 24px; }
      #main #sitemap .sitemap__box h3.gift {
        background: url(../images/hirata-bokujo/common/header/icon_link_09.png) no-repeat 8px 12px; }
      #main #sitemap .sitemap__box h3.home {
        background: url(../images/hirata-bokujo/common/header/icon_link_11.png) no-repeat 4px 12px;
        background-size: 26px; }
    #main #sitemap .sitemap__box .list {
      padding: 12px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #main #sitemap .sitemap__box .list.limited {
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        #main #sitemap .sitemap__box .list.limited li {
          padding-right: 24px; }
          #main #sitemap .sitemap__box .list.limited li:last-of-type {
            padding-right: 0; }
      #main #sitemap .sitemap__box .list li {
        text-align: center;
        width: 18%; }
        #main #sitemap .sitemap__box .list li a {
          display: block;
          padding: 8px 24px;
          border: 2px solid #2e5c3d;
          border-radius: 6px;
          color: #2e5c3d;
          text-decoration: none;
          font-weight: bold;
          height: 50px; }
          #main #sitemap .sitemap__box .list li a.middle {
            line-height: 50px; }
        #main #sitemap .sitemap__box .list li ul li {
          width: 85%; }
          #main #sitemap .sitemap__box .list li ul li a {
            position: relative;
            width: 100%;
            background: rgba(187, 230, 118, 0.2);
            border-radius: 4px;
            margin: 10px 0 0 15px;
            padding: 8px 2px;
            font-size: 14px;
            height: auto; }
            #main #sitemap .sitemap__box .list li ul li a:before {
              content: '';
              border-top: 2px solid #2e5c3d;
              width: 11px;
              position: absolute;
              top: 50%;
              left: 0;
              -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                      transform: translateX(-50%); }
            #main #sitemap .sitemap__box .list li ul li a.child {
              margin-left: 40px;
              background: #e1f1bc; }
  #main #sitemap .sitemap__wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #main #sitemap .sitemap__wrap .sitemap__box {
      width: 30%; }
      #main #sitemap .sitemap__wrap .sitemap__box h3 {
        padding: 10px 20px; }

/*-------- input.scssにコピー？ --------*/
.HTMLFORM_ELEMENT > input[type="radio"] {
  display: none; }
  .HTMLFORM_ELEMENT > input[type="radio"] .input_default input {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio; }
  .HTMLFORM_ELEMENT > input[type="radio"] .input_default input[type="radio"] {
    display: inline;
    margin-right: 8px; }
  .HTMLFORM_ELEMENT > input[type="radio"]:checked + label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 5px;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #969696;
    border-radius: 100%; }

.HTMLFORM_ELEMENT > label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer; }
  .HTMLFORM_ELEMENT > label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -13px;
    background: #fff;
    border: 1px solid #969696;
    border-radius: 100%; }

.hiraboku-input {
  /* text */
  /* password */ }
  .hiraboku-input input::-ms-clear {
    visibility: hidden; }
  .hiraboku-input input::-ms-reveal {
    visibility: hidden; }
  .hiraboku-input input::-webkit-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input input:-ms-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input input::placeholder {
    color: #a9a9a9; }
  .hiraboku-input :-ms-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .hiraboku-input--button input[type="button"] {
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: bold;
    font-size: 14px;
    color: #fff; }
  .hiraboku-input--text input[type="text"],
  .hiraboku-input--text input[type="password"] {
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px; }
  .hiraboku-input--text::-webkit-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input--text:-ms-input-placeholder {
    color: #a9a9a9; }
  .hiraboku-input--text::placeholder {
    color: #a9a9a9; }
  .hiraboku-input--password input[type="password"] {
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px; }
  .hiraboku-input--radio input[type="radio"] {
    display: none; }
    .hiraboku-input--radio input[type="radio"] .input_default input {
      -webkit-appearance: radio;
      -moz-appearance: radio;
      appearance: radio; }
    .hiraboku-input--radio input[type="radio"] .input_default input[type="radio"] {
      display: inline;
      margin-right: 8px; }
  .hiraboku-input--radio label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 32px;
    cursor: pointer;
    margin-right: 15px; }
  .hiraboku-input--radio label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    margin-top: -13px;
    background: #fff;
    border: 1px solid #969696;
    border-radius: 100%; }
  .hiraboku-input--radio input[type="radio"]:checked + label:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 5px;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: #969696;
    border-radius: 100%; }
  .hiraboku-input--checkbox input[type="checkbox"] {
    display: none; }
  .hiraboku-input--checkbox label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 30px;
    cursor: pointer; }
  .hiraboku-input--checkbox input[type="checkbox"] ~ label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -13px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0%; }
  .hiraboku-input--checkbox input[type="checkbox"]:checked ~ label:after {
    position: absolute;
    content: '';
    top: 7px;
    left: 3px;
    width: 13px;
    height: 5px;
    border-left: 4px solid #969696;
    border-bottom: 4px solid #969696;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
  .hiraboku-input--textarea textarea {
    padding: 8px;
    width: 450px;
    height: 90px;
    font-size: 14px; }

/*-------- select.scssにコピー --------*/
.hiraboku-select select::-ms-expand {
  display: none; }

.hiraboku-select select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding-left: 8px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border: 1px solid #b4b4b4;
  position: relative;
  background: transparent url(../images/hirata-bokujo/common/components/icon_arrow_01.png) no-repeat right 10px center;
  font-size: 13px;
  vertical-align: middle; }

.hiraboku-select--square select {
  height: 30px;
  line-height: 30px;
  position: relative;
  background: transparent url(../images/hirata-bokujo/common/components/icon_arrow_01.png) no-repeat right 10px center;
  border-radius: 0; }

/*-------- partsにコピー --------*/
/*-------- .buttonarea --------*/
.buttonarea {
  position: relative;
  text-align: center; }
  .buttonarea a,
  .buttonarea .input__submit,
  .buttonarea input,
  .buttonarea button {
    display: inline-block;
    position: relative;
    width: 360px;
    height: 60px;
    border-radius: 8px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    font-weight: bold; }
    .buttonarea a:before,
    .buttonarea .input__submit:before,
    .buttonarea input:before,
    .buttonarea button:before {
      content: '';
      position: absolute;
      right: 21px;
      top: 26px;
      width: 6px;
      height: 6px;
      border-bottom: 3px solid transparent;
      border-right: 3px solid transparent;
      border-radius: 1px;
      border-color: #000;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      z-index: 2; }
    .buttonarea a:after,
    .buttonarea .input__submit:after,
    .buttonarea input:after,
    .buttonarea button:after {
      content: '';
      position: absolute;
      right: 12px;
      top: 18px;
      background: #fff;
      width: 24px;
      height: 24px;
      border-radius: 100%; }
    .buttonarea a.addrow,
    .buttonarea .input__submit.addrow,
    .buttonarea input.addrow,
    .buttonarea button.addrow {
      width: 220px;
      padding-left: 12px;
      font-size: 18px;
      color: #333;
      border: 1px solid #aaa; }
      .buttonarea a.addrow:before,
      .buttonarea .input__submit.addrow:before,
      .buttonarea input.addrow:before,
      .buttonarea button.addrow:before {
        content: '';
        left: 21px;
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg);
        border-color: #333; }
      .buttonarea a.addrow:after,
      .buttonarea .input__submit.addrow:after,
      .buttonarea input.addrow:after,
      .buttonarea button.addrow:after {
        content: '';
        position: absolute;
        left: 12px;
        top: 18px;
        background: #fff;
        width: 24px;
        height: 24px;
        border-radius: 100%; }
    .buttonarea a.back,
    .buttonarea .input__submit.back,
    .buttonarea input.back,
    .buttonarea button.back {
      width: 280px;
      margin-right: 20px;
      padding-left: 12px;
      background: #fff;
      font-size: 18px;
      color: #666;
      border: 1px solid #aaa;
      box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.21), inset 0 1px 1px 0 #f0f0f0; }
      .buttonarea a.back:before,
      .buttonarea .input__submit.back:before,
      .buttonarea input.back:before,
      .buttonarea button.back:before {
        left: 21px;
        border-color: #fff;
        -webkit-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
                transform: rotate(135deg); }
      .buttonarea a.back:after,
      .buttonarea .input__submit.back:after,
      .buttonarea input.back:after,
      .buttonarea button.back:after {
        content: '';
        width: 24px;
        height: 24px;
        position: absolute;
        left: 12px;
        top: 18px;
        background: #aaa;
        border-radius: 100%; }
  .buttonarea button {
    border: none; }
  .buttonarea__addressbook a {
    width: 280px;
    height: 48px;
    line-height: 48px;
    margin: 0 0 20px 0;
    padding-right: 24px;
    font-size: 16px;
    background: #63a027;
    box-shadow: 0px 1px 0px 0 rgba(0, 45, 1, 0.6), inset 0 1px 1px 0 #f0f0f0; }
    .buttonarea__addressbook a:before {
      top: 21px;
      right: 19px;
      width: 5px;
      height: 5px;
      border-color: #63a027; }
    .buttonarea__addressbook a:after {
      top: 15px;
      width: 20px;
      height: 20px; }
    .buttonarea__addressbook a.type01 {
      width: 280px; }
    .buttonarea__addressbook a.type02 {
      background: #d95c37;
      box-shadow: 0px 1px 0px 0 rgba(45, 0, 0, 0.6), inset 0 1px 1px 0 #f0f0f0;
      margin-left: 20px; }
      .buttonarea__addressbook a.type02:before {
        border-color: #d95c37; }
  .buttonarea__login a,
  .buttonarea__login input,
  .buttonarea__login button {
    margin: 20px auto 10px;
    background: #FF5A5B;
    box-shadow: 0px 1px 0px 0 rgba(112, 11, 11, 0.6), inset 0 1px 1px 0 #f0f0f0; }
    .buttonarea__login a:before,
    .buttonarea__login input:before,
    .buttonarea__login button:before {
      border-color: #FF5A5B; }
  .buttonarea__amazon a,
  .buttonarea__amazon input,
  .buttonarea__amazon button {
    width: 280px; }
    .buttonarea__amazon a p,
    .buttonarea__amazon input p,
    .buttonarea__amazon button p {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      line-height: 1.4;
      font-size: 18px; }
  .buttonarea__order {
    text-align: right;
    margin-top: 40px; }
    .buttonarea__order a,
    .buttonarea__order button,
    .buttonarea__order input,
    .buttonarea__order .input__submit {
      background: #42BD5D;
      border: none;
      box-shadow: 0px 1px 0px 0 rgba(0, 95, 25, 0.6), inset 0 1px 1px 0 #f0f0f0; }
      .buttonarea__order a:before,
      .buttonarea__order button:before,
      .buttonarea__order input:before,
      .buttonarea__order .input__submit:before {
        border-color: #42BD5D; }
      .buttonarea__order a.gray,
      .buttonarea__order button.gray,
      .buttonarea__order input.gray,
      .buttonarea__order .input__submit.gray {
        width: 200px;
        margin-right: 12px;
        background: #AAA;
        box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.6), inset 0 1px 1px 0 #f0f0f0; }
        .buttonarea__order a.gray:before,
        .buttonarea__order button.gray:before,
        .buttonarea__order input.gray:before,
        .buttonarea__order .input__submit.gray:before {
          border-color: #AAA; }
    .buttonarea__order .button__area-icon {
      width: 360px;
      height: 40px;
      position: relative;
      display: inline-block; }
      .buttonarea__order .button__area-icon:before {
        content: '';
        position: absolute;
        right: 21px;
        top: 26px;
        width: 6px;
        height: 6px;
        border-bottom: 3px solid transparent;
        border-right: 3px solid transparent;
        border-radius: 1px;
        border-color: #42BD5D;
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        z-index: 2; }
      .buttonarea__order .button__area-icon:after {
        content: '';
        position: absolute;
        right: 12px;
        top: 18px;
        background: #fff;
        width: 24px;
        height: 24px;
        border-radius: 100%; }
  .buttonarea__error {
    margin-top: 20px; }
    .buttonarea__error a,
    .buttonarea__error input,
    .buttonarea__error button {
      margin: 0 20px 24px 0;
      height: 55px;
      line-height: 55px;
      vertical-align: middle;
      background: #42BD5D;
      box-shadow: 0px 1px 0px 0 rgba(0, 95, 25, 0.6), inset 0 1px 1px 0 #f0f0f0; }
      .buttonarea__error a:before,
      .buttonarea__error input:before,
      .buttonarea__error button:before {
        border-color: #42BD5D; }
      .buttonarea__error a:after,
      .buttonarea__error input:after,
      .buttonarea__error button:after {
        border-color: #42BD5D; }
  .buttonarea__multisend {
    text-align: left; }
    .buttonarea__multisend a {
      width: 100px;
      height: 32px;
      background: #666;
      box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.6), inset 0 1px 1px 0 #f0f0f0;
      font-size: 16px;
      line-height: 32px;
      border-radius: 4px;
      padding-right: 12px;
      margin-right: 8px; }
      .buttonarea__multisend a:before {
        border-color: #666;
        right: 13px;
        top: 13px;
        width: 5px;
        height: 5px; }
      .buttonarea__multisend a:after {
        right: 8px;
        top: 9px;
        width: 16px;
        height: 16px; }
      .buttonarea__multisend a.address_add {
        width: 170px;
        background: #23a923;
        box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.4), inset 0 1px 1px 0 #f0f0f0; }
        .buttonarea__multisend a.address_add:before {
          border-color: #23a923; }
      .buttonarea__multisend a.new {
        width: 220px;
        background: #FF5A5B;
        box-shadow: 0px 1px 0px 0 rgba(112, 11, 11, 0.6), inset 0 1px 1px 0 #f0f0f0; }
        .buttonarea__multisend a.new:before {
          border-color: #FF5A5B; }
      .buttonarea__multisend a.change {
        background: #d95c37;
        box-shadow: 0px 1px 0px 0 rgba(112, 11, 11, 0.6), inset 0 1px 1px 0 #f0f0f0; }
        .buttonarea__multisend a.change:before {
          border-color: #d95c37; }
  .buttonarea__itemSend a {
    width: 30%;
    height: 24px;
    background: #FF5A5B;
    box-shadow: 0px 1px 0px 0 rgba(150, 0, 0, 0.6), inset 0 1px 1px 0 #f0f0f0;
    font-size: 14px;
    line-height: 26px;
    border-radius: 4px;
    padding-right: 12px; }
    .buttonarea__itemSend a:before {
      right: 12px;
      top: 9px;
      width: 5px;
      height: 5px;
      border-color: #FF5A5B; }
    .buttonarea__itemSend a:after {
      right: 8px;
      top: 6px;
      width: 14px;
      height: 14px; }
    .buttonarea__itemSend a.delete {
      background: #666;
      width: 70px; }
      .buttonarea__itemSend a.delete:before {
        content: none; }
      .buttonarea__itemSend a.delete:after {
        content: none; }
    .buttonarea__itemSend a.cancel {
      background: #aaa;
      box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.6), inset 0 1px 1px 0 #f0f0f0; }
      .buttonarea__itemSend a.cancel:before {
        border-color: #aaa; }
  .buttonarea__taikai a {
    background: #666;
    box-shadow: 0px 1px 0px 0 black, inset 0 1px 1px 0 #f0f0f0; }
  .buttonarea.center {
    text-align: center; }
  .buttonarea.spacies {
    margin-top: 0;
    padding: 20px 0 40px; }

/*-------- / .buttonarea --------*/
/*-------- amazon payment --------*/
.payments_area .confirm_area {
  border: 2px solid #ebebeb;
  border-radius: 8px;
  padding: 24px; }
  .payments_area .confirm_area .next_btn a {
    display: inline-block;
    position: relative;
    height: 60px;
    border-radius: 8px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background: #42BD5D;
    box-shadow: 0px 1px 0px 0 rgba(0, 95, 25, 0.6), inset 0 1px 1px 0 #f0f0f0;
    width: 280px;
    font-size: 20px;
    color: #fff; }
    .payments_area .confirm_area .next_btn a:before {
      content: '';
      position: absolute;
      right: 21px;
      top: 26px;
      width: 6px;
      height: 6px;
      border-bottom: 3px solid transparent;
      border-right: 3px solid transparent;
      border-radius: 1px;
      border-color: #42BD5D;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      z-index: 2; }
    .payments_area .confirm_area .next_btn a:after {
      content: '';
      position: absolute;
      right: 12px;
      top: 18px;
      background: #fff;
      width: 24px;
      height: 24px;
      border-radius: 100%; }
  .payments_area .confirm_area .hr p {
    position: relative;
    text-align: center;
    padding: 24px 0; }
    .payments_area .confirm_area .hr p:before, .payments_area .confirm_area .hr p:after {
      content: '';
      display: block;
      position: absolute;
      width: 43%;
      background: #bcbcbc;
      height: 1px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .payments_area .confirm_area .hr p:before {
      left: 0; }
    .payments_area .confirm_area .hr p:after {
      right: 0; }
  .payments_area .confirm_area .amazon_payments a img {
    width: 280px; }
  .payments_area .confirm_area .amazon_payments .error {
    width: 230px;
    font-size: 16px;
    padding: 8px 18px;
    color: red; }
  .payments_area .confirm_area .amazon_payments .login {
    border: 1px solid #ff9f49;
    border-radius: 6px;
    padding: 0 12px;
    margin: 12px 0; }
    .payments_area .confirm_area .amazon_payments .login .buttonarea__login {
      margin: 0; }
      .payments_area .confirm_area .amazon_payments .login .buttonarea__login a {
        width: 220px;
        margin: 12px 0; }
  .payments_area .confirm_area .flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .payments_area .confirm_area .flex .caption {
      width: 60%; }

.payments_area .back_btn a {
  display: inline-block;
  position: relative;
  height: 45px;
  border-radius: 8px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  width: 150px;
  margin-right: 20px;
  margin-top: 24px;
  padding-left: 24px;
  background: #fff;
  font-size: 16px;
  color: #666;
  border: 1px solid #aaa;
  box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.21), inset 0 1px 1px 0 #f0f0f0; }
  .payments_area .back_btn a:before {
    content: '';
    position: absolute;
    top: 18px;
    left: 16px;
    width: 6px;
    height: 6px;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 1px;
    border-color: #fff;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    z-index: 2; }
  .payments_area .back_btn a:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 7px;
    top: 11px;
    background: #aaa;
    border-radius: 100%; }

.payments_area #AmazonPayButton {
  min-height: auto;
  position: relative;
  cursor: pointer; }
  .payments_area #AmazonPayButton img {
    height: 60px !important;
    max-height: 60px !important;
    width: 280px !important; }

.payments_area .caption {
  font-size: 15px; }
  .payments_area .caption span {
    color: red; }

.payments_area .error {
  padding: 8px;
  border: 1px solid red;
  border-radius: 6px; }

.fukidashi_target {
  position: relative; }

.fukidashi {
  position: absolute;
  padding: 16px;
  background: #333;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color: #fff; }

.fukidashi:after {
  content: "";
  right: 100%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-right-color: #333;
  border-width: 10px;
  top: 50%;
  margin-top: -10px; }

/*-------- / amazon payment --------*/
/*-------- .chk&disp ラジオチェックで表示 --------*/
.chk_disp_content {
  display: none;
  padding: 10px 0 0; }

/*-------- / .chk&disp ラジオチェックで表示 --------*/
.container--cartResult {
  width: auto; }

#main.cart .cart-result__title {
  padding: 10px 0 10px 44px;
  border-bottom: 2px dotted #aa9369;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 19.59px;
  background: url(../images/hirata-bokujo/cart_result/icon_buta_01.png) no-repeat left center; }

#main.cart #cartResult p {
  font-size: 21.94px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px; }

#main.cart #cartResult .cartResult__container {
  width: 1080px;
  margin: 0 auto; }

#main.cart #cartResult .cartResult__img {
  text-align: center;
  margin: 0 auto 17px;
  background: url(../images/hirata-bokujo/cart_result/bg_orange_01.png) repeat-x top 290px center; }

#main.cart #cartResult .cartResult__info {
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 20px 0;
  font-size: 17px; }
  #main.cart #cartResult .cartResult__info a {
    color: #42bd5d; }

#main.cart #cartResult .cartResult__sns {
  margin-bottom: 41px; }
  #main.cart #cartResult .cartResult__sns p {
    color: #d95b36;
    display: inline-block;
    margin: 0; }

#main.cart #cartResult .cartResult__sns-link {
  display: inline-block;
  font-size: 0; }
  #main.cart #cartResult .cartResult__sns-link li {
    display: inline-block;
    margin-left: 27px; }

#main.cart #cartResult .not_yat_pay p {
  font-size: 16px;
  margin-bottom: 12px;
  text-align: left;
  font-weight: normal; }
  #main.cart #cartResult .not_yat_pay p.msg {
    line-height: 1.5;
    font-size: 14px; }
  #main.cart #cartResult .not_yat_pay p.center {
    font-weight: bold;
    text-align: center; }
  #main.cart #cartResult .not_yat_pay p.content__caution {
    margin: 24px 40px;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid red;
    border-radius: 8px;
    text-align: center; }

#main.cart #cartResult .not_yat_pay ul {
  font-weight: bold;
  line-height: 2; }

#main.cart #cartResult .not_yat_pay #error {
  text-align: center; }

#main.cart #cartFlow .cartresult .buttonarea {
  text-align: center; }
  #main.cart #cartFlow .cartresult .buttonarea a {
    display: inline-block; }
    #main.cart #cartFlow .cartresult .buttonarea a:first-of-type {
      margin-right: 41px; }

#lp_content {
  margin: 40px auto; }
  #lp_content .mincho {
    font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; }
  #lp_content .w728 {
    max-width: 728px;
    margin: 0 auto 80px; }
  #lp_content .main {
    position: relative;
    margin-bottom: 80px; }
    #lp_content .main h1 {
      text-align: right; }
      #lp_content .main h1 img {
        width: 60%; }
    #lp_content .main h2 img {
      position: absolute;
      bottom: 0;
      left: 15%;
      width: 35%; }
  #lp_content .content {
    max-width: 980px; }
    #lp_content .content .img {
      margin-bottom: 80px; }
      #lp_content .content .img.half {
        width: 80%;
        margin: 0 auto 80px; }
      #lp_content .content .img_flex_60 {
        width: 60%; }
    #lp_content .content .flex {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      #lp_content .content .flex_reverse {
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
    #lp_content .content .text {
      background: #FFF;
      width: 40%;
      padding: 24px; }
      #lp_content .content .text h3 {
        font-size: 20px;
        margin-bottom: 16px;
        text-align: center; }
      #lp_content .content .text p {
        line-height: 2;
        letter-spacing: .075em;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        text-align: justify; }
      #lp_content .content .text_ct_lf {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      #lp_content .content .text_ct_rt {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    #lp_content .content .what {
      position: relative;
      margin-top: 100px; }
      #lp_content .content .what h2 {
        width: 40%; }
        #lp_content .content .what h2:before {
          content: '';
          background: url("../images/hirata-bokujo/lp/monitor/img_10-2.png") no-repeat top center/contain;
          position: absolute;
          top: -24px;
          width: 100%;
          height: 100%;
          z-index: -1; }
      #lp_content .content .what .bg_01 {
        background: #FFF0F0; }
      #lp_content .content .what .flex {
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 0 24px 160px; }
        #lp_content .content .what .flex .img {
          width: 60%;
          padding: 40px; }
        #lp_content .content .what .flex .info {
          width: 40%;
          padding: 40px; }
          #lp_content .content .what .flex .info h3 {
            padding-bottom: 24px; }
      #lp_content .content .what:after {
        content: '';
        background: url(../images/hirata-bokujo/lp/monitor/img_10.png) no-repeat right bottom/contain;
        position: absolute;
        right: -20px;
        bottom: 130px;
        width: 580px;
        height: 400px; }
      #lp_content .content .what p {
        line-height: 2;
        letter-spacing: .075em;
        -webkit-font-feature-settings: "palt";
                font-feature-settings: "palt";
        text-align: justify; }
    #lp_content .content .pickup {
      margin-top: -160px;
      padding: 0 24px; }
      #lp_content .content .pickup_box {
        padding: 40px; }
        #lp_content .content .pickup_box .img {
          margin-bottom: 40px; }
        #lp_content .content .pickup_box .disc {
          padding: 24px; }
    #lp_content .content .collagen h2 {
      width: 50%;
      margin: 0 auto 80px; }
    #lp_content .content .collagen .exp {
      position: relative; }
      #lp_content .content .collagen .exp .img {
        max-width: 160px;
        margin: 0;
        position: absolute;
        bottom: 0;
        left: -100px; }
      #lp_content .content .collagen .exp .text {
        max-width: 100%;
        margin: 0 auto;
        width: auto; }
        #lp_content .content .collagen .exp .text p {
          padding: 40px 80px; }
    #lp_content .content .collagen .disc p {
      font-weight: bold;
      font-size: 24px;
      padding-bottom: 40px; }
    #lp_content .content .collagen .disc dl {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #lp_content .content .collagen .disc dl dt {
        width: 20%;
        padding-right: 5%;
        font-weight: bold; }
      #lp_content .content .collagen .disc dl dd {
        width: 75%;
        margin-bottom: 24px; }
    #lp_content .content .voice {
      margin-bottom: 100px; }
      #lp_content .content .voice h2 {
        width: 40%;
        margin: 0 auto 80px; }
    #lp_content .content .regulations h2 {
      width: 40%;
      margin: 0 auto 40px; }
    #lp_content .content .regulations ul {
      background: #EFEFEF;
      padding: 40px; }
  #lp_content .shadow {
    box-shadow: -10px 20px 30px 0 rgba(0, 0, 0, 0.15); }
  #lp_content .cv_area .cv_btn {
    background: #2E5C3D;
    padding: 24px 0; }
    #lp_content .cv_area .cv_btn a {
      background: #FFF;
      display: block;
      margin: 0 auto;
      padding: 16px 24px;
      border-radius: 6px;
      width: 60%;
      color: #2E5C3D;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      letter-spacing: .075em;
      font-size: 24px; }
  #lp_content .mb80 {
    margin-bottom: 80px; }

#main.motsu h2 {
  background: none;
  font-size: inherit;
  border-bottom: none;
  margin: 40px 0 24px;
  padding: 0; }
  #main.motsu h2 + p {
    padding: 24px 0; }

#main.yamagata_shonai h2 {
  background: none;
  font-size: 16px;
  border-bottom: none;
  margin-bottom: 10px;
  padding: 0; }

.motsu h1 {
  margin-bottom: 80px; }

.motsu p {
  line-height: 1.6;
  letter-spacing: 3px;
  font-size: 16px; }

.motsu .flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.motsu #about .flex {
  margin-bottom: 40px; }
  .motsu #about .flex .txt {
    width: 40%; }
  .motsu #about .flex .img {
    width: 60%; }

.motsu #about .exp_img {
  margin-bottom: 80px; }

.motsu #hiraboku_motsu {
  padding-bottom: 80px; }
  .motsu #hiraboku_motsu p {
    margin-bottom: 40px; }

.motsu #item {
  padding: 40px 0; }
  .motsu #item h2 {
    text-align: center;
    padding: 0 0 40px; }
  .motsu #item .flex {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .motsu #item .item_box {
    width: calc(100% / 4);
    margin-bottom: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .motsu #item .item_box a {
      text-decoration: none; }
    .motsu #item .item_box h3 {
      text-align: center;
      color: #333;
      font-size: 16px; }
    .motsu #item .item_box .price {
      color: #333;
      text-align: center;
      font-weight: bold;
      padding: 16px 0 0;
      letter-spacing: 0; }
    .motsu #item .item_box .button {
      display: block;
      width: 80%;
      margin: 24px 0;
      padding: 6px 0;
      border: 1px solid #d95b36;
      border-radius: 6px;
      box-shadow: 0 2px 0 0 #d95b36;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
      color: #d95b36; }

.yamagata_shonai .title_area .img {
  width: 40%; }
  .yamagata_shonai .title_area .img img {
    width: 100%; }

.yamagata_shonai .title_area .txt {
  width: 60%;
  padding-left: 20px; }
  .yamagata_shonai .title_area .txt h1 {
    padding-bottom: 32px; }
  .yamagata_shonai .title_area .txt p {
    font-size: 16px;
    line-height: 1.8; }

.yamagata_shonai .title_area .btn {
  padding: 40px 0; }

.yamagata_shonai .btn a {
  display: inline-block;
  padding: 11px 49px;
  background: #F3F2F0;
  border-radius: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #2e5c3d;
  text-decoration: none; }

.yamagata_shonai .btn.list {
  text-align: center;
  margin: 20px 0;
  padding: 20px 0 40px; }
  .yamagata_shonai .btn.list a {
    color: #333; }

.yamagata_shonai .btn.large {
  text-align: center; }
  .yamagata_shonai .btn.large a {
    padding: 11px 60px;
    font-size: 20px; }

.yamagata_shonai #product_list .flex_column {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .yamagata_shonai #product_list .flex_column .list_box {
    width: calc(50% - 10px);
    margin-bottom: 10px; }

.yamagata_shonai #product_list p {
  text-align: right;
  font-size: 14px; }

.yamagata_shonai #products_detail h2 {
  margin: 40px 0;
  text-align: center;
  color: #2e5c3d;
  font-size: 30px; }

.yamagata_shonai #products_detail .detail_area h3 {
  margin-bottom: 20px; }

.yamagata_shonai #products_detail .detail_area p {
  margin-bottom: 20px; }

.yamagata_shonai #products_detail .detail_area .detail_img {
  margin-bottom: 80px; }
  .yamagata_shonai #products_detail .detail_area .detail_img .main {
    margin-bottom: 20px; }
  .yamagata_shonai #products_detail .detail_area .detail_img .img_list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .yamagata_shonai #products_detail .detail_area .detail_img .img_list .img {
      width: calc(25% - 10px);
      margin-right: 15px; }
      .yamagata_shonai #products_detail .detail_area .detail_img .img_list .img:last-of-type {
        margin-right: 0; }

.recipes {
  margin-bottom: 80px; }
  .recipes .title {
    font-size: 24px;
    padding: 24px 0; }
  .recipes .txt_title {
    padding: 0 0 16px;
    font-size: 18px; }
  .recipes .recipes_box {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .recipes .recipes_box .img {
      width: 55%; }
      .recipes .recipes_box .img img {
        width: 100%; }
    .recipes .recipes_box .txt {
      width: 40%;
      padding: 0 0 0 32px; }
      .recipes .recipes_box .txt .detail dl {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .recipes .recipes_box .txt .detail dl dt, .recipes .recipes_box .txt .detail dl dd {
          padding-bottom: 8px; }
        .recipes .recipes_box .txt .detail dl dt {
          width: 35%; }
        .recipes .recipes_box .txt .detail dl dd {
          width: 55%; }
      .recipes .recipes_box .txt .detail .line {
        background: #d7d7d7;
        margin: 0 0 8px;
        font-weight: bold;
        padding: 4px 8px; }
  .recipes .prepare {
    padding: 24px 0; }
  .recipes li {
    line-height: 2; }

/* -----------------------
member_rank
------------------------- */
.member_rank .ttl {
  padding: 8px 0 8px 40px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  position: relative; }
  .member_rank .ttl span {
    position: relative;
    display: inline; }
    .member_rank .ttl span:before {
      content: '';
      background: url(../images/hirata-bokujo/guide/icon_rank.png) no-repeat center/contain;
      display: block;
      height: 30px;
      width: 30px;
      position: absolute;
      left: -40px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }

.member_rank .exp a {
  display: block;
  padding: 8px 0;
  text-align: center;
  color: #333;
  font-size: 13px; }

.membar_rank_name {
  margin: 12px auto;
  font-weight: bold;
  font-size: 14px;
  display: block;
  position: relative;
  border-radius: 50%;
  width: 80px;
  height: 80px; }
  .membar_rank_name span {
    font-size: 16px;
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    letter-spacing: 1px; }
  .membar_rank_name.member_rank_gold {
    background: linear-gradient(135deg, #EBD34E 0%, #EBD34E 50%, #BFA30B 50%, #BFA30B 100%); }
  .membar_rank_name.member_rank_silver {
    background: linear-gradient(135deg, #B6B6B6 0%, #B6B6B6 50%, #8C8C8C 50%, #8C8C8C 100%); }
  .membar_rank_name.member_rank_bronze {
    background: linear-gradient(135deg, #E59124 0%, #E59124 50%, #B7741D 50%, #B7741D 100%); }
  .membar_rank_name.member_rank_normal {
    background: linear-gradient(135deg, #98DB97 0%, #98DB97 50%, #5EB65E 50%, #5EB65E 100%); }
  .membar_rank_name.member_rank_no {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 50%, #F1F1F1 50%, #F1F1F1 100%);
    border: 1px solid #C7C7C7; }
    .membar_rank_name.member_rank_no span {
      color: #333;
      font-size: 14px; }
  .membar_rank_name.member_rank_staff {
    background: url(../images/hirata-bokujo/common/sidebar/staff.svg) no-repeat center/contain; }
    .membar_rank_name.member_rank_staff span {
      display: none; }

/* -----------------------
/ member_rank
------------------------- */
.import_notice {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid red; }
  .import_notice p {
    font-size: 14px;
    text-align: center;
    line-height: 1.8; }
    .import_notice p .red {
      color: red; }
    .import_notice p .bold {
      padding-bottom: 5px;
      display: block; }