/*
Theme Name: ColorMart-white
Version: 1.0
Note: All content are copyrighted by author. Please, don't steal anything.
*/
/**
TABLE OF CONTENTS
- Global
	- bootstrap-theme
	- utility
- UI
	- slider
	- button
	- header
	- nav
	- headline
	- box
	- list
	- form
	- table
	- shopping-guide
- Page
	- product-detail
	- product-list
	- 
*/
/* ------------------------------------- */
/*  bootstrap-theme: Bootstrap用テーマ
/*		- body
/*		- link
/*		- headline
/*		- form
/*		- thumbnail
/* ------------------------------------- */
/**
 *	body
 */
body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  color: #555 !important;
  font-size: 14px !important;
  background-color: #fff;
}

/**
 *	link
 */
a {
  color: #663300 !important;
}
a:hover {
  text-decoration: none !important;
  color: #CC6600 !important;
}

/**
 *	headline
 */
h1 {
  font-size: 36px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

/**
 *	form
 */
@media (min-width: 768px) {
  .input-group {
    display: inline-block;
  }
  .input-group .form-control {
    width: 100px;
  }
  .input-group .input-group-btn {
    width: auto;
  }
}

/**
 *	thumbnail
 */
.thumbnail {
  margin-bottom: 0 !important;
}

/**
 *	img
 */
.img-responsive {
  margin-left: auto !important;
  margin-right: auto !important;
}

/**
 *	breadcrumb
 */
.breadcrumb {
  padding: 8px 15px !important;
  margin-bottom: 0 !important;
  background-color: #f5f5f5 !important;
}
.breadcrumb>li+li:before {
  content: ">\00a0" !important;
}

/**
 *	well
 */
.well {
  padding: 15px !important;
  border-radius: 0 !important;
}

/* ------------------------------------- */
/*   utility: global class   */
/*		- display
/*		- position
/*		- padding
/*		- margin
/*		- border
/*		- font
/*		- background
/* ------------------------------------- */
/**
 *	display
 */
.div-inline > div {
  display: inline-block;
}

/**
 *	col gutter
 */
.col-gutter-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.col-gutter-10 > div {
  padding-left: 10px;
  padding-right: 10px;
}

.col-gutter-5 {
  margin-left: -5px;
  margin-right: -5px;
}
.col-gutter-5 > div {
  padding-left: 5px;
  padding-right: 5px;
}

/**
 *	position
 */
.position-relative {
  position: relative;
}

.top-left {
  position: absolute;
  top: 15px;
  left: 15px;
}

.top-left-fit {
  position: absolute;
  top: 0;
  left: 0;
}

.top-left-xs {
  position: absolute;
  top: 5px;
  left: 5px;
}

.top-left-sm {
  position: absolute;
  top: 10px;
  left: 10px;
}

.top-left-lg {
  position: absolute;
  top: 30px;
  left: 30px;
}

.top-right {
  position: absolute;
  top: 15px;
  right: 15px;
}

.top-right-fit {
  position: absolute;
  top: 0;
  right: 0;
}

.top-right-xs {
  position: absolute;
  top: 5px;
  right: 5px;
}

.top-right-sm {
  position: absolute;
  top: 10px;
  right: 10px;
}

.top-right-lg {
  position: absolute;
  top: 30px;
  right: 30px;
}

.bottom-left {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.bottom-left-fit {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bottom-left-xs {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.bottom-left-sm {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.bottom-left-lg {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.bottom-right {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.bottom-right-fit {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bottom-right-xs {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.bottom-right-sm {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.bottom-right-lg {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/**
 *	padding
 */
.padding-none {
  padding: 0;
}

.padding-row {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-row.ui-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding-row-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-row-xs.ui-section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-row-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-row-sm.ui-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-row-lg {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-row-lg.ui-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.padding-row-none {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-box {
  padding: 15px;
}
.padding-box.ui-section {
  padding: 60px;
}

.padding-box-xs {
  padding: 5px;
}
.padding-box-xs.ui-section {
  padding: 20px;
}

.padding-box-sm {
  padding: 10px;
}
.padding-box-sm.ui-section {
  padding: 30px;
}

.padding-box-lg {
  padding: 30px;
}
.padding-box-lg.ui-section {
  padding: 120px;
}

.padding-box-none {
  padding: 0;
}

.padding-gutter {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-gutter.row {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.padding-gutter.row > div {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-gutter-xs {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-gutter-xs.row {
  padding: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.padding-gutter-xs.row > div {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-gutter-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-gutter-sm.row {
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.padding-gutter-sm.row > div {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-gutter-lg {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-gutter-lg.row {
  padding: 0;
  margin-left: -30px;
  margin-right: -30px;
}
.padding-gutter-lg.row > div {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-gutter-none {
  padding-left: 0;
  padding-right: 0;
}
.padding-gutter-none.row {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.padding-gutter-none.row > div {
  padding-left: 0;
  padding-right: 0;
}

/**
 *	margin
 */
.margin-none {
  margin: 0;
}

.margin-row {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin-row.ui-section {
  margin-top: 60px;
  margin-bottom: 60px;
}

.margin-row-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-row-xs.ui-section {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-row-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-row-sm.ui-section {
  margin-top: 30px;
  margin-bottom: 30px;
}

.margin-row-lg {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-row-lg.ui-section {
  margin-top: 120px;
  margin-bottom: 120px;
}

.margin-row-none {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-section {
  margin-bottom: 60px;
}

.margin-section-xs {
  margin-bottom: 20px;
}

.margin-section-sm {
  margin-bottom: 15px;
}

.margin-section-lg {
  margin-bottom: 120px;
}

.margin-section-none {
  margin-bottom: 0;
}

.margin-content {
  margin-bottom: 15px;
}

.margin-content-xs {
  margin-bottom: 5px;
}

.margin-content-sm {
  margin-bottom: 10px;
}

.margin-content-lg {
  margin-bottom: 30px;
}

.margin-content-none {
  margin-bottom: 0;
}

/**
 *	border
 */
.border-none {
  border: none;
}

.border-box {
  border: 1px solid #ddd;
}

.divider {
  border-bottom: 1px solid #ddd;
}

.divider-dotted {
  border-bottom: 1px dotted #ddd;
}

.border-radius {
  border-radius: 2px;
}

.border-radiusp-top {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.border-radiusp-bottom {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.border-radiusp-left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.border-radiusp-right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* ------------------------------------- */
/*  slider: sliderのスタイル
/*		- ui-slider
/* ------------------------------------- */
.ui-slider.carousel-indicators li {
  border: 1px solid #ccc;
}
.ui-slider.carousel-indicators li.active {
  background-color: #ccc;
}
.ui-slider .carousel-inner .item {
  text-align: center;
}
.ui-slider .carousel-inner .item img {
  display: inline-block;
}
.ui-slider .carousel-control {
  opacity: 1;
  width: 6%;
  height: 42px;
  top: 43%;
  text-shadow: none;
  background-color: #ccc;
}
@media (max-width: 991px) {
  .ui-slider .carousel-control {
    width: 7%;
  }
}
@media (max-width: 767px) {
  .ui-slider .carousel-control {
    width: 10%;
    height: 40px;
    top: 40%;
  }
}
.ui-slider .carousel-control .glyphicon {
  opacity: 1;
  top: 23px;
  color: #fff;
  font-size: 24px;
}
@media (max-width: 767px) {
  .ui-slider .carousel-control .glyphicon {
    top: 10px;
    font-size: 18px;
  }
}
.ui-slider .carousel-control:hover {
  background-color: #EE6868;
}
.ui-slider .carousel-control:hover .glyphicon {
  opacity: 1;
}
.ui-slider .carousel-control.left {
  filter: none;
  background-image: none;
}
.ui-slider .carousel-control.right {
  filter: none;
  right: 0;
  background-image: none;
}

/* ------------------------------------- */
/* content内新着情報のスタイル - Majicrew
/* ------------------------------------- */
.news{
  border: 1px solid #E7E5CE;
  margin: -21px 0 12px;
}
.news .ttl_h2{
  border-right: none;
  border-left: none;
  border-top: none;
  margin: 0;
}
.news_list{
  padding: 20px;
  overflow-y: scroll;
  max-height: 180px;
}
.news_list dt {
  font-weight: bold;
  color: #b37222;
  margin: 0 0 5px;
}
.news_list dd:not(:last-child){
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #efefe2;
}

/* ------------------------------------- */
/* content内バナーのスタイル - Majicrew
/* ------------------------------------- */
.content_bnr img {
    padding: 0px 0px 10px;
}

/* ------------------------------------- */
/* content内facebookウィジェットのスタイル - Majicrew
/* ------------------------------------- */
#fb_area {
  margin: 0 0 16px;
  text-align: center;
  background: url(https://img21.shop-pro.jp/PA01385/038/etc/bg_fb.jpg?cmsp_timestamp=20170512110655);
}

/* ------------------------------------- */
/*  button: ボタンのスタイル
/*    - btn-styled
/*    - btn-main
/*    - btn-key
/*    - btn-cart
/* ------------------------------------- */
/**
 *	btn-styled
 */
.btn-styled {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff !important;
  font-size: 12px;
  padding: 6px 18px;
  text-decoration: none;
}
.btn-styled:hover, .btn-styled:focus {
  color: #ffffff !important;
  text-decoration: none;
}

/**
 *	btn-main
 */
.btn-main {
  background: #ccc;
  background-image: -webkit-linear-gradient(top, #ccc, #b3b3b3) !important;
  background-image: -moz-linear-gradient(top, #ccc, #b3b3b3) !important;
  background-image: -ms-linear-gradient(top, #ccc, #b3b3b3) !important;
  background-image: -o-linear-gradient(top, #ccc, #b3b3b3) !important;
  background-image: linear-gradient(to bottom, #ccc, #b3b3b3) !important;
  border: 1px solid #b3b3b3;
  -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6);
}
.btn-main:hover {
  background: #ccc !important;
}

/**
 *	btn-key
 */
.btn-key {
  background: #EE6868;
  background-image: -webkit-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: -moz-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: -ms-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: -o-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: linear-gradient(to bottom, #EE6868, #e93a3a) !important;
  border: 1px solid #e93a3a;
  -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6);
}
.btn-key:hover {
  background: #EE6868 !important;
}

/**
 *	btn-cart
 */
.btn-cart {
  background: #EE6868;
  background-image: -webkit-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: -moz-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: -ms-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: -o-linear-gradient(top, #EE6868, #e93a3a) !important;
  background-image: linear-gradient(to bottom, #EE6868, #e93a3a) !important;
  border: 1px solid #e93a3a;
  -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6);
}
.btn-cart:hover {
  background: #EE6868 !important;
}

/* ------------------------------------- */
/*  header: ヘッダーのスタイル
/*		- ui-header
/*		- ui-topbar
/* ------------------------------------- */
.ui-header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ui-header .logo {
  display: inline-block;
  margin: 0;
}
@media (max-width: 767px) {
  .ui-header .logo {
    display: block;
    text-align: center;
    width: 100%;
  }
  .ui-header .logo img {
    display: inline-block;
  }
}
.ui-header .header-content {
  display: inline-block;
}
@media (max-width: 767px) {
  .ui-header .header-content {
    display: block;
    text-align: center;
    width: 100%;
  }
  .ui-header .header-content img {
    display: inline-block;
  }
}
.ui-header .container .txt-header {
   float: right;
}
@media (max-width: 767px) {
  .ui-header .container .txt-header {
    display: none;
  }
}

/**
 *	topbar
 */
.ui-topbar {
  border-top: 3px solid #8F4A06;
  color: #555 !important;
}
.ui-topbar .description {
  padding-top: 5px;
  font-size: 80%;
}
.ui-topbar ul {
  margin-bottom: 0;
}
.ui-topbar ul li {
  padding-left: 2px;
  padding-right: 2px;
}
.ui-topbar ul li a {
  display: inline-block;
  padding: 5px 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: none;
  color: #fff !important;
  background-color: #8F4A06;
}
.ui-topbar ul li a:hover {
  text-decoration: underline;
  background-color: #E7E5CE;
  color: #000 !important;
}

/* ------------------------------------- */
/*  nav: navのスタイル
/*		- ui-nav
/*		- nav-search
/* ------------------------------------- */
.ui-nav {
  min-height: 0 !important;
  border-radius: 0 !important;
}
.ui-nav .navbar-brand {
  font-size: 16px;
  color: #555 !important;
}
.ui-nav .navbar-brand:hover {
  color: #555 !important;
  text-decoration: none;
}
.ui-nav .navbar-collapse {
  padding: 0;
}
.ui-nav .navbar-toggle {
  border: none;
}
.ui-nav .navbar-toggle:hover, .ui-nav .navbar-toggle:active, .ui-nav .navbar-toggle:focus {
  background-color: transparent !important;
}
.ui-nav .navbar-toggle .icon-bar {
  background-color: #555 !important;
}
.ui-nav .navbar-form {
  border-color: transparent !important;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  .ui-nav .navbar-form {
    margin: 0 !important;
  }
}
.ui-nav .navbar-nav > li > a {
  color: #555 !important;
}

/**
 *	nav-search
 */
@media (min-width: 768px) {
  .ui-nav.nav-search .navbar-form {
    padding-left: 0;
    padding-right: 0;
  }
}
.ui-nav.nav-search .navbar-form select {
  width: 200px;
}
@media (max-width: 991px) {
  .ui-nav.nav-search .navbar-form select {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .ui-nav.nav-search .navbar-form select {
    width: 100%;
    margin-bottom: 10px;
  }
}
.ui-nav.nav-search .navbar-form input[type="text"] {
  width: 400px;
}
@media (max-width: 991px) {
  .ui-nav.nav-search .navbar-form input[type="text"] {
    width: 495px;
  }
}
@media (max-width: 767px) {
  .ui-nav.nav-search .navbar-form input[type="text"] {
    width: 100%;
  }
}

/* ------------------------------------- */
/*  footer: フッターのスタイル
/*		- ui-footer
/* ------------------------------------- */
.ui-footer .page-top {
  border-bottom: 6px solid #A05C15;
}
.ui-footer .page-top .link {
  display: inline-block;
  padding: 5px 10px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  color: #fff !important;
  background-color: #8F4A06;
}
.ui-footer .page-top .link:hover {
  background-color: #E7E5CE;
  color:#000 !important;
}
.ui-footer .ui-section {
  background-color: #945c23;
}
  .ui-footer .footer-content {
    color: #fff !important;
}
@media (max-width: 767px) {
  .ui-footer .footer-content {
    margin-bottom: 15px;
  }
}
.ui-footer .footer-content .footer-title .title {
  margin-top: 0;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .ui-footer .footer-content .footer-title .title {
    font-size: 16px;
    font-weight: bold;
  }
}
.ui-footer .footer-content .footer-list {
  margin: 0;
  padding-left: 1px;
}
.ui-footer .footer-content .footer-list li {
  padding: 2px 0;
  list-style-type: none;
}
.ui-footer .footer-content .footer-list li a {
  font-size: 13px;
  color: #fff !important;
}
.ui-footer .footer-content .footer-list li .fa {
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
}
.ui-footer .copyright {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  background-color: #262626;
}

/* ------------------------------------- */
/*  headline: 見出しタイトルのスタイル
/*		- page-title
/*		- section-title
/* ------------------------------------- */
.page-title,
.section-title {
  position: relative;
  border-radius: 2px;
}
.page-title .title,
.section-title .title {
  display: inline-block;
  margin: 0;
  color: #333;
}

/**
 *	page-title
 */
.page-title {
  margin-bottom: 15px;
}
.page-title .title {
  font-size: 28px;
  font-weight: bold;
}

/**
 *	section-title
 */
.section-title {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #E7E5CE;
}
.section-title .title {
  padding-left: 10px;
  border-left: 6px solid #8F4A06;
  color: #333;
  font-size: 22px;
  font-weight: bold;
}

.ui-side .section-title {
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 3px solid #8F4A06;
}
.ui-side .section-title .title {
  padding-left: 0;
  border: none;
  font-size: 14px;
}

/* ------------------------------------- */
/*  content box: コンテンツボックスのスタイル
/*		- ui-box
/*		- item-card
/*		- box-list
/* ------------------------------------- */
.ui-box {
  margin-bottom: 30px;
}
.ui-box .box-title {
  margin-bottom: 5px;
}
.ui-box .box-title .title {
  margin: 0;
  color: #ccc;
  font-size: 14px;
  font-weight: bold;
}
.ui-box .box-title .title a {
  color: #ccc;
}
.ui-box .box-title .title a:hover {
  color: #EE6868;
}
.ui-box .box-image {
  margin-bottom: 10px;
}
.ui-box .description {
  margin-bottom: 10px;
}
.ui-box .more-link {
  margin-bottom: 10px;
}
.ui-box .col-left-fit {
  padding-right: 0;
}
.ui-box .col-left-sm {
  padding-right: 10px;
}
.ui-box .col-left-lg {
  padding-right: 30px;
}

/**
 *	item-card
 */
.ui-box.item-card .price {
  display: inline-block;
  margin-bottom: 0;
  color: red;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: -1px;
}
.ui-box.item-card .price span {
  font-size: 12px;
}

/**
 *	box-table
 */
.ui-box.box-list {
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
}

/* ------------------------------------- */
/*  list: ulリストのスタイル
/*		- ui-list
/*		- ui-cart
/*		- list-headline
/*		- list-category
/*		- list-scroll
/* ------------------------------------- */
.ui-list li {
  font-size: 12px;
}
.ui-list li span {
  margin-right: 5px;
}
.ui-list li a {
  font-size: 12px;
}

/**
 *	list-cart
 */
.ui-list.list-cart {
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 0;
  border-radius: 2px;
  border: 1px solid #ddd;
  background-color: #fff;
}
@media (max-width: 991px) {
  .ui-list.list-cart {
    padding: 8px 10px;
  }
}
.ui-list.list-cart .num {
  color: red;
}

/**
 *	list-headline
 */
.ui-list.list-headline li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.ui-list.list-headline li span {
  margin-right: 5px;
}
.ui-list.list-headline li a {
  font-size: 12px;
}

/**
 *	list-category
 */
.ui-list.list-category .category-level1 {
  margin-bottom: 10px;
}
.ui-list.list-category .category-level1 > a {
  display: block;
  padding: 5px;
  border: 1px solid #ddd;
  color: #555;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  background: -webkit-linear-gradient(#fff, #f0f0f0);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #f0f0f0);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #f0f0f0);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #f0f0f0);
  /* Standard syntax */
}
.ui-list.list-category .category-level1 > a .category-img {
  width: 50px;
  height: 50px;
  margin-right: 5px;
}
.ui-list.list-category .category-group {
  padding: 5px;
}
.ui-list.list-category .category-level2 {
  border-bottom: 1px dotted #ddd;
}
.ui-list.list-category .category-level2 > a {
  display: inline-block;
  padding: 5px 0;
}

/**
 *	list-scroll
 */
.ui-list.list-scroll {
  height: 150px;
  overflow-y: scroll;
  padding: 10px 15px;
  border: 1px solid #ddd;
}

/* ------------------------------------- */
/*  form: formのスタイル
/*		- ui-form
/*		- search-form
/* ------------------------------------- */
/**
 *	search-form
 */
/* ------------------------------------- */
/*  table: tableのスタイル
/*		- ui-table
/*		- tbl_calendar
/* ------------------------------------- */
.ui-table tbody tr th {
  background-color: #f4f4f4;
}
.ui-table tbody tr td {
  padding: 10px;
}

/**
 *	tbl_calendar
 */
.tbl_calendar {
  margin-bottom: 10px;
}
.tbl_calendar caption {
  padding: 4px 0;
  font-size: 16px;
  text-align:center;
}
.tbl_calendar tbody th {
  text-align: center;
  padding: 4px 12px;
  background-color: #eee;
}
.tbl_calendar tbody td {
  text-align: center;
  padding: 4px 8px;
  border: 1px solid #eee;
}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width:100%;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

@media (max-width: 1199px) {
  .tbl_calendar tbody th, .tbl_calendar tbody td {
    padding: 2px 6px;
  }
}
@media (max-width: 991px) {
  .tbl_calendar tbody th, .tbl_calendar tbody td {
    padding: 1px 2px;
  }
}
@media (max-width: 767px) {
  .tbl_calendar tbody th, .tbl_calendar tbody td {
    padding: 4px 12px;
  }
}

/* ------------------------------------- */
/*  shoppingu guide: ガイドのスタイル
/*    - shopping_guide
/* ------------------------------------- */
#shopping-guide {
  margin-bottom: 40px;
  font-size: 12px;
}
#shopping-guide .section-title {
  margin-bottom: 0px;
}
#shopping-guide .section-body {
  padding: 15px;
  border: 1px solid #ddd;
  background: #efefe2;
}
#shopping-guide .guide-title {
    padding: 6px 10px;
    margin-bottom: 5px;
    background: #a05c15;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
@media (max-width: 767px) {
  #shopping-guide .guide-title {
    margin-top: 20px;
  }
}
#shopping-guide .guide-body ul li {
  margin-bottom: 5px;
}
#shopping-guide .guide-body img {
  max-width: 100%;
  max-height: 100%;
}

/* ------------------------------------- */
/*  product product: 商品詳細ページのスタイル
/*		- product
/* ------------------------------------- */
/**
 *	page-list
 */
#page-detail .product-title {
  margin: 0;
}
@media (max-width: 767px) {
  #page-detail .product-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#page-detail .product-title .title {
  margin-top: 0;
  margin: 0 0 30px 10px;
  padding: 0 0 5px 3px;
  border-bottom: 2px solid #E2E0C2;
  color: #333;
  font-size: 22px;
  font-weight: bold;
}
#page-detail .photo-column {
  margin-bottom: 40px;
}
#page-detail .photo-column .thumb-src {
  padding: 5px;
  border: 1px solid #ddd;
}
#page-detail dl dt {
  width: 70px;
  text-align: left;
}
@media (min-width: 768px) {
  #page-detail dl dd {
    margin-left: 70px;
  }
}
@media (max-width: 767px) {
  #page-detail dl dt {
    display: inline-block;
  }
  #page-detail dl dd {
    display: inline-block;
  }
}
#page-detail .price-area,
#page-detail .option-area,
#page-detail .cart-area,
#page-detail .guide-area,
#page-detail .sns-area {
  margin-bottom: 15px;
}
#page-detail .price-area dl {
  margin-bottom: 5px;
}
#page-detail .price-area .price {
  font-size: 18px;
  font-weight: bold;
}
#page-detail .price-area .sale-price {
  color: #f00;
  font-size: 18px;
  font-weight: bold;
}
#page-detail .option-table table {
  border: 1px solid #ddd;
}
#page-detail .option-table table th {
  text-align: center;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
}
#page-detail .option-table table td {
  padding: 10px;
  border: 1px solid #ddd;
}
#page-detail .option-table table td.none {
  background-color: #f4f4f4;
}
#page-detail .cart-area {
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
}
#page-detail .cart-area input[type="text"] {
  width: 130px;
}
#page-detail .description-body {
  color: #333;
}
#page-detail .description-body h1 {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 30px;
}
#page-detail .description-body h2 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 26px;
}
#page-detail .description-body h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
#page-detail .description-body p, #page-detail .description-body ul {
  font-size: 14px;
}
#page-detail .description-body table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
#page-detail .description-body table thead > tr > th,
#page-detail .description-body table tbody > tr > th,
#page-detail .description-body table tfoot > tr > th,
#page-detail .description-body table thead > tr > td,
#page-detail .description-body table tbody > tr > td,
#page-detail .description-body table tfoot > tr > td {
  padding: 8px;
  line-height: 1.4;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
@media (max-width: 991px) {
  #page-detail .description-body table thead > tr > th,
  #page-detail .description-body table tbody > tr > th,
  #page-detail .description-body table tfoot > tr > th,
  #page-detail .description-body table thead > tr > td,
  #page-detail .description-body table tbody > tr > td,
  #page-detail .description-body table tfoot > tr > td {
    padding: 4px;
  }
}
#page-detail .description-body table th {
  background-color: #f4f4f4;
}

/* ------------------------------------- */
/*  product list: 商品一覧、検索結果ページのスタイル
/*		- list
/* ------------------------------------- */
/**
 *	page-list
 */
#page-list .list-pager {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#page-list .list-pager ul {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #page-list .list-pager ul .sort {
    width: 100%;
    margin-bottom: 10px;
  }
  #page-list .list-pager ul .sort select {
    width: 100%;
  }
}
#page-list .list-pager.bottom {
  margin-bottom: 30px;
}

/* ------------------------------------- */
/*  privacy: プライバシーポリシーページのスタイル
/* ------------------------------------- */
/**
 *	privacy
 */
#privacy h3 {
  margin-top: 40px;
  margin-bottom: 10px;
}


/* ------------------------------------- */
/*  読み物コンテンツ
/* ------------------------------------- */
/**
 *	commonCSS
 */
img{border:none;}
.clear{clear:both;}
.clear hr{display:none;}
a:link{color:#663300;}
a:visited{color:#663300;}
a:hover{color:#CC6600;}
a:active{color:#663300;}
.banners{
width:100%;
}

.banners_rap .banners_box {
  height: 85px;
  width: 273px;
  margin: 5px 5px 30px;
  padding: 0px;
  border: none;
  background: #fff;
}
.banners_rap {
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:single;
  -moz-box-lines:single;
  -webkit-flex-wrap:nowrap;
  -moz-flex-wrap:nowrap;
  -ms-flex-wrap:none;
  flex-wrap:nowrap;
}
.banners_box img {
  width: 100%;
}


.banners ul{
width:100%;
height:85px;
margin:0 0 20px 0;
}

.banners ul li{
width:240px;
height:85px;
float:left;
list-style: none;
}

.banners ul li img{
display:block;
}

.banners ul li.cnt{
margin:0 15px 10px 15px;
}

.banners p{
margin:0 0 20px 0;
}

.banners p img{
display:block;
}


/**カスタマイズ****/
.navbar-default {
    background-color: #E7E5CE !important;
    border-color: none !important;
}
.bnr {
  margin-bottom: 10px;
}
.bnr-joinus {
  text-align: center;
  padding: 0;
}
.joinus{
  margin-top: 0px;
  border: solid 1px #dbdbc6;
  background-color: #fff;
}
.shopping{
  padding: 1px 0 0;
  background: #efefe2;
}
.left_item{
  margin: 4px 0 0;
}
.joinus-inner {
  margin: 5px;
  height: auto;
}
.side-login {
    font-weight: bold;
    margin: 4px 0 0;
}
a.side-login-btn {
    color: #fff !important;
    background: #b37222;
    padding: 2px 10px;
    display: inline-block;
    margin: 0 0 0 8px;
    border-radius: 3px;
}
a.side-login-btn.full {
  display: block;
  margin: 0 5px;
}
a.side-login-btn:visited{
  color: #fff !important;
}
a.side-login-btn:hover {
  opacity: .7;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


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

    フリーページ用

====================================================================================== */
#category_header {
  margin: 0 0 24px;
}
#category_header img{
  max-width: 100%;
  height: auto;
}
/* page
------------------------- */
.sectionpager {
  padding:0;
}
.sectionpager li {
  font-size:17px;
  font-weight: bold;
  line-height:28px;
  vertical-align:middle;
  padding: 0px 0px 0px 23px;
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/icon-page.gif") 7px 6px no-repeat;
  background-color:#fff;
  list-style:none;
}
div#categoryarea .inner li.onmark {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/icon-page.gif") 7px 5px no-repeat;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  height: 1px;
  background-color: #ededed;
  border: none;
  margin:10px 0;
}

.hr_g {
  height: 1px;
  background-color: #cdcdcd;
  border: none;
  margin:10px 0;
}
.border_double {
  border-bottom: 4px double #cdcdcd;
  margin:30px 0;
}
input, select {
    vertical-align:middle;
}

.fl{
  float:left;
}
.fr{
  float:right;
}

/* h
------------------------------------------------------------------------- */
h4 {
  text-align:center;
}


/* COMMON2
------------------------------------------------------------------------- */
.align_c { text-align: center;}
.align_r { text-align: right;}
.align_l { text-align: left ;}


/* width
------------------------------------------------------------------------- */
.w20{width:20px;}
.w40{width:40px;}
.w60{width:60px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w160{width:160px;}
.w180{width:180px;}
.w200{width:200px;}
.w220{width:220px;}
.w240{width:240px;}
.w260{width:260px;}
.w280{width:280px;}
.w300{width:300px;}
.w320{width:320px;}
.w340{width:340px;}
.w360{width:360px;}
.w380{width:380px;}
.w400{width:400px;}
.w420{width:420px;}
.w440{width:440px;}
.w460{width:460px;}
.w480{width:480px;}
.w500{width:500px;}
.w520{width:520px;}
.w540{width:540px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w620{width:620px;}
.w640{width:640px;}
.w660{width:660px;}
.w680{width:680px;}
.w700{width:700px;}
.w720{width:720px;}
.w740{width:740px;}
.w760{width:760px;}
.w780{width:780px;}


/* margin
------------------------------------------------------------------------- */
.mt_2 { margin-top: 2px;}
.mt_3 { margin-top: 3px;}
.mt_4 { margin-top: 4px;}
.mt_5 { margin-top: 5px;}
.mt_6 { margin-top: 6px;}
.mt_7 { margin-top: 7px;}
.mt_8 { margin-top: 8px;}
.mt_10 { margin-top: 10px;}
.mt_13 { margin-top: 10px;}
.mt_15 { margin-top: 15px;}
.mt_16 { margin-top: 16px;}
.mt_17 { margin-top: 17px;}
.mt_20 { margin-top: 20px;}
.mt_25 { margin-top: 25px;}
.mt_30 { margin-top: 30px;}
.mt_35 { margin-top: 35px;}
.mt_40 { margin-top: 40px;}
.mt_45 { margin-top: 45px;}
.mt_50 { margin-top: 50px;}
.mt_60 { margin-top: 60px;}
.mt_70 { margin-top: 70px;}
.mt_80 { margin-top: 80px;}
.mt_90 { margin-top: 90px;}
.mt_100 { margin-top: 100px;}
.mt_110 { margin-top: 110px;}
.mt_120 { margin-top: 120px;}
.mt_130 { margin-top: 130px;}
.mt_140 { margin-top: 140px;}
.mt_150 { margin-top: 150px;}
.mt_160 { margin-top: 160px;}
.mt_170 { margin-top: 170px;}
.mt_180 { margin-top: 180px;}
.mt_190 { margin-top: 190px;}
.mt_200 { margin-top: 200px;}
.mt_210 { margin-top: 210px;}

.mt_-190 { margin-top: -190px;}
.mt_-200 { margin-top: -200px;}

.ml_0 { margin-left: 0px;}
.ml_5 { margin-left: 5px;}
.ml_6 { margin-left: 6px;}
.ml_7 { margin-left: 7px;}
.ml_8 { margin-left: 8px;}
.ml_9 { margin-left: 9px;}
.ml_10 { margin-left: 10px;}
.ml_11 { margin-left: 11px;}
.ml_12 { margin-left: 12px;}
.ml_13 { margin-left: 13px;}
.ml_14 { margin-left: 14px;}
.ml_15 { margin-left: 15px;}
.ml_16 { margin-left: 16px;}
.ml_18 { margin-left: 18px;}
.ml_20 { margin-left: 20px;}
.ml_30 { margin-left: 30px;}
.ml_310 { margin-left: 310px;}

.mr_5 { margin-right: 5px;}
.mr_10 { margin-right: 10px;}
.mr_15 { margin-right: 15px;}
.mr_20 { margin-right: 20px;}
.mr_25 { margin-right: 25px;}
.mr_30 { margin-right: 30px;}
.mr_35 { margin-right: 35px;}
.mr_40 { margin-right: 40px;}
.mr_45 { margin-right: 45px;}

.mb_1 { margin-bottom: 1px;}
.mb_2 { margin-bottom: 2px;}
.mb_3 { margin-bottom: 3px;}
.mb_4 { margin-bottom: 4px;}
.mb_5 { margin-bottom: 5px;}
.mb_8 { margin-bottom: 8px;}
.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mb_20 { margin-bottom: 20px;}
.mb_25 { margin-bottom: 25px;}
.mb_30 { margin-bottom: 30px;}
.mb_35 { margin-bottom: 35px;}
.mb_40 { margin-bottom: 40px;}
.mb_45 { margin-bottom: 45px;}
.mb_50 { margin-bottom: 50px;}
.mb_100 { margin-bottom: 50px;}


.mtb_10 { margin-top: 10px; margin-bottom: 10px;}
.mtb_20 { margin-top: 20px; margin-bottom: 20px;}
.mtb_30 { margin-top: 30px; margin-bottom: 30px;}
.mtb_40 { margin-top: 40px; margin-bottom: 40px;}

/* padding
------------------------------------------------------------------------- */
.pd_2 { padding-top: 2px;}
.pd_3 { padding-top: 3px;}
.pd_4 { padding-top: 4px;}
.pd_5 { padding-top: 5px;}
.pd_6 { padding-top: 6px;}
.pd_7 { padding-top: 7px;}
.pd_8 { padding-top: 8px;}
.pd_9 { padding-top: 9px;}
.pd_10 { padding-top: 10px;}
.pd_11 { padding-top: 11px;}
.pd_12 { padding-top: 12px;}
.pd_13 { padding-top: 13px;}
.pd_15 { padding-top: 15px;}
.pd_20 { padding-top: 20px;}
.pd_25 { padding-top: 25px;}
.pd_30 { padding-top: 30px;}
.pd_40 { padding-top: 40px;}
.pd_50 { padding-top: 50px;}
.pd_60 { padding-top: 60px;}
.pd_70 { padding-top: 70px;}
.pd_80 { padding-top: 80px;}
.pd_90 { padding-top: 90px;}
.pd_100 { padding-top: 100px;}
.pd_110 { padding-top: 110px;}
.pd_120 { padding-top: 120px;}
.pd_130 { padding-top: 130px;}
.pd_140 { padding-top: 140px;}
.pd_150 { padding-top: 150px;}
.pd_160 { padding-top: 160px;}
.pd_170 { padding-top: 170px;}
.pd_180 { padding-top: 180px;}
.pd_190 { padding-top: 190px;}
.pd_200 { padding-top: 200px;}
.pd_220 { padding-top: 220px;}
.pd_240 { padding-top: 240px;}
.pd_260 { padding-top: 260px;}
.pd_280 { padding-top: 280px;}
.pd_300 { padding-top: 300px;}
.pd_320 { padding-top: 320px;}
.pd_340 { padding-top: 340px;}
.pd_350 { padding-top: 350px;}
.pd_360 { padding-top: 360px;}
.pd_380 { padding-top: 380px;}
.pd_390 { padding-top: 390px;}
.pd_395 { padding-top: 395px;}
.pd_400 { padding-top: 400px;}
.pd_410 { padding-top: 410px;}
.pd_420 { padding-top: 420px;}
.pd_425 { padding-top: 425px;}
.pd_430 { padding-top: 430px;}
.pd_440 { padding-top: 440px;}
.pd_460 { padding-top: 460px;}
.pd_480 { padding-top: 480px;}
.pd_500 { padding-top: 500px;}
.pd_510 { padding-top: 510px;}
.pd_520 { padding-top: 520px;}
.pd_540 { padding-top: 540px;}
.pd_560 { padding-top: 560px;}
.pd_580 { padding-top: 580px;}
.pd_600 { padding-top: 600px;}
.pd_620 { padding-top: 620px;}
.pd_625 { padding-top: 625px;}
.pd_630 { padding-top: 630px;}
.pd_640 { padding-top: 640px;}
.pd_650 { padding-top: 650px;}
.pd_660 { padding-top: 660px;}
.pd_680 { padding-top: 680px;}
.pd_700 { padding-top: 700px;}

.pb_2 { padding-bottom: 2px;}
.pb_3 { padding-bottom: 3px;}
.pb_4 { padding-bottom: 4px;}
.pb_5 { padding-bottom: 5px;}
.pb_6 { padding-bottom: 6px;}
.pb_7 { padding-bottom: 7px;}
.pb_8 { padding-bottom: 8px;}
.pb_9 { padding-bottom: 9px;}
.pb_10 { padding-bottom: 10px;}
.pb_11 { padding-bottom: 11px;}
.pb_12 { padding-bottom: 12px;}
.pb_13 { padding-bottom: 13px;}
.pb_15 { padding-bottom: 15px;}
.pb_20 { padding-bottom: 20px;}
.pb_25 { padding-bottom: 25px;}


/* font size
------------------------------------------------------------------------- */
.ft_10 {
  font-size:10px;
  font-weight:normal;
}

.ft_11 {
  font-size:11px;
  font-weight:normal;
}

/* Crear
------------------------------------------------------------------------- */
.cl_both{
  clear:both;
}


/* On
------------------------------------------------------------------------- */
a:hover img {
filter:alpha(opacity=90);
opacity:0.8;
}


/* float
------------------------------------------------------------------------- */
.floatLeft{float:left;}
.floatRight{float:right;}
.floatClear{clear:both;}


/* font
------------------------------------------------------------------------- */
.f9 {font-size:9px;font-weight:normal;line-height:12px;}
.f10 {font-size:12px;font-weight:normal;line-height:16px;}
.f12 {font-size:12px;font-weight:normal;line-height:20px;}
.f14 {font-size:14px;font-weight:normal;line-height:22px;}
.f16 {font-size:16px;font-weight:normal;line-height:24px;}
.f18 {font-size:18px;font-weight:normal;line-height:26px;}
.f20 {font-size:20px;font-weight:normal;line-height:28px;}
.f22 {font-size:22px;font-weight:normal;line-height:30px;}
.f24 {font-size:24px;font-weight:normal;line-height:32px;}

.fb12 {font-size:12px;font-weight:bold;line-height:20px;}
.fb14 {font-size:14px;font-weight:bold;line-height:20px;}
.fb16 {font-size:16px;font-weight:bold;line-height:20px;}
.fb18 {font-size:18px;font-weight:bold;line-height:20px;}
.fb20 {font-size:20px;font-weight:bold;line-height:20px;}
.fb22 {font-size:22px;font-weight:bold;line-height:20px;}
.fb24 {font-size:24px;font-weight:bold;line-height:20px;}

.fc9 {font-size:9px;font-weight:normal;color:#a05c15;line-height:12px;}
.fc10 {font-size:10px;font-weight:normal;color:#a05c15;line-height:16px;}
.fc12 {font-size:12px;font-weight:normal;color:#a05c15;line-height:20px;}
.fc14 {font-size:14px;font-weight:normal;color:#a05c15;line-height:22px;}
.fc16 {font-size:16px;font-weight:normal;color:#a05c15;line-height:24px;}
.fc18 {font-size:18px;font-weight:normal;color:#a05c15;line-height:26px;}
.fc20 {font-size:20px;font-weight:normal;color:#a05c15;line-height:28px;}
.fc22 {font-size:22px;font-weight:normal;color:#a05c15;line-height:30px;}
.fc24 {font-size:24px;font-weight:normal;color:#a05c15;line-height:32px;}

.fbc12 {font-size:12px;font-weight:bold;color:#a05c15;line-height:20px;}
.fbc14 {font-size:14px;font-weight:bold;color:#a05c15;line-height:20px;}
.fbc16 {font-size:16px;font-weight:bold;color:#a05c15;line-height:20px;}
.fbc18 {font-size:18px;font-weight:bold;color:#a05c15;line-height:20px;}
.fbc20 {font-size:20px;font-weight:bold;color:#a05c15;line-height:20px;}
.fbc22 {font-size:22px;font-weight:bold;color:#a05c15;line-height:20px;}
.fbc24 {font-size:24px;font-weight:bold;color:#a05c15;line-height:20px;}

.fw9 {font-size:9px;font-weight:normal;color:#fff;line-height:14px;}
.fw10 {font-size:10px;font-weight:normal;color:#fff;line-height:14px;}
.fw12 {font-size:12px;font-weight:normal;color:#fff;line-height:16px;}
.fw14 {font-size:14px;font-weight:normal;color:#fff;line-height:20px;}
.fw16 {font-size:16px;font-weight:normal;color:#fff;line-height:22px;}
.fw18 {font-size:18px;font-weight:normal;color:#fff;line-height:24px;}
.fw20 {font-size:20px;font-weight:normal;color:#fff;line-height:26px;}
.fw22 {font-size:22px;font-weight:normal;color:#fff;line-height:28px;}
.fw24 {font-size:24px;font-weight:normal;color:#fff;line-height:30px;}

.fbw12 {font-size:12px;font-weight:normal;color:#fff;line-height:20px;}
.fbw14 {font-size:14px;font-weight:bold;color:#fff;line-height:22px;}
.fbw16 {font-size:16px;font-weight:bold;color:#fff;line-height:24px;}
.fbw18 {font-size:18px;font-weight:bold;color:#fff;line-height:26px;}
.fbw20 {font-size:20px;font-weight:bold;color:#fff;line-height:28px;}
.fbw22 {font-size:22px;font-weight:bold;color:#fff;line-height:30px;}
.fbw24 {font-size:24px;font-weight:bold;color:#fff;line-height:32px;}

.fg9 {font-size:9px;font-weight:normal;color:#339966;line-height:14px;}
.fg10 {font-size:10px;font-weight:normal;color:#339966;line-height:14px;}
.fg12 {font-size:12px;font-weight:normal;color:#339966;line-height:16px;}
.fg13 {font-size:13px;font-weight:normal;color:#339966;line-height:18px;}
.fg14 {font-size:14px;font-weight:normal;color:#339966;line-height:20px;}
.fg16 {font-size:16px;font-weight:normal;color:#339966;line-height:22px;}
.fg18 {font-size:18px;font-weight:normal;color:#339966;line-height:24px;}
.fg20 {font-size:20px;font-weight:normal;color:#339966;line-height:26px;}
.fg22 {font-size:22px;font-weight:normal;color:#339966;line-height:28px;}
.fg24 {font-size:24px;font-weight:normal;color:#339966;line-height:30px;}

.fr9 {font-size:9px;font-weight:normal;color:#d80000;line-height:14px;}
.fr10 {font-size:10px;font-weight:normal;color:#d80000;line-height:14px;}
.fr12 {font-size:12px;font-weight:normal;color:#d80000;line-height:16px;}
.fr13 {font-size:13px;font-weight:normal;color:#d80000;line-height:18px;}
.fr14 {font-size:14px;font-weight:normal;color:#d80000;line-height:20px;}
.fr16 {font-size:16px;font-weight:normal;color:#d80000;line-height:22px;}
.fr18 {font-size:18px;font-weight:normal;color:#d80000;line-height:24px;}
.fr20 {font-size:20px;font-weight:normal;color:#d80000;line-height:26px;}
.fr22 {font-size:22px;font-weight:normal;color:#d80000;line-height:28px;}
.fr24 {font-size:24px;font-weight:normal;color:#d80000;line-height:30px;}

.fbr9 {font-size:9px;font-weight:bold;color:#d80000;line-height:14px;}
.fbr10 {font-size:10px;font-weight:bold;color:#d80000;line-height:14px;}
.fbr12 {font-size:12px;font-weight:bold;color:#d80000;line-height:16px;}
.fbr13 {font-size:13px;font-weight:bold;color:#d80000;line-height:18px;}
.fbr14 {font-size:14px;font-weight:bold;color:#d80000;line-height:20px;}
.fbr16 {font-size:16px;font-weight:bold;color:#d80000;line-height:22px;}
.fbr18 {font-size:18px;font-weight:bold;color:#d80000;line-height:24px;}
.fbr20 {font-size:20px;font-weight:bold;color:#d80000;line-height:26px;}
.fbr22 {font-size:22px;font-weight:bold;color:#d80000;line-height:28px;}
.fbr24 {font-size:24px;font-weight:bold;color:#d80000;line-height:30px;}

.maintitle {
  font-size:18px;
  font-weight:bold;
  color:#945d24;
  line-height:32px;
}

.blocktitle {
  font-size:15px;
  font-weight:bold;
  color:#463325;
  line-height:24px;
}
.blocktitle:before {
  content:"■";
}

@media (max-width: 768px) {
  #section1 img,  #section2 img,  #section3 img,  #section4 img,  #section5 img {
    float:none;
    width:100%;
  }
}


.sectiontitle {
  font-size:15px;
  font-weight:bold;
  color:#463325;
  line-height:25px;
  padding:7px 0 4px 10px;
  margin-bottom:10px;
  background:#f5f5f5;
  border-left:4px solid #945d24;
  border-bottom:1px solid #945d24;
}

.titlebg_gr {
  font-size:14px;
  font-weight:bold;
  color:#333;
  line-height:25px;
  padding:5px 10px 2px 10px;
  margin-bottom:10px;
  background:#f5f5f5;
  border-radius: 10px;
}


/* background
------------------------------------------------------------------------- */
.bg_gr {
  background:#f5f5f5;
}


/* block
------------------------------------------------------------------------- */
.lineblock_r1{border:1px solid #eb7a80; padding:5px 15px;}
.lineblock_r2{border:2px solid #eb7a80; padding:5px 15px;}
.lineblock_r4{border:4px solid #eb7a80; padding:5px 15px;}

.lineblock_g1{border:1px solid #dcdcdc; padding:5px 15px;}
.lineblock_g2{border:2px solid #dcdcdc; padding:5px 15px;}
.lineblock_g4{border:4px solid #dcdcdc; padding:5px 15px;}

.lineblock_bg_w1{border:1px solid #dcdcdc; background:#fff; border-radius:20px; padding:5px 15px;}
.lineblock_bg_w2{border:2px solid #dcdcdc; background:#fff; border-radius:20px; padding:5px 15px;}
.lineblock_bg_w4{border:4px solid #dcdcdc; background:#fff; border-radius:20px; padding:5px 15px;}

.lineblock_bg_g1{border:1px solid #dcdcdc; background:#f5f5f5; border-radius:20px; padding:5px 15px;}
.lineblock_bg_g2{border:2px solid #dcdcdc; background:#f5f5f5; border-radius:20px; padding:5px 15px;}
.lineblock_bg_g4{border:4px solid #dcdcdc; background:#f5f5f5; border-radius:20px; padding:5px 15px;}

/* 追加エリァ
----------------------------------------------- */
@media (max-width: 768px) {
  div.addition img {
    float:none;
    width:100%;
  }
  div.addition #hemp_kinousei {
    background:none;
  }
}
div.addition {
  clear: both;
}
div.addition ul {
  margin: 0 0 0 1em;
}
div.addition li {
  list-style:decimal;
  margin-bottom:5px;
}
/* ↓タイトル
---------------------- */
h5{
  text-align:center;
}
div.addition h4 {
  width: auto;
  color:#a05c15;
  font-size:140%;
  margin:5px 0px 10px 0px;
  border:1px red solid;
  height:35px;
  border-top: 1px solid #d9d9c3;
  border-left: 1px solid #d9d9c3;
  border-right: 1px solid #d9d9c3;
  border-bottom: 2px solid #a05c15;
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/icon-basetl.gif") 6px 7px no-repeat;
  background-color: #ffffff;
}
div.addition h4 span{
  display:block;
  margin:5px 0px 0px 35px;
  text-align:left;
}
/* ↑タイトル
---------------------- */
/* ↓説明エリア　写真左
---------------------- */
#additionimg {
  float: left;
  width: 210px;
}
#additionimg img{
  border-right: #e4e4e4 1px solid;
  border-bottom: #e4e4e4 1px solid;
  border-left: #e4e4e4 1px solid;
  border-top: #e4e4e4 1px solid;
}
#additiontext {
  float: right;
  width: 500px;
  margin-left:8px;
  line-height:1.7em;
  text-align:justify;
  text-justify:distribute;
}
div.addition p {
  margin: 0px 0 0 0;
  text-align:right;
  text-align:justify;
  text-justify:distribute;
  line-height:1.7em;
}
/* ↑説明エリア　写真左
---------------------- */
/* ↓説明エリア　写真右
---------------------- */
#additionimg_r {
  float: right;
  width: 210px;
}
#additionimg_r img{
  border-right: #e4e4e4 1px solid;
  border-bottom: #e4e4e4 1px solid;
  border-left: #e4e4e4 1px solid;
  border-top: #e4e4e4 1px solid;
}
#additiontext_l {
  float: left;
  width: 500px;
  margin-right:8px;
  line-height:1.7em;
  text-align:justify;
  text-justify:distribute;
}
/* ↑説明エリア　写真右
---------------------- */
/* TABLE/
------------------------------------------------------------------------- */
/* テーブル共通指定
----------------------------------------------- */
table  {
  margin: 15px auto 0 auto;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse: collapse;
  text-align: left;
}
table th {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #efefe2;
  font-weight: normal;
}
table td {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
background-color:#FFF;
}
div.tblareabtn {
  clear: both;
  margin: 15px 0 0 0;
  text-align: center;
}
.phototd {
  width: 75px;
  text-align: center;
}
.centertd {
  text-align: center;
}
.pricetd {
  text-align: right;
}
.pricetd em {
  font-weight: bold;
}
div#completetext {
  width: 470px;
  margin: 15px auto 0 auto;
  padding: 15px;
  border: 5px solid #ccc;
}
div#completetext em {
  font-weight: bold;
}
div#completetext p{
  padding: 20px 0 0 0;
  text-align: left;
}
.table {
  border-left: #e4e4e4 1px solid;
  border-top: #e4e4e4 1px solid;
  font-size: 12px ;
  line-height: 170%;
  text-align:justify;
  font-weight:100;
  text-justify:distribute;
}
.table th {
  border-right: #e4e4e4 1px solid;
  border-bottom: #e4e4e4 1px solid;
  color: #000;
  text-align:center;
  font-weight:normal;
}
.table td {
  border-right: #e4e4e4 1px solid;
  border-bottom: #e4e4e4 1px solid;
  padding: 5px 5px 5px 10px;
  font-weight:normal;
}
.table td h6{
  color:#d80000;
  display:inline;
  font-weight:normal;
  font-size: 12px ;
}
.table td h7{
  color:#339966;
  display:inline;
  font-weight:normal;
  font-size: 12px ;
}
/* KODAWARI/
------------------------------------------------------------------------- */
#addition02{
  width:682px;
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/img-kodawari-textbk.jpg") background repeat-y;
}
/* KODAWARI　写真配置/
-------------------------------------- */
#addition02 .img{
  float: left;
  width: 210px;
  padding-left:70px;
}
#addition02 .text{
  float: right;
  width: 350px;
  margin-left:8px;
  padding-right:35px;
  line-height:1.7em;
  text-align:justify;
  text-justify:distribute;
  background-color:#0F0;
}
#addition02 .text ul {
  background-color:#F00; 
  margin: 0 0 0 1em;
}
#addition02 .text li {
  list-style:decimal;
  margin-bottom:5px;
}
/* KODAWARI　テキストのみ/
-------------------------------------- */
div#addition02-oneblock{
  width:682px;
  height:300px;
  padding-botttom:30px;
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/img-kodawari-textbk.jpg") background repeat-y;
  text-align:justify;
  text-justify:distribute;
  line-height:1.5em;
}
div#addition02-oneblock .inner{
  width:560px;
  margin: 0px 0px 0px 75px;
  color:#301603;
}
div#addition02-oneblock .inner .photo_l{
  float: left;
  width: 155px;
}
div#addition02-oneblock .inner .text_r{
  float: right;
  width: 400px;
}
div#addition02-oneblock .inner .photo_r{
  float: right;
  width: 155px;
}
div#addition02-oneblock .inner .text_l{
  float: left;
  width: 400px;
}
div#addition02-oneblock ul {
  color:#000000;
  padding:0px 0px 0px  0px;
  margin: 0 0 0 1em;
  margin: 0px 46px 0px 75px;
}
div#addition02-oneblock li {
  list-style:decimal;
  margin-bottom:5px;
}
/* KODAWARI　テキストのみ/
-------------------------------------- */
div#tforest{
  width:682px;
  height:1080px;
  padding-botttom:30px;
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/img-kodawari-textbk.jpg") background repeat-y;
  text-align:justify;
  text-justify:distribute;
  line-height:1.5em;
}
div#tforest .inner{
  width:560px;
  margin: 0px 0px 0px 75px;
  color:#301603;
}
div#tforest .inner .photo_l{
  float: left;
  width: 155px;
}
div#tforest .inner .text_r{
  float: right;
  width: 400px;
}
div#tforest .inner .photo_r{
  float: right;
  width: 155px;
}
div#tforest .inner .text_l{
  float: left;
  width: 400px;
}
div#tforest ul {
  color:#000000;
  padding:0px 0px 0px  0px;
  margin: 0 0 0 1em;
  margin: 0px 46px 0px 75px;
}
div#tforest li {
  list-style:decimal;
  margin-bottom:5px;
}



/* 個別ページ
----------------------------------------------- */
/* limitation
------------------------- */
#limitation_head {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/limitation/bg_limitation_head.png") no-repeat;
  height:26px;
  margin:0 0 -20px 0;
  padding:0;
}
#limitation_body {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/limitation/bg_limitation_body.png") repeat-y;
  height:auto;
  margin:0;
  padding:0 40px;
}
#limitation_foot {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/limitation/bg_limitation_foot.png") no-repeat;
  height:27px;
  margin:0;
  padding:0;
}
#limitation_ul {
  margin:0 0 0 -40px;
}
#limitation_ul li {
  width:310px;
  float:left;
  margin:0 0 0 40px;
  list-style:none;
}
.limitation_textboxL {
  float: left;
  width: 420px;
  margin-left:8px;
  line-height:1.7em;
  text-align:justify;
  text-justify:distribute;
}
.limitation_textboxR {
  float: right;
  width: 420px;
  margin-left:8px;
  line-height:1.7em;
  text-align:justify;
  text-justify:distribute;
}
.limitation_textboxL p,.limitation_textboxR p {
  margin: 0px 0 0 0;
  text-align:right;
  text-align:justify;
  text-justify:distribute;
  line-height:1.7em;
}
/* mikawamomen
------------------------- */
#mommen_kodawari {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/mikawamomen/bg_momen_01.png") no-repeat top right;
  height:630px;
  margin:-10px 0 -10px 0;
  padding:20px 0 0 0;
}
#mommen_syoukai {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/mikawamomen/bg_momen_02.png") no-repeat top left;
  height:630px;
  margin:-10px 0 0 0;
  padding:20px 0 0 0;
}
/* hemp
------------------------- */
/*
#hemp_kinousei {
  background: url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/hemp/bg_hemp_01.png") no-repeat top right;
  height:900px;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
*/
/* LP_ket
------------------------- */
#lp_pagelink {
  width:auto;
  height:auto;
  margin-left:5px;
  list-style:none;
}
#lp_pagelink li {
  float:left;
  list-style:none;
  margin:0 0 0 20px;
}
#lp_column2 {
  width:auto;
  height:auto;
  margin-left:-40px;
  list-style:none;
}
#lp_column2 li {
  float:left;
  list-style:none;
  margin:0 0 0 90px;
}
/* LP_ket
------------------------- */
#comforter01 {
  width:740px;
  height:688px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_ket01.png") no-repeat;
}
#comforter02 {
  width:740px;
  height:767px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_ket02.png") no-repeat;
}
#comforter03 {
  width:740px;
  height:1541px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_ket04.png") no-repeat;
}
#comforter04 {
  width:740px;
  height:1531px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_ket05.png") no-repeat;
}
/* LP_matress
------------------------- */
#mattress01 {
  width:740px;
  height:688px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_matress01.png") no-repeat;
}
#mattress02 {
  width:740px;
  height:767px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_matress02.png") no-repeat;
}
#mattress03 {
  width:740px;
  height:1479px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_matress04.png") no-repeat;
}
#mattress04 {
  width:740px;
  height:698px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_matress05.png") no-repeat;
}
/* LP_matress
------------------------- */
#pillow01 {
  width:740px;
  height:549px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_pillow01.png") no-repeat;
}
#pillow02 {
  width:740px;
  height:1655px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_pillow02.png") no-repeat;
}
#pillow03 {
  width:740px;
  height:488px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_pillow03.png") no-repeat;
}
/* LP_blankets
------------------------- */
/*
#blankets01 {
  width:740px;
  height:688px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_blankets01.png") no-repeat;
}
#blankets02 {
  width:740px;
  height:327px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_blankets02.png") no-repeat;
}
#blankets03 {
  width:740px;
  height:767px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_blankets03.png") no-repeat;
}
#blankets04 {
  width:740px;
  height:327px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_blankets04.png") no-repeat;
}
*/
/* LP_cotton
------------------------- */
/*#cotton01 {
  width:740px;
  height:688px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_cotton01.png") no-repeat;
}
#cotton02 {
  width:740px;
  height:767px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_cotton02.png") no-repeat;
}
#cotton03 {
  width:740px;
  height:327px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_cotton03.png") no-repeat;
}
#cotton04 {
  width:740px;
  height:223px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_cotton04.png") no-repeat;
}
*/
/* LP_cotton
------------------------- */
#repellent01 {
}
#repellent02 {
}
#repellent03 {
}
#repellent04 {
}
/* LP_campaign
------------------------- */
#campaign01 {
  width:744px;
  height:3633px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/campaign/bg_campaign.jpg") no-repeat;
}
.maillink {
  position: relative;
  top: -30px;
  left:250px;
}
/* LP_cloth
------------------------- */
#cloth01 {
  width:740px;
  height:4919px;
  background:url("https://file002.shop-pro.jp/PA01385/038/images/customize/page/lp/bg_cloth.jpg") no-repeat;
}
#cloth01 a {
  display:block;
  width:350px;
  height:100px;
    position: relative;
  top:4300px;
  left:345px;
}
#cloth01 a:hover {
  background-color: rgba(255,255,255,0.6);
}

.prd_recommend_block .prd_lst{
  margin: -11px 0 10px;
  padding: 10px 0 0;
  background: #463325;
}
div#undercolumn_aboutus table th {
    width: 140px;
  background-color:#efefe2;
}

/** フリーページ3 三河木綿 **/
.mikawamomen p {
	font-size: 18px;
}
.mikawamomen h2 {
	background-color: #08436A;
	color: #fff;
	font-size: 22px;
	padding: 5px 0 5px 20px;
	text-align: left;
}

#characteristic .box01_l {
	font-size: 16px;
	margin-bottom: 15px;
}
#characteristic .box01_l img {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

.clear{
	clear: both;
}

#multiple_gauze h2 {
	background-color: #08436A;
	color: #fff;
	font-size: 20px;
	padding: 5px 0 5px 20px
}

#multiple_gauze h3 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#multiple_gauze p {
	padding: 0 10px;
}

#stories {
	background: #ECCDB2;
	padding: 20px;
}
#stories .stories_head {

}
#stories .head_description p {
	font-size: 16px;

}
#stories .head_description img {
	float: left;
	margin-right: 15px;
}

#stories .item_description {

}
#stories .item_description .item_box1 {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

#stories .item_description .item_box2 {
	background: #fff;
	padding: 20px;
}

#stories .item_description h3 {
	text-align: left;
	color: #073760;
	font-size: 22px;
	margin: 0 0 10px;
	padding: 0;
}

#stories .item_description p {
	margin: 0 15px 0 0;
	padding: 0;
}

#stories .item_description .item_txt img {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

#point {
	text-align: center;
	margin: 20px 0;
}
#point img {
	margin-top: 5px;
	margin-right: 10px;
}
#mikawamomen_item {
	text-align: center;
	margin-bottom: 50px;
}
#mikawamomen_item img {
	margin-bottom: 20px;
}
#mikawamomen_item img.presents_btn{
	width: 100%;
}
#mikawamomen_item p {
	font-size: 21px;
	font-weight: bold;
}
#mikawamomen_item p span {
	color: red;
	font-weight: bold;
	padding: 10px 15px;
}


@media (max-width: 768px) {
	.mikawamomen p {
		font-size: 16px;
	}
	#characteristic .box01_l img {
		width: 50%;
		margin: 0 25%;
		float: none;
	}
	#stories .item_description .item_txt img {
		width: 50%;
		margin: 0 25% 15px;
		float: none;
	}
	#mikawamomen_item p {
		font-size: 14px;
	}
}
/** フリーページ3 三河木綿 ここまで **/
/** kusu **/
.kusu_box {
	text-align: center;
	background-color: #E7E5CE;
	margin-bottom: 10px;
	padding: 15px 10px;
}
.kusu_box p {
	color: #663300;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.kusu_box .title span {
	color: #663300;
}
.kusu_box .title p {
	font-size: 18px;
	font-weight: bold;
}
.kusu_box .title span {
	font-size: 12px;
}
.kusu_box img {
	width: 75%;
	margin-bottom: 10px;
}
/** kusuここまで **/