/* CSS Document */
#side {
  padding:0;
}
h2.coffee{
	background: url(../img/campaign/icon_coffee.gif) no-repeat 10px center;
	padding: .5em 0 .5em 2.7em;
}
h3.shake {
  background-color: #302c28;
  color: #fff;
  font-size: 17px;
  padding: .5em 1em .5em 3.5em;
  position: relative;
  font-weight: normal;
}
h3.shop:before{
  content:"";
  display:block;
  width:1px;
  height:100%;
  background-color:#110e0b;
  position:absolute;
  top:0;
  left:44px;
}
h3.shop:after{
  content:"";
  display:block;
  width:1px;
  height:100%;
  background-color:#6f6c69;
  position:absolute;
  top:0;
  left:44px;
}
.icon_shake{
  background-image:url(../img/campaign/icon_shake.png);
  background-repeat:no-repeat;
  background-position:14px 10px;
}
.coffee_text {
	width: 360px;
	font-size: 15px;
	line-height: 1.8;
	padding-top: 10px;
}
.coffee_text span {
	font-size: 18px;
	border-bottom: 1px solid #222;
	font-weight: bold;
}
.shop_box {
  width:740px;
  padding:15px 0 0 0;
}
.shop_box_left {
  width:400px;
  box-sizing: border-box;
  float:left;
}
table.shop {
  margin:0 0 0 15px;
  padding:0;
  border-collapse:separate;
	border-spacing:1px;
}
table.shop th,table.shop td {
 border-bottom:1px dotted;
}
table.shop th.last,table.shop td.last {
  border:none;
}
table.shop th {
 width:83px;
 padding:0 0 10px 0;
 text-align: left;
}
table.shop td {
  width:257px;
  box-sizing: border-box;
  padding:8px 10px 8px 0;
}
table.shop td.tel {
  font-size:18px;
  font-weight:bold;
  color:#009540;
  background:url("../img/shop/icon_tel.png") no-repeat left 11px;
  padding:8px 10px 8px 40px;
}
.shop_box_right {
  width:340px;
  padding:15px 0 0 0;
  float:left;
}
.shop_img_s {
  margin:11px 0 0 0;
}
.shop_img_s_left {
  float:left;
  width:158px;
}
.shop_img_s_right {
  float:left;
  width:158px;
  margin:0 0 0 10px;
}

/*詳細用*/
.shop_box_left2 {
  width:350px;
  box-sizing: border-box;
  float:left;
}
table.shop2 {
  margin:0 0 0 0;
  padding:0;
  border-collapse:separate;
	border-spacing:1px;
}
table.shop2 th,table.shop2 td {
 border-bottom:1px dotted;
}
table.shop2 th.last,table.shop2 td.last {
  border:none;
}
table.shop2 th {
 width:83px;
 padding:0 0 10px 0;
 text-align: left;
}
table.shop2 td {
  width:257px;
  box-sizing: border-box;
  padding:8px 10px 8px 0;
}
table.shop2 td.tel {
  font-size:18px;
  font-weight:bold;
  color:#009540;
  background:url("../img/shop/icon_tel.png") no-repeat left 11px;
  padding:8px 10px 8px 40px;
}
.shop_box_right2 {
  width:326px;
  padding:0 0 0 0;
  margin:0 0 0 22px;
  float:left;
}
.shop_img_s {
  margin:11px 0 0 0;
}
.shop_img_s_left {
  float:left;
  width:158px;
}
.shop_img_s_right {
  float:left;
  width:158px;
  margin:0 0 0 10px;
}

.shop_btn {
  text-align:center;
  width:267px;
  margin:35px auto 0;

}
.shop_btn a {
  display:block;
  position: relative;
  padding:10px 35px 10px 50px;
  background: #009540;
  color:#fff;
  font-weight: bold;
  text-decoration:none;
}
.shop_btn a:before {
  content: " ";
  width: 6px;
  height: 6px;
  border-top: 1px #fff solid;
  border-right: 1px #fff solid;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -3px;
}
.mb75 {
  margin:75px 0 0 0;
}
.mb40 {
  margin:40px 0 0 0;
}


.barista {
	background: url(/img/campaign/photo_machine.png) no-repeat right 30px top 30px, #f6f6f6;
	border: 5px solid #e7e7e7;
	border-radius: 5px;
	padding: 30px;
}
.barista h3 {
	font-size: 18px;
	margin-bottom: 20px;
}
.barista > p {
	padding-left: 20px;
	line-height: 1.8;
}
.barista > figure:first-of-type {
	margin: 30px 0 50px 35px;
}
.barista .present {
	margin-top: 30px;
	background: #328ca5;
	padding: 30px 25px;
	display: flex;
}
.barista .present p {
	color: #fff;
	font-weight: bold;
	width: 250px;
	margin-right: 15px;
}
.barista .present p span {
	font-size: 18px;
	border-bottom: 1px solid #fff;
}
.link_btn {
  text-align:center;
  width:100%;
  margin:35px auto 0;
}
.link_btn a {
  display:block;
  position: relative;
  padding:10px 35px 10px 50px;
  background: #f69415;
  color:#fff;
  font-weight: bold;
  text-decoration:none;
}
.link_btn a:before {
  content: " ";
  width: 6px;
  height: 6px;
  border-top: 1px #fff solid;
  border-right: 1px #fff solid;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -3px;
}