/***************** 
   #regular 
*****************/
#regular{
}
#regular .bnr-main{
	padding:0 0 2%;
}

#regular .txt-main{
	margin:0 0 2%;
	padding:1%;
	text-align:left;
}
#regular .txt-main p{
}
.block-sub {
	border: 6px solid #432511;
	margin-bottom: 20px;
}
.block-sub .tl-sub {
	background: #fdf8e2;
	padding: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.block-sub .txt-sub {
	padding: 20px;
}
.block-sub .txt-sub p {
	margin-bottom: 1em;
	font-size: 14px;
}
.block-sub .txt-sub .txt-sub-b {
	font-weight: bold;
}
.block-sub .txt-sub .txt-sub-orange {
	color: #f7790d;
	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) {
	#regular .txt-main{
		font-size:1em;
	}
	.block-sub .tl-sub {
	font-size:1em;
}
	.block-sub .tl-sub {
	padding: 10px;
}
	.block-sub .txt-sub {
	padding: 10px;
}
	.block-sub .txt-sub p {
	margin-bottom: 1em;
	font-size:1em;
}

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