@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
 * ▼　包括
 * --------------------------------------------------------------------------------------------------*/
#HeaderTop,
#CatSearch,
#HeadCategory,
#Ranking,
#News,
#DirectLink,
#Wrap,
#SNSFoot,
#Footer {
	width: 1100px; /* この幅に該当するIDクラス全て統括 */
	margin: 0 auto;
}
#Side {
	width: 230px;
	margin-right: 20px;
	float: left;
}
#container {
	width: 850px;
	float: left;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　共通
 * --------------------------------------------------------------------------------------------------*/
.Clear {
	clear: both;
	overflow: hidden;
}
#Wrap {
	font-size: 16px;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　装飾
 * --------------------------------------------------------------------------------------------------*/
a:link,a:visited,a:active {
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #0D44D7;
}
a:hover img {
	filter: alpha(opacity="80");
	-ms-filter: alpha(opacity="80");
	opacity: 0.8;
}
.TextCenter {
	text-align: center;
}
.Bolder {
	font-weight: bold;
}
.Red {
	color: #f20000;
}
.Mincho {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.h2-style {
	font-size: 20px;
	font-weight: bold;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	border-top: 4px solid #ef0000;
	padding: 20px 0;
}
.VirticalWriting { /* 縦書き */
	writing-mode: vertical-rl;
  	-ms-writing-mode: tb-rl; /* IE用　*/
}
.F12 {
	font-size: 12px;
}
.F26 {
	font-size: 26px;
}
.F30 {
	font-size: 30px;
}
.MT30 {
	margin-top: 30px;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　ヘッダ
 * --------------------------------------------------------------------------------------------------*/
#HeaderTop {
	position: relative;
	height: 120px;
    margin-top: 5px;
}
#HeaderTop h1 {
	position: absolute;
	top: 25px;
	left: 0;
}
#HeaderTop #TelNum {
	position: absolute;
	left: 440px;
	top: 50px;
}
#HeaderTop #Time {
	position: absolute;
	left: 640px;
	top: 53px;
}
#HeaderTop p#delivery5000 {
	position: absolute;
	right: 0;
	top: 25px;
	border-left: 1px solid #000;
	padding-left: 12px;
}
#HeaderTop #PageLink {
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 110px;
}
ul#Buy {
	font-size: 16px;
	position: absolute;
	right: 5px;
	top: 0;
}
ul#Buy li {
  margin-bottom: 10px;
  background: #eeeee0;
  padding: 10px 50px;
}
#UserBox ul {
font-size: 15px;
font-weight: bold;
width: 350px;
background: #eeeeee;
padding: 10px 0px;
position: absolute;
left: 425px;
top: 0;
text-align: center;
}
#UserBox ul li {
	display: inline;
}
#UserBox ul li:nth-child(even){
	margin: 0 15px;
}
#UserBox ul li img {
	padding-right: 7px;
}
#PageLink li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
#CatSearchCover {
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
}
#CatSearch {
	line-height: 40px;
	padding: 10px 0;
}
#CatSearch p {
	float: left;
    margin-right: 90px;
    width: 253px;
}
#CatSearch ul {
	width: 500px;
	float: left;
}
#CatSearch ul li {
font-size: 16px;
display: inline;
margin-right: 30px;
border-right: 1px solid #a3a3a3;
padding-right: 30px;
}
#CatSearch ul li:last-child {
	margin-right: 0;
}
#CatSearch form {
    display: block;
	float: right;
    width: 250px;
}

.prd_search_keyword {
  width: 205px;
}
#HeadCategory {
	margin: 35px auto;
}
#HeadCategory li {
	width: 135px; /*もともと169px*/
	float: left;
    font-size: 14px;
}
#HeadCategory li:not(:last-child) {
	margin-right: 16.5px;
}
#HeadCategory li span {
	display: block;
}
#SearchBtn {
    border: 0px;
    width:17px;
    height:17px;
    background: url(https://file003.shop-pro.jp/PA01414/589/img/head/search.png) left top no-repeat;
}
 
#SearchBtn:hover{
    cursor: pointer;
    opacity:0.8;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　サイド
 * --------------------------------------------------------------------------------------------------*/
#Side h2 {
	padding: 15px 0;
	margin-top: 30px;
}
#Side ul li a {
  display:block;
}
#Side ul.CatMenu li {
	border-top: 1px solid #000;
	padding: 12px 0;
	font-size: 16px;
}
#QRcode img {
  text-align:center;
  width:70%;
}
#Side ul.Shurui li span,
#Side ul.Youto li span {
	padding-right: 12px;
}
#Side ul.Shurui li {
	line-height: 43px;
}
#Side ul.Youto li {
	line-height: 32px;
}
#Side .Cool1 {
	background: #b6ff75;
}
#Side .Cool2 {
	background: #8ac9ff;
}
#Side ul.CoolLabel li:first-child {
	background: #f0ffe3;
	border-left: 6px solid #b6ff75;
	line-height: 40px;
	padding-left: 15px;
	margin-bottom: 2px;
}
#Side ul.CoolLabel li:last-child {
	background: #e8f4ff;
	border-left: 6px solid #8ac9ff;
	line-height: 40px;
	padding-left: 15px;
}
/* カレンダー */
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　フッタ
 * --------------------------------------------------------------------------------------------------*/
hr.MTB35 {
	margin: 35px 0;
}
#SNSFootCover {
	background: #efeedf;
	margin: 60px 0 20px;
	padding: 35px 0;
}
#SNSFoot ul li {
	width: 170px;
	float: left;
	font-size: 15px;
}
#SNSFoot ul li:not(:last-child) {
	margin-right: 16px;
}
#Footer dl {
	width: 520px;
	float: left;
}
#Footer dl:(-n+2) {
	margin-bottom: 30px;
}
#Footer dl:nth-child(odd){
	margin-right: 60px;
}
#Footer dl dt {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 15px;
}
#Footer dl dd {
	font-size: 15px;
}
#Footer dl dd.TextBox {
	border: 1px solid #000;
	padding: 8px 0 8px 1em;
	font-size: 18px;
}
address {
	font-size: 16px;
	text-align: center;
	margin-bottom: 25px;
}


/*----------------------------------------------------------------------------------------------------
  追加分
----------------------------------------------------------------------------------------------------*/

/* breadcrumb.sort */
.breadcrumb__section {
  padding-bottom: 60px;
}

.breadcrumb-list__unit {
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.sort__section {
  position: absolute;
  top: 0;
  right: 0;
}

.sort--sub-layer {
  min-width: 200px;
  width: 100%;
}

/* contents */
.contents__section {
  float: right;
  width: 970px;
}

.info__section, .recommend__section, .seller__section, .together__section, .product-list__section, .free-space__section, .product__image, .delivery__section, .payment__section, .cancel__section {
  margin-bottom: 60px;
}

.product-list__section {
  position: relative;
}

.free-space__section {
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.recommend-list, .seller-list, .together-list {
  margin-top: 40px;
}

.sub-list {
  padding-bottom: 60px;
  font-size: 0;
}

.sub-list__unit {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px 20px;
  width: 32.3%;
  font-size: 14px;
}

.sub-list__img {
  padding-bottom: 10px;
}

.sub-list__link {
  display: block;
}

.sub-list__name {
  display: block;
}

.product-list__freespace-top {
  padding-bottom: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.product-list__freespace-bottom {
  padding-top: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

/* information */
.info {
  margin-top: 40px;
}

.info-list {
  list-style-type: none;
}

.info-list__unit {
  padding-bottom: 30px;
}

.info-list__date {
  display: block;
  padding-bottom: 10px;
}


/* product-list */
.product-list {
  list-style-type: none;
  font-size: 0;
}

.product-list__unit {
  display: inline-block;
  font-size: 14px;
  margin: 0 10px 40px;
  vertical-align: top;
  position: relative;
  text-align: center;
}

.product-list__unit-sm {
  width: 110px;
}

.product-list__unit-md {
  width: 263px; /*もとは141px*/
}

.product-list__unit-lg {
  width: 263px;
}

.product-list__unit--sidebar {
  display: block;
  margin: 0 0 20px;
}

.product-list__image:hover {
  opacity: 0.8;
}

.product-list__image--sm {
  max-width: 110px;
}

.product-list__text {
  display: block;
}

.product-list__name {
  font-weight: bold;
  margin-top: 20px;
  text-align: left;
}

.product-list__name--sidebar {
  margin-top: 0;
  margin-left: 10px;
}

.product-list__expl {
  margin-top: 20px;
  text-align: left;
}

.product-list__prices {
  margin-top: 10px;
  text-align: left;
}

.product-list__prices--sidebar {
  margin-left: 10px;
}

.product-list__price-regular {
  text-decoration: line-through;
}

.product-list__price-soldout {
  color: #ff0000;
}

.product-list__discount-rate {
  color: #ff0000;
}

.rank-box {
  position: absolute;
  top: 20px;
  left: 10px;
  z-index: 5;
}

.rank-box--sidebar {
  top: 10px;
}

.rank-number {
  padding: 8px 0 0;
  background: #fff;
  color: #000;
  font-weight: bold;
  border-radius: 50%;
  width: 40px;
  height: 32px;
  display: block;
  text-align: center;
}

.rank-number--sidebar {
  padding: 4px 0 0;
  width: 22px;
  height: 18px;
}

.rank-number-color--1 {
  background: #ffea22;
}

.rank-number-color--2 {
  background: #cbcbcb;
}

.rank-number-color--3 {
  background: #d9a300;
}

/* pagenation */
.pagenation {
  position: relative;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.pagenation .disabled {
  color: #ccc;
}

.pagenation-prev {
  position: absolute;
  left: 0;
}

.pagenation-pos {
  line-height: 0.8;
}
.pagenation-pos__number {
  margin: 0 5px;
  font-size: 22px;
}

.pagenation-next {
  position: absolute;
  right: 0;
}

/* product */
.product__section {
  margin-bottom: 120px;
}
.product__section h2 {
  border-bottom: none;
  font-size: 22px;
}

.product__explain {
    line-height: 1.8;
    background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
    margin: 0 auto;
    width: 780px;
}

.product__explain .adjust-table th,
.product__explain .adjust-table tr,
.product__explain .adjust-table td {
    border: 1px solid #aaa;
    padding: 10px;
}


.adjust-ttl {
  background: #F0E7BF;
  text-align: center;
  width: 15%;
}

.product__model {
  color: #666;
}

.product__image-main {
  text-align: center;
}

.product__image-thumb ul li {
  cursor: pointer;
  margin-bottom: 25px;
  padding: 0px;
  height: auto !important;
}

.image__thumb {
    padding: 2px;
    border: 2px solid #fff;
    width: 100%;
    max-height: 100% !important;
    box-sizing: border-box;
}

.image__thumb--active {
  border: 2px solid #ddd
}

.product__guide {
  padding: 0 10px 60px;
}

.product__price-part {
  font-size: 22px;
  padding-bottom: 5px;
}

.product__price-regular {
  padding-bottom: 5px;
}

.product__price-establish {
  padding-bottom: 5px;
  color: #666;
}

.product__discount {
  color: #ff0000;
}

.product__stock-str {
  padding-top: 30px;
  font-size: 22px;
}

.product__related-list__link {
  display: block;
  padding: 5px 0;
}
.product__related-list__link span {
  padding-left: 15px;
}

.product__order {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 40px 0 60px;
}

.option-list__name, .init-list__name, .text-titles-list__name {
  padding-bottom: 10px;
  font-weight: normal;
}

.option-list__detail, .init-list__detail, .text-titles-list__detail {
  margin: 0;
}

.option-list__select {
  height: 50px;
    border: 2px solid #ddd;
}

.text-titles-list__detail-text {
  height: 50px;
    border: 2px solid #ddd;
}

.init-list__detail-num {
      height: 55px;

    font-size: 16px;
    width: 270px;
    box-sizing: border-box;
    border: 2px solid #ddd;
}

.init-list__detail-updw {
  margin: 0;
  padding-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.init-list__detail-unit {
  padding-left: 10px;
}

.order-btn-list {
  margin: 0;
  padding-top: 30px;
}

.stock_error {
  text-align: center;
  color: #cf0400;
}

.option-table {
  margin: 40px 0;
}
.option-table table {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.option-table table th, .option-table table td {
  padding: 11px 7px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.option-table table th {
  text-align: center;
}
.option-table table td {
  vertical-align: top;
  text-align: center;
}

.related-list {
  padding: 10px;
    font-size: 14px;
    text-align: center;
}

.related-list__unit {
  display: inline-block;
}

/* option detail */
.option-detail__section {
  padding: 20px;
  text-align: center;
}

.option-detail__table th {
  text-align: center;
}
.option-detail__table td {
  text-align: center;
}

.option-detail__price--regular {
  text-decoration: line-through;
}

.option-detail__discount {
  color: #ff0000;
}

/* privacy.shopkeeper */
.shop-info__lead {
  margin: 40px 0 20px;
  line-height: 1.8;
}

.shop-info-list__title {
  padding: 20px 0 5px;
  display: inline-block;
  background: #eee;
  padding: 5px 10px !important;
}
.shop-info-list__title:first-child {
  padding: 0 0 5px;
}

.payment_img {
    display: none;
}

.shop-info-list__note {
  margin: 0 0 15px 0;
  line-height: 1.8;
}

/*
 * Module
 */
.section__title-h2 {
  margin: 0;
  padding-bottom: 10px;
  margin-bottom:20px;
  border-bottom: 3px solid #ddd;
  font-size: 18px;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.btn-primary {
  background: #333;
  border: 1px solid #333;
  color: #fff;
}
.btn-primary:hover {
  background: #666;
  color: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn-secondary {
  background: #48A3FF;
  border: 1px solid #48A3FF;
  color: #fff;
}
.btn-secondary:hover {
  background: #48A3FF;
  color: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn-tertiary {
  background: #cf0400;
  border: 1px solid #cf0400;
  color: #fff;
}
.btn-tertiary:hover {
  background: #cf0400;
  color: #fff;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  zoom: 1;
}

.btn__addcart, .btn__quick, .btn__soldout {
  padding: 20px 0 22px 0;
}
.btn__addcart i, .btn__quick i, .btn__soldout i {
  margin-right: 10px;
}
.btn__addcart span, .btn__quick span, .btn__soldout span {
  vertical-align: middle;
}

.btn__soldout.disabled,
.btn__soldout[disabled] {
  background-color: #cf0400;
  color: #fff;
}

.txt--sm {
  font-size: 10px;
}

.txt--md {
  font-size: 20px; /*もとは12px*/
}

.txt--lg {
  font-size: 16px;
}

.txt--c {
  text-align: center;
}

.txt--r {
  text-align: right;
}

.txt--red {
  color: #ff0000;
}

.txt--gray {
  color: #999;
}

.border--none {
  border: none;
}

.mar-t--20 {
  margin-top: 20px;
}

.mar-b--20 {
  margin-bottom: 20px;
}

.mar-b--60 {
  margin-bottom: 60px;
}

.width--110 {
  width: 110px;
}

.width--160 {
  width: 160px;
}

.hide {
  display: none;
}

/* textarea input */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  outline: none;
}



/* ==========================================
    詰合せ
========================================== */

.gift2018 {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 500;
	width: 100%px;
}

.gift2018 h2 {
    padding: 30px;
    font-size: 28px;
    text-align: center;
    background-color: #fbfaf6;
}

.gift2018 p {
    background: #fbfaf6;
    font-size: 16px;
    padding: 30px;
	margin-bottom: 30px;
}

.set-table td span {
	display:block;
	font-weight: bold;
	font-size: 20px;
}
	
.set-table tr {
	margin-bottom: 10px;
    display: block;
}
	
	
.set-table td {
	width: 50%;
	padding: 10px;
}

/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:85%;
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}

.slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}