/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
  padding:0;
  margin:20px 0 20px 0;
}
.cg_freespace_02 {
  padding:0;
  margin:20px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
  margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
  margin:0 0 10px 20px;
  padding:0;
}

/* 該当する商品がありません */
.no_item { height: 500px; }

/* ************************************************
*  freeUpr （上部フリースペース）
* ************************************************ */
#freeUpr { }



/* ************************************************
*  ranking （ランキング）
* ************************************************ */
#ranking { }

#ranking h2 {
  background: #7a993d;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
  font-size: 1.6rem;
  padding: 10px;
  margin-bottom: 0;
}
#ranking .rankBox { border: 2px #7a993d solid; padding: 22px 0 22px 31px; }
#ranking .rankList { clear: both; }

/* item_box */
#ranking .item_box {
  margin: 0 20px 0 0;
  width: 200px;
}
#ranking .item_box .item_image {
  margin: 0px auto;
  text-align: center;
	width: 200px;
	height: 200px;
  border: none;
}
#ranking .item_box .item_image img.item {
	max-height: 200px;
}
#ranking .item_badge {
  position: absolute;
  top: 0;
  left: -20px;
  width: 80px;
  height: 80px;
  z-index: 9999;
}
#ranking .item_box:first-child  .item_badge { background: url("https://file001.shop-pro.jp/PA01283/298/img/rank-1.png") no-repeat; background-size: cover; }
#ranking .item_box:nth-child(2) .item_badge { background: url("https://file001.shop-pro.jp/PA01283/298/img/rank-2.png") no-repeat; background-size: cover; }
#ranking .item_box:nth-child(3) .item_badge { background: url("https://file001.shop-pro.jp/PA01283/298/img/rank-3.png") no-repeat; background-size: cover; }

#ranking .item_box .item_detail {
  margin: 15px 0 0;
  padding-left: 0px;
  border-left: none;
}
#ranking .item_box .item_detail p.item_name {
  margin-bottom: 5px;
	font-size: 1.4rem;
  text-align: center;
}
#ranking .item_box .item_detail p.item_price {
  margin-bottom: 0px;
	font-size: 1.4rem;
  text-align: center;
}
#ranking .item_box .item_detail .sold_out { display: block; }

#ranking p.item_regular_price,
#ranking p.item_discount,
#ranking p.item_description { display: none; }

#ranking .box_last{ margin-right: 0; }


/* ************************************************
*  freeLow （下部フリースペース）
* ************************************************ */
#freeLow {  }


/* ************************************************
*  product_list_page （商品一覧）
* ************************************************ */
#cate-title {
	position: relative;
  margin-bottom: 20px;
}
#cate-title p {
	position: absolute;
	top: 170px;
	left: 30px;
	width:280px;
	height:200px;
	font-size: 1.4rem;
}

#pageTitle {}
#pageTitle br { display:none; }

.sub_category_area,
.sub_group_area {
  margin-bottom: 20px;
  padding: 10px 15px 0px;
	background: #f2efe7;	
}

.sub_category_area .sub_category li,
.sub_group_area .sub_group li {
	padding: 0 5px;
	margin-bottom: 10px;
}

.sub_category_area .sub_category a,
.sub_group_area .sub_group a {
	background: #fff;
	text-decoration: none;
  border: solid 1px #ccc;
  display: block;
	text-align: center;
}
.sub_category_area .sub_category a img,
.sub_group_area .sub_group a img {
	margin: 2px;
	float:left;
}
.sub_category_area .sub_category a span,
.sub_group_area .sub_group a span {
	text-decoration: none;
	height: 50px;
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	width: 112px;
	font-size:1.3rem;
  letter-spacing: -0.1em;
}
.sub_category_area .sub_category a:hover,
.sub_group_area .sub_group a:hover {
	color: #7a993d;
	background: #f1f5eb;
}

/* ************************************************
*  search_page
* ************************************************ */








.search_result {
  margin: 20px 0;
  padding: 10px 0;
  background: #ddd;
  text-align: center;
}

.none {
  margin: 50px 0;
  text-align: center;
}

/*----------------------------------------*----------------------------------------
2018.10.16追加 納期表示エリア
----------------------------------------*----------------------------------------*/

.noukiBox {
  padding: 10px;
  font-size: 2rem;
  text-align: center;
  border: 2px #45971d solid;
}
.noukiBox span {
  font-size: 2.4rem;
  color: #45971d;
}

/*----------------------------------------*----------------------------------------
2021.07.27追加 位牌フロー
----------------------------------------*----------------------------------------*/

.cp_stepflow-ihai {
	font-size: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 1em;
	padding: 0;
}
.cp_stepflow-ihai > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-overflow: ellipsis;
	color: #353833;
	 -ms-flex: 1;
	-moz-flex: 1;
	-webkit-box-flex: 1;
	     flex: 1;
}
.cp_stepflow-ihai > li .title {
	font-weight: bold;
}
.cp_stepflow-ihai > li .text {
	display: block;
	padding-right: 2.5em;
}
.cp_stepflow-ihai > li .bubble {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 0 0.5em;
	border-radius: 1000px;
	background-color: #45971d;
}
.cp_stepflow-ihai > li .bubble::after,
.cp_stepflow-ihai > li .bubble::before {
	position: absolute;
	top: 9px;
	display: block;
	width: 100%;
	height: 3px;
	content: '';
	background-color: #45971d;
}
.cp_stepflow-ihai > li:last-child .bubble::after,
.cp_stepflow-ihai > li:last-child .bubble::before {
	width: 0%;
	margin-right: 50%;
}

/*----------------------------------------*----------------------------------------
2022.0415バナースライド
----------------------------------------*----------------------------------------*/
/*CSSスライドショーアニメーション設定
---------------------------------------------------------------------------*/
/*1枚目*/
@keyframes slide1 {
	0% {left: 110%;}
	3% {left: 0%;}
	17% {left: 0%;}
	20% {left: -110%;}
	100% {left: -110%;}
}
/*2枚目*/
@keyframes slide2 {
	0% {left: 110%;}
	23% {left: 110%;}
	26% {left: 0%;}
	37% {left: 0%;}
	40% {left: -110%;}
	100% {left: -110%;}
}
/*3枚目*/
@keyframes slide3 {
	0% {left: 110%;}
	43% {left: 110%;}
	46% {left: 0%;}
	57% {left: 0%;}
	60% {left: -110%;}
	100% {left: -110%;}
}
/*4枚目*/
@keyframes slide4 {
	0% {left: 110%;}
	63% {left: 110%;}
	66% {left: 0%;}
	77% {left: 0%;}
	80% {left: -110%;}
	100% {left: -110%;}
}
/*5枚目*/
@keyframes slide5 {
	0% {left: 110%;}
	83% {left: 110%;}
	86% {left: 0%;}
	97% {left: 0%;}
	99% {left: -110%;}
	100% {left: -110%;}
}

/*mainimg
---------------------------------------------------------------------------*/
/*画像ブロック*/
#mainimg {
	clear: left;width: 100%;position: relative;
	background: #fffff;
	width: 707px;
	height: 115px;	
	overflow: hidden;
	margin-bottom: 30px;	/*css解説用に追加*/
}
/*5枚画像の共通設定*/
.slide1,.slide2,.slide3,.slide4,.slide5 {
	animation-duration: 40s;	/*実行する時間。「s」は秒の事。*/
	animation-iteration-count:infinite;		/*実行する回数。「infinite」は無限に繰り返す意味。*/
	position: absolute;left:0px;top:0px;
	animation-fill-mode: both;
	animation-delay: 1s;
    width: 100%;
}
/*１枚目*/
.slide1 {
	animation-name: slide1;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*２枚目*/
.slide2 {
	animation-name: slide2;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*３枚目*/
.slide3 {
	animation-name: slide3;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*4枚目*/
.slide4 {
	animation-name: slide4;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*5枚目*/
.slide5 {
	animation-name: slide5;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*----------------------------------------*----------------------------------------
2021.11.01追加 ＞お役立ちコラム
----------------------------------------*----------------------------------------*/
.oyakukoramu {
    margin: 0 0;
    border: solid 1px #000000;
}
.oyakukoramu {
    margin: 4em 0;
    background: #FFFFFF;
}
.oyakukoramu .box-title {
    font-size: 1.5em;
    background: #2B3881;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.oyakukoramu h3 {
    padding: 10px 20px;
    margin: 0;
	font-weight: bold;
}
.oyakukoramu p {
    padding: 15px 20px;
    margin: 0;
}

.oyakukoramu hr {
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #706F6F;
	width: 100%;
}

/*----------------------------------------*----------------------------------------
2022.04.22追加 ＞アンダーライン
----------------------------------------*----------------------------------------*/
.under {
  background: linear-gradient(transparent 60%, #eee8aa 20%);
}

/* 20241210 

ご進物・ギフト用お線香
神道用仏壇・祖霊舎（御霊屋）
現代仏壇
盆提灯・あんどん

お客様の声 */
.cate-voice {
	border: 1px #7a993d solid;
}
.cate-voice .title {
	background-color: #7a993d;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	padding: 10px;
	text-align: center;
	margin-bottom: 0 !important;
}
.cate-voice .flame {
	overflow: auto;
	height: 300px;
	width: 100%;
	padding: 20px;
}
.cate-voice .more {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}