@charset "UTF-8";
/*
Template Name: CARTSTAR 業種別テンプレート
Version: 1.0
Author:NHN Techorus Corp.
Author URI: https://nhn-techorus.com/
*/
/* ==================================================================================================

  01 : Defalut

================================================================================================== */
/* -------------------------------------------------
  01-01: Base
------------------------------------------------- */
html {
  background: #fafafa;
}

body {
  /* 管理エリアのため、ID付与不可 */
  word-break: break-all;
}
body:before {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

#contents {
  /* 管理エリアのため、ID名変更不可 */
  width: 1024px;
}

/*--------------------------------------------------
 color
--------------------------------------------------*/
[class*="tpl-"] a {
  color: #404040;
  text-decoration: none;
}
[class*="tpl-"] a:hover {
  color: #cc0500;
  text-decoration: underline;
}

/* -------------------------------------------------
  01-02: Option
------------------------------------------------- */
/* -------------------------------------------------
  01-03: Print
------------------------------------------------- */
@media print {
  .isnt-print {
    display: none;
  }
}
/* ==================================================================================================

  02 : Layouts

================================================================================================== */
.layout-headerInfo {
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  height: 32px;
  font-size: 12px;
}

.layout-header {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
}

.layout-container {
  width: 1024px;
  margin: 0 auto;
  *zoom: 1;
}
.layout-container:before, .layout-container:after {
  content: "";
  display: table;
}
.layout-container:after {
  clear: both;
}
.layout-container#contents {
  /* 管理エリアのためID名変更不可 */
  width: 1024px;
}
.theme-default .layout-headerInfo .layout-container, .theme-default .layout-navbar .layout-container {
  width: 1024px !important;
}

.layout-navbar {
  background: #cc0500;
  width: 100%;
  z-index: 100;
}

.layout-footer {
  padding-top: 60px;
}

.layout-inquirybar {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  border-top: 1px solid #cccccc;
  *zoom: 1;
}
.layout-inquirybar:before, .layout-inquirybar:after {
  content: "";
  display: table;
}
.layout-inquirybar:after {
  clear: both;
}
.layout-inquirybar#contents {
  /* 管理エリアのためID名変更不可 */
  width: 1024px;
}

.tpl-itemSet {
  margin-bottom: 40px;
}

.tpl-boxSet {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  padding: 40px 40px 24px;
  margin-bottom: 40px;
}

.tpl-boxSet__head {
  padding-bottom: 16px;
  border-bottom: 1px solid #b2b2b2;
}

.tpl-boxSet__body {
  padding: 24px 0 16px;
}

.tpl-boxSet__foot {
  padding: 24px 0 0;
}

.tpl-bar {
  margin-bottom: 20px;
  width: 100%;
  *zoom: 1;
}
.tpl-bar .tpl-bar {
  margin-bottom: 0;
}
.tpl-bar:before, .tpl-bar:after {
  content: "";
  display: table;
}
.tpl-bar:after {
  clear: both;
}

.tpl-bar__main {
  float: left;
  width: auto;
}

.tpl-bar__sub {
  float: right;
  width: auto;
}

.tpl-bnr {
  font-size: 0;
  *zoom: 1;
}
.tpl-bnr:before, .tpl-bnr:after {
  content: "";
  display: table;
}
.tpl-bnr:after {
  clear: both;
}

.tpl-bnr__item {
  position: relative;
  width: auto;
  float: left;
  padding: 0;
  text-align: right;
}
.tpl-bnr--column3 .tpl-bnr__item {
  width: 300px;
  margin-left: 21px;
}
.tpl-bnr--column3 .tpl-bnr__item:first-child {
  margin-left: 0;
}
.tpl-bnr--column4 .tpl-bnr__item {
  width: 206px;
  margin-left: 39px;
}
.tpl-bnr--column4 .tpl-bnr__item:first-child {
  margin-left: 0;
}
.tpl-bnr--column4 .tpl-bnr__item .tpl-img {
  margin-bottom: 8px;
}
.tpl-bnr--column4 .tpl-bnr__item .tpl-txt {
  margin-bottom: 8px;
}

.tpl-bnr__connect {
  position: absolute;
  top: 80px;
  right: -28px;
}

#item.tpl-detail {
  position: relative;
  background: #ffffff;
  border: 1px solid #efefef;
  width: 1024px;
  height: auto;
  margin: 0 auto;
  *zoom: 1;
}
#item.tpl-detail:before, #item.tpl-detail:after {
  content: "";
  display: table;
}
#item.tpl-detail:after {
  clear: both;
}
#item.tpl-detail .tpl-detail__main {
  /* -------------------------------- 左カラム  イメージエリア*/
  min-height: 650px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  width: 501px;
  float: left;
  border-right: 1px solid #e5e5e5;
  margin-right: -1px;
  padding-bottom: 100px;
}
#item.tpl-detail .tpl-detail__main .tpl-detail__frametag {
  display: block;
  width: auto;
  height: auto;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(89, 81, 81, 0.6);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#aa595151,EndColorStr=#aa595151);
  /*IE8以下用*/
}
#item.tpl-detail .tpl-detail__main .tpl-detail__frametag__tag {
  display: block;
  width: auto;
  height: auto;
  color: #ffffff;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  padding: 16px;
}
#item.tpl-detail .tpl-detail__main .img_main {
  width: 500px !important;
  height: 420px !important;
  box-shadow: none !important;
  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0', MakeShadow=0, ShadowOpacity='0');
}
#item.tpl-detail .tpl-detail__main .frame {
  width: 500px !important;
  height: 420px !important;
}
#item.tpl-detail .tpl-detail__info {
  /* -------------------------------- 右カラム  詳細エリア*/
  min-height: 650px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  border-left: 1px solid #e5e5e5;
  width: 524px;
  float: right;
  padding: 40px 40px 24px;
}
#item.tpl-detail .tpl-detail__titleBox {
  border-bottom: 1px solid #b2b2b2;
}
#item.tpl-detail .tpl-detail__titleBox .comment {
  font-size: 16px;
  color: #404040;
  margin-bottom: 24px;
}
#item.tpl-detail .tpl-detail__infoBox {
  color: #888888;
  padding: 32px 16px 0;
}
#item.tpl-detail .tpl-detail__infoBox .tag a {
  margin-right: 4px !important;
}
#item.tpl-detail .tpl-detail__infoBox .tag img {
  /* 商品詳細用タグ */
  height: 23px;
  margin: 0 0 4px 0;
  padding: 0;
  vertical-align: top;
}

.tpl-contHead {
  margin-bottom: 40px;
}

.tpl-contHead__wrap {
  position: relative;
}

.tpl-contHead__title {
  position: absolute;
  top: 50%;
  left: 50px;
  color: #ffffff;
  margin-top: -12px;
  font-size: 25px;
  line-height: 28px;
}

.tpl-contHead__title--category {
  color: #e9c831;
}

.tpl-contHead__link {
  padding-top: 5px;
  text-align: right;
  font-size: 12px;
}

/* ==================================================================================================

  03 : navigations

================================================================================================== */
.tpl-header {
  position: relative;
  width: 100%;
}
.tpl-header h1 {
  display: table;
  float: left;
}
.tpl-header a {
  display: table-cell;
  vertical-align: middle;
}
.tpl-header a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
}
.tpl-header img {
  vertical-align: middle;
}

.tpl-header__wrap {
  width: 1024px;
  margin: 0 auto;
  *zoom: 1;
}
.tpl-header__wrap:before, .tpl-header__wrap:after {
  content: "";
  display: table;
}
.tpl-header__wrap:after {
  clear: both;
}
.theme-default .tpl-header__wrap {
  width: 1024px !important;
}

.tpl-header__elements {
  width: 590px;
  float: right;
  margin-top: 20px;
  *zoom: 1;
}
.tpl-header__elements:before, .tpl-header__elements:after {
  content: "";
  display: table;
}
.tpl-header__elements:after {
  clear: both;
}

.tpl-header-menu {
  width: auto;
  float: right;
  margin-top: 5px;
  text-align: right;
  font-size: 0;
}

.tpl-header-menu__item {
  vertical-align: middle;
  position: relative;
  font-size: 12px;
  padding: 0 15px;
  margin: 0 3px 0 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 14px;
  line-height: 14px;
  border-left: 1px solid #d1d1d1;
}
.tpl-header-menu__item > .icon-rank {
  position: relative;
  margin-top: -5px;
}
.tpl-header-menu__item:first-child {
  cursor: pointer;
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.tpl-header-menu__item:first-child > a {
  position: relative;
}
.tpl-header-menu__item:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.tpl-header-menu__item .fa-caret-down {
  padding: 0 10px 5px 0;
  margin-right: -15px;
}
.tpl-header-menu__item > a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 14px;
  line-height: 14px;
  padding-bottom: 3px;
  color: #404040;
}
.tpl-header-menu__item > a:hover {
  color: #cc0500;
}
.tpl-header-menu__item:hover .tpl-submenu {
  left: 70px;
}

.tpl-header-menu__name {
  height: 14px;
  line-height: 14px;
  margin-right: 5px;
}

.tpl-headerInfo {
  width: 1024px;
  margin: 0 auto;
  *zoom: 1;
}
.tpl-headerInfo:before, .tpl-headerInfo:after {
  content: "";
  display: table;
}
.tpl-headerInfo:after {
  clear: both;
}

.tpl-headerInfo__txt {
  float: left;
  width: auto;
  line-height: 32px;
  color: #737373;
}

.tpl-headerInfo__tel {
  color: #737373;
  float: right;
  width: auto;
  text-align: right;
  line-height: 32px;
}
.tpl-headerInfo__tel .tpl-icon > img {
  margin-right: 5px;
  vertical-align: middle;
}

.tpl-submenu {
  position: absolute;
  min-width: 110px;
  top: 16px;
  left: -5000px;
  z-index: 500;
  border: 1px solid #b3b3b3;
  box-shadow: rgba(187, 187, 187, 0.3) 0px 0px 2px 2px;
  -webkit-box-shadow: rgba(187, 187, 187, 0.3) 0px 0px 2px 2px;
  -moz-box-shadow: rgba(187, 187, 187, 0.3) 0px 0px 2px 2px;
}
.tpl-submenu:before {
  line-height: 0;
  content: url("https://shop.corekago.jp/food_master/images/front/common/submenu-balloon.png");
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -3px;
}

.tpl-submenu__item {
  text-align: center;
}
.tpl-submenu__item > a {
  text-align: left;
  padding: 12px 15px;
  display: block;
  background: #ffffff;
  color: #737373;
}
.tpl-submenu__item > a:hover {
  background: #f3f3f3;
}

.tpl-navbar {
  position: relative;
  height: 49px;
  font-size: 0;
  border-left: 1px solid #ae0300;
  border-right: 1px solid #ae0300;
}

.tpl-navbar__item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  border-right: 1px solid #ae0300;
  font-size: 14px;
}
.tpl-navbar__item:last-child {
  border-right: none;
}
.tpl-navbar__item > a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 49px;
  line-height: 49px;
  padding: 0 32px;
  color: #ffffff;
  font-size: 14px;
}
.tpl-navbar__item > a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #a70300;
}
.tpl-navbar__item:hover .tpl-navbar-sub {
  left: -1px;
}

.tpl-navbar__item-cart {
  position: absolute;
  right: 0;
  width: 77px;
  height: 49px;
  background: #cc0500;
  border-left: 1px solid #ae0300;
}
.tpl-navbar__item-cart > a {
  width: 77px;
  height: 49px;
  line-height: 49px;
  padding: 0;
  color: #cc0500;
}
.tpl-navbar__item-cart > a:hover {
  color: #cc0500;
}
.tpl-navbar__item-cart > a:hover > img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
}
.tpl-navbar__item-cart > a > img {
  position: relative;
  top: 14px;
  left: -5px;
  vertical-align: top;
}

.tpl-navbar__item-cart__count {
  display: block;
  border: 1px solid #983130;
  position: absolute;
  top: 6px;
  right: 16px;
  background: #ffffff;
  font-weight: bold;
  font-size: 12px;
  border-radius: 15px;
  min-width: 10px;
  padding: 0 5px;
  line-height: 20px;
}

.tpl-navbar-sub {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 1024px;
  top: 48px;
  left: -5000px;
  z-index: 500;
  border: 1px solid #a70300;
  background: #ffffff;
  text-align: left;
}

.tpl-navbar-sub__item {
  width: 100%;
  background: #f0f0f0;
  border-top: 1px solid #e8e8e8;
}

.tpl-navbar-sub__title {
  font-size: 13px;
  color: #666666;
  width: 138px;
  padding: 0 0 0 20px;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.tpl-navbar-sub__list {
  width: 848px;
  padding: 10px 0 10px 10px;
  vertical-align: middle;
  border-left: 1px solid #e8e8e8;
  background: #ffffff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 0;
}
.tpl-navbar-sub__list > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  vertical-align: middle;
  border-left: 1px solid #e8e8e8;
  height: 11px;
  line-height: 11px;
}
.tpl-navbar-sub__list > li:first-child {
  border-left: none;
}
.tpl-navbar-sub__list > li > a {
  padding: 0 15px;
  color: #666666;
}

.tpl-rotation {
  position: relative;
  width: 1024px;
  height: 355px;
  background: #000;
  overflow: hidden;
  margin-bottom: 39px;
  *zoom: 1;
}
.tpl-rotation:before, .tpl-rotation:after {
  content: "";
  display: table;
}
.tpl-rotation:after {
  clear: both;
}

/* ローディング */
.tpl-rotation-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -172px;
  width: 60px;
  height: 60px;
  -webkit-animation: tpl-loading-spin .8s linear;
  animation: tpl-loading-spin .8s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 34px;
  border-color: #cc0500 rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8);
  border-style: solid;
  border-width: 4px;
  visibility: visible;
  z-index: 2;
}

@-webkit-keyframes tpl-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes tpl-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ローテーションメニュー */
.tpl-rotation-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 277px;
  height: 355px;
  overflow: hidden;
  z-index: 2;
}

.tpl-rotation-menu__item {
  height: 70px;
  background: #404040;
  border: 1px solid #4d4d4d;
  margin-top: -1px;
}
.tpl-rotation-menu__item.tpl-rotation__active, .tpl-rotation-menu__item.tpl-is-on, .tpl-rotation-menu__item:hover {
  cursor: pointer;
  background: #97100d;
  border-top: 1px solid #630705;
  border-right: 1px solid #630705;
  border-bottom: 1px solid #630705;
  border-left: 1px solid #97100d;
}
.tpl-rotation-menu__item.tpl-rotation__active a img, .tpl-rotation-menu__item.tpl-is-on a img, .tpl-rotation-menu__item:hover a img {
  opacity: 1;
}
.tpl-rotation-menu__item.tpl-rotation__active a:before, .tpl-rotation-menu__item.tpl-is-on a:before, .tpl-rotation-menu__item:hover a:before {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "";
  display: block;
  padding: 0;
  margin: 0;
  border: 1px solid #000000;
  width: 53px;
  height: 53px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "alpha(opacity=20)";
  zoom: 1;
}
.tpl-rotation-menu__item a {
  position: relative;
  display: block;
  padding: 8px 0 8px 8px;
  *zoom: 1;
}
.tpl-rotation-menu__item a:before, .tpl-rotation-menu__item a:after {
  content: "";
  display: table;
  clear: both;
}
.tpl-rotation-menu__item a:hover > img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
}
.tpl-rotation-menu__item a > img {
  float: left;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  zoom: 1;
}

.tpl-rotation-menu__item__wrap {
  float: left;
  width: auto;
  padding-left: 16px;
}

.tpl-rotation-menu__item--txt {
  font-size: 11px;
  line-height: 14px;
  margin-top: 8px;
}
a .tpl-rotation-menu__item--txt {
  color: #999999;
}
.tpl-rotation__active .tpl-rotation-menu__item--txt, a:hover .tpl-rotation-menu__item--txt {
  color: #e5e5e5;
}

.tpl-rotation-menu__item--title {
  line-height: 18px;
  margin-top: 8px;
}
a .tpl-rotation-menu__item--title {
  color: #a6a6a6;
}
.tpl-rotation__active .tpl-rotation-menu__item--title, a:hover .tpl-rotation-menu__item--title {
  color: #e5e5e5;
}

/* 左右ナビゲーション */
.tpl-rotation__direction-nav {
  position: relative;
  z-index: 20;
}

.tpl-rotation__nav-prev,
.tpl-rotation__nav-next,
.tpl-rotation-nav__prev,
.tpl-rotation-nav__next,
.tpl-rotation__prev,
.tpl-rotation__next {
  width: 34px;
  height: 40px;
}

.tpl-rotation-nav__prev,
.tpl-rotation-nav__next,
.tpl-rotation__nav-prev,
.tpl-rotation__nav-next {
  position: absolute;
  top: 158px;
}

.tpl-rotation__nav-prev,
.tpl-rotation__nav-next {
  cursor: pointer;
  z-index: 20;
}

.tpl-rotation-nav__prev,
.tpl-rotation-nav__next {
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  /* ナビゲーション背景 透過 */
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  zoom: 1;
  z-index: 10;
  -webkit-transition: all 0.4s;
}
.tpl-rotation-bnr:hover .tpl-rotation-nav__prev, .tpl-rotation-bnr:hover
.tpl-rotation-nav__next {
  opacity: 1;
  /* ナビゲーション画像 非透過 */
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
.tpl-rotation-bnr:hover .tpl-rotation-nav__prev img, .tpl-rotation-bnr:hover
.tpl-rotation-nav__next img {
  opacity: 0.5;
  /* ナビゲーション画像 非透過 */
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.tpl-rotation-nav__prev.tpl-is-on, .tpl-rotation-nav__prev:hover,
.tpl-rotation-nav__next.tpl-is-on,
.tpl-rotation-nav__next:hover {
  background: rgba(0, 0, 0, 0.8);
}
.tpl-rotation-nav__prev.tpl-is-on img, .tpl-rotation-nav__prev:hover img,
.tpl-rotation-nav__next.tpl-is-on img,
.tpl-rotation-nav__next:hover img {
  opacity: 1;
  /* ナビゲーション画像 非透過 */
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.tpl-rotation__prev,
.tpl-rotation__next {
  z-index: 20;
  z-index: 100;
  display: block;
}

.tpl-rotation__prev,
.tpl-rotation-nav__prev {
  left: 0;
}

.tpl-rotation__nav-next,
.tpl-rotation__next,
.tpl-rotation-nav__next {
  left: 713px;
}

/* ローテーションバナー */
.tpl-rotation-bnr {
  position: relative;
  zoom: 1;
  width: 747px;
  height: 355px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 1;
}
.tpl-rotation-bnr:before, .tpl-rotation-bnr:after {
  content: "";
  display: table;
}
.tpl-rotation-bnr:after {
  clear: both;
}
.tpl-rotation-bnr:hover .tpl-rotation-nav {
  top: 148px;
}

.tpl-rotation-bnr__wrap {
  position: relative;
  z-index: 1;
}

.tpl-rotation-bnr__item {
  float: left;
  width: 747px;
}
.tpl-rotation-bnr__item > a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
}

.tpl-rotation-bnr__img::before {
  /* ie8非表示 */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 745px;
  height: 353px;
  border: 1px solid #000000;
  z-index: 1000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "alpha(opacity=20)";
  zoom: 1;
  cursor: pointer;
}

/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* RESETS */
.tpl-rotation__container a:hover,
.tpl-rotation__slider a:hover {
  outline: none;
}

.tpl-rotation-bnr__wrap,
.tpl-rotation-bnr__wrap > li,
.tpl-rotation__control-nav,
.tpl-rotation__direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tpl-rotation__pauseplay span {
  text-transform: capitalize;
}

/* BASE STYLES */
.tpl-rotation-bnr__wrap > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.tpl-rotation-bnr__wrap img {
  width: 100%;
  display: block;
}

.tpl-rotation-bnr__wrap:after {
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .tpl-rotation-bnr__wrap {
  display: block;
}

* html .tpl-rotation-bnr__wrap {
  height: 1%;
}

.no-js .tpl-rotation-bnr__wrap > li:first-child {
  display: block;
}

/* DEFAULT THEME */
.tpl-rotation-bnr__wrap {
  zoom: 1;
}

.tpl-rotation-bnr__wrap img {
  height: auto;
  -moz-user-select: none;
}

.tpl-rotation__viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.tpl-is-loading .tpl-rotation__viewport {
  max-height: 355px;
}

/* RESPONSIVE */
@media screen and (max-width: 860px) {
  .tpl-rotation__direction-nav .tpl-rotation__prev {
    opacity: 1;
    left: 10px;
  }

  .tpl-rotation__direction-nav .tpl-rotation__next {
    opacity: 1;
    right: 10px;
  }
}
.tpl-menu {
  /*font-size: 0;*/
}

.tpl-menu__item {
  font-size: 14px;
  line-height: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 16px;
  border-left: 1px solid #dcdcdc;
}
.tpl-menu__item:first-child {
  border-left: none;
}
.tpl-menu__item:last-child {
  padding-right: 0;
}
.tpl-menu__item > a {
  color: #888888;
}
.tpl-menu__item > a.tpl-is-on, .tpl-menu__item > a:hover {
  color: #d30500;
}

.tpl-inquirybar {
  height: 88px;
  font-size: 0;
  text-align: center;
  background: #ffffff;
  padding: 20px 0;
  width: 1024px;
  margin: 0 auto;
  *zoom: 1;
}
.tpl-inquirybar:before, .tpl-inquirybar:after {
  content: "";
  display: table;
}
.tpl-inquirybar:after {
  clear: both;
}

.tpl-inquirybar__item {
  position: relative;
  height: 88px;
  font-size: 12px;
  vertical-align: top;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 340px;
  color: #4d4d4d;
  border-left: 1px solid #e9e9e9;
}
.tpl-inquirybar__item:first-child {
  border-left: none;
}
.tpl-inquirybar__item > a {
  width: 340px;
  position: absolute;
  top: -20px;
  display: block;
  height: 128px;
  border: 0;
  color: #4d4d4d;
  text-decoration: none;
}
.tpl-inquirybar__item > a:hover {
  text-decoration: none;
  color: #4d4d4d;
  background: #fafafa;
}
.tpl-inquirybar__item > a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
}
.tpl-inquirybar__item .tpl-icon {
  line-height: 34px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.tpl-inquirybar__item--nohover > a {
  cursor: default;
}
.tpl-inquirybar__item--nohover > a:hover {
  background: none;
}

.tpl-inquirybar__title {
  color: #4d4d4d;
  margin-top: 22px;
  margin-bottom: 20px;
}

.tpl-inquirybar__link {
  line-height: 18px;
  margin-top: 8px;
  margin-left: 5px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
a .tpl-inquirybar__link {
  color: #404040;
}

.tpl-inquirybar-time {
  font-size: 12px;
  font-weight: normal;
  margin-top: -5px;
}

.tpl-footer {
  position: relative;
  width: 100%;
}

.tpl-copyrightbar {
  background: #ffffff;
  border-top: 1px solid #cccccc;
  padding: 20px 0;
  width: 100%;
  *zoom: 1;
}
.tpl-copyrightbar:before, .tpl-copyrightbar:after {
  content: "";
  display: table;
}
.tpl-copyrightbar:after {
  clear: both;
}

/* コピーライト */
.tpl-copyrightbar__wrap {
  width: 1024px;
  margin: 0 auto;
}

.tpl-copyrightbar__copyright {
  font-size: 12px;
  color: #8f8f8f;
}

/* メニュー */
.tpl-footer-menu {
  width: auto;
  float: right;
  margin-top: 4px;
}

.tpl-footer-menu__item {
  position: relative;
  float: left;
  font-size: 12px;
  line-height: 10px;
  padding: 0 10px;
  border-left: 1px solid #d1d1d1;
}
.tpl-footer-menu__item:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.tpl-footer-menu__item:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.tpl-footer-menu__item > a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  padding: 0 3px;
  line-height: 10px;
  color: #8f8f8f;
}
.tpl-footer-menu__item:hover .tpl-submenu {
  left: 70px;
}

/* ==================================================================================================

  04 : element

================================================================================================== */
/** ------------------------------------

 *  Font Awesome用
 
 ------------------------------------ */
[class*="tpl-"] {
  /* レビューの星 */
  /* フッター */
}
[class*="tpl-"] .fa-star {
  width: 13px;
  height: 13px;
  font-size: 0;
  margin-right: 1px;
}
[class*="tpl-"] .fa-star:before {
  content: url("https://shop.corekago.jp/food_master/images/front/common/icon-star.png");
}
[class*="tpl-"] .fa-star-o {
  width: 13px;
  height: 13px;
  font-size: 0;
  margin-right: 1px;
}
[class*="tpl-"] .fa-star-o:before {
  content: url("https://shop.corekago.jp/food_master/images/front/common/icon-star-o.png");
}
[class*="tpl-"] .fa-angle-right {
  margin-left: 10px;
}

/** ------------------------------------

 *  Font Awesome用
 
 ------------------------------------ */
.icon-delivery-red {
  /* ドライ */
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 5px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
  background: #bd3f00;
}

.icon-delivery-blue1 {
  /* 冷凍 */
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 5px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
  background: #0c78a6;
}

.icon-delivery-blue2 {
  /* 冷蔵 */
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 5px;
  line-height: 24px;
  font-weight: bold;
  color: #ffffff;
  background: #4992ff;
}

.icon-rank {
  /* 会員ランク */
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 5px;
  font-size: 12px;
  line-height: 24px;
  color: #caa58b;
  background: #fff5e8;
  border: 1px solid #f4e7d5;
  border-radius: 3px;
}

/** ------------------------------------

 *  Font Awesome用
 
 ------------------------------------ */
#item.tpl-detail .spec .cart-area {
  /* a.btn-reset-condition => 不明 */
}
#item.tpl-detail .spec .cart-area .btn {
  /* ボタン共通*/
  width: auto;
  margin: 0;
  float: none;
  text-align: right;
}
#item.tpl-detail .spec .cart-area input.btn {
  /* ボタン：大 */
  box-shadow: none !important;
  height: auto;
  width: auto;
  margin: 0;
  padding: 13px 44px;
  border: 1px solid #d90400;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  background: #ef2f2a;
  border-radius: 2px;
}
#item.tpl-detail .spec .cart-area input.btn.regular-purchase-btn {
  z-index: 0;
}
#item.tpl-detail .spec .cart-area input.btn.normal-purchase-btn {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: -50px;
}
#item.tpl-detail .spec .cart-area a.btn,
#item.tpl-detail .spec .cart-area .btn.disabled {
  /* ボタン：小 */
  font-weight: normal;
  background: #ffffff;
  border: 1px solid #dedede;
}
#item.tpl-detail .spec .cart-area a.btn:hover,
#item.tpl-detail .spec .cart-area .btn.disabled:hover {
  color: #404040;
  background: #f5f5f5;
  text-decoration: none;
}
#item.tpl-detail .spec .cart-area .btn.disabled {
  display: inline-block;
  background: #f5f5f5;
}
#item.tpl-detail .spec .cart-area dd.btn > .btn.disabled {
  position: absolute;
  top: 0;
  right: 0;
}
#item.tpl-detail .spec .cart-area td a.btn_restock {
  /* テーブル内の再入荷通知 */
  position: relative;
  bottom: 0;
}
#item.tpl-detail .spec .cart-area .btn.disabled,
#item.tpl-detail .spec .cart-area a.btn_restock {
  /* row内*/
  position: relative;
  display: inline-block;
  color: #404040;
  font-size: 13px;
  padding: 4px 10px;
  line-height: 22px;
}

.tpl-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.tpl-table + .tpl-table {
  margin-top: 32px;
}

.tpl-table__th {
  padding: 2px 3px;
  font-weight: normal;
  text-align: left;
  background: #f8f8f8;
  border-spacing: 0px;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.tpl-table__td {
  padding: 2px 3px;
  text-align: left;
  background: #ffffff;
  border-spacing: 0px;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.tpl-dl1 {
  line-height: 1.6em;
  width: 942px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #fafafa;
  border-bottom: 1px solid #e6e6e6;
  *zoom: 1;
}
.tpl-dl1:before, .tpl-dl1:after {
  content: "";
  display: table;
}
.tpl-dl1:after {
  clear: both;
}

.tpl-dl1__dt {
  clear: both;
  float: left;
  border-top: 1px solid #e6e6e6;
  padding: 10px 0 10px 20px;
  width: 140px;
}

.tpl-dl1__dd {
  float: left;
  border-top: 1px solid #e6e6e6;
  padding: 10px 0 10px 20px;
  background: #fff;
  width: 762px;
}

.tpl-title {
  color: #404040;
  font-size: 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.tpl-title__caption {
  color: #888888;
  font-size: 13px;
  margin-left: 10px;
}

.tpl-title2 {
  border: none;
  margin: 0;
  padding: 0;
  color: #404040;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}

.tpl-title3 {
  margin: 0;
  padding: 0;
  border: none;
  color: #404040;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
}
.tpl-boxSet .tpl-title3 {
  margin-bottom: 16px;
}

.tpl-txt {
  font-size: 13px;
  color: #888888;
  line-height: 18px;
  margin-bottom: 16px;
  text-align: left;
}

.tpl-img {
  margin-bottom: 24px;
  border: 1px solid #e5e5e5;
}

/* ==================================================================================================

  05 : replacementtag（置換タグ）

================================================================================================== */
/** ------------------------------------

 * 【置換タグ】パンくず（breadCrumb）
 * 既存スタイルに上書きする書き方を行う
 
 * パンくず（.breadCrumb）は.tpl- から始まる格納ブロックを持たない。
 * そのため、IDで始まる大枠に格納時のみ、適用させる。
 * (.breadcrumb)単数形、（.breadcrumbs）複数形が存在する。
 
 ------------------------------------ */
#theme-fm .breadcrumb,
#theme-fm .breadcrumbs {
  width: auto;
  font-size: 12px;
  color: #595959;
  margin-top: 18px;
  margin-bottom: 18px;
  letter-spacing: 0px;
  line-height: 1.7;
  *zoom: 1;
}
#theme-fm .breadcrumb:before, #theme-fm .breadcrumb:after,
#theme-fm .breadcrumbs:before,
#theme-fm .breadcrumbs:after {
  content: "";
  display: table;
}
#theme-fm .breadcrumb:after,
#theme-fm .breadcrumbs:after {
  clear: both;
}
#theme-fm .breadcrumb a, #theme-fm .breadcrumb span,
#theme-fm .breadcrumbs a,
#theme-fm .breadcrumbs span {
  color: #595959;
}

.breadcrumb > a {
  color: #595959;
}
.breadcrumb > a:first-child {
  font-size: 0;
}
.breadcrumb > a:first-child:before {
  content: url("https://shop.corekago.jp/food_master/images/front/common/icon-home.png");
}
.breadcrumb > a:first-child span {
  font-size: 0;
  display: none;
}

.breadcrumbs > a:first-child:before {
  content: url("https://shop.corekago.jp/food_master/images/front/common/icon-home.png");
}
.breadcrumbs > a:first-child span {
  font-size: 0;
  display: none;
}

/** ------------------------------------

 * 【置換タグ】ヘッダー内検索フォーム（header_search_form）
 * 既存スタイルに上書きする書き方を行う

 * ヘッダー内検索フォーム（header_search_form）は.tpl- から始まる格納ブロックを持たない。
 * そのため、.tpl-header__elements内に格納時のみ、適用させる。

 ------------------------------------ */
.tpl-header__elements > .form {
  /* 管理エリアのためクラス名変更不可 */
  float: right;
  width: 185px;
  margin-right: 24px;
}
.tpl-header__elements > .form .h_keyword {
  float: left;
}
.tpl-header__elements > .form .h_keyword > input {
  box-shadow: none !important;
  width: 144px;
}
.tpl-header__elements > .form .h_submit {
  float: right;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

/** ------------------------------------

 * 【置換タグ】選択コンテンツ表示(レビュー・お気に入り追加・お問い合わせ・QRコード)（item::option_contents）
 * 既存スタイルに上書きする書き方を行う
 
 ------------------------------------ */
.tpl-option-contents {
  width: 1024px;
  margin: 24px 0;
  overflow: hidden;
}
.tpl-option-contents .favorites_btn a {
  padding: 0;
  border: none;
  background: none;
  font-weight: normal;
}
.tpl-option-contents .option-contents {
  width: 1024px;
  font-size: 0;
  text-align: center;
}
.tpl-option-contents .option-contents > div {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left: 1px solid #d1d1d1;
  line-height: 10px;
}
.tpl-option-contents .option-contents > div:first-child {
  border-left: none;
}
.tpl-option-contents .option-contents a {
  color: #888888;
  padding: 0 16px;
}
.tpl-option-contents .option-contents a:hover {
  color: #cc0500;
}
.tpl-option-contents .option-contents .qr_code {
  border-left: none;
}
.tpl-option-contents .option-contents .qr_code > img {
  vertical-align: middle;
}
.tpl-option-contents .option-contents .review-links > a[rel="nofolllow"] {
  padding-left: 0;
}
.tpl-option-contents .option-contents .review-links > a[rel="nofolllow"]:before {
  content: " ";
  width: 16px;
  height: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left: 1px solid #d1d1d1;
}

/** ------------------------------------

 * 【置換タグ】お知らせ一覧（topics）
 * 既存スタイルに上書きする書き方を行う
 
 ------------------------------------ */
.tpl-topics {
  padding-left: 20px;
}
.tpl-topics .item {
  position: relative;
  list-style-type: disc;
  margin: 0 0 20px;
  border: none;
}
.tpl-topics .item a {
  padding: 0;
  background: none;
}
.tpl-topics .item a:hover {
  text-decoration: none;
  cursor: default;
  color: #404040;
  background: none !important;
}
.tpl-topics .item a .date {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  width: 135px;
  color: #888888;
  font-size: 12px;
}
.tpl-topics .item a .title {
  width: 870px;
}
.tpl-topics .item a .title:hover {
  color: #cc0500;
  cursor: pointer;
  text-decoration: underline;
}

/** ------------------------------------

 * 【置換タグ】レビュー一覧（reviews）
 * 既存スタイルに上書きする書き方を行う
 
 ------------------------------------ */
.tpl-reviews {
  width: auto;
  position: relative;
}
.tpl-reviews .review-item {
  margin-bottom: 24px;
}
.tpl-reviews .itempage-review-title-area {
  height: 0;
  line-height: 0;
}
.tpl-reviews .itempage-review-title-area .itempage-review-link {
  display: none;
}
.tpl-reviews .itempage-review-title-area > p {
  display: none;
}
.tpl-reviews .itempage-review-title-area > p + .itempage-review-link {
  display: block;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  position: absolute;
  top: -56px;
  right: 0;
}
.tpl-reviews .review-item-content-title {
  *zoom: 1;
}
.tpl-reviews .review-item-content-title:before, .tpl-reviews .review-item-content-title:after {
  content: "";
  display: table;
}
.tpl-reviews .review-item-content-title:after {
  clear: both;
}
.tpl-reviews .review-item-content-title > h4 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 8px;
}
.tpl-reviews .review-item-content-title > .published-date {
  color: #8c8c8c;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.tpl-reviews .review-item-content-title > .published-date:before {
  content: " ";
  width: 16px;
  height: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left: 1px solid #dbdbdb;
}
.tpl-reviews .review-item-content-text {
  line-height: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
}
.tpl-reviews .review-item-content-text > h3 {
  border-left: none;
  padding-left: 0;
}
.tpl-reviews .review-item-content-text-box {
  margin-bottom: 24px;
}

/* -------------------------------------------------
  05-01: item
------------------------------------------------- */
/** ------------------------------------

 * 【ランキング】格納モジュール（tpl-item）
 * 【商品一覧】格納モジュール（tpl-itemlist）

 ------------------------------------ */
/** ------------------------------------

 * 商品パネル 要素の表示／非表示
 * .tpl-item--paneltype1
 * .tpl-item--paneltype2
 * .tpl-item--paneltype3
 * .tpl-item--paneltype4
 
 ------------------------------------ */
/* 
* トップページ
* 【置換タグ】ランキングパーツ（ranking）
* --column5

* comment      フォントサイズ(S)        ×（表示できない）
* description  フォントサイズ(M)        ×
* title        フォントサイズ(L)        要
* price        価格                     ×
* tax_label    （税込）                 ×
* tag          タグ                     ×
* count        レビュー（星）、キニナル（ハート）        ×
* label        ランク順位               要
*/
/* 
* トップページ
* ３カラム表示
* --column3

* comment      フォントサイズ(S)        要
* description  フォントサイズ(M)        ×
* title        フォントサイズ(L)        要
* price        価格                     ×
* tax_label    （税込）                 ×
* tag          タグ                     ×
* count        レビュー（星）、キニナル（ハート）        ×
* label        ランク順位               ×（表示できない）
*/
.tpl-item--paneltype1 .items .description {
  display: none !important;
}
.tpl-item--paneltype1 .items .price {
  display: none !important;
}
.tpl-item--paneltype1 .items .tax_label {
  display: none !important;
}
.tpl-item--paneltype1 .items .tag {
  display: none !important;
}
.tpl-item--paneltype1 .items .count {
  display: none !important;
}

/* 
* ギフト特集（2階層目）
* ３カラム表示（ranking）
* --column3

* comment      フォントサイズ(S)        要
* description  フォントサイズ(M)        要
* title        フォントサイズ(L)        要
* price        価格                     要
* tax_label    （税込）                 要
* tag          タグ                     要
* count        レビュー（星）、キニナル（ハート）        ×
* label        ランク順位               ×
*/
/* 
* ギフトカテゴリ（3階層目）
* ３カラム表示（ranking）
* --column3

* comment      フォントサイズ(S)        要
* description  フォントサイズ(M)        要
* title        フォントサイズ(L)        要
* price        価格                     要
* tax_label    （税込）                 要
* tag          タグ                     要
* count        レビュー（星）、キニナル（ハート）        ×
* label        ランク順位               ×
*/
.tpl-item--paneltype2 .items .count {
  display: none !important;
}
.tpl-item--paneltype2 .items .label {
  display: none !important;
}

/* 
* ギフトカテゴリ（3階層目）
* ギフト商品一覧（item_list）
* --column4

* comment      フォントサイズ(S)        要
* description  フォントサイズ(M)        ×
* title        フォントサイズ(L)        要
* price        価格                     要
* tax_label    （税込）                 要
* tag          タグ                     要
* count        レビュー（星）、キニナル（ハート）        要
* label        ランク順位               ×
*/
/*
* 商品一覧
* おすすめ商品（item_list）
* --column4

* comment      フォントサイズ(S)        要
* description  フォントサイズ(M)        ×
* title        フォントサイズ(L)        要
* price        価格                     要
* tax_label    （税込）                 要
* tag          タグ                     要
* count        レビュー（星）、キニナル（ハート）        要
* label        ランク順位               ×
*/
.tpl-item--paneltype3 .items .description {
  display: none !important;
}

/* 
* 商品詳細
* おすすめ商品  カテゴリパーツ（category）
* --column5

* comment      フォントサイズ(S)        ×
* description  フォントサイズ(M)        ×
* title        フォントサイズ(L)        要
* price        価格                     ×
* tax_label    （税込）                 ×
* tag          タグ                     ×
* count        レビュー（星）、キニナル（ハート）        ×
* label        ランク順位               ×
*/
.tpl-item--paneltype4 .items .comment {
  display: none !important;
}
.tpl-item--paneltype4 .items .description {
  display: none !important;
}
.tpl-item--paneltype4 .items .price {
  display: none !important;
}
.tpl-item--paneltype4 .items .tax_label {
  display: none !important;
}
.tpl-item--paneltype4 .items .tag {
  display: none !important;
}
.tpl-item--paneltype4 .items .count {
  display: none !important;
}
.tpl-item--paneltype4 .items .label {
  display: none !important;
}

.tpl-item--column5 div.item, .tpl-item--column5
ul li {
  /* 5カラム */
  width: 192px;
  margin-left: 16px;
}
.tpl-item--column4 div.item, .tpl-item--column4
ul li {
  /* 4カラム */
  width: 244px;
  margin-left: 16px;
}
.tpl-item--column3 div.item, .tpl-item--column3
ul li {
  /* 3カラム */
  width: 330px;
  margin-left: 16px;
}

/** ------------------------------------

 * 【置換タグ】ランキング（ranking）
 * 既存スタイルに上書きする書き方を行う
 
 ------------------------------------ */
.tpl-itemlist .items,
.tpl-item .items {
  /* 管理エリアのためクラス名変更不可 */
  border: none;
  padding: 0;
  /* 商品パネル共通（ベースとなる設定） */
}
.tpl-itemlist .items .fa,
.tpl-item .items .fa {
  margin-right: 0;
  margin-left: 0;
}
.tpl-itemlist .items div.itemlist,
.tpl-itemlist .items ul,
.tpl-item .items div.itemlist,
.tpl-item .items ul {
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
  *zoom: 1;
}
.tpl-itemlist .items div.itemlist:before, .tpl-itemlist .items div.itemlist:after,
.tpl-itemlist .items ul:before,
.tpl-itemlist .items ul:after,
.tpl-item .items div.itemlist:before,
.tpl-item .items div.itemlist:after,
.tpl-item .items ul:before,
.tpl-item .items ul:after {
  content: "";
  display: table;
}
.tpl-itemlist .items div.itemlist:after,
.tpl-itemlist .items ul:after,
.tpl-item .items div.itemlist:after,
.tpl-item .items ul:after {
  clear: both;
}
.tpl-itemlist .items div.item,
.tpl-itemlist .items li,
.tpl-item .items div.item,
.tpl-item .items li {
  float: left;
  position: relative;
  font-size: 12px;
  line-height: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  margin: 0 0 1px 16px;
  overflow: hidden;
}
.tpl-itemlist .items div.item:first-child,
.tpl-itemlist .items li:first-child,
.tpl-item .items div.item:first-child,
.tpl-item .items li:first-child {
  margin-left: 0;
}
.tpl-itemlist .items div.item:hover,
.tpl-itemlist .items li:hover,
.tpl-item .items div.item:hover,
.tpl-item .items li:hover {
  border: 1px solid #c83c39;
  cursor: pointer;
}
.tpl-itemlist .items div.item:hover a,
.tpl-itemlist .items li:hover a,
.tpl-item .items div.item:hover a,
.tpl-item .items li:hover a {
  text-decoration: none;
}
.tpl-itemlist .items div.item > a,
.tpl-itemlist .items .thumbnail,
.tpl-item .items div.item > a,
.tpl-item .items .thumbnail {
  background: #efefef;
  overflow: hidden;
  position: relative;
}
.tpl-itemlist .items div.item > a > img,
.tpl-itemlist .items .thumbnail > img,
.tpl-item .items div.item > a > img,
.tpl-item .items .thumbnail > img {
  max-height: 100%;
  max-width: 100%;
}
.tpl-itemlist .items div.item > a::before,
.tpl-itemlist .items .thumbnail::before,
.tpl-item .items div.item > a::before,
.tpl-item .items .thumbnail::before {
  /* ie8非表示 */
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #000000;
  opacity: 0.05;
  filter: alpha(opacity=5);
  -ms-filter: "alpha(opacity=5)";
  zoom: 1;
  z-index: 20;
}
.tpl-itemlist .items .comment,
.tpl-item .items .comment {
  /* S */
  padding-right: 16px;
  padding-left: 16px;
  color: #888888;
  overflow: hidden;
}
.tpl-itemlist .items .description,
.tpl-item .items .description {
  /* M */
  padding-right: 16px;
  padding-left: 16px;
  letter-spacing: 0;
  color: #404040;
  overflow: hidden;
}
.tpl-itemlist .items div.name,
.tpl-itemlist .items .title,
.tpl-item .items div.name,
.tpl-item .items .title {
  /* L */
  margin-top: 0;
  padding-right: 16px;
  padding-left: 16px;
  font-weight: bold;
  overflow: hidden;
}
.tpl-itemlist .items div.name > a:hover,
.tpl-item .items div.name > a:hover {
  text-decoration: none;
  color: #404040;
}
.tpl-itemlist .items .price,
.tpl-item .items .price {
  padding-right: 16px;
  float: right;
  color: #404040;
}
.tpl-itemlist .items .tax_label,
.tpl-item .items .tax_label {
  float: right;
  padding-right: 10px;
}
.tpl-itemlist .items .tag,
.tpl-item .items .tag {
  clear: both;
  margin: 0;
  padding-top: 16px !important;
  padding-right: 16px;
  margin-bottom: 16px !important;
  padding-left: 16px;
  height: 46px;
  overflow: hidden;
}
.tpl-itemlist .items .tag > a,
.tpl-item .items .tag > a {
  margin: 0 4px 4px 0;
}
.tpl-itemlist .items .tag img,
.tpl-item .items .tag img {
  height: 23px;
}
.tpl-itemlist .items .count,
.tpl-item .items .count {
  background: #fafafa;
  border: none;
  border-top: 1px solid #ebebeb;
  padding: 8px 0;
  clear: both;
  width: 100%;
  *zoom: 1;
}
.tpl-itemlist .items .count:before, .tpl-itemlist .items .count:after,
.tpl-item .items .count:before,
.tpl-item .items .count:after {
  content: "";
  display: table;
}
.tpl-itemlist .items .count:after,
.tpl-item .items .count:after {
  clear: both;
}
.tpl-itemlist .items .count .member-recommend,
.tpl-itemlist .items .count .member_recommend,
.tpl-item .items .count .member-recommend,
.tpl-item .items .count .member_recommend {
  float: right;
  margin-right: -5px;
  padding-right: 10px;
  text-align: right;
}
.tpl-itemlist .items .count .member-recommend-text,
.tpl-item .items .count .member-recommend-text {
  display: none;
}
.tpl-itemlist .items .count .review,
.tpl-item .items .count .review {
  float: left;
  margin-top: 0;
}
.tpl-itemlist .items .count .aggregate-rate,
.tpl-item .items .count .aggregate-rate {
  text-align: left;
  float: left;
  padding-left: 10px;
}
.tpl-itemlist .items .count .aggregate-rate > .fa,
.tpl-item .items .count .aggregate-rate > .fa {
  height: auto;
}
.tpl-itemlist .items .count .aggregate-rate-value,
.tpl-item .items .count .aggregate-rate-value {
  color: #404040;
}
.tpl-itemlist .items .count .aggregate-rate-number,
.tpl-item .items .count .aggregate-rate-number {
  display: none !important;
  /* 通常時、非表示（0件） */
  color: #8c8c8c;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  margin-left: 3px;
}
.tpl-itemlist .items .count .aggregate-rate-number:hover,
.tpl-item .items .count .aggregate-rate-number:hover {
  color: #8c8c8c !important;
}
.tpl-itemlist .items .count .aggregate-rate-value + .aggregate-rate-number,
.tpl-item .items .count .aggregate-rate-value + .aggregate-rate-number {
  display: inline-block !important;
  /* 隣接時、表示（XX件） */
  *display: inline;
  *zoom: 1;
}
.tpl-itemlist .items .label,
.tpl-item .items .label {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.tpl-itemlist .items [class*="i-rank-"],
.tpl-item .items [class*="i-rank-"] {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
  zoom: 1;
}
.tpl-itemlist .items .i-rank-1,
.tpl-item .items .i-rank-1 {
  background: #eac513;
  border: 1px solid #d4b314;
}
.tpl-itemlist .items .i-rank-2,
.tpl-item .items .i-rank-2 {
  background: #afafaf;
  border: 1px solid #a1a2a2;
}
.tpl-itemlist .items .i-rank-3,
.tpl-item .items .i-rank-3 {
  background: #978379;
  border: 1px solid #bd9a89;
}
.tpl-itemlist .items .i-rank-4,
.tpl-item .items .i-rank-4 {
  background: #7e90b3;
  border: 1px solid #667490;
}
.tpl-itemlist .items .i-rank-5,
.tpl-item .items .i-rank-5 {
  background: #7e90b3;
  border: 1px solid #667490;
}
.tpl-itemlist.tpl-is-hide,
.tpl-item.tpl-is-hide {
  display: none;
}

.tpl-item--column5 div.item > a,
.tpl-item--column5 .thumbnail {
  width: 192px !important;
  height: 161px !important;
  overflow: hidden;
}
.tpl-item--column5 div.item > a > img,
.tpl-item--column5 .thumbnail > img {
  max-width: 192px !important;
  max-height: 161px !important;
}
.tpl-item--column5 div.item > a::before,
.tpl-item--column5 .thumbnail::before {
  /* ie8非表示 */
  width: 190px !important;
  height: 161px !important;
}
.tpl-item--column5 .stock {
  height: 161px;
  line-height: 161px;
}
.tpl-item--column5 .comment {
  /* S */
  font-size: 11px !important;
  line-height: 16px !important;
  height: 16px !important;
  margin: 8px 0 16px;
}
.tpl-item--column5 .description {
  /* M */
  font-size: 13px !important;
  line-height: 18px !important;
  height: 36px !important;
  margin: 16px 0;
}
.tpl-item--column5 div.name,
.tpl-item--column5 .title {
  /* L */
  font-size: 13px;
  line-height: 18px;
  height: 54px !important;
  margin: 16px 0 !important;
}
.tpl-item--column5 .price {
  font-size: 13px;
  line-height: 18px;
  padding-right: 16px;
  margin-top: -14px;
}
.tpl-item--column5 .tax_label {
  padding-top: 3px;
  margin-top: -14px;
}
.tpl-item--column5 .tag {
  margin-top: 8px !important;
  height: 78px !important;
}

.tpl-item--column4 div.item > a,
.tpl-item--column4 .thumbnail {
  width: 244px !important;
  height: 205px !important;
  overflow: hidden;
}
.tpl-item--column4 div.item > a > img,
.tpl-item--column4 .thumbnail > img {
  max-width: 244px !important;
  max-height: 205px !important;
}
.tpl-item--column4 div.item > a::before,
.tpl-item--column4 .thumbnail::before {
  /* ie8非表示 */
  width: 242px !important;
  height: 205px !important;
}
.tpl-item--column4 .stock {
  height: 205px;
  line-height: 205px;
}
.tpl-item--column4 .comment {
  /* S */
  font-size: 11px !important;
  line-height: 16px !important;
  height: 16px !important;
  padding: 0 16px !important;
  margin: 16px 0;
}
.tpl-item--column4 .description {
  /* M */
  padding: 0 16px !important;
  margin: 16px 0;
}
.tpl-item--column4 div.name,
.tpl-item--column4 .title {
  /* L */
  font-size: 15px;
  line-height: 20px;
  height: 60px !important;
  padding: 0 16px !important;
  margin: 16px 0 !important;
}
.tpl-item--column4 .price {
  font-size: 15px;
  line-height: 18px;
  margin-top: -12px;
}
.tpl-item--column4 .tax_label {
  font-size: 12px;
  padding-top: 2px;
  margin-top: -12px;
}
.tpl-item--column4 .tag {
  padding-top: 16px !important;
  margin-bottom: 16px !important;
  height: 51px !important;
}

.tpl-item--column3 div.item > a,
.tpl-item--column3 .thumbnail {
  width: 330px !important;
  height: 277px !important;
  overflow: hidden;
}
.tpl-item--column3 div.item > a > img,
.tpl-item--column3 .thumbnail > img {
  max-width: 330px !important;
  max-height: 277px !important;
}
.tpl-item--column3 div.item > a::before,
.tpl-item--column3 .thumbnail::before {
  /* ie8非表示 */
  width: 328px !important;
  height: 277px !important;
}
.tpl-item--column3 .stock {
  height: 277px;
  line-height: 277px;
}
.tpl-item--column3 .comment {
  /* S */
  font-size: 13px !important;
  line-height: 18px !important;
  height: 16px !important;
  padding: 0 24px !important;
  margin: 24px 0;
}
.tpl-item--column3 .description {
  /* M */
  font-size: 13px !important;
  line-height: 18px !important;
  height: 36px !important;
  padding: 0 24px !important;
  margin: 24px 0;
}
.tpl-item--column3 div.name,
.tpl-item--column3 .title {
  /* L */
  font-size: 18px;
  line-height: 24px;
  height: 72px !important;
  padding: 0 24px !important;
  margin: 24px 0 !important;
}
.tpl-item--column3 .price {
  font-size: 18px;
  line-height: 24px;
  padding-right: 24px !important;
  margin-top: -21px;
}
.tpl-item--column3 .tax_label {
  font-size: 12px;
  padding-top: 5px;
  margin-top: -21px;
}
.tpl-item--column3 .tag {
  margin-bottom: 24px !important;
  padding-top: 8px !important;
  padding-right: 24px !important;
  padding-left: 24px !important;
  height: 51px !important;
}
.tpl-item--column3 .count .member-recommend,
.tpl-item--column3 .count .member_recommend {
  padding-right: 24px !important;
}
.tpl-item--column3 .count .aggregate-rate {
  padding-left: 24px !important;
}

/** ------------------------------------

 * 【置換タグ】商品一覧（item_list）
 * 既存スタイルに上書きする書き方を行う
 * 商品パネルは(ranking)スタイルに併記。
 * （item_list）独自スタイルのみ記述。
 
 ------------------------------------ */
.tpl-itemlist .items {
  white-space: normal;
}
.tpl-itemlist .itemlist {
  margin-left: -16px;
}
.tpl-itemlist .itemlist div.item {
  margin-bottom: 16px;
  padding-bottom: 36px;
  /*.countを下辺に移動分 */
}
.tpl-itemlist .itemlist div.item > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.tpl-itemlist .itemlist div.item:first-child {
  margin-left: 16px;
}
.tpl-itemlist .itemlist .comment {
  clear: both;
}
.tpl-itemlist .itemlist .stock {
  background: #ffffff;
  color: #999999;
  opacity: 0.7;
  filter: alpha(opacity=7);
  -ms-filter: "alpha(opacity=7)";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.tpl-itemlist .itemlist .count {
  position: absolute;
  bottom: 0;
}
.tpl-itemlist .tpl-item--column5 .comment,
.tpl-itemlist .tpl-item--column4 .comment,
.tpl-itemlist .tpl-item--column3 .comment {
  position: relative;
  top: 15px;
}

/* -------------------------------------------------
  05-02: sku
------------------------------------------------- */
/** ------------------------------------

 * 【置換タグ】販売期間（period）
 * 既存スタイルに上書きする書き方を行う
 
 * 販売期間（period）は.tpl- から始まる格納ブロックを持たない。
 * .period が出力されるため、.tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
#item.tpl-detail .spec .period {
  background: none;
  margin: 16px 0;
  padding: 16px 0 0;
  border-top: 1px solid #e5e5e5;
  font-size: 13px;
}
#item.tpl-detail .spec .row {
  position: relative;
  margin: 16px 0;
  padding: 16px 0 0;
  border-top: 1px solid #e5e5e5;
  padding-bottom: 50px;
  /* ボタン絶対配置領域 */
  width: 100%;
}
#item.tpl-detail .spec .row dl {
  overflow: visible;
  position: relative;
  margin: 0;
  padding: 0;
  width: auto;
  *zoom: 1;
}
#item.tpl-detail .spec .row dl:before, #item.tpl-detail .spec .row dl:after {
  content: "";
  display: table;
}
#item.tpl-detail .spec .row dl:after {
  clear: both;
}
#item.tpl-detail .spec .articles {
  /* 数量変更*/
  margin: 0;
  padding: 8px;
  position: absolute;
  bottom: -50px;
  left: 30px;
  float: none;
  width: 160px;
}
#item.tpl-detail .spec .articles .unit {
  padding: 0;
  margin: 0 0 0 5px;
}
#item.tpl-detail .spec .sku_price {
  float: none;
  margin-bottom: 0 !important;
}
#item.tpl-detail .spec .quantity {
  box-shadow: none !important;
  text-align: right;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}
#item.tpl-detail .spec .input-mini {
  width: 80px;
  text-align: right;
  box-shadow: none;
  border: 1px solid #b3b3b3;
}

/** ------------------------------------

 * 【置換タグ】商品名（item::name）
 * 既存スタイルに上書きする書き方を行う
 
 * 商品名（item::name）は.tpl- から始まる格納ブロックを持たない。
 * .name が出力されるため、.tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
.tpl-detail .name {
  font-size: 26px;
  font-weight: bold;
  color: #404040;
  line-height: 34px;
  margin-bottom: 32px;
}

/** ------------------------------------

 * 【置換タグ】メイン画像（main_image::zoom）
 * 既存スタイルに上書きする書き方を行う
 
 * メイン画像（main_image::zoom）は.tpl- から始まる格納ブロックを持たない。
 * .main_image が出力されるため、.tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
.tpl-detail .main_image_area {
  width: 500px;
  height: 420px;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}
.tpl-detail #main-image {
  width: 500px;
  height: 420px;
  background: #e6e6e6;
}
.tpl-detail img.main-image {
  max-width: 500px;
  max-height: 420px;
}

/** ------------------------------------

 * 【置換タグ】サブ画像（sub_image）
 * 既存スタイルに上書きする書き方を行う
 
 * メイン画像（sub_image）は.tpl- から始まる格納ブロックを持たない。
 * .tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
#item.tpl-detail .tpl-detail__main {
  /* -------------------------------- 左カラム  イメージエリア*/
}
#item.tpl-detail .tpl-detail__main div.image_thu {
  padding: 18px;
}
#item.tpl-detail .tpl-detail__main div.image_thu .color dt {
  border: none;
  font-weight: normal;
}
#item.tpl-detail .tpl-detail__main div.image_thu .color dd {
  width: 80px;
}
#item.tpl-detail .tpl-detail__main div.image_thu a:hover {
  border: none;
}
#item.tpl-detail .tpl-detail__main a.image_thus {
  position: relative;
  border: none;
  width: 78px;
  height: 66px;
  background: #ffffff;
  overflow: hidden;
}
#item.tpl-detail .tpl-detail__main a.image_thus + p {
  font-size: 12px;
  line-height: 14px;
  margin: 8px 0;
  color: #737373;
}
#item.tpl-detail .tpl-detail__main a.image_thus > img {
  max-width: 78px;
  max-height: 66px;
  vertical-align: middle;
  zoom: 1;
  z-index: 50;
}
#item.tpl-detail .tpl-detail__main a.image_thus:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "alpha(opacity=20)";
  zoom: 1;
  z-index: 51;
}
#item.tpl-detail .tpl-detail__main a.image_thus.active:before,
#item.tpl-detail .tpl-detail__main a.image_thus:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  zoom: 1;
  border: 4px solid #cc0500;
}
#item.tpl-detail .tpl-detail__main a.image_thus.active > img,
#item.tpl-detail .tpl-detail__main a.image_thus:hover > img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -webkit-filter: brightness(1.15);
  -moz-filter: brightness(1.15);
  -o-filter: brightness(1.15);
  -ms-filter: brightness(1.15);
  filter: brightness(1.15);
  zoom: 1;
}

/** ------------------------------------

 * 【置換タグ】商品価格（price）
 * 既存スタイルに上書きする書き方を行う
 
 * 商品価格（price）は.tpl- から始まる格納ブロックを持たない。
 * .price が出力されるため、.tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
#item.tpl-detail .spec {
  /* ベースとなる設定 */
  /* 通常価格 */
  /* 特別価格 */
  /* 定期購入 */
  /* 個別送料、その他手数料 */
}
#item.tpl-detail .spec > .price {
  border: none;
  margin: 0;
  padding: 0;
}
#item.tpl-detail .spec [class*="_price"] {
  margin: 0 0 16px;
  /* 最終販売価格は赤大文字 */
  line-height: 40px;
}
#item.tpl-detail .spec [class*="_price"] span {
  margin-left: 0;
  font-weight: normal;
  font-size: 14px;
  color: #888888;
}
#item.tpl-detail .spec [class*="_price"] .price_title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 90px;
  margin-right: 15px;
}
#item.tpl-detail .spec [class*="_price"] .tax {
  color: #fa3530;
  font-size: 12px;
}
#item.tpl-detail .spec [class*="_price"] .price_value {
  color: #fa3530;
  font-size: 32px;
  font-weight: bold;
}
#item.tpl-detail .spec [class*="_price"] .discount {
  color: #fa3530;
  font-size: 14px;
}
#item.tpl-detail .spec .nomal_price {
  line-height: 40px;
}
#item.tpl-detail .spec .nomal_price .price,
#item.tpl-detail .spec .nomal_price .unit {
  color: #fa3530;
  font-size: 32px;
  font-weight: bold;
}
#item.tpl-detail .spec .nomal_price .tax {
  color: #fa3530;
}
#item.tpl-detail .spec .usual_price, #item.tpl-detail .spec .subscription-price > .nomal_price {
  line-height: 23px;
}
#item.tpl-detail .spec .usual_price .price, #item.tpl-detail .spec .subscription-price > .nomal_price .price,
#item.tpl-detail .spec .usual_price .unit,
#item.tpl-detail .spec .subscription-price > .nomal_price .unit {
  color: #737373;
  font-size: 16px;
  font-weight: normal;
  text-decoration: line-through;
}
#item.tpl-detail .spec .usual_price .tax, #item.tpl-detail .spec .subscription-price > .nomal_price .tax {
  color: #888888;
}
#item.tpl-detail .spec .usual_price .arrow, #item.tpl-detail .spec .subscription-price > .nomal_price .arrow {
  display: none;
}
#item.tpl-detail .spec .selling_price {
  margin: 16px 0;
}
#item.tpl-detail .spec .subscription-price {
  margin: 0 0 16px;
}
#item.tpl-detail .spec .subscription-price > .usual_price .price_value, #item.tpl-detail .spec .subscription-price > .nomal_price .price_value {
  color: #737373;
  font-size: 16px;
  font-weight: normal;
  text-decoration: line-through;
}
#item.tpl-detail .spec .carriage,
#item.tpl-detail .spec .other_fee {
  position: relative;
  font-size: 14px;
  color: #888888;
}
#item.tpl-detail .spec .carriage > span,
#item.tpl-detail .spec .other_fee > span {
  margin-left: 20px;
  font-size: 16px;
  font-weight: normal;
}

/** ------------------------------------

 * 【置換タグ】商品ポイント（point）
 * 既存スタイルに上書きする書き方を行う
 
 * 商品ポイント（point）は.tpl- から始まる格納ブロックを持たない。
 * .point が出力されるため、.tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
#item.tpl-detail .spec .point {
  margin: 16px 0;
  color: #888888;
}
#item.tpl-detail .spec .point span.bold {
  font-weight: normal;
  font-size: 16px;
}
#item.tpl-detail .spec .point .point_title {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 90px;
  margin-right: 15px;
}
#item.tpl-detail .spec .point .txt_black {
  font-weight: normal;
  font-size: 12px;
}

/** ------------------------------------

 * 【置換タグ】商品アイコン（item_icons）
 * 既存スタイルに上書きする書き方を行う
 
 * 商品アイコン（item_icons）は.tpl- から始まる格納ブロックを持たない。
 * .item_icons が出力されるため、.tpl-detail に格納されている場合のみ、このファイルで設定した内容を適用する。
 
 ------------------------------------ */
#item.tpl-detail .spec .tag {
  margin: 16px 0;
  /*a img{
    margin-bottom: 4px;
    margin-right: 0;
  }*/
}

/** ------------------------------------

 * 【SKU】共通
 * 既存スタイルに上書きする書き方を行う
 
 * .cart-area 内で共通で使用されるスタイル
 
 ------------------------------------ */
#item.tpl-detail .spec .sku1 {
  padding-left: 0;
  border-bottom: 1px solid #e5e5e5;
}
#item.tpl-detail .spec .sku1 span {
  font-weight: normal;
}
#item.tpl-detail .spec .cart-area {
  position: relative;
}
#item.tpl-detail .spec .cart-area input[type=radio] {
  width: 15px;
  height: 18px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#item.tpl-detail .spec .cart-area input + label {
  cursor: pointer;
}
#item.tpl-detail .spec .cart-area input + label {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#item.tpl-detail .spec .cart-area input + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  cursor: pointer;
}
#item.tpl-detail .spec .cart-area .radio {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#item.tpl-detail .spec .cart-area .control-group {
  margin: 16px 0;
  padding: 16px 0 0;
  border-top: 1px solid #e5e5e5;
}
#item.tpl-detail .spec .cart-area .control-label {
  width: auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: auto;
  margin-right: 0;
  border: 0;
  padding: 0;
  text-align: left;
}
#item.tpl-detail .spec .cart-area .control-label > label {
  line-height: 35px;
}
#item.tpl-detail .spec .cart-area .controls {
  margin-left: 0;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#item.tpl-detail .spec .cart-area .other_selling {
  /* 定期購入・頒布会 */
  background: none;
  margin: 0;
  padding: 0;
  text-align: right;
  position: relative;
  margin-bottom: -50px;
  /* 通常購入用ボタンエリア分をマイナス */
}
#item.tpl-detail .spec .cart-area .other_selling div {
  text-align: left;
  font-size: 13px;
  float: none;
  margin-right: 0;
}
#item.tpl-detail .spec .cart-area .other_selling span.discount {
  font-size: 13px;
}
#item.tpl-detail .spec .cart-area .other_selling > input.quantity {
  padding: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 8px 32px 8px 64px;
}
#item.tpl-detail .spec .cart-area .other_selling input[type=submit] + .unit {
  position: absolute;
  left: 143px;
  bottom: 10px;
}
#item.tpl-detail .spec .cart-area dl + .other_selling > div {
  margin-top: 50px;
}
#item.tpl-detail .spec .cart-area .matrix_table {
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
#item.tpl-detail .spec .cart-area .sku2 span {
  font-size: 13px;
  font-weight: normal;
}
#item.tpl-detail .spec .cart-area dt.sku2 {
  font-size: 13px;
  float: none;
  width: 100%;
  display: block;
  text-align: left;
  *zoom: 1;
}
#item.tpl-detail .spec .cart-area dt.sku2:before, #item.tpl-detail .spec .cart-area dt.sku2:after {
  content: "";
  display: table;
}
#item.tpl-detail .spec .cart-area dt.sku2:after {
  clear: both;
}
#item.tpl-detail .spec .cart-area dt.sku2 div {
  text-align: left;
}
#item.tpl-detail .spec .cart-area dt.sku2 > a.btn_restock {
  float: right;
}

/* レビューを書きますか？ */
#item.tpl-detail .spec .cart-area select {
  height: auto;
  font-size: 14px;
  padding: 5px;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}
#item.tpl-detail .spec .cart-area .opn1 {
  margin: 16px 0;
  padding: 16px 0 0;
  border-top: 1px solid #e5e5e5;
}
#item.tpl-detail .spec .cart-area .opn1 > br {
  display: none;
}
#item.tpl-detail .spec .cart-area .opn1 > span {
  width: auto;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
}
#item.tpl-detail .spec .cart-area div.selected_choice {
  margin-bottom: 5px;
  font-size: 13px;
}
#item.tpl-detail .spec .cart-area .choice_code_group + .choice_code_group {
  margin-top: 16px;
}
#item.tpl-detail .spec .cart-area .sku_icon {
  padding: 2px 5px;
  color: #888888;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  font-size: 12px;
}
#item.tpl-detail .spec .cart-area .sku_icon:hover {
  text-decoration: none;
}
#item.tpl-detail .spec .cart-area span.choice_label {
  position: relative;
  margin: 0 4px 4px 0;
  display: inline-block;
  outline: none !important;
  border: none !important;
  min-width: 34px;
  /*&.no_stock::after{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 1px;
    height: 44px;
  }*/
}
#item.tpl-detail .spec .cart-area span.choice_label a {
  margin: 0;
  display: block;
  font-weight: normal;
  min-width: 22px;
  color: #888888;
}
#item.tpl-detail .spec .cart-area span.choice_label.selected .sku_icon, #item.tpl-detail .spec .cart-area span.choice_label.active .sku_icon {
  border: 1px solid #cc0500;
  margin: 0;
}
#item.tpl-detail .spec .cart-area span.choice_label.no_stock .sku_icon {
  color: #bbbbbb;
  background: #ffffff;
}
#item.tpl-detail .spec .cart-area span.choice_image {
  /*&.no_stock::before,*/
}
#item.tpl-detail .spec .cart-area span.choice_image > .sku_icon {
  margin: 0;
  padding: 5px;
  border-radius: 0;
}
#item.tpl-detail .spec .cart-area span.choice_image.no_stock::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  background: #aaaaaa;
  top: -6px;
  left: 17px;
  height: 46px;
}
#item.tpl-detail .spec .cart-area span.choice_image.no_stock::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#item.tpl-detail .spec .cart-area span.choice_image.no_stock::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#item.tpl-detail .spec .cart-area .sales_unit,
#item.tpl-detail .spec .cart-area .purchase_limit {
  float: none;
  font-size: 13px;
}
#item.tpl-detail .spec .cart-area .errorMessage {
  text-decoration: none;
}

/* ==================================================================================================

  06 : original

================================================================================================== */
.tpl-service {
  width: 1024px;
  margin: 0 auto;
  padding: 0 0 30px;
  *zoom: 1;
}
.tpl-service:before, .tpl-service:after {
  content: "";
  display: table;
}
.tpl-service:after {
  clear: both;
}

.tpl-service__column {
  width: 309px;
  float: left;
  padding-left: 48px;
}
.tpl-service__column:first-child {
  padding-left: 0;
}

.tpl-service__dt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
}

.tpl-service__dd {
  line-height: 18px;
  font-size: 12px;
  color: #999999;
}
.tpl-service__dd + .tpl-service__dd {
  margin-top: 10px;
}

.tpl-service__link {
  text-align: right;
  font-size: 12px;
  margin-top: 24px;
}
.tpl-service__link > a {
  color: #737373;
}
.tpl-service__link > a:hover {
  color: #cc0500;
}

.tpl-service__dl {
  margin-bottom: 30px;
}
.tpl-service__dl dl > dt {
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  margin-top: 24px;
  margin-bottom: 0;
}
.tpl-service__dl dl > dt:first-child {
  margin-top: 0;
}
.tpl-service__dl dl > .tpl-service__dd {
  line-height: 18px;
  margin-top: 8px;
}
.tpl-service__dl [class*="icon-"] + i {
  margin-left: 5px;
}

.tpl-notfound {
  padding: 120px 0;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}

.tpl-notfound__icon {
  text-align: center;
  margin-bottom: 32px;
}

.tpl-notfound__txt {
  color: #404040;
  font-size: 24px;
  text-align: center;
  margin-bottom: 32px;
}

.tpl-notfound__txt02 {
  color: #888888;
  font-size: 13px;
  text-align: center;
}

.tpl-social {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 32px 0;
}

.tpl-social__item {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 8px;
  padding: 0;
}
.tpl-social__item .twitter-share-button {
  position: relative !important;
  top: 7px;
}
.tpl-social__item #___plusone_0 {
  position: relative !important;
  top: 7px;
}
.tpl-social__item > .member-recommend {
  position: relative;
  top: 1px;
  line-height: 18px;
  padding: 0 7px;
  background: #fbfbfb;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.tpl-social__item .member-recommend-icon > img {
  vertical-align: middle;
}
.tpl-social__item .member-recommend-score,
.tpl-social__item .member-recommend-text {
  line-height: 18px;
  font-size: 12px;
}

.tpl-pagetop {
  z-index: 10;
  position: fixed;
  right: 24px;
  bottom: 62px;
  display: none;
  vertical-align: middle;
  width: 44px;
  height: 38px;
  border: #8c8c8c;
  background: #999999;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  color: #ffffff !important;
}
.tpl-pagetop:hover {
  text-decoration: none !important;
  background: #adadad;
}
.tpl-pagetop > i {
  display: block;
  padding-top: 5px;
}