/***************** 
   #dripcoffee 
*****************/
#dripcoffee{
}
#dripcoffee .bnr-main{
	padding:0 0 3%;
}

#dripcoffee .txt-main{
	margin:0 0 2%;
	padding:1%;
	text-align:left;
	font-size:22px;
}
#dripcoffee .txt-main p{
	font-weight:bold;
}

.link-box{
	margin:0 0 30px;
}
.link-box h3 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 0.4em;
}
.link-box ul{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
}
.link-box li {
	width:32%;
 	border-top: 1px solid #fff;
	background: #fdf8e2;
}
.link-box li.li-no{
	display: none;
}
.link-box li a {
  display: block;
  padding: 10px 0 10px 30px;
  font-size: 16px;
  white-space: nowrap;
  color: inherit;
  line-height: 1.4;
}
.link-box li a:hover {
  color: #fff;
  background: #f7ad0d;
}
.link-box li a span {
  display: inline-block;
  padding: 0 0 0 30px;
}
.link-box li a i {
  height: 22px;
  margin-right: .25em;
  vertical-align: top;
}

/* arrow-02 */
.link-box .mod-arrow-02 {
  position: relative;
  display: inline-block;
  width: 16px;
  height: auto;
  vertical-align: middle;
}
.link-box .mod-arrow-02:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.cafe.co.jp/assets/img/common/icon-arrow-02.png) no-repeat center center;
  background-size: 20px;
}
.link-box a:hover .mod-arrow-02:before {
  background-image: url(https://www.cafe.co.jp/assets/img/common/icon-arrow-02-hover.png);
}


@media screen and ( max-width:767px) {
	#dripcoffee .txt-main{
		font-size:0.8em;
	}
	.link-box ul{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	}
	.link-box li {
		width:49%;
		margin:0 0 2vw;
	}
	.link-box li.li-no{
		display: block;
	}
	.link-box li a {
	  padding: 2vw 1.5vw;
		 font-size: 3vw;
	}
	.link-box li a span {
		padding: 0 0 0 4vw;
	}
}