/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {}

.device-pc {
	display: none !important;
}
/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */

h1.site-title{
	width:112px;
	height:36px;
	display:block;
}

h1.site-title a{
	width:112px;
	height:36px;
	display:block;
	background:url(https://meats.itembox.design/item/logo.svg) no-repeat center;
	background-size:100% auto;
	text-indent:-9999px;
}

.fs-l-header {
   
	padding-top: 0px!important;
}



#h-info{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	background: #E5E5E5;
	height: 23px;
}
#h-info .txt{
	font-size: 10px;
	width: 50%;
	text-align: center;
}

#h-info .img{
	width: 50%;
	text-align: right;
	
}
#h-info .img img{
	height: 23px;
	
}

#header {
	width: 100%;
	height: auto;
	background: #fff;	
}

.header-inner {
	padding: 16px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.header-image{
	width: 100%;
	height:auto;
	display:block;
}

div.header-image img{
	width:100%;
	height:auto;
}

#header .regist {
	width: 45px;
	text-align: center;
}


#header .login {
  width: 45px;
	text-align: center;
}


#header .login .fs-pt-menu__link{
	letter-spacing: -0.12em;
}

#header .h-cart{
	width: 45px;
	text-align: center;
	
}
.header-inner a{
	font-size: 10px;
	display: block;
}

#header .login a {
	margin: 0;
	padding: 0;
   
}

#header .i-login a::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(https://sanko-kobe.com/images/common/i-member.png) no-repeat;
   background-size: contain;
	vertical-align: middle;
	margin: 0 auto 4px;
}


#header .fs-p-headerUtilityMenu__login a::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(https://sanko-kobe.com/images/common/i-login.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 auto 4px;
	
}



#header .fs-p-headerUtilityMenu__logout a::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(https://sanko-kobe.com/images/common/i-login.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 auto 4px;
}



#header .i-cart a::before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(https://sanko-kobe.com/images/common/i-cart.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 auto 4px;
}


#header nav.h-menu .i-cart a::before {
	content: '';
	display: none;
	width: 24px;
	height: 24px;
	background: url(https://sanko-kobe.com/images/common/i-cart.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 auto 4px;
	
}



#header nav.h-menu .fs-p-headerUtilityMenu__logout a::before {
	content: '';
	display: none;
	width: 24px;
	height: 24px;
	background: url(https://sanko-kobe.com/images/common/i-login.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 auto;
}






#header .i-menber {
	display: none;
}



#header .nav-btn {
   width: 10em;
}


#header .nav-btn li{
  margin: 0 12px;
}


#header .g-nav {
	background: #000;
}



#header .g-nav ul.nav-list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
}

#header .g-nav ul.nav-list a{
	color: #fff;
	font-size: 10px;
}

#header .g-nav ul.nav-list li{
	text-align: center;
	width: 25%;
	border-right: 1px solid #fff;
}

#header .g-nav ul.nav-list li:last-child{
	text-align: center;
	width: 25%;
	border-right: 0px solid #fff;
}



#header .g-nav ul.nav-list li a{	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#header .g-nav ul.nav-list span img{
	display: inline-block;
	width: 3em;
	margin: 0 0 5px;
}

#header .nav-btn li.is-loggedIn--true.i-menber:first-child{
	display:none;	
}

#header .nav-btn li.is-loggedIn--true.i-menber{
	display:block;
}

#header .nav-btn li.is-loggedIn--true.i-login{
	display:none;
}


.scroll-prevent {
	/*position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;*/
	
	overflow: hidden;
	height: 100%;
	
}



.toggle-txt{
	display: none;
	color: #000;
	margin: 5px 0 0 ;
	font-size: 10px;
}

nav.h-menu {
	display: none;
	/*background-color: rgba(238, 238, 238, 1);*/
	/*background-color: rgba(255, 255, 255, 1);*/
	left: 0;
	position: fixed;
	overflow-y: scroll;
	z-index: 9998;
	top: 70px;
	width: 100%;
	height: 100vh;
	-webkit-overflow-scrolling: touch;
}

nav.h-menu {
	display: none;
	/*background-color: rgba(238, 238, 238, 1);*/
	background-color: rgba(0, 0, 0, 0.7);
	left: 0;
	position: fixed;
	overflow-y: scroll;
	z-index: 9998;
	top: 80px;
	width: 100%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}


#header nav.h-menu .fs-p-headerUtilityMenu__login a::before {
	
	display: none;
	
}

/********** メニュー **********/
nav.h-menu {
	display: none;
	background-color: rgba(238, 238, 238, 1);
	left: 0;
	position: fixed;
	overflow-y: scroll;
	z-index: 9998;
	top: 75px;
	width: 100%;
	height: 100vh;
	-webkit-overflow-scrolling: touch;
}

#nav_toggle {
	display: block;
	width: 25px;
	height: 20px;
	position: relative;
	top: 0px;
	z-index: 9999;
	right: 0;
	left: 0;
	margin: 0 auto;
}
#nav_toggle div {
	position: relative;
}
#nav_toggle span {
	display: block;
	height: 2px;
	background: #000;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#nav_toggle span:nth-child(1) {
	top: 0px;
}
#nav_toggle span:nth-child(2) {
	top: 7px;
}
#nav_toggle span:nth-child(3) {
	top: 14px;
}

.open #nav_toggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
span.menu-txt {
	display: none;
	font-size: 20px;
	color: #fff;
	padding: 5px 110px;
}
.drawer-nav a {
	color: #fff;
}
.drawer-nav .drawer-menu {
	padding: 40px 0 40vw;
}
.drawer-nav .menu-inner {
	padding: 0 2em;
}
.drawer-nav .menber-info ul {
	display: flex;
	justify-content: space-between;
}
.drawer-nav .menber-info ul li {
	/* width: 30%; */
	width: 48%;
	/* margin: 0 0 10px; */
	border-radius: 5px;
}
.drawer-nav .menber-info .fs-p-headerUtilityMenu ul li {
	width: 48%;
	border: 0;
	border-radius: 5px;
	margin: 0;
	/*background: #000 url(https://meat5757.itembox.design/item/images/common/i-login.jpg) no-repeat 1em 49%;*/
	background: #000;
	padding: 8px 4px;
	text-align: center;
}
.drawer-nav .menber-info ul li.to-home {
	/*background: #000 url(https://meat5757.itembox.design/item/images/common/i-member.jpg) no-repeat 1em 49%;*/
	background: #000;
	padding: 0.5em 1em 0.5em 1em;
	text-align:center;
	width: 48%;
}

.drawer-nav .menber-info ul li.to-home a{
	color: #fff!important;
	font-size: 14px;

}
.drawer-nav .menber-info .blog-h-nav .fs-p-headerUtilityMenu__list li {
	width: 100%;
}

.fs-p-headerUtilityMenu__list > li + li {
	margin-left: 0;
}
.drawer-nav .fs-p-headerUtilityMenu__list a {
	display: block;
	color: #fff;
	font-size: 12px;
}
.fs-p-headerUtilityMenu__list a:link {
	color: #232525;
}
.fs-p-headerUtilityMenu__list a:visited {
	color: #232525;
}

.drawer-nav .fs-pt-menu__heading  a:link,.drawer-nav .fs-pt-menu__heading  a:visited{
	color:#fff;
}


.fs-pt-menu__link::before, .fs-pt-menu__link::after {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
}
.fs-p-headerUtilityMenu__list a::before {
	content: "";
	border: 0px solid transparent;
	border-right-width: -px;
	border-left-color: currentColor;
	display: inline-block;
	height: 0;
	width: 0;
}
.drawer-nav .fs-p-headerUtilityMenu__list {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 14px;
}
.drawer-nav .menber-info .point {
	border: 2px solid #000;
	background: #fff;
	padding: 2em 1em;
	text-align: center;
	margin: 0 0 2em;
}
.drawer-nav .menber-info .point p {
	color: #000;
	font-size: 18px;
}
.drawer-nav .menber-info .point span {
	color: #000;
	display: block;
	margin: 0 0 0.5em;
	font-size: 80%;
}
.drawer-nav .menber-info .point .btn-point {
	background: #c50e20;
	border-radius: 7px;
	margin: 0.5em 0 1em;
}
.drawer-nav .menber-info .point .btn-point a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0.5em
}
.drawer-nav .cols {
	margin: 2em 0 2em;
	color: #000;
}
.drawer-nav .cols a {
	color: #000;
	font-size: 14px;
}
.drawer-nav .cols h2 {
	font-size: 14px;
	color: #fff;
	background: #000;
	background-size: 1em;
	padding: 0.5em 1em;
	margin: 0 0 1em;
}
.drawer-nav .cols h3 {
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid #000;
	margin: 0 0 1em;
	padding: 0 0 10px;
}

.drawer-nav .cols h3 a{
	font-size: 18px;
	
}

.drawer-nav .cols ul li {
	font-size: 14px;
	border-bottom: 1px dotted #000;
	padding: 0 12px 0 4px;
}
.drawer-nav .cols ul li a {
	display: flex;
	align-items: center;
	background: url(https://meat5757.itembox.design/item/images/common/s1-arr.jpg) no-repeat 100% 50%;
	color: #000;
	padding:16px 0;
}
.drawer-nav .cols ul li a span {
	padding: 0 7px 0 0;
}
.drawer-nav .cols .heading {
	text-align: center;
	padding: 0 0 2px;
	border-bottom: 2px solid #000;
	margin: 0 0 3px;
}
.drawer-nav .cols .info{
	text-align: center;
	
}
.drawer-nav .cols .tel a{
	font-size: 30px;
	font-style: normal;
	padding: 0 0 0 5px;
}

.drawer-nav .cols .f-logo {
	margin: 0 0 10px;
	
}


.drawer-nav .contents-info {
	margin: 60px 0 0px;
	
}



.drawer-nav .contents-info h2{
	text-align: center;
	font-size: 30px;
	margin: 0 0 20px;
	color: #000;
}
.drawer-nav .contents-info h2 span{
	display: block;
	font-size: 12px;
	margin: 0 0 10px;
}


.drawer-nav .contents-info .contents-info-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.drawer-nav .contents-info .bnr{
	width: 30%;
	margin: 0 0 10px;
}

.drawer-nav .contents-info .bnr.full{
	width: 100%;
}



#haisou {
	display: none;
	padding: 10px;
	font-size: 80%;
	text-align: center;
	margin-bottom: 20px;
	border: 4px solid #eee;
}
#haisou h2 {
	color: #000 !important;
	display: inline-block !important;
	background: url(https://meat5757.itembox.design/item/images/common/i-haisou.jpg) no-repeat 0 50% !important;
	padding: 0 0 0 50px !important;
	margin: 0 0 10px !important;
	font-size: 18px !important;
}
#haisou span {
	color: #c00000;
	font-size: 14px;
	font-weight: bold;
}
div.sokujitu-info {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 2px solid #c12a1c;
	border-radius: 2px;
}
div.sokujitu-info .sokujitu-title {
	font-size: 140%;
	color: #c12a1c;
	font-weight: bold;
	text-align: center;
}



#header .col-center{
	padding: 1em;
	
	
}



#header .catch{
	text-align: center;
	font-size: 14px;
	color: #cc0000;
	margin:0 0 10px;
}



#header .search{
	margin: 20px 0 0;
	}

#header .search-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #969696;
	padding:0;
	border-radius: 4px;
	background: #fff;
	}

#header .search-text{
	width: 100%;
	}
	
#header .search-text input{
	border:0px;
	height: 30px;
	font-size: 16px;
	padding: 10px;
	border-radius: 5px;
		}
	

#header .btn-search{
	width: 30px;
	height:30px;
	display:block;
	background:#109B7A;
	padding:4px;
	}


#header .btn-search input{
	background:none;
	}

#header .fs-p-productSearch{
	padding:8px 0 !important;
	border-bottom:none;
}


#header .fs-p-productSearch__formSwitch {
	display: block;
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 2;
	grid-column: 2;
	cursor: pointer;
	background: #fff;
	border:1px solid #109B7A;
	border-radius:4px;
	line-height: 1;
	padding:6px 12px;
	color: #109B7A;
}

#header .fs-p-productSearch__formSwitch span{
	font-size:18px;
}


#header .keyword {
	margin: 20px 0 0;
	}

#header .keyword p{
	margin:  0 0 10px;
	color: #000;
	}

#header .keyword ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	}


#header .keyword ul li{
	background: #E6EDED;
	border:none;
	border-radius: 16px;
	padding: 1px 10px ;
	margin: 0 3px 10px;
	}

	#header .keyword ul li a{
		color:#000 !important;
		font-size: 16px;
		line-height:26px;
	}



#header .contact{  
	width: 200px;
	margin: 0 auto 40px;

}

#header .contact .f-logo{  
	text-align: center;
	margin: 0 0 30px;

}



#header .contact .tel-no a{ 
	font-size: 21px;
	font-weight: bold;
	background: url(https://sanko-kobe.com/images/common/i-tel.png) 0 50%;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	color:#000;
}

#header .contact .tel-no p{ 
	font-size: 10px;
	color: #000;
	text-align: center;
	

}

#header .contact .sns { 
	margin: 24px 0 0;
}

#header .contact .sns ul{ 
	display: flex;
	align-items: center;
	justify-content: center;
}

#header .contact .sns ul li{ 
	padding: 0 16px;
}

#header .contact .sns ul li img{
	width:40px;
	height:auto;
}

#header .copy{ 
	margin: 40px 0 0;
	font-size: 10px;
}



/* --------------------------------------------------------------------------------
	header-new
-------------------------------------------------------------------------------- */
#header.header_new{
	height: auto;
	background: #F7F1E7;
}
.header_inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_inner h1{
	width: 36vw;
	text-align: center;
	background-color: #492C24;
	padding: 8px 0;
}
.header_inner h1 img{
	width: 80%;
}
#header .header_inner .nav-btn{
	width: 49vw;
}
#header .header_inner .nav-btn .fs-p-headerUtilityMenu__login.is-loggedIn--false.i-menber{
	display: block;
}
#header .header_inner .nav-btn .i-login a::before,
#header .header_inner .nav-btn .fs-p-headerUtilityMenu__logout a::before,
#header .header_inner .nav-btn .i-cart a::before,
#header .header_inner .nav-btn nav.h-menu .i-cart a::before,
#header .header_inner .nav-btn nav.h-menu .fs-p-headerUtilityMenu__logout a::before{
	margin: 0 auto 3px;
}
#header .header_inner .nav-btn .fs-p-headerUtilityMenu__login.is-loggedIn--false.i-menber a::before{
	background: url(https://sanko-kobe.com/images/common/i-member.png) no-repeat;
	background-size: contain;
	margin: 0 auto 3px;
}
#header .header_inner .nav-btn ul.fs-p-headerUtilityMenu__list{
	justify-content: center;
}
#header .header_inner .nav-btn li{
	margin: 0 5px;
}
#header .header_inner .nav-btn li a{ 
	font-size: 10px;
}
#header .header_inner .h-contents-box{
	width: 15vw;
}
#header .header_inner .h-contents-box #nav_toggle{
	width: 38px;
	height: 38px;
	background-color: #fff;
	border-radius: 50%;
}
#header .header_inner .h-contents-box #nav_toggle span{
	width: 18px;
	left: 10px;
}
#header .header_inner .h-contents-box #nav_toggle span:nth-child(1){
	top: 12px;
}
#header .header_inner .h-contents-box #nav_toggle span:nth-child(2){
	top: 17px;
}
#header .header_inner .h-contents-box #nav_toggle span:nth-child(3){
	top: 22px;
}
#header.open .header_inner .h-contents-box #nav_toggle span:nth-child(1){
	top: 18px;
}
#header.open .header_inner .h-contents-box #nav_toggle span:nth-child(2){
	width: 0;
	left: 50%;
}
#header.open .header_inner .h-contents-box #nav_toggle span:nth-child(3){
	top: 18px;
}
.header_inner .h-contents-box nav.h-menu{
	top: 71px;
	background-color: #F7F1E7;
}
.header_inner .h-contents-box nav.h-menu .drawer-nav .menber-info .fs-p-headerUtilityMenu ul li{
	background: #492C24;
}
#header .header_inner .fs-p-productSearch__formSwitch{
	background: #492C24;
}







/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper {}
/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */

div.sokujitu-info {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 2px solid #c12a1c;
	border-radius: 2px;
}
div.sokujitu-info .sokujitu-title {
	font-size: 140%;
	color: #c12a1c;
	font-weight: bold;
	text-align: center;
}
#sub1 {
	margin: 0;
	width: 230px;
}
#sub1 .sub1-inner {
	width: 230px;
}
#sub1 .cols {
	margin: 30px 0 0;
}
#sub1 .cols.last {
	padding: 0 0 40px;
}
#sub1 .cols h3 {
	font-size: 18px;
	border-bottom: 2px solid #000;
	padding: 0 0 10px;
}
#sub1 .cols ul li {
	font-size: 14px;
	border-bottom: 1px dotted #AC9A5A;
	padding: 12px 3px 7px 5px;
}
#sub1 .cols dl {
	padding: 10px 0 20px ;
}
#sub1 .cols dl dt {
	font-size: 16px;
	padding: 10px 0 10px 15px;
	position: relative;
}
#sub1 .cols dl dt::before, #sub1 .cols dl dt::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#sub1 .cols dl dt::before {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #000;
}
#sub1 .cols dl dt::after {
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sub1 .cols dl dd {
	font-size: 16px;
}
#sub1 .cols dl dd::before {
	content: '・'
}
#sub1 .cols iframe {
	max-width: 100%;
	margin: 30px 0;
}
#sub1 .s1-bnr {
	margin: 0 0 20px;
	text-align: center;
}
#sub1 .s1-bnr img {
	width: 230px;
}


#sub1 #info-box{
	margin: 0 0 20px;
	max-height: 380px;
	overflow-y: scroll;
	
}

#sub1 #info-list li{
	padding: 20px 0 10px;
	border-bottom: 1px dashed #ccc;
	/*margin: 0 0 20px;*/

}

#sub1 #info-list li .date{
	font-size: 12px;
	

}



#sub1 .calendar {
	border: 1px solid #ddd;
	background: #fff;
	margin: 0 0 10px;
}
/*calendar*/
#sub1 .calendar {
	padding: 10px;
	text-align: center;
}
#sub1 .calendar span.Today {
	display: block;
	cursor: pointer;
	font-weight: bold;
	/*color: #000;
	background-color: #FF9;*/
}
#sub1 .calendar li.deli {
	color: #FFFFFF;
	background-color: #090;
}
#sub1 .calendar li.openingsale {
	color: #FFFFFF;
	font-weight: bolder;
	background-color: #F00;
}
#sub1 .calendar li.holyday {
	color: #FFF;
	background-color: #C80000;
}
#sub1 .calendar li.holyday2 {
	color: #FFF;
	background-color: #4196bb;
}
#sub1 .calendar li.Sun {
	color: #F00;
	font-weight: bold;
}
#sub1 .calendar li.Sat {
	font-weight: bold;
}
#sub1 .calendar li.undefined {
	cursor: pointer;
}
/*ui*/
#sub1 .calendar div.cal_wrapper {
	color: #666;
}
#sub1 .calendar ul.cal_ui {
	float: right;
	width: 60px;
	margin: 3px 0 0;
	padding: 0;
}
#sub1 .calendar ul.cal_ui li {
	float: left;
	cursor: pointer;
	width: 20px;
	height: 15px;
	font-size: 10px;
	list-style: none;
	background-repeat: no-repeat;
}
#sub1 .calendar li.cal_prev {
	background-image: url(cal_01.gif);
}
#sub1 .calendar li.cal_to {
	background-image: url(cal_02.gif);
}
#sub1 .calendar li.cal_next {
	background-image: url(cal_03.gif);
}
#sub1 .calendar div.cal_base {}
#sub1 .calendar div.cal_base p {
	margin: 0;
	text-align: right;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: #CCC solid 1px;
}
#sub1 .calendar ul.cal_main {
	clear: both;
	width: 190px;
	margin: 0 auto 5px;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#sub1 .calendar ul.cal_main:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#sub1 .calendar ul.cal_main li {
	float: left;
	overflow: hidden;
	width: 14%;
	padding: 0.1em;
	text-align: center;
	list-style: none;
	font-size: 12px;
	border-bottom: #CCC solid 1px;
}
#sub1 .calendar ul.cal_main li span {
	display: block;
	padding: 3px;
}
#sub1 .calendar li.cal_headline {}
#sub1 .calendar .dayoff {
	font-size: 14px;
	padding: 10px 0 5px;
}
#sub1 .calendar .dayoff span {
	color: #c10001;
}
#sub1 .calendar .dayoff2 {
	font-size: 12px;
	padding: 0 0 5px;
}
#sub1 .contents {
	margin: 20px 0 30px;
}
#sub1 .contents ul span {
	display: inline-block;
}
#sub1 .contents ul li {
	background: #fff;
	padding: 15px 20px;
	border: 1px solid #ddd;
	border-bottom: none;
	font-size: 16px;
}
#sub1 .contents ul li:last-child {
	border: 1px solid #ddd;
}
#sub1 .contents ul li a {
	display: block;
	background: url(https://meat5757.itembox.design/item/images/common/s1-arr.jpg) no-repeat 100% 50%;
}
#sub1 .contents .logo {
	text-align: center;
}
#sub1 .contents p {
	font-size: 12px;
	padding: 20px 0;
}


#sub1 #s1-insta iframe{
	height: 800px;
	
	
}


/* --------------------------------------------------------------------------------
	HOME
-------------------------------------------------------------------------------- */

/*IE11用*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, #ranking ul li {
	width: 170px;
	display: block;

}
}



.mv {
	overflow: hidden;
	margin: 0 0 65px;
}


/* --------------------------------------------------------------------------------
	guide_link
-------------------------------------------------------------------------------- */
.guide_link{
	padding: 28px 0;
	margin: 0 20px;
}
.guide_link ul li{
	width: 100%;
	margin: 0 auto 20px;
}
.guide_link ul li:last-child{
	margin: 0 auto;
}


/* --------------------------------------------------------------------------------
	gift_scene
-------------------------------------------------------------------------------- */
#gift_scene{
	background-color: #F7F1E7;
	padding: 10px;
	margin: 0 auto 40px;
}
#gift_scene .gift_scene_inner{
	border: solid 2px #fff;
	padding: 48px 10px 18px;
}
#gift_scene ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#gift_scene ul li{
	width: 100%;
	margin: 0 0 20px;
}
#gift_scene ul li .img{
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
	margin: 0 0 5px;
}
#gift_scene ul li .txt{
	font-size: 10px;
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	letter-spacing: .02em;
	text-align: center;
}



/* --------------------------------------------------------------------------------
	about
-------------------------------------------------------------------------------- */

.main-img.about{
	position: relative;
	background: url(https://sanko-kobe.com/images/about/main.png) no-repeat center top;
	/* height: 600px; */
	height: 700px;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-direction: column;
}


.main-img.about .img{
	padding: 40px 20px 10px;
	/* width: 80%; */
}

.about-content {
	background-color: #ffffffb5;
	margin: 0 15px;
}

.main-img.about .txt{
	font-size: 16px;
	padding: 30px 10px 50px;
	text-shadow: 1px 2px 5px rgb(255 255 255 / 30%);
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}


#about #sub-nav {
	padding: 60px 0;
}


#about #sub-nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 1em;

}

#about #sub-nav ul li{
	width: 49%;
	margin: 0 0 30px;
}




#about #sub-nav ul li a{
	display: flex;
	align-items: center;
	background: #E5E5E5;
	font-size: 12px;
	font-weight: bold;
	height: 60px;
	position: relative;
	border-radius: 14px;
	padding: 0 0 0 1em;
	
	
}

#about #sub-nav ul li a::after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(https://sanko-kobe.com/images/common/i-arr.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 36%;
	right: 20px;
	transform: rotate( 90deg );
	
}



#about h2{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
	padding: 0 1em;

}

#about p.catch{
	font-size: 12px!important;
	font-weight: bold;
	text-align: center;
	margin: 0 0 60px;

}





#about #about-us{
	background: #F5F5F5;
	padding: 100px 0 0;
	
}

#about #about-us .inner{
	
	
}


#about #about-us .img{
	margin: 0 0 50px;
	
}



#about #about-us p{
	text-align: center;
	margin: 0 0 70px;
	line-height: 1.7;
	padding: 0 1em;
	
}

#about #about-us .bg-img img{
	width: 100%;
	height: 150px;
	object-fit: cover;
	
}


#about #staff{
	padding: 100px 0 ;

}



#about #staff .staff-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	margin: 0 0 20px;
}


#about #staff .staff-box .img{
	margin: 0 0 20px;
}

#about #staff .staff-box .img img{
	width: 100%;
	height: 200px;
	object-fit: contain;
}


#about #staff .staff-box .txt{
	padding: 0 1em;
	
}

#about #staff .staff-box .staff-name{
	font-size: 14px;
	border-bottom: 1px dotted #000;
	margin: 0 0 10px;
}

#about #staff .staff-box .staff-name span{
	display: block;
}


#about #staff .staff-box p{
	font-size: 12px;
}














#about #concept{
	padding: 100px 0 ;
	background: #F5F5F5;
}



#about #concept p{
	text-align: center;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 40px;
	padding: 0 1em;
}

#about #concept p span{
	display: block;
	text-align: center;
	font-size: 26px;
	margin: 10px 0;
	
	
}




#about #concept .img{
	text-align: center;
}

#about #concept .img img{
	width: 90px;
}




#about #media {
   padding: 100px 0;
}

#about #media .media-inner{
   margin: 40px auto;
	position: relative;
}

#about #media .media-inner p{
	font-size: 14px;
	margin: 10px 0 0;
}



#about #media .custom-control{
	display: none;
	
}


#about #media .custom-prev {
	position: absolute;
	top: 50%;
	right: 80px;
	font-size: 30px;
	
}

#about #media .custom-next {
	position: absolute;
	top: 50%;
	left: 80px;
	font-size: 30px;
	
}


#about #media h4 {
	text-align: center;
}

#about #media h4 a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #9B9B9B;
	border-radius: 10px;
	font-size: 14px;
	font-weight: bold;
	padding: 25px 40px;
}

#about #shop{
   text-align: center;
	padding: 100px 0 0;
	background: #F5F5F5;
}

#about #shop ul.shop-img{
	padding: 0 1em;
}


#about #shop ul.shop-img li p{
	font-size: 14px;
	margin: 0 0 10px;
}

#about #shop ul.shop-img li a{
	padding: 0 10px 0 0;
}


#about #shop ul.shop-img li img{
	
}

#about #shop li.shop-info{
	text-align: center;
	margin: 20px 0 0;
	padding: 0 0 40px;
}


#about #shop li.shop-info img{
	width: 30px!important;
}

#access iframe{
	height: 200px !important;
}




/* --------------------------------------------------------------------------------
	recipe
-------------------------------------------------------------------------------- */

.main-img.recipe{
	height: 250px;
	margin: 0 auto;
	min-width: 100%;
}


.main-img.recipe img{
	width: 100%;
	height: 250px;
	object-fit: cover;
}



#recipe{
	padding: 100px 0 0;
	
}

#recipe h2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
}


#recipe p.catch {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 80px;
}


#recipe #recipe-list .inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


#recipe #recipe-list .recipe-wrapp{
	width: 100%;
	padding: 0 2em;
	margin: 0 0 55px;
	display: flex;
	flex-direction: column;
}




#recipe #recipe-list .recipe-wrapp .thum{
	margin: 0 0 20px;
}

#recipe #recipe-list .recipe-wrapp .thum img{
	width: 100%;
	height: 133px;
	object-fit: cover;
}

#recipe #recipe-list .recipe-wrapp .txt{
	font-size: 12px;
	margin: 0 0 20px;
}

#recipe #recipe-list .recipe-wrapp .to-item{
	margin-top: auto;
}


#recipe #recipe-list .recipe-wrapp .to-item a{
	display: block;
	margin: 0 0 15px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 10px ;
	border-radius: 10px;
}

#recipe #recipe-list .recipe-wrapp .thumb{
	
}

#recipe #recipe-list .recipe-wrapp .thumb ul{
	display: flex;
	flex-wrap: wrap;
}

#recipe #recipe-list .recipe-wrapp .thumb ul li{
	width: 95px;
	margin: 0 10px 20px 0 ;
}
#recipe #recipe-list .recipe-wrapp .thumb ul li:nth-child(3n){
	width: 95px;
	margin: 0 0 20px ;
}



#recipe #select-cat{
	padding: 100px 1em 0;
	border-top: 1px solid #ccc;
	
}


#recipe #select-cat ul{
	display: block;
	
}

#recipe #select-cat ul li{
	width: 100%;
	margin: 8px auto ;
	
}




#recipe #select-cat ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	height: 60px;
	position: relative;
	
	
}

#recipe #select-cat ul li a::after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(https://sanko-kobe.com/images/common/i-arr.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 36%;
	right: 20px;
	
	
}


.main-img.gift-service img{
	width: 100%;
	height: 430px;
	object-fit: cover;
}



#gift-service{
	padding: 40px 1em 0;
	
}

#gift-service h2{
	text-align: center;
	 font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
}


#gift-service p.catch {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 80px;
}

#gift-service h3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 15px;
}


#gift-service p.info {
	text-align: left;
	font-size: 12px;
	margin: 0 0 80px;
}

#gift-service p.info br{
	display:none;
}

#gift-service #gift-service-list .inner{
	display: flex;
	flex-wrap: wrap;
}


#gift-service #gift-service-list .gift-service-wrapp{
	
	margin: 0 0 55px;
	display: flex;
	flex-direction: column;
}

#gift-service #gift-service-list .gift-service-wrapp:nth-of-type(3n){
	/*width: 310px;
	margin: 0 0 50px;*/
}


#gift-service #gift-service-list .gift-service-wrapp .thum{
	margin: 0;
}

#gift-service #gift-service-list .gift-service-wrapp .thum img{
	
	/*height: 133px;*/
	object-fit: cover;
	margin-bottom:8px;
	border:1px solid #ccc;
}

#gift-service #gift-service-list .gift-service-wrapp .txt{
	font-size: 14px;
	margin: 0 0 16px;

}

#gift-service #gift-service-list .gift-service-wrapp .txt .gift-service-item-title{
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	text-align: center;
}

#gift-service #gift-service-list .gift-service-wrapp .txt .gift-service-info-title{
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}

#gift-service #gift-service-list .gift-service-wrapp .to-item{
	margin-top: auto;
}


#gift-service #gift-service-list .gift-service-wrapp .to-item a{
	display: block;
	margin: 0 0 15px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 10px ;
	border-radius: 10px;
}

#gift-service #gift-service-list .gift-service-wrapp .thumb{
	
}

#gift-service #gift-service-list .gift-service-wrapp .thumb ul{
	display: flex;
	flex-wrap: wrap;
}

#gift-service #gift-service-list .gift-service-wrapp .thumb ul li{
	width: 95px;
	margin: 0 10px 20px 0 ;
}
#gift-service #gift-service-list .gift-service-wrapp .thumb ul li:nth-child(3n){
	width: 95px;
	margin: 0 0 20px ;
}



/* #gift-service #select-cat{
	padding: 100px 0 0;
	border-top: 1px solid #9B9B9B;
}


#gift-service #select-cat ul{
	display: flex;
	flex-wrap: wrap;
}

#gift-service #select-cat ul li{
	width: 247px;
	margin: 0 25px 30px 0;
	
}

#gift-service #select-cat ul li:nth-child(4n){
	width: 247px;
	margin: 0 0 30px;
	
}


#gift-service #select-cat ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	font-size: 16px;
	font-weight: bold;
	height: 100px;
	position: relative;

}

#gift-service #select-cat ul li a::after{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(https://sanko-kobe.com/images/common/i-arr.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 36%;
	right: 20px;

} */





#gift-service #msg-ex h2{
	margin: 0 0 60px;
	

}

#gift-service #msg-ex ul{	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#gift-service #msg-ex ul li{	
	width: 450px;
	margin: 0 30px 60px;
	text-align: center;

}


#gift-service #msg-ex ul li h4{	
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	text-align: center;

}

#gift-service #tanzaku h2{
	margin: 0 0 60px;

}

#gift-service #tanzaku {
	text-align: center;
	padding: 0 0 60px;

}


#gift-service #gift-service-list h2.mgb {
	margin: 0 0 60px;

}

#gift-service #contact {
	margin: 0 0 60px;
	text-align: center;

}
#gift-service #contact .contact .tel-no a {
	font-size: 30px;
	font-weight: bold;
	background: url(https://sanko-kobe.com/images/common/i-tel.png) 0 50%;
	background-repeat: no-repeat;
	background-size: 26px;
	padding: 0 0 0 35px;
	letter-spacing: 0;
}


#gift-service  #select-cat{
	background:none;
	padding:0;
}


/* #gift-service  #select-cat{
	padding: 100px 1em 0;
	border-top: 1px solid #9B9B9B;
	
}


#gift-service  #select-cat ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

#gift-service  #select-cat ul li{
	width: 49%;
	margin: 0 0 30px ;
	
}

#gift-service #select-cat ul li:nth-child(4n) {
	width: 49%;
	margin: 0 0 30px;
}

#gift-service  #select-cat ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	height: 60px;
	position: relative;
	
	
}

#gift-service  #select-cat ul li a::after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(https://sanko-kobe.com/images/common/i-arr.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 36%;
	right: 20px;
	
	
} */


/* --------------------------------------------------------------------------------
	catalog_gift
-------------------------------------------------------------------------------- */
.main {
	text-align: center;
	margin: 30px 0;
}

.top_title, .sub_title, .form_text1, .form_text3, .form_title{
	font-family: Yu Mincho;
}

.top_title {
	font-size: 35px;
	border-bottom: double 4px #c00000;
	border-top: double 4px #c00000;
	margin: 20px 0;
	font-weight: bold;
	letter-spacing: 0.3rem;
}

.form_title {
	font-size: 30px;
	border-bottom: solid 1px #8b5d45;
	border-top: solid 1px #8b5d45;
	padding: 15px 0;
	font-weight: bold;
}

.description {
	font-size: 17px;
	margin: 0px 15px;
}

.sub_title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #f8ede7;
	margin: 25px 0;
}

.sub_title2 {
	background-color: black;
	color: white;
	padding: 0px 10px;
	margin: 0 23px;
}

.sub_text1 {
	color: #723f24;
}

.sub_text2 {
	color: #c00000;
	padding-right: 20px;
}

.sub_text3 {
	font-size: 25px;
}

.sub_text4 {
	color: #ad9100;
	padding-right: 20px;
}

.sub_text5 {
	margin: 0 30px;
	margin-bottom: 15px;
}

.ctlg_contents {
	font-size: 17px;
}

.flex {
	margin: 0 30px;
}

.right_img {
	margin: 15px 0;
	text-align: center;
}

.center {
	text-align: center;
}

.form_contents {
	text-align: center;
	margin: 30px;
}

.form_main {
	border: solid 1px black;
	padding: 30px;
	margin: 25px 0;
}
.form_text1 {
	font-size: 25px;
	line-height: 3rem;
	border-top: solid 5px #8a550f;
	padding-top: 30px;
	font-weight: bold;
}
.form_text2 {
	font-size: 16px;
}
.form_text3 {
	font-size: 2.3rem;
	font-weight: bold;
}
.form_text4 {
	font-size: 15px;
}



/*WEBスキミング用*/


/*お客様情報入力*/
#fs_CustomerDetails #nav_toggle{
	display: none !important;
}


/*ご注文手続き*/
#fs_ShoppingCart #nav_toggle{
	display: none !important;
}

/*お届け先一覧・商品数量指定・商品数量情報更新・配送・包装方法選択(複数お届け)*/
#fs_CheckoutWithMultiAddress #nav_toggle{
	display: none !important;
}

/*マイページ関連*/

#fs_Login #nav_toggle{
	display: none !important;
}


#fs_MyOrders #nav_toggle{
	display: none !important;
}

#fs_MyAccountSettings #nav_toggle{
	display: none !important;
}

#fs_EditAccountSettings #nav_toggle{
	display: none !important;
}

#fs_DeleteAccount #nav_toggle{
	display: none !important;
}

#fs_Register #nav_toggle{
	display: none !important;
}


/*パスワード関連*/
#fs_PasswordReminder #nav_toggle{
	display: none !important;
}

#fs_EditPassword #nav_toggle{
	display: none !important;
}

/* メルマガ特典画像 */

.message_img_pc{
	display: none;
}

.message_img_sp{
	display: initial;
}

.message_img_sp img{
	padding: 20px 0;
}

/* 商品詳細ページ下部_カテゴリ一覧 */
#select-cat {
	margin: 0;
	padding: 40px 20px;
}
#select-cat h2 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
#select-cat p.catch {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 30px;
}