@charset "euc-jp";

/*--------フォント--------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
  background-color: #ffffff;
  background-image: url();
  color: #333;
  -webkit-font-smoothing: antialiased;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;　/*190528追加*/
}


a {
  color: #333;
}
a:hover {
  color: #6653c6;
  text-decoration: none;
}

.btn {
  border-radius: 2px;
}

ul, ol, form, p {
  margin: 0;
}

figure{
	margin: 0 !important;
}

.fa-inverse{
	color:#000!important;
}

.section__block img {
  max-height: 300px;
}

/*--------リスト--------*/
li.lsn{
	list-style-type: none !important;
}

/*--------テーブル--------*/
table.tabl{
	margin:20px 0;
	border-collapse: collapse;
	border: solid 1px #b4a576;/*表全体を線で囲う*/
}
table.tabl th, table td{
	padding: 10px;
	border: solid 1px #b4a576;
}
table.tabl th{
	min-width: 200px;
	background-color: #e1d8bc;
}
table.tabl td{
	background-color: #fff;
}

/*--------プロモーション--------*/
.promo__seciton {
 	/*background-color: #7F8BDC;190528　変更*/
  	/*min-height: 49px;*/
	min-height: 10px;　/*190528　変更*/
	width: 100%;　/*190528　変更*/
}
.promo {
  background: #7F8BDC;
}
.promo__text {
  color: #000;
  text-align: center;
  	/*padding: 14px 0;*/
	padding: 5px 0;　/*190528　変更*/
  letter-spacing: 1px;
  font-weight: normal;
	font-size: 12px;
  	/*background: #7F8BDC;*/
	background-color: #F3F3F3!important;　/*190528　変更*/
}


/*--------ヘッダー全体設定--------*/
.header__section {
	/*text-align: center;190528 */
	/*margin-bottom: 60px;*/
	/*text-align: left;*/
	width: 100%;
	margin:0 auto;
	min-height: 150px;
}
.common_100{
	width: 100%;
}
.common_1300{
	margin: 0 auto;
	max-width: 1300px;
}
.header-right{
	float: right;
}
.header-left{
	float:left;
}

/*--------------------------*/
/*--------上部メニュー--------*/

/*--------ロゴ--------*/
.header__logo-img {
	padding-top:20px;
	/*margin: 90px 0; 190528　変更*/
	/*margin: 0 0 0 30px;　190528　変更*/
}
.header__logo {
  margin: 70px 0 0 0;
}

/*--------メニュー--------*/
ul.header-tools {
	padding-top:20px;
	padding-bottom:10px;
}
li.header-tools__unit {
	display: inline;
	margin-left:20px;
}
li.header-tools__unit i{
	padding-right:5px;
}
/*.header-tools__unit-cart {
  margin-left: 21px;
}*/
.header-tools__btn {
  position: relative;
  padding: 7px 15px 7px 34px;
  font-size: 12px;
}
.header-tools__btn i {
  position: absolute;
  top: 9px;
  left: 6px;
  font-size: 14px;
}
.header-tools__count {
  padding: 0 2px;
  font-size: 14px;
}


/*--------------------------*/
/*--------二行目メニュー--------*/
/*--------電話番号--------*/
.setsumei{
	font-size: 12px;
	padding-top:20px;
	color:#00587D;
}
.header__phone{
	padding: 0 0 10px 0;
}
.header__phone .caption{
	font-size: 14px;
}
.header__phone .phone{
	position: relative;
	padding: 5px 0 5px 33px;
	margin-left: 20px;
	color: #00587D;
	font-size: 30px;
	font-weight: 700;
}
.header__phone .phone i{
	position: absolute;
	top: 18px;
	left: 0;
}/*Fontawesome設定*/


/*--------------------------*/
/*--------三行目メニュー--------*/
.iro{
	background-color: #CEE2FF;
}
/*--------商品ナビ・メガナビ（親）--------*/
.header-gnavi {
	list-style-type: none;
	position: relative;
	padding: 20px 0 15px 0;
	min-height: 30px;/*190528*/
}
.header-gnavi__unit {
  display: inline;
}
.header-gnavi__unit i{
  margin-left: 10px;
}
.header-gnavi__link {
  padding: 15px 30px 15px 0;
}

/*--------メガナビ--------*/
.header-gnavi__link--menu {
  position: relative;
 /* border: 1px solid #B4A576;*/
  border-bottom: none;
  padding: 14px 29px 15px;
  background:#f5f5f5;
  z-index: 55;
}
.mega-navi {
  display: none;
  list-style-type: none;
  /*border: 1px solid #B4A576;*/
  width: 1270px;
  position: absolute;
  top: 55px;
  left: 0;
  padding: 15px;/*39*/
  background: #f5f5f5;
  z-index: 50;

  text-align: left;
}
.mega-navi__unit {
  padding: 10px;
  text-align: left;
  width: 31%;
  display: inline-block;
  vertical-align: top;
}
.mega-navi__link {
  display: block;
  width: 100%;
}
.mega-navi__link ul li a:hover{
  background-color: #f5f5f5;
}

/*--------検索窓--------*/
.header-search {
	position: relative;
  	/*margin-top: 20px;*/
	width: 300px;
	padding-top:14px;
}
.header-search i {
  position: absolute;
  top: 26px;
  left: 15px;
}/*Fontawesome設定*/
.header-search__box {
  min-width: 240px;
  padding: 7px 7px 7px 51px;
  background: #fff;
  border: 1px solid #e5e5e5;
  /*border-radius: 3px;　190528　変更*/
  color: #333;
}
.header-search__box:focus {
  /*padding: 14px 10px 16px 50px;　190528　変更*/
  background: #ccc;
  border: 1px solid #e5e5e5;
}

/*--------スライダー slider--------*/
#slider div {
	width: 100%;
	height: auto !important;
	overflow:hidden;
}
.slider {
	margin: 0 auto;             /* 画面中央にする */
}
.slider img{
	width: 100% !important;
	height: auto;
}
.slider .bx-wrapper {
  z-index: 0;
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
.slider .bx-wrapper .bx-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
}
.slider .bx-wrapper .bx-caption span {
  font-size: 18px;
  padding: 30px;
}
.slider .bx-wrapper .bx-pager {
  padding-top: 20px !important;
  bottom: -30px !important;
}


/*--------main--------*/
.container {
  margin: 0 auto;
}
.main__section {
  /*border-block-start: 1px solid #B4A576;
  border-bottom: 1px solid #B4A576;*/
  /*margin-bottom: 60px;*/
  padding: 60px 0;
  overflow: hidden;
	width:1300px;
}

.main__section--product {
  padding: 20px 0 60px;
}

/*--------sidebarサイドバー--------*/
.sidebar__section {
  float: left;
  width: 270px;
  margin-right: 60px;
}

.menu__section {
  margin-bottom: 30px;
}

.more-prd span {
  cursor: pointer;
}

/*--------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;
}<strong></strong>

.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;
}
/* history */
.history__section {
  clear: both;
  /*border-top: 1px solid #B4A576;*/
	background-color:#F5F5F5;
  padding: 40px;
}

.history__section img{
	max-height: 110px;
}


.history__section > .section__title-h2{
	color:#000!important;
	font-size: 16px;
	text-align: left;
}


/*--------------------------*/
/*--------ボタン--------*/

.btn-open {
	border-radius: 2px;
	margin: 20px 0 10px 0;
	background-color: #f5f5f5;
	font-size: 16px;
	min-width: 200px;
	text-align: center;
  display: inline-block;
  padding: 12px 20px!important;
  text-decoration: none;
  color: #000;
  border: solid 1px #ccc;
  transition: .2s;
}
.btn-open:hover{
	background:#E4EFFF;
	color: #000;
}
.btn-open i{
	margin-right: 10px;
}


/*--------支払い説明など--------*/
.footer__guide {
  padding-bottom: 30px;
  margin-bottom: 60px;
  border-bottom: 1px solid #B4A576;
}
.guide__col {
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}
.guide__col--one-third {
  width: 410px;
}
.guide__col--half {
  width: 625px;
}
.guide__h2 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #B4A576;
  font-size: 16px;
}
.guide__list {
  margin: 0;
}
.guide__name {
  padding-bottom: 15px;
}
.guide__other {
  margin: 0;
  padding-bottom: 30px;
  color: #333;
}

/*--------------------------*/
/*--------footer フッターナビ--------*/
.footer__section {
	/*border-bottom: 1px solid #B4A576;*/
	background-color:#1e1843;
}

/*--------------------------*/
/*--------footerの社名--------*/
.footer_info{
}
.footer_info h2{
	font-size: 18px;
	color:#fff;
}
.footer_info p{
	color: #fff;
}
.footer_info p a{
	color: #fff!important;
}
.footer_info p a:hover{
	color: #dee6f1!important;
}
.footer_info p a i{
	margin-left: 10px;
}
.footer__navi {
	margin: 0 auto;
	padding-top:30px;
	width: 1300px;
}
.footer__navi ul li a{
	color: #fff!important;
}
.footer__navi ul li a:hover{
	color: #dee6f1!important;	
}
.footer-navi__col {
  list-style-type: none;
  line-height: 2.2;
}
.footer-navi__col i{
  margin-left: 10px;
}
.ullg{
	border-left:1px solid #423e58;
}
.ulsm{
	list-style-type: none;
	line-height: 2.2;
	padding-left: 10px;
}
.shop-owner {
  overflow: hidden;
}
.shop-owner__img {
  float: left;
  width: 200px;
  margin-right: 20px;
}
.shop-owner__info {
  float: left;
  width: 290px;
}

.shop-owner__name {
  margin-bottom: 16px;
  font-weight: bold;
}

.shop-owner__memo {
  line-height: 1.8;
}

.sns-list {
  list-style-type: none;
  padding-bottom: 60px;
}

.sns-list__unit {
  display: table-cell;
  padding-right: 5px;
}

.pagetop__btn{
	position: fixed;
	bottom: 30px; 
	right: 30px;
	padding: 20px 40px;
	background: #9D9D9D;
	opacity: 0.8;
	border: none !important;
}
/*.pagetop__btn {
  display: block;
  padding: 18px 0;
  width: 100%;
  max-width: 50px;
  float: right;
}*/

/*--------------------------*/
/*--------コピーライト--------*/
.copyright__section {
	background-color:#1D1C1C;
	padding: 15px 0;
	font-size: 10px;
}

.copyright {
	width: 1300px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}
.copyright a{
	color: #fff;
}
.copyright__img {
  width: 200px;
  height: 18px;
  margin: 0 0 5px 5px;
}

/*--------menu-list --------*/
.menu-list {
  margin: 10px 0 0;
  list-style-type: none;
}

.menu-list--more-prd {
  margin: 10px 0 20px;
}

.menu-list__link {
  display: table;
  padding: 10px 0;
  width: 100%;
}

.menu-list__text {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
  width: 90%;
}

.menu-list__icon {
  display: table-cell;
  vertical-align: middle;
  width: 10%;
  text-align: right;
}

.category-list__unit {
  position: relative;
}

/*--------calender--------*/
.cal {
  margin: 20px 0 60px;
  text-align: center;
}

.tbl_calendar {
  margin-bottom: 20px;
  width: 100%;
}
.tbl_calendar caption {
  text-align: center;
  padding: 6px 0;
}
.tbl_calendar th {
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
}
.tbl_calendar td {
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
}

/*--------qrcode--------*/
.qrcode {
  margin: 20px 0 60px;

  text-align: center;
}

/*--------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-sm img{
  max-height: 110px;
}
.product-list__unit-md {
  width: 141px;
}
.product-list__unit-md img{
  max-height: 141px;
}
.product-list__unit-lg {
  width: 303px;
}
.product-list__unit-lg img{
  max-height: 303px;
}

.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 {
  padding-top: 60px;
  line-height: 1.8;
  background: url(https://img.shop-pro.jp/tmpl_img/81/spacer.png) no-repeat;
}

.product__model {
  color: #333;
}

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

.product__image-thumb ul li {
  cursor: pointer;
  margin-bottom: 25px;
  padding: 0 10px;
}

.image__thumb {
  padding: 2px;
  border: 2px solid #fff;
}

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

.product__guide {
  padding: 0 0 60px;
}

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

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

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

.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-block-start: 1px solid #B4A576;
  border-bottom: 1px solid #B4A576;
  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 #B4A576;
}

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

.init-list__detail-num {
  width: 200px;
  height: 38px;
  border: 2px solid #B4A576;
  display: inline-block;
}

.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 #B4A576;
  border-inline-start: 1px solid #B4A576;
}
.option-table table th, .option-table table td {
  padding: 11px 7px;
  border-block-start: 1px solid #B4A576;
  border-inline-end: 1px solid #B4A576;
}
.option-table table th {
  text-align: center;
}
.option-table table td {
  vertical-align: top;
  text-align: center;
}

.related-list {
  text-align: right;
  padding-right: 15px;
}

.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 {
	font-size: 18px;
  padding: 20px 0 5px;
}
.shop-info-list__title:first-child {
  padding: 0 0 5px;
}

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

/*
 * Module
 */
.section__title-h2 {
  margin: 0;
	color: #b4a576!important;
	font-size: 22px;
  padding-bottom: 15px;
	margin-bottom: 15px;
  /*border-bottom: 3px solid #B4A576;*/
	border-bottom: solid 3px  #B4A576; /*190528*/
  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-addcart:hover{
	background-color: #e4efff !important;
}
.btn__soldout.disabled,
.btn__soldout[disabled] {
  background-color: #cf0400;
  color: #fff;
}

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

.txt--md {
  font-size: 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;
}


/*--------------------------*/
/*--------フリーページ共通--------*/
.free_ttl {
	margin: 0 auto;
}

.free_ttl h1{
	text-align: center;
	font-size: 40px;
	color: #095e82;
	margin: 30px 0;
}

.free_subnavi{
}
.free_subnavi ul{
	padding: 20px 0;
	background: #6653c6;
}
.free_subnavi ul li{
	display: inline;
	list-style-type: none;
	margin-right: 30px;
	margin-left:20px;
}
.free_subnavi ul li a{
	color: #fff;
}
.free_subnavi ul li a:hover{
	color: #E2E2E2;
}
.free_subnavi ul li i{
	margin-left: 10px;
}
.free_content {
}
.free_content h2{
	text-align: center;
	font-size: 36px;
	margin: 60px 0 10px 0;
	color: #b4a576;
}
.free_content h3{
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}
.free_content h4{
	font-size: 18px;
	color: #6653c6;
	padding-bottom: 15px;
	border-bottom: 1px solid #6653c6;
}

.free_content p{
	line-height: 170%;
	margin-bottom: 50px;
}

.free_point{
	border: 2px dotted #b4a576;
	padding:30px;
	margin: 40px 0;
}

.free_point h2{
	font-size: 18px;
	position: relative;
	padding: 0.6em;
	background: #e1d8bc;
	margin:0 auto;
	color: #000;
	text-align: left;
}
.free_point h2:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e1d8bc;
	width: 0;
	height: 0;
}
.free_point ol{
	margin:30px 0 0 0;
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0.5em;
}
.free_point ol li{
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}
.free_point ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #585858;
  color: #fff;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.free_point ul{
	margin:30px 0 0 0;
}
.free_point ul li{
	list-style-type: none!important;
} 

.free_special{
	background-color: #f3f8ff;
	margin: 30px 0;
	padding: 5px 35px;
}

.free_note{
  padding:0 1em;
  background: linear-gradient(#ccc 1px, transparent 1px) #fff;
  background-size: auto 2.5em;
  line-height: 255% !important;
  overflow: hidden;
}

.concept_head{
	border: 10px solid #ccc;
	padding:20px;
	margin: 40px 0;
	text-align: center;
}
.concept_head p{
	font-size:18px;
	font-weight: bold;
	color:#666;
	line-height: 180% !important;
	margin:0 !important;
}

.concept_read {
	line-height: 180%;
	font-size: 16px;
}

/*--------------------------*/
/*--------フリーページ共通 支払方法、使い方などのページ--------*/
.free_ex{
}
.free_ex ul{
	padding:15px;
	border: solid 1px #000;
	list-style-type: none;
}


/*--------------------------*/
/*--------アコーディオン--------*/
.accbox {
    margin: 2em 0;
    padding: 0;
}
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 0;
    color :#000;
    font-weight: bold;
	font-size: 18px;
    background :#e1d8bc;
    cursor :pointer;
    transition: all 0.5s;
	vertical-align: middle;
}

.accbox label i{
	margin-left: 15px;
	margin-right: 15px;
}

.accbox label:hover {
    background :#ece4cc;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
    height: auto;
    padding: 0 20px;
    opacity: 1;
}


/*--------------------------*/
/*--------セレクトボックス--------*/
.free_select{
	padding: 20px;
	background: #6653c6;
}
.free_select p{
	color: #fff;
	margin-bottom: 10px;
}
.free_select > .cp_ipselect {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;　/*190528追加*/
  overflow: hidden;
  width: 90%;
  text-align: center;
}
.free_select > .cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
	min-height: 50px!important;
}
.free_select > .cp_ipselect select::-ms-expand {
  display: none;
}
.free_select > .cp_ipselect.cp_sl04 {
  position: relative;
  border: 1px solid #e5e5e5;
  background: #ffffff;
}
.free_select > .cp_ipselect.cp_sl04::before {
  position: absolute;
  top: 22px;
  right: 0.8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #6653c6;
  pointer-events: none;
}
.free_select > .cp_ipselect.cp_sl04 select {
  padding: 8px 38px 8px 8px;
  color: #000;
}


/*--------------------------*/
/*--------お客様の声--------*/
.vcard{
  border:1px solid #b4a576;
  padding:10px;
	margin-bottom: 30px;
}
.vcard > .both {
  clear: both;
}
.vcard > .vttl {
  float: left;
  margin: 0;
	padding: 10px;
  background-color: #e1d8bc;
  width:70%;
	font-weight: bold;
	font-size: 18px;
}
.vcard > .vspec {
  float: right;
  margin: 0;
	padding: 10px;
  background-color: #e1d8bc;
	width: 25%;
	font-weight: bold;
	font-size: 18px;
}
.vcard p {
	padding: 15px;
	margin: 0;
}
.vcard_box{
	margin-bottom: 60px;
}


/*--------------------------*/
/*--------左カラム--------*/
.top_leftside{
	padding: 20px 20px 10px 20px;
	background-color: #f5f5f5;
}


/*--------------------------*/
/*--------商品登録--------*/
.product_headline{
	color: #6653c6;
	font-size: 26px;
	margin: 20px 0 10px 0;
}

.product_info{
}

.product_info h1{
	font-size: 22px;
	padding-bottom:10px;
	border-bottom: 2px solid #56585c;
	margin: 20px 0;
}

.product_info h2{
	font-size: 20px;
	margin: 20px 0 5px 0;
}

.product_info h3{
	color: #666;
	font-size: 18px;
	margin:0 0 5px 0;
}

.product_info h4{
	color: #666;
	font-size: 16px;
	margin:0 0 5px 0;
}

.product_info p{
	margin:0 0 20px 0;
}
.product_info ul{
	margin: 15px 0;
	padding:20px;
	background: #f8f8f8;
	/*border:2px dotted #b4a576;*/
}
.product_info ul li{
	list-style-type: none;
	line-height: 200%;
}
.product_info ul li ul{
	margin: 10px 0;
	padding:20px;
	border: none;
	background:#f8f8f8;
}
.product_info ul li ul li{
	list-style-type: none;
	line-height: 200%;
}

.product_info ol{
	margin:30px 0 15px 0;
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:30px;
	border:2px dotted #b4a576;
}

.product_info ol li{
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}

.product_info ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #585858;
  color: #fff;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product_info img{
	margin: 15px 0;
}


/*--------------------------*/
/*--------引用--------*/

blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #f2f9ff;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #d2e6ff;
    font-size: 58px;
    line-height: 1;
    font-weight: 900;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #d2e6ff;
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}