@charset "utf-8";
/* CSS Document */


/*** jcb　ここから　****/
.tab{
  visibility:hidden;
  height:0;
  overflow:hidden;
  background:url(/foreign/en/cp/jcb/common/img/bg_pattern01.png);
  background-size:26.67% auto;
}

.tab.active{
	visibility:visible;
	height:auto;
}


#tab01{background-color:#BE1B21;}
#tab02{background-color:#253050;}
#tab03{background-color:#36542B;}
#tab04{background-color:#5C4365;}
#tab05{background-color:#61573D;}
#tab06{background-color:#BE821B;}

.tabInner{
  width:100%;
  padding:20px 3%;
 }
 
 .tabInner h3{
   margin-bottom:8.75%;
   font-size:1.4rem;
   font-size:4.375vw;
   color:#fff;
   text-align:center;
 }
 
 .tabInner h3 span{
   position:relative;
   display:inline-block;
   border:1px solid #fff;
   padding:4px 9.375% 7px;
 }
          
.tabInner h3 span:after{
   position:absolute;
   top:-5px;
   left:-5px;
   display:block;
   content:"";
   width:100%;
   height:100%;
   border:1px solid #fff;
 } 
 
.notice{
  padding:15px;
  background:#fff;
 }

.notice p{
  margin-bottom:16px;
  background:#6098aa;
  line-height:22px;
  color:#fff;
  text-align:center;
 }
 
.notice ul li{
  margin-left:1em;
  text-indent:-1em;
 }

.notice{}


.shop {
	margin: 0 0 24px;
	background: #FFF;
	box-shadow: 0 0  10px 0  rgba(0,0,0,0.3);
}

/*#restaurant section:first-child .shop{
	margin-top:0;
}*/


.imgBox {
	width: 100%;
	position: relative;
}


.pos01 {
	width: 18.2%;
	max-width: 117px;
	position: absolute;
	top: -20px;
	left: 10px;
}


.imgBox img{
	width: 100%;	
}

.detailBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 15px;
}

/* .detailBox */
.detailBox h3 {
	margin-bottom:20px;
	font-size: 1.4rem;
  font-size:4.375vw;
	text-align:left;
	color: #6098aa;	
}

.detailBox h4 {
	padding: 6px 0;
	border-top: 1px solid #000;	
	border-bottom: 1px solid #000;	
	margin: 10px 0;
  font-size:1.2rem;
}

.detailBox .text {
	margin-bottom: 14px;
}

.shop_detail {
	width: 100%;
	display: table;
	margin-bottom: 14px;
}
.shop_detail li {
	display: table-cell;
	vertical-align: top;
}

.shop_detail li.shopLogo {
	width: 32%;
  padding-right:10px;
}

.shopData dl {
  width:100%;
  padding:10px;
  border-top:1px dotted #000;
}

.shopData dl:last-child {
  border-bottom:1px dotted #000;
}

.shopData dt {
}

.shopData dt:after {
  content:"：";
}

.shopData dl:last-child dd {
  word-break:break-all;
}


.shopData .地址 dd span {
  display:block;
}

.shopData .地址 dd a {
  display:inline-block;
  margin:10px 0 0 0;
  padding:0 15px;
  background:#6098aa;
  border-radius:5px;
  line-height:24px; 
  color:#fff;
  text-indent:0;
}

.shop_info dl{
	width: 100%;
	padding: 8px 0;
	border-bottom: 1px dotted #DEDEDE;
}

.shop_info dl:last-child{
	padding: 8px 0 0 0;
	border-bottom: none;	
}

.shop_info dt{
	display: table-cell;
	width: 100px;
}

.shop_info dd a{
	word-break:break-all;	
	word-wrap : break-word;
 	overflow-wrap : break-word;
}
.shop_info dd:before{
	content: "：";	
	dispaly: block;
	margin-left: -15px;
}

/*　ここまで　*/







@media screen and (min-width:768px) {
	


.shop {
	max-width:1000px;
	overflow: hidden;
	margin: 0 auto 20px ;	
}



.section .detailBox h3 {
	line-height: 3.8rem;
	font-size: 3.0rem;
}
.detailBox .price{
	font-size: 1.4rem;	
}

.detailBox .price span{
	font-size: 2.2rem;
	padding: 0 3px;
}

.imgBox {
	float: left;
	width: 360px;
	padding: 48px 20px 20px;
}
/*.detailBox h4 {
	font-size: 1.8rem;
}*/

.shop_detail dt {
	font-size: 1.4rem;	
}
.detailBox {
	float: right;
	width: 525px;
	padding: 48px 20px 30px 0;
}
.shop_detail h5{
	font-size: 1.8rem;
}
.shop_detail li:first-child {
	width: 120px;
}

.shop_info {
	display: block;
}
.shop_info dt{
	width: 230px;
}

.pos01 {
	width: 90px;
	position: absolute;
	top: 8px;
	left: 8px;	
}


}


@media screen and (min-width:768px){

#allWrap.open #overlay span:after {
    content: "";
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(/foreign/en/cp/oishii/common/img/btn_close01.png);
    background-size: 80px 80px;
    z-index: 1005;
}

/*** jcb　ここから　****/

.tab{
  background-size:auto;
}

.tabInner{
  max-width:1000px;
  margin:0 auto;
  padding:50px 0;
 }
 
 .tabInner h3{
   margin-bottom:50px;
   font-size:3.0rem;
 }
 
 .tabInner h3 span{
   padding:2px 55px 12px;
 }
 
.notice{
  padding:7px 7px 20px;
  background:#fff;
 }

.notice p{
  margin-bottom:16px;
  background:#6098aa;
  font-size:1.6rem;
  line-height:44px;
  color:#fff;
  text-align:center;
 }

.notice ul{
  padding:0 16px;
 }

.notice ul li{
  margin-left:1em;
  text-indent:-1em;
 }

.notice{}

.detailBox {
	padding: 48px 20px 30px 0;
}

/* .detailBox */
.detailBox h3 {
	margin-bottom:0;
	font-size: 2.6rem;
	line-height: 2.4rem;
}

.detailBox h4 {
	margin: 15px 0;
}

.shop_detail li.shopLogo {
	width: 100px;
	max-width: 170px;
  padding-right:20px;
}

.shopData dl {
  display:table;
  width:100%;
  padding:0;
}

.shopData dt {
  display:table-cell;
  width:92px;
  padding:10px 0;
}

.shopData dt:after {
  display:none;
}

.shopData dd {
	display: table-cell;	
  margin-left:1em;
  padding:10px 0;
  text-indent:-1em;
}

.shopData dd:before {
  content:"："
}

.shopData .地址 dd span {
  display:inline;
  margin-right:10px;
}


.shopData .地址 dd a {
  margin:0;
  padding:0 10px;
}

.shopData .地址 dd br {
  display:none;
}


/*　ここまで　*/


}