@charset "UTF-8";


/*	共通
-----------------------------*/
#brands .localnav{
	background:#f6f6f6;
	width:100%;
	border-bottom:#e8e8e8 solid 1px;
	margin-top:90px;
}
#brands .localnav.pc{
	margin-top:0;
}
#brands .localnav > ul{
	padding:12px 0 20px 0;
}
#brands .localnav > ul > li{
	display:block;
	float:left;
	margin:10px 8px 0 0;
	width:118px;
}
#brands .localnav > ul > li img{
	width:100%;
	height:auto;
}
#brands .localnav > ul > li:nth-child(8n){
	margin: 10px 0 0 0;
}
#brands .localnav > ul > li > a{
	line-height:0;
	display:block;
	position:relative;
	border:#e8e8e8 solid 1px;
	padding:0;
	margin:0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#brands .localnav > ul > li > a:hover{
	opacity:0.6;
}
#brands .localnav > ul > li > a > img{
	display:block;
}
#brands .localnav > ul > li.on > a:after{
	content:"";
	width:100%;
	height:3px;
	background:#41B842;
	position:absolute;
	bottom:0;
	left:0;
}

#brands .mm{
	border:#222 solid 2px;
	margin-top:100px;
	padding:40px 50px;
}
#brands .mm h2{
	text-align:center;
	position:relative;
}
#brands .mm h2::before{
	content:"";
	background:#41B842;
	position:absolute;
	height:2px;
	width: 60px;
	bottom:-4px;
	left:50%;
	margin-left:-30px;
	display:block;
}
#brands .mm .clearfix{
	padding:0 50px;
}
#brands .mm .qr{
	float:left;
	width:100px;
	line-height:0;
}
#brands .mm .txt{
	margin-left:180px;
}
#brands .mm .txt p{
	margin-top:30px;
}

#footer{
	margin-top:0;
}

/*	main
-----------------------------*/
#brands .main .copy{
	font-size:0.9em;
}
#brands .main .links{
	text-align:center;
	margin-top:37px;
}
#brands .main .links li{
	display:inline-block;
}
#brands .main .links li:first-child{
	padding-right:18px;
}
#brands .main .links li:last-child{
	padding-left:18px;
}
#brands .main .links li a{
    display: block;
    background: #FFF;
    border: #41B842 solid 2px;
    border-radius: 30px;
    padding: 9px 40px;
	width:340px;
    color: #41B842;
}
#brands .main .links li:first-child a{
    background: #FFF url(/common/img/zoom2.png) no-repeat 20px center;
}
#brands .main .links li:last-child a{
    background: #FFF url(/common/img/present.png) no-repeat 20px center;
}
#brands .main .list{
	margin-top:50px;
}
#brands .main .list h3{
	padding-bottom:5px;
	border-bottom:#999 solid 1px;
}
#brands .main .list li{
	float:left;
	width:324px;
	height:434px;
	margin-top:20px;
	margin-right:14px;
}
#brands .main .list li:nth-child(3n){
	margin-right:0;
}
#brands .main .list li a{
	background:#f6f6f6;
	display:block;
	height:430px;
	border:#FFF solid 2px;
}
#brands .main .list li a:hover{
	border:#41B842 solid 2px;
}
#brands .main .list li a .img{
	display:block;
	line-height:0;
}
#brands .main .list li a .img img{
	display:block;
}
#brands .main .list li a .tt{
	display:block;
	font-weight:bold;
	color:#41B842;
	padding:14px 20px 10px;
	line-height:1.6;
}
#brands .main .list li a .txt{
	display:block;
	padding:0 20px 20px;
	font-size:0.8em;
}
#brands .main .list li a:hover .txt{
	color:#333;
}
#brands .main .mm{
	margin-bottom:120px;
}


/*	detail
-----------------------------*/
#brands .detail{
	margin-top:0px;
}
#brands .detail .bg{
	padding:50px 0 50px;
}
#brands .detail .shopmv{
	line-height:0;
}
#brands .detail .shopmv img{
	width:100%;
	height:auto;
}
#brands .detail .sub{
	margin-top:30px;
	font-weight:bold;
	font-size:1.2em;
	color:#41B842;
}
#brands .detail .copy{
	font-size:0.9em;
	margin-top:15px;
	line-height:1.6;
}
#brands .detail .news{
	padding-top:35px;
	padding-bottom:35px;
}
#brands .detail .news h4{
	padding-bottom:5px;
	padding-left:8px;
	font-size:1.2em;
}
#brands .detail .news ul{
	border-top:#797979 solid 1px;
}
#brands .detail .news li{
	border-bottom:#797979 solid 1px;
	padding:15px 8px;
}
#brands .detail .news .date{
	font-size:0.8em;
	color:#5A5A5A;
}
#brands .detail .news .ti{
	margin-top:5px;
	color:#9a9a9a;
	font-weight:normal;
	font-size:1em;
}
#brands .detail .shopbtn{
	width:340px;
	margin:50px auto 0;
	text-align:center;
}
#brands .detail .shopbtn a{
	display: block;
	border: #41B842 solid 2px;
	border-radius: 30px;
	padding: 9px 40px;
	width:340px;
	background: #FFF;
	position:relative;
	color: #41B842;
}

#brands .detail .shopbtn a::before{
	content:"≡";
	color:#333;
	display:block;
	position:absolute;
	height:20px;
	line-height:20px;
	font-size:1.2em;
	font-weight:bold;
	top:50%;
	left:15px;
	margin-top:-10px;
	color: #41B842;
}
#brands .detail .menu{
	padding:35px 0 0;
	position:relative
}
#brands .detail .menu h2{
	padding-bottom:5px;
	padding-left:8px;
	font-size:1.2em;
	border-bottom:#333 solid 1px;
}
#brands .detail .menu .download{
	padding:15px 8px 0;
}
#brands .detail .menu .basewrap{
	position:relative;
}
#brands .detail .menu h5{
	position:absolute;
	top: 95px;
	left: -120px;
}
#brands .detail .menu .osusume{
	margin-top:20px;
	position:relative;
	text-align:center;
}
#brands .detail .menu .osusume li{
	width:185px;
	position:relative;
	display:inline-block;
	line-height:0;
	margin:0 5px;
}
#brands .detail .menu .osusume li .img img{
	width:100%;
	height:auto;
}
#brands .detail .shoplist{
	margin-top:35px;
}
#brands .detail .shoplist h2{
	font-size:1.4em;
	font-weight:normal;
	text-align:center;
	padding-bottom:30px;
}
#brands .detail .shoplist .area{
	float:left;
	width:200px;
}
#brands .detail .shoplist .area li{
	text-align:center;
	margin-top:8px;
}
#brands .detail .shoplist .area li:first-child{
	margin-top:0;
}
#brands .detail .shoplist .area li a{
	display:block;
	padding:8px 0;
	border: #41B842 solid 1px;
	color:#666;
	position:relative;
}
#brands .detail .shoplist .area li a:hover{
	color:#41B842;
}
#brands .detail .shoplist .area li.on a{
	background:#41B842;
	color:#FFF;
}
#brands .detail .shoplist .area li.on a::after{
	position:absolute;
	content:"";
	right: 14px;
	top:16px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#brands .detail .shoplist .list{
	margin-left:260px;
}
#brands .detail .shoplist .list li{
	border-bottom:#CCC dotted 1px;
}
#brands .detail .shoplist .list li:first-child{
	border-top:#CCC dotted 1px;
}
#brands .detail .shoplist .list li a{
	display:block;
	padding:15px 0px 15px 10px;
	position:relative;
}
#brands .detail .shoplist .list li a::after{
	position:absolute;
	content:"";
	right: 14px;
	top:50%;
	margin-top:-4px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#brands .detail .shoplist .list li a:hover::after{
	border-top: 2px solid #41B842;
	border-right: 2px solid #41B842;
}
#brands .detail .shoplist .list li .st{
	display:block;
	font-size:1.2em;
}
#brands .detail .shoplist .list li .st .icon{
	background:#41B842;
	font-size:12px;
	vertical-align:2px;
	margin-right:10px;
	color:#FFF;
	padding:0 8px;
	display:inline-block;
}
#brands .detail .shoplist .list li .st .icon.h24{
	background:#C00000;
}
#brands .detail .shoplist .list li .st .icon.yutai{
	background:#FFC000;
}
#brands .detail .shoplist .list li .st .icon:first-child{
	margin-left:30px;
}
#brands .detail .shoplist .list li .addr{
	display:block;
	font-size:0.9em;
	color:#999;
	margin-top:3px;
	padding-right:30px;
}
#brands .detail .shoplist .list li .tel{
	display:block;
	font-size:0.9em;
	color:#999;
}
/* ▼スライダー　*/
.swiper-container {
	width: 100%;
	padding-bottom: 30px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 240px;
	height:240px;
}
.swiper-slide .name{
	width:240px;
	text-align:center;
}
.swiper-slide.swiper-slide-active .name{
	font-weight:bold;
}
.swiper-slide.swiper-slide-active:before{
	opacity:1;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:0;
}
.swiper-button-next, .swiper-button-prev{
	top:36%;
}
.swiper-button-prev{
	left:5px;
	background:url(/img/index/arrow_l.png) no-repeat center center;
}
.swiper-button-next{
	right:5px;
	background:url(/img/index/arrow_r.png) no-repeat center center;
}

/* 磯丸水産 */
#brands .b1 .bg{
	background:#FFF url(/img/brands/bg10.png) no-repeat left bottom;
	background-size:cover;
}
#brands .b1 .sub,
#brands .b1 .shopbtn a::before{
	color:#0099DA;
}
#brands .b1 .shopbtn a{
	color:#0099DA;
	border-color:#0099DA;
}
#brands .b1 .news{
	background:#FFF url(/img/brands/shop1_bg.png) no-repeat center center;
	background-size:cover;
}
#brands .b1 .menu h5{
	top: 80px;
	left: -105px;
}
/* 鳥良 */
#brands .b2 .bg{
	background:#FFF url(/img/brands/bg9.png) no-repeat left center;
	background-size:cover;
}
#brands .b2 .sub,
#brands .b2 .shopbtn a::before{
	color:#D49E03;
}
#brands .b2 .shopbtn a{
	color:#D49E03;
	border-color:#D49E03;
}
#brands .b2 .news{
	background:#FFF url(/img/brands/shop2_bg.png) no-repeat center bottom;
	background-size:cover;
}
#brands .b2 .menu h5{
	top: 132px;
	left: -58px;
	z-index:10;
}
/* 鳥良商店 */
#brands .b3 .bg{
	background:#FFF url(/img/brands/bg3.png) no-repeat left center;
	background-size:cover;
}
#brands .b3 .sub,
#brands .b3 .shopbtn a::before{
	color:#D49E03;
}
#brands .b3 .shopbtn a{
	color:#D49E03;
	border-color:#D49E03;
}
#brands .b3 .news{
	background:#FFF url(/img/brands/shop4_bg.png) no-repeat center center;
	background-size:cover;
}
#brands .b3 .menu h5{
	top: 132px;
	left: -86px;
	z-index:10;
}
/* おもてなしとりよし */
#brands .b4 .bg{
	background:#FFF url(/img/brands/bg12.jpg) no-repeat center center;
	background-size:cover;
}
#brands .b4 .sub,
#brands .b4 .shopbtn a::before{
	color:#D49E03;
}
#brands .b4 .shopbtn a{
	color:#D49E03;
	border-color:#D49E03;
}
#brands .b4 .news{
	background:#FFF url(/img/brands/shop3_bg.png) no-repeat center center;
	background-size:cover;
}
#brands .b4 .menu h5{
	top: 138px;
	left: -58px;
}
/* 磯丸すし */
#brands .b5 .bg{
	background:#F8F8FF url(/img/brands/bg4.png) no-repeat center top;
	background-size:cover;
}
#brands .b5 .sub,
#brands .b5 .shopbtn a::before{
	color:#0185FF;
}
#brands .b5 .shopbtn a{
	color:#0185FF;
	border-color:#0185FF;
}
#brands .b5 .news{
	background:#FFF url(/img/brands/shop6_bg.png) no-repeat center top;
	background-size:cover;
}
#brands .b5 .menu h5{
	top: 128px;
	left: -109px;
	z-index:10;
}
/* きずなすし */
#brands .b6 .bg{
	background:#FFF url(/img/brands/bg5.png) no-repeat center top;
	background-size:cover;
}
#brands .b6 .sub,
#brands .b6 .shopbtn a::before{
	color:#323266;
}
#brands .b6 .shopbtn a{
	color:#323266;
	border-color:#323266;
}
#brands .b6 .news{
	background:#FFF url(/img/brands/shop5_bg.png) no-repeat center top;
	background-size:cover;
}
#brands .b6 .menu h5{
	top: 102px;
	left: -66px;
}
/* 鉄板二百℃ */
#brands .b7 .bg{
	background:#F8F8FF url(/img/brands/bg11.png) no-repeat center top;
	background-size:cover;
}
#brands .b7 .sub,
#brands .b7 .shopbtn a::before{
	color:#DA2128;
}
#brands .b7 .shopbtn a{
	color:#DA2128;
	border-color:#DA2128;
}
#brands .b7 .news{
	background:#FFF url(/img/brands/shop7_bg.png) no-repeat center center;
	background-size:cover;
}
#brands .b7 .menu h5{
	top: 125px;
	left: auto;
	right: -2px;
	z-index: 10;
	width: 120px;
	transform: rotate(4deg);
	display:none;
}
#brands .b7 .menu h5 img{
	width:100%;
	height:auto;
}

/* トラ五郎 */
#brands .b8 .bg{
	background:#F8F8FF url(/img/brands/bg13.jpg) no-repeat center top;
	background-size:cover;
}
#brands .b8 .sub,
#brands .b8 .shopbtn a::before{
	color:#333;
}
#brands .b8 .shopbtn a{
	color:#333;
	border-color:#333;
}
#brands .b8 .news{
	background:#EFEFEF;
	background-size:cover;
}
#brands .b8 .menu h5{
	top: 97px;
	left: -129px;
	z-index:10;
}
/* BUENO */
#brands .b9 .bg{
	background:#FFF url(/img/brands/bg6.png) no-repeat center bottom;
	background-size:cover;
}
#brands .b9 .sub,
#brands .b9 .shopbtn a::before{
	color:#5F1434;
}
#brands .b9 .shopbtn a{
	color:#5F1434;
	border-color:#5F1434;
}
#brands .b9 .news{
	background:#FFF url(/img/brands/shop9_bg.png) no-repeat center top;
	background-size:cover;
}
#brands .b9 .menu h5{
	top: 113px;
  left: -117px;
	z-index:10;
}
#brands .b9 .close{
	text-align: center;
    padding: 20px 30px 30px 30px;
    border: 3px solid #b74075;
    margin: 30px 0;
}
#brands .b9 .close p:nth-child(1){
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:20px;
}
#brands .b9 .close p:nth-child(2){
	text-align:left;
	margin:0 auto;
	line-height:2;
	display:inline-block;
}
/* 生そば玉川 */
#brands .b10 .bg{
	background:#FFF;
	background-size:cover;
}
#brands .b10 .sub,
#brands .b10 .shopbtn a::before{
	color:#BF1D2D;
}
#brands .b10 .shopbtn a{
	color:#BF1D2D;
	border-color:#BF1D2D;
}
#brands .b10 .news{
	background:#FFF url(/img/brands/shop12_bg.png) no-repeat center top;
	background-size:cover;
}
#brands .b10 .menu h5{
	top: 118px;
	left: -179px;
	display:none;
}
/* ビストロISOMARU */
#brands .b11 .bg{
	background:#FFF url(/img/brands/bg7.png) no-repeat center top;
	background-size:cover;
}
#brands .b11 .sub,
#brands .b11 .shopbtn a::before{
	color:#C6010A;
}
#brands .b11 .shopbtn a{
	color:#C6010A;
	border-color:#C6010A;
}
#brands .b11 .news{
	background:#FFF url(/img/brands/shop10_bg.png) no-repeat center top;
	background-size:cover;
}
/* CASA DEL GUAPO */
#brands .b12 .bg{
	background:#FFF6E1;
}
#brands .b12 .sub,
#brands .b12 .shopbtn a::before{
	color:#44210D;
}
#brands .b12 .shopbtn a{
	color:#44210D;
	border-color:#44210D;
}
#brands .b12 .news{
	background:#FFF url(/img/brands/shop8_bg.png) no-repeat center top;
	background-size:cover;
}
#brands .b12 .menu h5{
	top: 87px;
	right: -5px;
	left: auto;
	z-index: 10;
	transform: rotate(-9deg);
}
/* 玉丁本店 */
#brands .b13 .bg{
	background:#FFF url(/img/brands/bg8.png) repeat center top;
}
#brands .b13 .sub,
#brands .b13 .shopbtn a::before{
	color:#B16902;
}
#brands .b13 .shopbtn a{
	color:#B16902;
	border-color:#B16902;
}
#brands .b13 .news{
	background:#FFF url(/img/brands/shop11_bg.png) no-repeat center top;
	background-size:cover;
}
#brands .b13 .menu h5{
	display:none;
	top: 102px;
	left: -100px;
	z-index:10;
}
/* ホームベース */
#brands .b14 .bg{
	background:#F8F8FF url(/img/brands/bg14.jpg) no-repeat center top;
	background-size:cover;
}
#brands .b14 .sub,
#brands .b14 .shopbtn a::before{
	color:#333;
}
#brands .b14 .shopbtn a{
	color:#333;
	border-color:#333;
	width:400px;
}
#brands .b14 .news{
	background:#EFEFEF;
	background-size:cover;
}
#brands .b14 .menu h5{
	top: 97px;
	left: -129px;
	z-index:10;
}

/* 五の五 */
#brands .b15 .bg{
	background:#F8F8FF url(/img/brands/bg15.jpg) no-repeat center top;
	background-size:cover;
}
#brands .b15 .sub,
#brands .b15 .shopbtn a::before{
	color:#333;
}
#brands .b15 .shopbtn a{
	color:#333;
	border-color:#333;
}
#brands .b15 .news{
	background:#EFEFEF;
	background-size:cover;
}
#brands .b15 .menu h5{
	top: 97px;
	left: -129px;
	z-index:10;
}

/* 浜焼ドラゴン */
#brands .b16 .bg{
	background:#F8F8FF url(/img/brands/bg16.jpg) no-repeat center top;
	background-size:cover;
}
#brands .b16 .sub,
#brands .b16 .shopbtn a::before{
	color:#333;
}
#brands .b16 .shopbtn a{
	color:#333;
	border-color:#333;
}
#brands .b16 .news{
	background:#EFEFEF;
	background-size:cover;
}
#brands .b16 .menu h5{
	top: 97px;
	left: -129px;
	z-index:10;
}

/* ひつじ8番 */
#brands .b17 .bg{
	background:#F8F8FF url(/img/brands/bg17.jpg) no-repeat center top;
	background-size:cover;
}
#brands .b17 .sub,
#brands .b17 .shopbtn a::before{
	color:#333;
}
#brands .b17 .shopbtn a{
	color:#333;
	border-color:#333;
	width: 390px;
}
#brands .b17 .news{
	background:#EFEFEF;
	background-size:cover;
}
#brands .b17 .menu h5{
	top: 97px;
	left: -129px;
	z-index:10;
}

@media screen and (max-width:1120px) {

/*	共通
-----------------------------*/
#footer{
	margin-top:0;
}
#brands .detail{
	padding:0;
	display: block;
	flex-flow:none;
}
#brands .localnav{
	margin-top:50px;
	border-top:#e8e8e8 solid 1px;
}
#brands .localnav > ul{
	padding:12px 20px 20px;
}
#brands .localnav > ul > li{
	display:block;
	float:left;
	margin:10px 0 0 0;
	width:48%;
	height:auto;
}
#brands .localnav > ul > li:nth-child(2n){
	float:right;
}
#brands .localnav > ul > li:nth-child(7n){
	margin:10px 0 0 0;
}
#brands .localnav > ul > li > a > img{
	display:block;
	width:100%;
	height:auto;
}
#brands .mm{
	margin-top:50px;
	padding:20px 20px;
}
#brands .mm h2{
	text-align:center;
}
#brands .mm .clearfix{
	padding:0;
}
#brands .mm .txt{
	margin-left:0px;
	text-align:center;
}
#brands .mm .txt p{
	margin-top:20px;
}

/*	main
-----------------------------*/
#brands .main .links{
	text-align:center;
	margin-top:0;
}
#brands .main .links li{
	display:block;
	margin-top:20px;
}
#brands .main .links li:first-child{
	padding-right:0;
}
#brands .main .links li:last-child{
	padding-left:0;
}
#brands .main .links li a{
    display: block;
    background: #FFF;
    border-radius: 30px;
    padding: 9px 40px;
	width:auto;
}

#brands .main .list h3{
	padding-bottom:5px;
	border-bottom:#999 solid 1px;
}
#brands .main .list li{
	float:none;
	width:auto;
	height:auto;
	margin-top:20px;
	margin-right:0;
}
#brands .main .list li:nth-child(3n){
	margin-right:0;
}
#brands .main .list li a{
	background:#f6f6f6;
	display:block;
	width:auto;
	height:auto;
	border:none;
}
#brands .main .list li a:hover{
	border:none;
}
#brands .main .list li a .img{
	background-size:cover;
}
#brands .main .list li a .img img{
	width:100%;
	height:auto;
}


/*	detail
-----------------------------*/
#brands .detail .shoplist .areaselect select{
	width:100%;
	border:#41B842 solid 2px;
	padding:5px 10px;
	border-radius:3px;
	background:url(/common/img/arrow.png) no-repeat right 10px center;
}
#brands .detail .shoplist .list{
	margin-left:0;
	margin-top:20px;
}
#brands .detail .shopbtn{
	width:auto;
	margin:35px 0 0;
	text-align:center;
}
#brands .detail .shopbtn a{
	width:auto;
}
#brands .detail .menu{
	padding-bottom:20px;
}

}