@charset "UTF-8";
/*-----------
  --------h1-------*/
  #top h1{
  padding: .25em 0 .25em .75em;
  border-left: 10px solid #009933;
  }
/*------------------------------------------------------------
 * info
------------------------------------------------------------*/
#info{
	width:98%;
  margin: 0 auto 50px}
#infoTtl{
	font-size: 150%;
	margin-bottom: 10px;
}
#info dl{
	max-height: 200px;
	overflow: auto;
}
#info dl dt{
	float:left;
	width: 120px;
	margin-bottom:10px;
}
#info dl dd{
	float:left;
	width: 95%;
	margin-bottom:10px;
}
/**/
/* サイドメニュー */
.sidemenu	{margin-bottom: 10px;
	border-bottom:1px dotted #eeeeee;

}
.sidemenu ul{ 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	background-color:#fff;
}
.sidemenu li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 

}
.sidemenu li a{
	display: block; 
	border-left: 1px dotted #474655;
	border-top: 1px dotted #474655;
	border-right: 1px dotted #474655;
	border-bottom: 1px dotted #474655;
	padding: 10px 10px 10px 30px;
	margin: -1px 0px 0px 0px;
	text-decoration: none;
	color: #333;
	width: 220px; 
	text-align: left;
	font-size: 16px;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/li_1.gif) left 10px center;
	background-repeat:no-repeat;
}
.sidemenu li a:hover{
	background-color: #fcfcd1;
	text-decoration: underline;
	color:#FF33CC;
}
/*------------*/
/*----- PC向けレイアウトの指定：961px以上では固定レイアウト ------*/
@media only screen and (min-width: 961px) {
  
}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/*----*/

}

/*----------------------------------------------
---------------------------おすすめBOX-------------------------*/
/*
 * product list
 */
.prd-lst-unit {
  margin-bottom: 60px;
  padding: 0 5px;
  text-align: center;
}

.prd-lst-unittp a:hover {
  text-decoration: none;
}
.unit-boxtp {
  margin: 10px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #b2a487;
  -webkit-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
  box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
}
.prd-lst-imgtp {
  display: block;
  margin: 0 auto 1em;
}

.prd-lst-spantp {
  display: block;
  margin: .3em 0;
  font-size: 11px;
}

.prd-lst-nametp {
  font-size: 13px;
}

.prd-lst-pricetp {
  color: #333;
}
.prd-lst-pricetp:after{
content:url("https://img20.shop-pro.jp/PA01321/470/etc/nami.gif");
}
.prd-lst-regulartp {
  text-decoration: line-through;
}
/*---カレンダー*/
.tbl_calendar {
 border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-bottom:10px;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
/********** CALENDAR **********/
.p-calendar {
  box-sizing: border-box;
  flex: 1;
  padding: 50px 0 50px 30px;
  min-width: 510px;
}
@media screen and (max-width: 767px) {
  .p-calendar {
    padding-left: 0;
    min-width: inherit;
  }
}
.side_cal {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1030px) {
  .side_cal {
    justify-content: space-around;
  }
}
@media screen and (max-width: 500px) {
  .side_cal {
    display: block;
  }
}
.tbl_calendar {
  margin-left: 50px;
  width: 220px;
  text-align: center;
}
@media screen and (max-width: 1030px) {
  .tbl_calendar {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .tbl_calendar {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: auto;
  }
}