/*基本*/
  html {
    overflow-x: hidden;
   }


body {
  margin: 0;
  color: #333333;
  font-family: arial, sans-serif;
  line-height: 1.8;
  background-color: #c30;
}

img {
	max-width: 100%;
	height: auto;
}

/*ヘッダーメニュー*/
header {
    text-align: center;
    font-size: 0.9rem;
    padding: 0;
}
header a {
    display: inline-block;
    padding: 0.5rem 2rem;
}
header .col-3,.row {
  padding: 0;
}

.site-tit {
  padding: 2rem 0 2.5rem 0;
  text-align: center;
}

/*トップ用*/

.syouhin-cat {
	background-color: #4c210d;
}

.syouhin-cat h2 {
	color: #fff;
	margin: 2rem 0 4rem 0 !important;
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}

.syouhin-cat h2:before,
.syouhin-cat h2:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 3px #8b5a2d;
  border-bottom: solid 3px #8b5a2d;
}

.syouhin-cat h2:before {
  left: 0;
}
.syouhin-cat a:hover {
  text-decoration: none;
}

.syouhin-cat h2:after {
  right: 0;
}

.syouhin-cat figure {
	 overflow: hidden;
	margin: 0;
	border-top-left-radius: 0.8rem;
	border-top-right-radius: 0.8rem;
}
.syouhin-cat figure img {
	display: block;
	transition: 0.5s;
}
@media(min-width:992px) {
.syouhin-cat figure img:hover {
	transform: scale(1.1, 1.1);
}
}

.syouhin-cat h3 {
	color: #4c210d;
	margin: 0rem !important;
	padding: 1.4rem !important;
  text-align: center;
	font-size: 1.4rem;
	font-weight: bold;background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 87%, rgba(204,204,204,1) 100%);
	border-bottom-left-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem;
	position: relative;
}
.syouhin-cat h3 .material-icons {
	color: #ca3415;
	font-size: 2.4rem;
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.syouhin-cat .card {
	border-width: 0;
	padding: 0;
	border-top-left-radius: 0.8rem;
	border-top-right-radius: 0.8rem;
	border-bottom-left-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem;
}

.tokusen-tit {
	width: 300px;
}
.tokusen {
	background-color: #f3e6c0;
	padding: 1rem;
}
.tokusen figure {
	 overflow: hidden;
	margin: 0;
	border-radius: 0.8rem;
}
.tokusen img {
	display: block;
	transition: 0.5s;
}
@media(min-width:992px) {
.tokusen img:hover {
	transform: scale(1.1, 1.1);
}
}
.tokusen img {
	width: 100%;
}

.news-area {
	background-image: url("https://file003.shop-pro.jp/PA01469/966/img/news_bg.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}
.top-sub {
	margin: 0;
	padding: 0;
}
.top-sub li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.top-sub li a {
	display: block;
	margin: 0 0 1px 0;
	padding: 1rem;
	background-color: #4c210d;
	color: #fff;
	position: relative;
}
.top-sub li a .material-icons {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #ca3415;
}

/*カテゴリトップ用*/

.tit-bg h1 {
	color: #fff;
	line-height: 300px;
}

.tit-bg {
	background-size: 100%;
	background-position: center;
	text-shadow:0 0 20px #000;
}

.tit-bg.bg-syouyu {
	background-image: url("https://file003.shop-pro.jp/PA01469/966/img/syouyu_bg.jpg");
}

.tit-bg .breadcrumb-item.active {
  color: #f1f1f1;
}
.tit-bg .breadcrumb-item a {
  color: #ff6633;
}
.tit-bg .breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #f1f1f1;
  content: "/";
}

/* =Menu
-------------------------------------------------------------- */

.main-menu {
  background-color: #c30;
}

.main-menu .container-fluid {
  padding: 0;
}

.main-menu ul {
  margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	font-weight: bold;
	font-size: 1.2rem;
}
.main-menu ul li {
	width: 25%;
	float: left;
}
.main-menu ul li+ li {
	border-left: 1px solid #fff;
}
.main-menu .nav-link {
  color: #fff;
	padding: 1rem;
	display: block;
}

ul li:first-child {
	border: none;
}
.main-menu .active .nav-link {
  background-color: #f00;
}
.main-menu .nav-link:hover {
  background-color: #f00;
}
.main-menu .active .nav-link:hover {
  background-color: #f00;
}

/*送料とか*/
.souryou {
  margin: 0;
  padding: 0;
    background-color: #fff;
    font-size: 0.8rem;
	font-weight: bold;
  line-height: 2;
}
.souryou p {
  margin: 0;
  padding: 0;

}
.souryou .oomoji {
  font-size: 1.8rem;
}
.souryou .oomoji02 {
  font-size: 1.2rem;
  line-height: 0.8rem;
}

/*コンテンツ背景*/
.main_contents {
  background-color: #fbf8ed ;
  padding: 1rem;
}

.fd {
  display: block;
  margin: 2rem 0;
}

.fd_01 {
  font-size: 0.9rem;
  color: #4d210a;
}
.fd_02 {
  font-size: 1.45rem;
  color: #390;
}

div .title {
  padding: 2rem 0 2.5rem 0;
  text-align: center;
}

/*見出し*/
h1 {
	font-size: 2.8rem !important;
	font-weight: bold !important;
  margin:0;
  padding: 1.5rem 0.5rem 3.4rem 0.5rem !important;
  text-align: center;
	color: #330000;
}

h3 {
	margin: 2rem 0 1rem 0 !important;
  padding: 0 0.5rem 0 0.5rem !important;
}

.maru_icon {
  border-radius: 50%;
}

/*円ボタン部コンテナ*/
.container-fluid {

}
.row {

}
.col-3,.col-9 {

}

.col-4 {

}

.mannaka {
  display: block;
  margin: 1.5rem 2rem;
}

h2 {
  color: #4d210a;
  text-align: center;
  margin: 3rem 0 2rem 0 !important;
	font-weight: bold !important;
	font-size: 2.4rem !important;
}

form {
  padding: 0.5rem;
}

.container-fluid,.col-4 {

}
.row {

}

.tokusen .col-4 {
  padding: 10px;
  text-align: center;
}

.tokusen .row {
  margin: -10px;
}


.maru_btn .col-4 {
  padding: 1rem;
}

.catch {
  font-size:118%;
}

.lead {	
       font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	color: #330000;
	font-size: 1.4rem !important;
	line-height: 2;
}




@media(min-width:1289px) {
  .wrapper,
  .container {
    max-width: 1200px !important;
    margin: 0 auto;
	  padding: 0;
  }
}






/*テーブル*/

.tbl_calendar th, .tbl_calendar td {
  padding: 0.5rem;
  border: #ccc 1px solid;
  background-color: #fff;
}



/*フッター*/
footer {
    background-color: #4d210a;
    color: #ffffff;
  margin-bottom:-30px;
}

.sns_link {
  text-align: center;
  background-color: #fff;
  color: #333;
}

.sns_link img {
  display: inline-block;
  margin: 1rem;
}

.footer_nav {


  padding: 1rem 0;
  font-size: 0.9rem;
}

.footer_nav ul {
  margin: 0;;
}



address {
  padding: 1rem 0;
  background-color: #c30;
}

address .oomoji {
  font-size: 1.4rem;
}

address .oomoji02 {
  font-size: 2rem;
}

/*標準のリンク色*/
a:link {
    color: #00c;
    text-decoration: none;
  }

footer a:link {
    color: #fff;
    text-decoration: none;
  }
  
a:visited {
    color: #33f;
    text-decoration: none;
  }

footer a:visited {
    color: #fff;
    text-decoration: none;
  }
  
a:hover {
    color: #ff0000;
    text-decoration: none;
  }

footer a:hover {
    color: #ff0000;
    text-decoration: none;
  }
  
a:active {
    color: #33f;
    text-decoration: none;
  }
/*メインイメージ*/
.main_img {
  text-align:center;
}

/* ************************************************ 
*  Calendar
* ************************************************ */

table.tbl_calendar {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-bottom: 20px;
margin-left: 20px;
width:200px;
float:left;
font-size:86%;
line-height:1.6;
}
table.tbl_calendar th {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 2px 5px;
background: #e7e4da;
text-align:center;
}
table.tbl_calendar td {
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 5px;
text-align:right;
}

.freedial img[src$=".svg"] {
    width: 100%;
}

/*リンク*/
.main_contents a {
  color: #c30;
}
.main_contents a:hover {
  color: #c30;
}
.main_contents a:active {
  color: #c30;
}

/*wrapper*/
.wrapper_ue {
	background-color:#f2e6c0;
	background-image: url("https://file001.shop-pro.jp/PA01333/821/img/content_bg.jpg");
}
.wrapper_ue .btn-primary {
  background-color:#c30;
  color: #fff;
  border:none;
}
.wrapper_ue .btn-primary:hover, .btn-primary:focus, 
.wrapper_ue .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
.wrapper_ue .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus {
    background: #f00;
    color: #fff;
}
.container .btn-warning{
  background-color:#fff;
  color: #4c210d;
  border-top: 3px solid #4c210d;
  border-right: 0 solid;
  border-bottom: 0 solid;
  border-left: 0 solid;
	font-size: 1.4rem;
	padding: 1rem;
}}
.container .btn-warning:hover{
  background-color:#fff !important;
}
.container .btn-primary {
  background-color:#c30;
  color: #fff;
  border:none;
}
.container .btn-primary:hover, .btn-primary:focus, 
.container .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
.container .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus {
    background: #f00;
    color: #fff;
}
form .btn-primary {
  background-color:#c30;
  color: #fff;
  border:none;
}
form .btn-primary:hover, .btn-primary:focus, 
form .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
form .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus {
    background: #f00;
    color: #fff;
}
/*商品一覧*/
h4.card-title {
	font-size:1.2rem;
	color:#000;
}
.card-syouhin {
  text-align: center;
}
.card-body .kakaku {
	font-size:1.3rem;
	color:#f00;
	text-align:center;
	margin-bottom:0.2rem;
}
.card-syouhin {
	position: relative;
	padding-top: 20px;
	padding-bottom: 50px;
  overflow: hidden;
}
.card-syouhin .text-center {
	padding: 0 20px;
}

@media(max-width:600px) {
  
.card-syouhin .text-center {
	padding: 10px 10px 0 10px;
}
	
}

.card-syouhin img {
	max-width: 100%;
}
.card-syouhin img.prd_lst_img {
	display: block;
	transition: 0.5s;
}
.card-syouhin:hover {
  text-decoration: none;
}
@media(min-width:992px) {
.card-syouhin:hover img.prd_lst_img {
	transform: scale(1.1, 1.1);
}
}
.card-body {
	color:#666;
	padding-bottom:0.8rem;
  text-align: center;
}
.card-footer {
	text-align:center;
	padding:0.6rem;
	background-color:#c30 !important;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-weight: bold;
}
.card-footer a {
  color: #fff;
}
.card-footer a:hover {
  color: #ff0;
}
.card-footer a:active {
  color: #ff0;
}

@media(max-width:992px) {
  
  
  .sp-1,
  .sp-4 {
    line-height:3;
  }
  .sp-2,
  .sp-3 {
    line-height:1.5;
  }
}

@media(max-width:1300px) {

  .wrapper {
	  padding: 0 1rem;
  }

  }

@media(max-width:768px) {
  
  
  html {
    overflow-x: hidden;
   }
  body {
    overflow-y: hidden;
   }



	
  .wrapper {
	  padding: 0 1rem;
  }
.main-menu .nav-link {
	padding: 0.6rem;
}
	
.main-menu li:nth-child(1) .nav-link,
.main-menu li:nth-child(4) .nav-link {
	line-height: 3;
}
.main-menu li:nth-child(2) .nav-link,
.main-menu li:nth-child(3) .nav-link {
	line-height: 1.55;
}
	
	h2 {
		font-size: 1.4rem !important;
	}
	
.syouhin-cat h2 {
	color: #fff;
	margin: 1rem 0 2rem 0;
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}

dt {
  color: #c30 !important;
  font-weight: normal !important;
  font-size: 0.9rem !important;
}

.uresuji_photo {
  height: 18rem;
	width: auto;
	border-radius: 10px;
}
	
.uresuji_photo .rank-circle {
	left: -0.5rem;
	top: -0.8rem;
}

.uresuji_photo img {
  height: 50%;
	margin-top: 15%;
} 
  h1 {
   font-size: 1.8rem !important; 
    padding: 1rem 0 !important;
  }
}

@media(max-width:575px) {
.main-menu ul {
	font-size: 0.8rem;
}
.syouhin-cat h3 {
	font-size: 0.9rem;
	padding: 0.8rem !important;
}
.syouhin-cat h3 .material-icons {
	color: #ca3415;
	font-size: 1.4rem;
	position: absolute;
	top: 0.6rem;
	right: 0.2rem;
}

.tokusen-tit {
	width: 200px;
}
.uresuji_photo {
  height: 9rem;
	width: auto;
}
.uresuji_photo .rank-circle {
	width: 40px;
	line-height: 40px;
}
.tit-bg {
	background-size: cover;
}
.tit-bg h1 {
	line-height: 60px;
}

h1 {
	font-size: 2rem;
}
	
	.lead {
		font-size: 1rem !important;
	}
.container .btn-warning{
  background-color:#fff;
  color: #4c210d;
  border-top: 3px solid #4c210d;
  border-right: 0 solid;
  border-bottom: 0 solid;
  border-left: 0 solid;
	font-size: 0.9rem;
	padding: 0.6rem 0;
}
h4.card-title {
	font-size:1rem;
	color:#000;
	text-align: center;
	margin-top: -0.8rem;
}
.card-body .kakaku {
	font-size:1.1rem;
	color:#f00;
	text-align:center;
	margin-bottom:0.2rem;
}
.card-syouhin {
	padding-top: 0;
}
.card-text {
	font-size:0.9rem;
	text-align:center;
}
.card-body {
	color:#666;
	padding-left:0.6rem;
	padding-right:0.6rem;
	padding-bottom:0.5rem;
}
	
}

.row::before, .row::after {
  display: none;
}

@media all and (max-width: 991px) {
form table.table tr th:nth-child(1), form table.table tr td:nth-child(2) {
	display: block;
	text-align: left;
}
form table.table tr td select {
	font-size: 90%;
}
}