/* CSS Document */

img {
	vertical-align: bottom;
}

/* ************************************************ 
 *	右側メニュー
 * ************************************************ */
#top-text  {
  margin:0 0 5px 0; 
	padding: 18px 10px 0 95px;
	background: url("https://file001.shop-pro.jp/PA01252/147/assets2403/img/top/top_comment.png") no-repeat;
	text-align: center;
  min-height:67px;
}
#top-text p {
	color:#0b0006;
  font-weight: bold;
  font-size: 14px !important;
	line-height: 1.6;
  letter-spacing: -.05em;
}

/*#top-text  {
  margin:10px 0px 10px 0px; 
	padding: 15px 20px 0 100px;
	background: url("https://img06.shop-pro.jp/PA01105/437/etc/210405_irassyaimase_bg.png")no-repeat;
	text-align: center;
}
#top-text p {
	color:#0b0006;
  font-weight: bold;
  font-size: 14px !important;
	line-height: 1.2;
}
#top-text p:last-of-type {
	margin-top: 15px;
	text-align: right;
}
#top-text p:last-of-type a {
	color: #F6007F;
}*/




#welcome {
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	width: 745px;
	margin-bottom: 15px;
}

#bnr_lanking {
	margin: 0 auto 15px;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}
#bnr_lanking li {
    width: 352px;
}

#bnr_group {
	width: 720px;
	margin: 0 auto;
	padding: 0;
}
#bnr_group .top-sub-ttl {
  margin: 5px auto 15px;
	padding: 7px 0 5px;
	background: url(https://file001.shop-pro.jp/PA01105/437/sp/assets/img/common/pt_heading@2x.png);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#bnr_group ul {
	width: 735px;
	margin: 0 0 0 -15px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#bnr_group li {
	width: 230px;
	margin-left: 15px;
	padding-bottom: 15px;
	float: left;
    font-size: 12px;
    line-height: 1.3;
}

#bnr_group li,
#bnr_lanking li {
    font-size: 12px;
    line-height: 1.3;

}

#bnr_group a, #bnr_lanking a {
	color: #666;
}
/*バナーのタイトル*/
.bnr_title {
	display: block;
	text-align: center;
	padding: 5px 0px 5px;
	border-bottom: none  !important ;
	
}
/*bnr_lanking*/
.bnr_lanking_border{
	border:  1px #b00000 solid;
}
/*bnr_group*/

/*バナーのタイトル*/
.bnr_title {
	display: block;
	text-align: center;
	padding: 5px 0px 5px;

	border-bottom: none  !important ;
	
}

/*bnr_lanking*/
.bnr_lanking_border{
	border:  2px #b00000 solid;
}
/*bnr_lanking*/
.bnr_lanking_border{
	border:  1px #b00000 solid;
}
/*bnr_group*/

.bnr_xmas_border{
  --c-border: #038D02;
}

.bnr_osyogatu_border{
  --c-border: #986C33;
}

.bnr_winter_border{
  --c-border: #2587D5;
}

.bnr_hot_border{
  --c-border: #742801;
}

.bnr_calendar_border{
  --c-border: #614728;
}

.bnr_keihi_border{
  --c-border: #3DB6EA;
	
}

.bnr_stall_border{
  --c-border: #fdab7b;
}
.bnr_pouch_border{
  --c-border: #ad6b0d;
	
}
.bnr_mask_border{
  --c-border: #b8d7ec;
	
}
.bnr_smartphone_border{
  --c-border: #a8a8a8;
	
}
.bnr_bath_border{
  --c-border: #f0a0bb;
	
}

.bnr_bag_border{
  --c-border: #e44f65;
}

.bnr_uv_border{
  --c-border: #ff0380;
}
.bnr_stationery_border{
  --c-border: #999;
	
}
.bnr_baramaki_border{
  --c-border: #b20000;
}
.bnr_kitchen_border{
  --c-border: #4ed3ff;
}
.bnr_outdoor_border{
  --c-border: #62a45a;
	
}
.bnr_bosai_border{
  --c-border: #030303;
}
.bnr_souji_border{
  --c-border: #0270df;
}

.bnr_paper_border{
  --c-border: #CB7693;
}

.bnr_towe_border{
  --c-border: #ad6b0d;
}

.bnr_newkitchen_border{
  --c-border: #272727;
}


.bnr_kids_border{
  --c-border: #030207;
}

.bnr_sweets_border{
  --c-border: #f96cb0;
}

.bnr_animal_border{
  --c-border: #fd6071;
}
.bnr_ecobag_border{
  --c-border: #98dd44;
}
.bnr_cup_border{
  --c-border: #ad6b0d;
}

.bnr_petigift_border{
  --c-border: #ebc86a;
}

.bnr_mirror_border{
  --c-border: #FBB6C5;
}

.bnr_biyozakka_border{
	border: 1px #DE1480 solid;
	
}

.bnr_tumbler_border{
	border: 1px #C7C7C7 solid;	
}

.bnr_zakka_border{
	border: 1px #C0B3A0 solid;
	
}

.bnr_syokuhin_border{
	border: 1px #D9A400 solid;
	
}


.bnr_monotone_border{
	border: 1px #000 solid;
	
}
.bnr_green_border{
	border: 1px #90C947 solid;
	
}

.bnr_denim_border{
	border: 1px #2E4664 solid;
	width:233px ;
	
}

.bnr_japan_border{
	border: 1px #010101 solid;
	
}

.bnr_lotter_border{
	border: 1px #B11515 solid;
	
}
.bnr_wa_border{
	border: 1px #E1B298 solid;
	
}
.bnr_highclass_border{
	border: 1px #142084 solid;

	
}
.bnr_omiyage_border{
	border: 1px #BFD7EC solid;
	
}
.bnr_seletopro_border{
	border: 1px #ccc solid;
	
}
/*new*/
.bnr_autumn_border{
  border: 1px #220807  solid;
}
.bnr_halloween_border{
	border: 1px #5C1A86 solid;
	
}

.bnr_reiwa_border{
	border: 1px #E50201 solid;
	
}

.bnr_uchiwa_border{
	border: 1px #EAD1E3 solid;
	
}

.bnr_cool_border{
	border: 1px #81D1EC solid;
	
}
.bnr_dairy_border{
	border: 1px #FEA6A7 solid;
	
}
.bnr_hanabi_border{
	border: 1px #022976 solid;
	
}
.bnr_utiwa_border{
	border: 1px #E3C0DF solid;
	
}
.bnr_cool_border{
	border: 1px #80D1EC solid;
	
}
.bnr_2020spring_border{
	border: 1px #C5ADD5 solid;
}
.bnr_2020summer_border{
  border: 1px #FDF202 solid;
}

.bnr_sports_border{
    border: 1px #ff1919 solid;
}

.bnr_nursery_school_border{
    border: 1px #0d3680 solid;
}

.bnr_oshikatsu_border{
    border: 1px #2cc7fe solid;
}


/* ************************************************ 
 *	右バナー
 * ************************************************ */
#right_right {
 width: 270px;
 height: auto;
 float: right;
 margin-top: 15px;
 }

#right_right p {margin: 0; padding: 0;}
 

#news_area table{
    width:97%;
    border-collapse: separate;
    border-spacing: 10px;
    color: #808080;
    font-weight: 700;
    line-height:0;
    border-spacing: 10px 0;
    margin-bottom:10px;

}
#news_area h2{
     background:url("https://img05.shop-pro.jp/PA01105/437/etc/bg_news_04.jpg") repeat-x;
    padding: 3px 10px;
}
#news_area div#scroll{
	height:100px;
	overflow-y:scroll;
	margin-bottom: 30px;
}
#news_area td, th {
     border-bottom:1px dotted #808080;
     padding:3px 10px;
     line-height:0;
}
#news_area li{
     list-style-image: url("https://img05.shop-pro.jp/PA01105/437/etc/star.gif");
     list-style-position:inside;
}
#news_area a{
     color:#FF6699;
}
#news_area a:hover{
     color:#FF6699;
}
td#date{
    padding: 8px 5px 5px;
    text-align: center;
}
td#topic{
    padding: 5px;
}
div#news_area{
    margin-bottom:10px;
}



/* ************************************************ 
 *	検索窓
 * ************************************************ */

#searchmenu {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.4;
 border-collapse:collapse;
 border:0px;
 width: 750px;
}
#searchmenu td {
 vertical-align: top;
}
#searchmenu a {
	color: #333333;
	text-decoration: underline;
}

#searchmenu a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
}

#searcharea_price {
	background-image: url(https://img05.shop-pro.jp/PA01105/437/etc/20120621_top_pricebg.jpg);
	height: 115px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 7px;
}
#searcharea_price #price_title {
 float: left;
 margin-right: 5px;
}
#searcharea_price ul {
}
#searcharea_price li {
	float: left;
}
#searcharea_price .highitem {
	width: 200px;
}


.tyawaku {
	width: 708px;
	background-color: #ECE9D8;
	padding-top: 6px;
	padding-right: 1px;
	padding-bottom: 6px;
	padding-left: 9px;
	margin-bottom: 20px;
	border: 1px solid #E0DCC0;
}
#smallbnr li {
	float: left;
	width: 240px;
	margin-bottom: 5px;
}
 #right720 {
 width: 720px;
 height: auto;
	margin-right: auto;
	margin-left: auto;
 }




/* ************************************************ 
 *	右バナー
 * ************************************************ */
#right_right {
 width: 270px;
 height: auto;
 float: right;
 margin-top: 15px;
 }

#right_right p {margin: 0; padding: 0;}
 

#news_area table{
    width:97%;
    border-collapse: separate;
    border-spacing: 10px;
    color: #808080;
    font-weight: 700;
    line-height:0;
    border-spacing: 10px 0;
    margin-bottom:10px;

}
#news_area h2{
     background:url("https://img05.shop-pro.jp/PA01105/437/etc/bg_news_04.jpg") repeat-x;
    padding: 3px 10px;
}
#news_area div#scroll{
	height:100px;
	overflow-y:scroll;
	margin-bottom: 30px;
}
#news_area td, th {
     border-bottom:1px dotted #808080;
     padding:3px 10px;
     line-height:0;
}
#news_area li{
     list-style-image: url("https://img05.shop-pro.jp/PA01105/437/etc/star.gif");
     list-style-position:inside;
}
#news_area a{
     color:#FF6699;
}
#news_area a:hover{
     color:#FF6699;
}
td#date{
    padding: 8px 5px 5px;
    text-align: center;
}
td#topic{
    padding: 5px;
}
div#news_area{
    margin-bottom:10px;
}



/* ************************************************ 
 *	検索窓
 * ************************************************ */

#searchmenu {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.4;
 border-collapse:collapse;
 border:0px;
 width: 750px;
}
#searchmenu td {
 vertical-align: top;
}
#searchmenu a {
	color: #333333;
	text-decoration: underline;
}

#searchmenu a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
}

#searcharea_price {
	background-image: url(https://img05.shop-pro.jp/PA01105/437/etc/20120621_top_pricebg.jpg);
	height: 115px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 7px;
}
#searcharea_price #price_title {
 float: left;
 margin-right: 5px;
}
#searcharea_price ul {
}
#searcharea_price li {
	float: left;
}
#searcharea_price .highitem {
	width: 200px;
}


.tyawaku {
	width: 708px;
	background-color: #ECE9D8;
	padding-top: 6px;
	padding-right: 1px;
	padding-bottom: 6px;
	padding-left: 9px;
	margin-bottom: 20px;
	border: 1px solid #E0DCC0;
}
#smallbnr li {
	float: left;
	width: 240px;
	margin-bottom: 5px;
}
 #right720 {
 width: 720px;
 height: auto;
	margin-right: auto;
	margin-left: auto;
 }

/* 220928追記　トップバナーSP版と同ソースに修正 */
.top-banners {
	margin: 40px auto;
}
.top-banners section {
	margin-bottom: 40px;
}
.top-banners section:last-of-type {
	margin-bottom: 0;
}
.top-banners h2 {
	margin: 5px auto 15px;
    padding: 7px 0 5px;
    background: url(https://file001.shop-pro.jp/PA01252/147/assets2403/img/top/headline_bg.png);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.top-banners ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 15px;
	padding: 0;
}
.top-banners ul li {
    width: 230px;
    font-size: 12px;
    
}
.top-banners ul li a {
    color: #666;
    text-decoration: none;
}

.top-banners ul li span {
    display: block;
    text-align: center;
    padding: 5px 0px 5px;
    border: 1px solid var(--c-border, #ddd);
    border-bottom: none !important;
}



/* ************************************************ 
 *	商品カテゴリー
 * ************************************************ */
 
 .categorylist__ttl {
    margin-bottom: 10px;
    padding-bottom: 7px;
    font-size: 15px;
    font-weight: bold;
    color: #079f00;
    border-bottom: #079f00 3px solid;
 }
 .categorylist {
  margin: 0 auto;
	padding: 0;
	width: 720px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 4px;
 }
 .categorylist li {
  margin: 0 auto;
	padding: 0;
	width: 236px;
 }
 .categorylist li h3 {
  margin-bottom: 10px;
 }
 .categorylist li h3 a {
  position: relative;
  display: grid;
  align-items: end;
 }
 .categorylist li h3 a img {
  grid-area: 1/2;
  border-radius: 5px;
  border: #079f00 1px solid;
  box-sizing: border-box;
 }
 .categorylist li h3 a span {
  padding: 5px 16px 3px 5px;
  grid-area: 1/2;
  background: rgba(7, 159, 0, 0.8);
  font-size: 15px;
  font-weight: bold;
  line-height: 17px;
  color: #FFF;
  border-radius: 0 0 5px 5px;
  position: relative;
 }
 .categorylist li h3 a span::after {
  content: '';
  width: 6px;
  height: 6px;
  border: #FFF solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  right: 8px;
  top: calc(50% - 4px);
 }
 .categorylist li h3 a:hover {
  text-decoration: none;
  filter: brightness(1.1);
 }
.category_ul p{
font-size: 13px;
line-height: 14px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 10px;
}