@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');
/* --------------------------------------------------------------------------------
			Reset
-------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box !important;
	font-feature-settings: "palt";
}
.weight100   {
    font-weight:100
    }
 
.weight300   {
    font-weight:300
    }
 
.weight400   {
    font-weight:400
    }
 
.weight500   {
    font-weight:500
    }
 
.weight600   {
    font-weight:600
    }
 
.weight700   {
    font-weight:700
    }
 
.weight900   {
    font-weight:900
    }
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.pcolnly{
	display:block;
}

.sponly{
	display:none;
}


/* --------------------------------------------------------------------------------
			共通クラス
-------------------------------------------------------------------------------- */
.inner {
	width: 1080px;
	margin: 0 auto;
	
}

/* --------------------------------------------------------------------------------
			structure
-------------------------------------------------------------------------------- */

html {
	 scroll-behavior: smooth;
}


body {
	margin: 0;
	padding: 0;
	word-break: normal;
	line-height: 1.7;
	/*font-size:1.2em;*/
	-webkit-text-size-adjust: 100%;
	/*font-family:"游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	min-width: 1200px;
	letter-spacing: 0.1em;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
a img {
	border: none;
}
a {
	color: #000;
}
a:link {}
a:visited {
	text-decoration: none;
}
a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
}
a:active {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.device-sp {
	display: none;
}
.device-pc {
	display: block;
}
.fixed {
	position: fixed !important;
	top: 0;
	left: inherit !important;
}

/*初期化*/
.fs-l-header__contents {
	display: block !important;
}
.fs-l-header {
	display: block !important;
	padding-top: 0px !important;
	padding: 0;
}
.logout.my-false {
	display: none;
}
.login.my-true {
	display: none;
}
.regist.my-true {
	display: none;
}



.fs-p-headerUtilityMenu__login.is-loggedIn--true, .fs-p-headerUtilityMenu__register.is-loggedIn--true {
    display: none;
}

#header .account nav ul li{
	margin:0 8px;
}



/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container {
	position: relative;
}
/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 100%;
}

#header .inner {
	display: flex;
	justify-content: space-between;
	padding:0;
	
}


#header .col-l{
	width: 200px;
}


#header .col-r{
	width: 880px;
	padding: 30px 0 0;
	
}

#header .col-r .h-content{
	display: flex;
	justify-content: space-around;
}


h1.site-title{
	width:150px;
	height:48px;
	display:block;
	margin-top:32px;
}

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


#header .search  {
    position: relative;
	width: 412px;
	padding-top:0px;
}



#header .search .fs-p-productSearch {
    border-bottom: 0px solid #999999;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    -ms-grid-rows: auto 1fr;
    grid-template: auto 1fr / 1fr auto;
    padding: 8px;
	position: absolute;
	top:0;
}


#header .search .search-box{
    width: 320px;
   	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ccc;
	padding: 5px 10px ;
	border-radius: 64px;
	position: absolute;
	z-index: 9999;
	background:#fff;

}



.fs-p-productSearch__form {
    background: #eee;
    padding: 32px;
    transform: translateY(-100%);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0s;
}

.fs-p-productSearch :checked ~ .fs-p-productSearch__search {
    max-height: 90vh;
    z-index: 9998;
}


#header .fs-p-productSearch__formSwitch {
    border-radius: 4px;
    line-height: 1;
    padding: 12px 8px;
	font-size:12px;
}

#header .fs-c-inputTable__headerCell, .fs-c-inputTable__dataCell {
    padding: 0;
    font-size: 14px;
}

#header .search-box .btn-search{
    display: flex;
	align-items: center;
}


#header .search-box .search-text{
    width: 90%;
	
   	
	
}

#header .search-box .search-text input{   
	border: none;
	width: 100%;
    padding-left: 10px;
}


#header .keyword{   
	display: flex;
	align-items: center;
	margin: 50px 0 0;
	font-size: 12px;

}

#header .keyword p{   
	font-weight: bold;
}


#header .keyword ul{   
	display: flex;
	padding: 0 0 0 10px;
}

#header .keyword ul li{  
	margin: 0 5px 0 0;
}

#header .keyword ul li:last-child{  
	margin: 0 ;
}


#header .keyword ul li a{  
	display: inline-block;
	background: #382E28;
	color: #fff;
	font-size: 10px;
	padding: 5px 15px;
	border-radius: 25px;

}


#header .account{  
	width: 280px;
	text-align: center;
	padding: 7px 0 0;

}



#header .account .heading{  
	font-size: 12px;
	margin: 0 0 15px;
	letter-spacing: 0;
}


#header .account nav {
	width: 100%;
	border-bottom: 0px!important;
}
#header .account nav {
	position: relative;
	height: 65px;
}

#header .account nav ul {
	display: flex;
	justify-content: center;
}

#header .account nav ul li{
	/*padding: 0 10px;*/
}

.fs-p-headerUtilityMenu__list a::before {
    content: "";
   border: 0px solid transparent!important;
    border-right-width: 0px!important;
    border-left-color: currentColor;
    display: inline-block;
    height: 0;
    width: 0;
}

#header .account nav ul li.i-menber a::before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(https://sanko-kobe.com/images/common/i-member.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	
}


#header .account nav ul li.i-login a::before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(https://sanko-kobe.com/images/common/i-login.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}


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



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

#header .contact{  
	width: 180px;

}

#header .contact .tel-no a{
	width:auto; 
	display:inline-block;
	font-size: 20px;
	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;
	margin:0 auto;
	letter-spacing: 0;
}

#header .contact .tel-no p{ 
	font-size: 10px;
	font-family:sans-serif;
	text-align: center;

}

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

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


#header .contact .sns ul li:first-child{ 
	border-right: 1px solid #000;
	padding: 0 10px;
	margin: 0 10px 0 0;
}

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


#header .g-nav{ 
	padding: 0;
	width:100%;
	max-width:800px;
	margin:0 auto;
}


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

#header .g-nav ul li{
	text-align:center;
}


#header .g-nav ul li a{
    position: relative;
    display: inline-block;
    padding: 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

#header .g-nav ul li a{
	
}

/* #header .g-nav ul li a::before,
#header .g-nav ul li a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#header .g-nav ul li a::before{
    right: 0px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
} */

#header .g-nav ul li.parent {
	/*position: relative;*/
	
}


ul.dropdwn_menu{
	width: 101vw!important;
    display: none;
	/*flex-direction: column;*/
	align-items: center;
	justify-content: center!important;
    position: absolute;
    margin-left: -5px;
    margin-top: 5px;
    padding: 16px;
	top: 153px;
	z-index: 998;
	background:rgba(255,255,255,0.9);
	left: 50%;
	transform: translateX(-50%);
    
}

ul.dropdwn_menu li{
	min-width:270px !important;
	display: flex;
	border: none!important;
	/*background: #fff;*/
	margin-left: -15px;
	padding: 0.6em 1.8em;
}


ul.dropdwn_menu li a{
	display: block!important;
	font-size: 14px!important;
	padding: 0!important;

}

ul.dropdwn_menu li a::before {
    right: 0px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important;
}

.g-nav ul.dropdwn_menu li img {
width:100px !important;
}

.g-nav ul.dropdwn_menu .dropdwn_menu_inner{width: 1080px;display: flex;flex-flow: row wrap;margin:0 auto;}
.g-nav ul.dropdwn_menu li a{display: flex !important;align-items: center;}
.g-nav ul.dropdwn_menu li span{margin-right: 8px;}
.g-nav ul.dropdwn_menu li img{width: 60px;}



.fs-l-header::after {
	/*content: '';
    display: block;
	width: 1000px;
	height: 60px;
	text-align: center;
	margin: 0 auto 20px;*/
}


/* --------------------------------------------------------------------------------
	header-new
-------------------------------------------------------------------------------- */
#header{
	position: relative;
	width: 100%;
}
div.header-image{
	width: 100%;
	height:auto;
	display:block;
	margin:0 auto;
	overflow:hidden;
}

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

#header .hd_wrap{
	position: relative;
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
}
#header .hd_wrap:before{
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #492C24;
}
#header .hd_wrap:after{
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #F7F1E7;
}
#header .hd_wrap .inner{
	position: relative;
	z-index: 99;
	display: flex;
	justify-content: space-between;
	padding: 0;
}
#header .col_l{
	width: 23%;
	background-color: #492C24;
	padding: 0 0 0 20px;
}
#header .col_l .h_logo{
	width: 204px;
}
#header .col_l .h_logo img{
	width: 100%;
	height: auto;
}
#header .col_r{
	width: 77%;
	background-color: #F7F1E7;
	padding: 14px 20px;
}
#header .col_r .col_r_t{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
}
#header .col_r .col_r_t .search-outer{
	width: 54%;
}
#header .col_r .col_r_t .search-outer .search{
	position: relative;
	width: 90%;
}
#header .col_r .col_r_t .search-outer .search .search-box{
    width: 76%;
   	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9999;
	font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	background-color: #fff;
	border: none;
	border-radius: 20px;
	padding: 5px 10px;
}
#header .col_r .col_r_t .search-outer .search .search-box .search-text{
    width: 90%;
}
#header .col_r .col_r_t .search-outer .search .search-box .btn-search{
    display: flex;
	align-items: center;
}
#header .col_r .col_r_t .search-outer .search .search-box .search-text input{   
	border: none;
	width: 100%;
    padding-left: 10px;
}
#header .col_r .col_r_t .search-outer .search .fs-p-productSearch{
    border-bottom: 0px solid #999999;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    -ms-grid-rows: auto 1fr;
    grid-template: auto 1fr / 1fr auto;
    padding: 8px;
	position: absolute;
	top:0;
}
#header .col_r .col_r_t .search-outer .search .fs-p-productSearch .fs-p-productSearch__formSwitch{
    padding: 0 8px;
	background-color: #F7F1E7;
}
.fs-p-productSearch__form{
    background: #eee;
    padding: 32px;
    transform: translateY(-100%);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
.fs-p-productSearch:checked ~ .fs-p-productSearch__search{
    max-height: 90vh;
    z-index: 9998;
}
#header .col_r .col_r_t .search-outer .search .fs-p-productSearch .fs-c-inputTable__headerCell,
#header .col_r .col_r_t .search-outer .search .fs-p-productSearch .fs-c-inputTable__dataCell {
    padding: 0;
    font-size: 14px;
}
#header .col_r .col_r_t .tel{
	width: 30%;
}
#header .col_r .col_r_t .tel a{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
}
#header .col_r .col_r_t .tel .img{
	width: 28px;
	margin: 0 8px 0 0;
}
#header .col_r .col_r_t .tel .img img{
	width: 100%;
	height: auto;
}
#header .col_r .col_r_t .tel .txt{
	font-size: 30px;
	line-height: 1.2;
}

#header .col_r .col_r_t .time{
	width: 14%;
	font-size: 12px;
	line-height: 1.4;
	border-left: solid 1px #707070;
	padding: 0 0 0 10px;
}
#header .col_r .col_r_b{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
	margin: 12px 0 0;
}
#header .col_r .col_r_b .sns{
	width: 12%;
}
#header .col_r .col_r_b .sns ul{ 
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
#header .col_r .col_r_b .sns ul li{
	width: 30px;
}
#header .col_r .col_r_b .sns ul li img{
	width: 100%;
	height: auto;
}
#header .col_r .col_r_b .register_txt{
	position: relative;
	width: 32%;
	text-align: center;
}
#header .col_r .col_r_b .register_txt:before{
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	left: 5px;
	bottom: 0;
	background-color: #000;
	transform: rotate(-42deg)
}
#header .col_r .col_r_b .register_txt:after{
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	right: 5px;
	bottom: 0;
	background-color: #000;
	transform: rotate(42deg)
}

#header .col_r .col_r_b .fs-p-headerUtilityMenu{
	width: 20%;
}
#header .col_r .col_r_b .fs-p-headerUtilityMenu .fs-p-headerUtilityMenu__list > li + li{
    margin-left: 12px;
}
#header .col_r .col_r_b .fs-p-headerUtilityMenu ul.fs-p-headerUtilityMenu__list li a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#header .col_r .col_r_b .fs-p-headerUtilityMenu ul.fs-p-headerUtilityMenu__list li a:before{
    content: "";
	border: 0px solid transparent!important;
    border-right-width: 0px!important;
    border-left-color: currentColor;
    display: inline-block;
    height: 0;
    width: 0;
}
#header .col_r .col_r_b .fs-p-headerUtilityMenu ul.fs-p-headerUtilityMenu__list li.i-menber a:before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(https://sanko-kobe.com/images/common/i_member.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	
}
#header .col_r .col_r_b .fs-p-headerUtilityMenu ul.fs-p-headerUtilityMenu__list li.i-login a:before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(https://sanko-kobe.com/images/common/i_login.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
}
#header .col_r .col_r_b .fs-p-headerUtilityMenu ul.fs-p-headerUtilityMenu__list li.i-cart a:before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(https://sanko-kobe.com/images/common/i_cart.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
}
#header .col_r .col_r_b .payment{
	width: 26%;
}
#header .col_r .col_r_b .payment .txt{
	font-size: 12px;
}
#header .col_r .col_r_b .payment .img{
	font-size: 12px;
}


#header .inner.g_nav_wrap{
	justify-content: center;
	padding: 12px 0;
} 
#header .g_nav{ 
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
}
#header .g_nav ul{ 
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .g_nav ul li{
	margin: 0 10px;
}
#header .g_nav ul li a{
    position: relative;
    display: inline-block;
    padding: 0 24px 0 0;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 14px;
	font-weight: bold;
}
#header .g_nav ul li a:before,
#header .g_nav ul li a:after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#header .g_nav ul li a:before{
    right: 12px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #3D3D3D;
    border-right: 1px solid #3D3D3D;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#header .g_nav ul li ul.dropdwn_menu{
	width: 100vw;
    display: none;
	align-items: center;
	justify-content: center!important;
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    padding: 30px;
	top:165px;
	z-index: 998;
	background:rgba(255,255,255,0.9);
	left: 50%;
	transform: translateX(-50%);
    
}
#header .g_nav ul li ul.dropdwn_menu .dropdwn_menu_inner{
	width: 1080px;
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
}
#header .g_nav ul li ul.dropdwn_menu li{
	display: flex;
	border: none!important;
	margin-left: -15px;
	padding: 0.6em 1.8em;
}
#header .g_nav ul li ul.dropdwn_menu li a{
	display: flex !important;
	align-items: center;
	font-size: 12px!important;
	padding: 1.6em;
}
#header .g_nav ul li ul.dropdwn_menu li a::before {
    right: 0px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #3D3D3D;
    border-right: 1px solid #3D3D3D;
    -webkit-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important;
}
#header .g_nav ul li ul.dropdwn_menu li span{
	margin-right: 8px;
}
#header .g_nav ul li ul.dropdwn_menu li img{
	width: 60px;
}





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


/* --------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------*/


.fs-p-footerPageTop {
    position: fixed!important;
    bottom: 5%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 auto;
    padding: 0!important;
    max-width: 1216px;
}

.fs-p-footerPageTop__link {
    overflow: hidden;
    text-indent: -999px;
    width: 32px;
    height: 32px;
    background-color: #fff;
	border: 1px solid #707070;
}

.fs-p-footerPageTop__link::before {
    font-family: 'fs-icon' !important;
    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;
    content: "\e937";
    display: block;
    color: #707070!important;
    font-size: 2.6rem;
    line-height: 1.3;
    text-indent: 0;
    text-align: center;
}


#sub1{
	/* display: none; */
	margin: 0;
	width: 230px;
}
#sub1 .sub1-inner {
    width: 230px;
}
#sub1 .s1-bnr {
    margin: 0 0 20px;
    text-align: center;
}
#sub1 .s1-bnr img,
#sub1 .cols ul li img {
	width: 100%;
}
#sub1 .cols {
    margin: 30px 0 0;
}
#sub1 .cols h3 {
    font-size: 18px;
    border-bottom: 2px solid #000;
    padding: 0 0 10px;
}
#sub1 .cols ul {
    margin: 12px 0;
}
#sub1 .cols ul li {
    padding: 0px 0px 12px 0px;
}



/* フローティングバナー */
.fl-bnr {
	position: relative;
    position: fixed;
	justify-content: flex-end;
    z-index: 999;
	bottom: 550px;
	right: 0;
	width: 120px;
}
.fl-bnr ul{
	position: absolute;
	width: 120px;
}
.fl-bnr ul li{
	margin: 0 0 10px;
}
.fl-bnr span {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -15px;
    background: #ffffff;
    color: #808080;
    border: solid 2px;
    padding: 7px 7px;
    border-radius: 50%;
    z-index: 999;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2em;
}



/* --------------------------------------------------------------------------------
	footer-new
-------------------------------------------------------------------------------- */
#footer.footer_new{
	border-top: 1px solid #E5E5E5;
	padding: 80px 0 0;
}
#footer.footer_new ul.payment{
	width: 770px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	margin: 0 auto 40px;
}
#footer.footer_new ul.payment li a{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #9B9B9B;
	border-radius: 10px;
	width: 250px;
	font-size: 20px;
	font-weight: bold;
	padding: 25px 0;
}
#footer.footer_new .f_info{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	margin: 0 auto 80px;
}
#footer.footer_new .f_info #haisou{
	width: 70%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #E5E5E5;
	padding: 0 20px;
	margin: 10px;
}
#footer.footer_new #haisou h2{
	font-size: 30px !important;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	margin: 0 auto !important;
}
#footer.footer_new #haisou .att{
	font-size: 14px;
}
#footer.footer_new .f-content{
	background-color: #F7F1E7;
	padding: 40px 0 0;
}
#footer.footer_new .f-content .inner{
	display: block;
	border-top: none;
	border-bottom: none;
	padding: 40px 0 20px;
}
#footer.footer_new .category-list ul li a::before{
	border-top: 1px solid #3D3D3D;
    border-right: 1px solid #3D3D3D;
}
#footer.footer_new .f-content .f_cat{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto 40px;
}
#footer.footer_new .f-content .f_guide{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
#footer.footer_new .f-content .f_guide .sns-area{
	width: 40%;
	padding: 0;
}
#footer.footer_new .f-content .f_guide .payment-area{
	width: 48%;
}
#footer.footer_new .f-content .f_guide .payment-area dl{
	justify-content: flex-start;
}
#footer.footer_new .f-content .f_guide .payment-area dl dd{
	margin: 0 10px 0 0;
}
#footer.footer_new .f-content .fnav{
	background-color: #492C24;
}
#footer.footer_new .f-content .fnav .inner{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding: 50px 0;
}
#footer.footer_new .f-content .fnav .f-nav{
	width: 885px;
	padding: 15px 0 0;
}
#footer.footer_new .f-content .fnav .f-nav .fnav-inner{
	justify-content: space-between;
	color: #fff;
}
#footer.footer_new .f-content .fnav .f-nav .fnav-inner a{
	color: #fff !important;
}
.page_top_new .fs-p-footerPageTop__link{
	position: relative;
	width: 54px;
	height: 54px;
	background-color: #492C24;
}
.page_top_new .fs-p-footerPageTop__link::before{
	display: none;
}
.page_top_new .fs-p-footerPageTop__link .arrow-round{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 3px;
	background-color: #fff;
}
.page_top_new .fs-p-footerPageTop__link .arrow-round::before{
  content: "";
  position: absolute;
  top: 3px;
  right: -2px;
  display: block;
  width: 12px;
  height: 3px;
  border-radius: 3px;
  background-color: #fff;
  transform: rotate(-45deg);
}
.page_top_new .fs-p-footerPageTop__link .arrow-round::after{
  content: "";
  position: absolute;
  bottom: 3px;
  right: -2px;
  display: block;
  width: 12px;
  height: 3px;
  border-radius: 3px;
  background-color: #fff;
  transform: rotate(45deg);
}









/* --------------------------------------------------------------------------------
	index
-------------------------------------------------------------------------------- */

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

}
}


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


/* --------------------------------------------------------------------------------
	slider-new
-------------------------------------------------------------------------------- */
#slider_wrapper{
	width: 1080px;
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	border-bottom: 1px solid #E5E5E5;
    margin: 0 auto;
}
#slider_wrapper #main_slider{
	position: relative;
	width: 100%;
	min-width: 1080px;
	line-height: 0;
}
#slider_wrapper #main_slider .hd_slider img{
	width: 100%;
}
#slider_wrapper #main_slider .hd_thumb{
	padding: 20px 0;
}
#slider_wrapper #main_slider .hd_thumb .slick-list{
	width: 980px;
	margin: 0 auto;
}
#slider_wrapper #main_slider .hd_thumb .slick-track{
	/*transform: unset !important;*/
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
#slider_wrapper #main_slider .hd_thumb .slick-slide{
	width: 120px !important;
	float: none;
	margin: 0 10px; 
}
#slider_wrapper #main_slider .hd_thumb .thumbnail-img{
	opacity: 0.6;
	transition: opacity .3s linear;
	cursor: pointer;
}
#slider_wrapper #main_slider .hd_thumb .slick-current .thumbnail-img{
	opacity: 1 !important;
}
#slider_wrapper #main_slider .hd_thumb .thumbnail-img .thumb-txt{
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}





#slider-wrapper {
    position: relative;
    left: 50%;
    width: 3240px;
    margin-left: -1620px;
	margin-bottom: 20px;
}


.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc!important;
    -webkit-box-shadow: 0 0 0px #ccc!important;
    box-shadow: 0 0 0px #ccc!important;
    border: 0px solid #fff!important;
    background: #fff;
	margin: 0 auto;
}

.bx-wrapper {
    position: relative;
    margin-bottom: 20px!important;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}



.custom-thumb{
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-thumb a{
	/*padding: 0 9px;*/
}


.custom-thumb img{
	width: 90px;
	height: 90px;
	object-fit: cover;
	border-radius: 8px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	
}


.custom-thumb .active img{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}




#slider-wrapper .bx-wrapper ul li{
    position: relative;
	background-color: #000000;
}

#slider-wrapper .bx-wrapper ul li img{
  display: block;
 /* opacity: 0.9;*/
}

#slider-wrapper .bx-wrapper ul li .txt{
    position: absolute;
	left: 40px;
	bottom: 40px;
	letter-spacing: 1;
    /*background-color: #382e28;*/
    /*padding: 20px 20px;*/
}

#slider-wrapper .bx-wrapper ul li a{
   color: #fff;
	/*text-shadow: 2px 1px 2px rgba(0,0,0,0.3);*/
}

.bx-wrapper ul li .txt .tag{
	display: inline-block;
   border: 1px solid #fff;
	padding: 10px 20px;
	font-size: 12px;
}

.bx-wrapper ul li .txt h2{
	font-size: 22px;
	line-height: 1.4;
	padding: 20px 0;
	/*font-weight: bold;*/
}

.bx-wrapper ul li .txt p{
	font-size: 14px;
	
}


#index h2{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-bottom:40px;
}
p.catch{
	text-align: center;
	font-size: 12px;
	/*font-weight: bold;*/
	margin: 0 0 30px;
	letter-spacing: 0.2em;
}


/* --------------------------------------------------------------------------------
	guide_link
-------------------------------------------------------------------------------- */
.guide_link{
	padding: 50px 20px;
}
.guide_link ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.guide_link ul li{
	width: 48%;
}


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



/* --------------------------------------------------------------------------------
	ranking_new
-------------------------------------------------------------------------------- */
#ranking_new{
	width: 100vw;
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	background-color: #F2F2F2;
	padding: 60px 0;
	margin: 0 calc(50% - 50vw);
}
#ranking_new .ranking_new_inner{
	width: 1080px;
	margin: 0 auto;
}
#ranking_new ul{
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}
#ranking_new ul li{
    width: 200px;
	position: relative;
}
#ranking_new .thum img{
    width: 200px;
    height: 200px;
    object-fit: cover;
}
#ranking_new .rank-no{
	color: #fff;
	font-size: 10px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("https://sanko-kobe.com/images/common/i_rank.png") no-repeat 50% 0;
	background-size: 100% auto;
	padding: 8px 0 0;
	margin: 0 auto 3px;
}
#ranking_new .rank-no.no1{
	background: url("https://sanko-kobe.com/images/common/i_rank1.png") no-repeat 50% 0;
	background-size: 100% auto;
}
#ranking_new .rank-no.no2{
	background: url("https://sanko-kobe.com/images/common/i_rank2.png") no-repeat 50% 0;
	background-size: 100% auto;
}
#ranking_new .rank-no.no3{
	background: url("https://sanko-kobe.com/images/common/i_rank3.png") no-repeat 50% 0;
	background-size: 100% auto;
}
#ranking_new .thum{
	margin: 0 0 10px;
}
#ranking_new ul li p{
	font-size: 12px;
	text-align: center;
	margin: 10px 0 10px;
}
#ranking_new ul li p.price{
	color: #C9A222;
	font-size: 16px;
}
#ranking_new ul li p.price span{
	font-size: 10px;
}



/* --------------------------------------------------------------------------------
	index_content
-------------------------------------------------------------------------------- */
#index_content{
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	padding: 60px 140px 100px;
}
#index_content h2.tp_txt{
	position: relative;
	color: #492C24;
	font-size: 34px;
	text-align: center;
	letter-spacing: .1em;
	padding: 48px 0;
	margin: 0 auto 40px;
}
#index_content h2.tp_txt:before,
#index_content h2.tp_txt:after{
	content: "";
	width: 100%;
	height: 18px;
	position: absolute;
	left: 0;
	background: repeating-linear-gradient(-45deg, rgba(147, 113, 0, 1), rgba(147, 113, 0, 1) 1px, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 6px);
}
#index_content h2.tp_txt:before{
	top: 0;
}
#index_content h2.tp_txt:after{
	bottom: 0;
}
#index_content .tp_img{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 380px;
	background: url("https://sanko-kobe.com/images/common/tp_img.jpg") no-repeat 0 0;
	background-size: 100% auto;
	margin: 0 auto 60px;
}
#index_content .tp_img .tp_img_inner{
	color: #fff;
	font-size: 18px;
	text-align: center;
	letter-spacing: .1em;
	background-color: rgba(73, 44, 36, .6);
	padding: 20px 28px;	
}
#index_content .tp_img h3{
	font-size: 34px;
	margin: 0 auto 10px;
}
#index_content .tp_bnr{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	border: solid 2px #C9A222;
}
#index_content .tp_bnr .img{
	width: 45%;
}
#index_content .tp_bnr .txt{
	width: 55%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	color: #492C24;
	font-size: 20px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: center;
}
#index_content .tp_bnr .txt .lead{
	font-weight: bold;
	margin: 0 auto 10px;
}
#index_content .tp_bnr .txt h3{
	font-size: 40px;
	font-weight: bold;
	margin: 0 auto 18px;
}
#index_content .tp_bnr .txt .btn{
	width: 100%;
}
#index_content .tp_bnr .txt .btn a{
	display: block;
	width: 40%;
	color: #fff;
	font-size: 16px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background-color: #880002;
	padding: 12px 0;
	margin: 0 auto;
}



/* --------------------------------------------------------------------------------
	cat_list_new
-------------------------------------------------------------------------------- */
#cat_list_new{
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	text-align: center;
	padding: 0 20px;
}
#cat_list_new .cat_slider{
	margin-bottom: 100px;
}
#cat_list_new .slick-slide{
	padding: 0 5px;
}
#cat_list_new .slick-slide .img{
	margin: 0  auto 5px;
}
#cat_list_new .slick-slide .txt{
	font-size: 16px;
}
#cat_list_new .slick-dots{
	bottom: -40px;
}



/* --------------------------------------------------------------------------------
	news_new
-------------------------------------------------------------------------------- */
#index #news .news_inner{
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
	background: #F8F8F8;
	padding: 15px;
}
#index #news .news_inner ul{
	background: #fff;
	padding: 15px 35px 30px;
}
#index #news .news_inner ul li{
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
#index #news .news_inner ul li .date{
	width: 160px;
	font-size: 14px;
	font-weight: bold;
}
#index #news .news_inner ul li a{
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
}
#index #news .news_inner ul li a::before,
#index #news .news_inner ul li a::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    vertical-align: middle;
}
#index #news .news_inner ul li a::before{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
}
#index #news .news_inner ul li a::after{
	top: -2px;
    right: 7px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    width: 6px;
    height: 6px;
	transform: rotate(45deg);
}



/* --------------------------------------------------------------------------------
	insta_list_new
-------------------------------------------------------------------------------- */
#insta_list_new{
	border-top: 1px solid #E5E5E5;
}
#insta_list_new ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	padding: 0 120px;
}
#insta_list_new ul li{
  list-style: none;
  width: 24%;
}
#insta_list_new ul li img{
  max-width: 100%;
  height: auto;
  display: block;
}
#insta_list_new ul li a{
  position: relative;
  display: block;
}
#insta_list_new ul li a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none;
}
#insta_list_new ul li a .like{
	display: none;
}
#insta_list_new ul h1{
  text-align: center;
  font-size: 30px;
  font-weight:bold;
  padding: 30px;
  color:#333;
}
@media screen and (max-width: 799px){
	#insta_list_new{
		width: 100%;
		margin: 0 auto;
	}
	#insta_list_new ul{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
		padding: 0 20px;
	}
	#insta_list_new ul li{
		list-style: none;
		width: 48%;
	}
}



/* --------------------------------------------------------------------------------
	media_new
-------------------------------------------------------------------------------- */
#index #media_new{
	border-top: 1px solid #E5E5E5;
    padding: 80px 0 0;
}
#index #media_new .media_inner{
	font-family: a-otf-ryumin-pr6n, YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 300;
	font-style: normal;
}
#index #media_new #media_slider{
	margin-bottom: 100px;
}
#index #media_new #media_slider .slick-prev{
	left: 29.5% !important;
}
#index #media_new #media_slider .slick-next{
	right: 29.5% !important;
}
#index #media_new #media_slider .slick-prev:before,
#index #media_new #media_slider .slick-next:before{
	content: "" !important;
	display: block;
	width: 15px;
	height: 15px;
	transform: rotate(135deg);
}
#index #media_new #media_slider .slick-prev:before{
    border-right: solid 2px #C9A21C;
    border-bottom: solid 2px #C9A21C;
}
#index #media_new #media_slider .slick-next:before{
    border-left: solid 2px #C9A21C;
    border-top: solid 2px #C9A21C;
}
#index #media_new .slick-slide{
	padding: 5px 20px 10px;
}
#index #media_new .slick-slide li{
	border-radius: 20px;
	box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.4);
	background-color: #fff;
}
#index #media_new .slick-slide li a{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 10px 18px;
}
#index #media_new .slick-slide .img{
	width: 40%;
}
#index #media_new .slick-slide .txt{
	width: 55%;
	padding: 10px 0 0;
}
#index #media_new .slick-slide .txt .date{
	font-size: 15px;
	margin: 0 0 8px;
}
#index #media_new .slick-slide .txt .ttl{
	font-size: 16px;
}
#index #media_new .slick-dots{
	bottom: -40px;
}


/* #pickup {
	width: 1080px;
	margin: 0 auto;
}

#pickup h2,#ranking h2,#select-cat h2{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px;
}

#pickup h2 span,#ranking h2 span,#select-cat h2 span{
	display:block;
	margin-top:8px;
	font-size:16px;
	font-weight:normal;
}



#pickup ul.large{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 20px;
}



#pickup ul.large li{
	width: 48%;
	padding-bottom: 10px;
}

#pickup ul.large li img{
	width: 100%;
}

#pickup ul.large li a{
	display: block;
}



#pickup ul.small{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#pickup ul.small li{
	width: 30%;
	margin: 0 0 40;
	letter-spacing: 1px;
}

#pickup ul li .img{
	position: relative;
	margin-bottom:8px;
}

#pickup ul li h3,#ranking ul li h3{
	font-size: 14px;
	font-weight: bold;
	line-height:20px;
	margin:0 0 8px;
	word-break: break-all;
}

#pickup ul li p.price,#ranking ul li p.price{
	display: block;
	font-size: 14px;
	font-weight: bold;	
}

#pickup ul li p.price span,#ranking ul li p.price span{
	font-size:12px;
	font-weight: bold;	
}

#pickup ul li .img.picknew{
	height: 340px;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
	overflow: hidden;
}

#pickup ul li .img span{
	position: absolute;
	top:10px;
	left: 15px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 20px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 15px;
}



#ranking {
	width: 1080px;
	margin: 0 auto;
}





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





#ranking ul {
	display: flex;
	justify-content: space-between;
	
    
}


#ranking ul li {
    width: 30%;
	position: relative;
}


#ranking .thum img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


#ranking .rank-no{
	position: absolute;
	color: #fff;
	background: #CB1511;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -15px;
	
}



#ranking .thum{
	margin: 0 0 10px;
}

#ranking ul li p.price span{
	font-size: 12px;
}

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

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

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


#index #media .media-inner{
   margin: 0 auto;
	position: relative;
}

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




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

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


#index #aboutus{
    position: relative;
    background: url(https://sanko-kobe.com/images/common/about-bg.jpg) no-repeat center top;
	height: 566px;
	
}

#index #aboutus h3 {
    position: absolute;
    width: 90%;
    right: 0;
    left: 0;
    top: 120px;
    margin: 0 auto;
    text-align: center;
}

#index #aboutus .btn {
    position:absolute;
	width: 200px;
	top:350px;
	right: 0;
	left: 0;
	margin: 0 auto;
}



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

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

.main-img.about .img{
	padding: 40px 0 40px;
	width: 753px;
}

.about-content {
	background-color: #ffffffb5;
    padding: 60px 25px;
}

.main-img.about .txt{
	font-size: 20px;
    width: 730px;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    letter-spacing: 0.3em;
    /* line-height: 2; */
	line-height: 50px;
	font-weight: 400;
	text-align: center;
}


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


#about #sub-nav ul{
	display: flex;
	flex-wrap: wrap;
	width: 800px;
	margin: 0 auto;
}

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

#about #sub-nav ul li:nth-child(3n){
	width: 247px;
	margin: 0 0 30px;
	
}


#about #sub-nav ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E5E5E5;
	font-size: 14px;
	font-weight: bold;
	height: 100px;
	position: relative;
	border-radius: 20px;
	text-align: center;
	letter-spacing: 0.1em;
}

#about #sub-nav ul li a::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	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: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
	letter-spacing: 0.2em;

}

#about p.catch{
	font-size: 12px;
	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 60px;	
}

#about #about-us p{
	text-align: center;
	margin: 0 0 60px;
	line-height: 2;	
}

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


#about #staff{
	padding: 100px 0 ;

}

#about #staff .inner{
	width: 800px;
	margin: 0 auto;

}


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


#about #staff .staff-box:nth-of-type(2n){
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	margin: 0 0 20px;
}


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

#about #staff .staff-box .txt{
	width: 420px;
}

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

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


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





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



#about #concept p{
	text-align: center;
    font-size: 16px;
    line-height: 2.4;
    margin: 0 0 40px;
    letter-spacing: 0.2em;
}

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




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

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




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

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

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




#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: 18px;
    font-weight: bold;
    padding: 25px 50px;
}



#about #media .news-inner ul {
	background: #fff;
	padding: 15px 35px 30px;
	
}

#about #media .news-inner ul li {
	display: flex;
	border-bottom: 2px solid #F8F8F8;
	padding: 15px 0;
}



#about #media .news-inner ul li .date{
	width: 160px;
	font-size: 14px;
	font-weight: bold;

}

#about #media .news-inner ul li a{
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
   
}
#about #media .news-inner ul li a::before,
#about #media .news-inner ul li a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#about #media .news-inner ul li a::before{
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
}
#about #media .news-inner ul li a::after{
    right: 3px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
}

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

#about #shop ul.shop-img{
	display: flex;
	justify-content: center;
	margin: 0 0 55px;
}

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

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

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


#about #shop ul.shop-img li img{
	width: 420px;
}

#about #shop li.shop-info{
	text-align: left;
}


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

#about #shop li.shop-info .s1-bnr{
	margin: 10px 0;
	font-size: 10px;
}


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







#about #shop .dummy{
	display: flex;
	justify-content: center;
	padding: 0 0 55px;
}

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

.main-img.recipe{
    height: 430px;
	margin: 0 auto;
	min-width: 1200px;
}


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



#recipe{
	padding: 100px 0 0;
	
}

#recipe h2{
	text-align: center;
    font-size: 24px;
    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;
	flex-wrap: wrap;
}


#recipe #recipe-list .recipe-wrapp{
    width: 310px;
	margin: 0 50px 55px 0;
	display: flex;
    flex-direction: column;
}

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


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

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

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

#recipe #recipe-list .recipe-wrapp .txt .recipe-item-title{
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}

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

#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 0 0;
	border-top: 1px solid #9B9B9B;
}


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

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

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


#recipe #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;
	
	
}

#recipe #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
-------------------------------------------------------------------------------- */

.main-img.gift-service{
    height: 430px;
	margin: 0 auto;
	min-width: 1200px;
}


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



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

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


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


#gift-service p.info {
    text-align: center;
    font-size: 16px;
    margin: 0 0 60px;
}


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


#gift-service #gift-service-list .gift-service-wrapp{
    width: 310px;
	margin: 0 25px 55px 25px;
	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{
	width: 310px;
	/*height: 133px;*/
	object-fit: cover;
	border:1px solid #ccc;
	margin-bottom:8px;
}

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

}

#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;
	
}

#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 {
	text-align: center;
	padding: 0 0 100px;

}

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

}

#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 40px;

}

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

}


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

}

#gift-service #contact {
	margin: 100px 0;
	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;
}






.fs-c-featuredProduct{
	margin: 0 0 60px;
}

/* --------------------------------------------------------------------------------
	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: 45px;
    border-bottom: double 4px #c00000;
    border-top: double 4px #c00000;
    margin: 20px 0;
    font-weight: bold;
	letter-spacing: 0.5rem;
}

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

.description {
	font-size: 23px;
}

.sub_title {
    font-size: 50px;
    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: 23px;
}

.flex {
	display: flex;
    align-items: flex-end;
    margin: 0 30px;
}

.right_img {
    margin-left: 50px;
}

.center {
	text-align: center;
}

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

.form_main {
	border: solid 1px black;
    padding: 30px;
    margin: 25px 50px;
}
.form_text1 {
	font-size: 40px;
	line-height: 5rem;
	border-top: solid 5px #8a550f;
    padding-top: 50px;
	font-weight: bold;
}
.form_text2 {
	font-size: 25px;
}
.form_text3 {
	font-size: 6rem;
	font-weight: bold;
}
.form_text4 {
	font-size: 17px;
}

.message_img_pc{
	padding: 10px 0;
}

.message_img_sp{
	display: none;
}