.page-title {
  background:url(../img/about/page-title-bg01.jpg) no-repeat;
  background-position:center bottom;
  position:relative;
  padding-top:1px;
}
@media screen and (min-width: 1920px) {
  .page-title{
    background-size:100% auto;
  }
}

.page-title > div{
  margin-top:135px;
  width:100%;
  background-color:rgba(0,0,0,.6);
}
.page-title > div > div{
  max-width:1200px;
  margin:0 auto;
  background:url(../img/material/main_img-logo.png) no-repeat right 20px bottom 40px;
  background-size:280px;
}
.page-title > div > div{
  text-align:right;
  padding:35px 450px 40px 0;
  white-space:nowrap;
}
.page-title.blog > div > div > *{
	width:445px;
}
.page-title.blog > div > div h3:after{
	width:35%;
}
.page-title > div > div strong{
  color:#fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:22px;
  font-weight:bold;
}
.page-title > div > div p{
  color:#fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:20px;
  font-weight:bold;
  margin-top:20px;
}
.page-title > div > div h3{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color:rgba(255,255,255,.7);
  font-size:59px;
  font-weight:500;
  letter-spacing:0;
  border-bottom:solid 1px #fff;
  margin-top:20px;
  line-height:1.7;
}
.page-title > div > div h3:after{
  content:"";
  width:50%;
  height:1px;
  background-color:#fff;
  position:absolute;
  left:0;
  display:block;
}

.c-con01{
  width:1100px;
  margin:0 auto;
}
.c-con02 {
  width:100%;
  margin:55px auto 0;
}
.a-title01.img01 {
  background:url(../img/about/title-bg01.gif) no-repeat;
  background-position:top center;
  min-height:461px;
}
.a-title01 h3 {
  padding-top:55px;
  background:url(../img/about/title-bg02.png) no-repeat;
  background-position:left bottom;
}
.a-title01.img01 h3{
  padding-top:85px;
}
.a-title01 h3 p{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:17px;
  font-weight:bold;
  background-color:#20512a;
  margin:15px 0 0 35px;
  display:inline-block;
  color:#fff;
  padding:6px 12px 2px;
}
.a-title01 h4 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:34px;
  font-weight:bold;
  padding:30px 0 0 40px;
  letter-spacing:0;
}
.d-blog .a-title01 h4 {
	padding:30px 0 15px;
	font-size:30px;
	border-bottom:solid 1px #ccc;
}
.category-03 .d-blog .a-title01 h4,
.category-04 .d-blog .a-title01 h4 {
	font-size:20px;
	border-bottom-width:0;
	padding-bottom:0;
}
.d-blog .a-title01 strong {
	color: #666;
    font-size: 12px;
    padding:0 0 0 27px;
    line-height: 1;
    font-weight: bold;
	position:relative;
}
.d-blog .a-title01 strong:before {
	content:"";
	width:20px;
	height:19px;
	background:url(../img/material/icon01.jpg) no-repeat;
	display:inline-block;
	position:absolute;
	left:0;
	top:-2px;
}
.a-title01 dl {
  display:flex;
}
.a-title01 dl dt{
  position:relative;
  width:40%;
  padding:50px 0 0 155px;
}
.a-title01 dl dt span{
  position:absolute;
  display:block;
  width:315px;
  height:215px;
  background-color:#878585;
  top:185px;
  left:48px;
}
.a-title01 dl dt p{
  position:relative;
}
.a-title01 dl dd{
  width:60%;
}
.a-title01 dl dd > p,
.a-title01 > div > p {
  margin:45px 0 0 45px;
  font-size:15px;
}
.a-title01 > div {
  background:url(../img/friendly_field/img01.jpg) no-repeat;
  background-position:bottom right 10%;
}
.a-title01 > div > p {
  width:45%;
  min-height:115px;
}
.a-title01 > div > ul {
  width:50%;
  margin:55px 0 0 75px;
  display:flex;
  flex-wrap:wrap;
}
.a-title01 > div > ul > li{
  width:25%;
  padding:2px 3px 3px;
}
.a-title01 > div > ul > li a{
  display:block;
  border:solid 1px #9e9e9e;
  text-align:center;
  padding:10px;
  font-size:18px;
  position:relative;
  text-decoration:none;
}
.a-title01 > div > ul > li a:before{
  content:"";
  display:block;
  position:absolute;
  left:3px;
  top:3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: #cbcbc9 transparent transparent transparent;
}
.h-title02 {
  border-top:solid 1px #333;
  border-bottom:solid 1px #333;
}
.h-title02 h3{
  width:100%;
  max-width:1100px;
  margin:0 auto;
  font-size:23px;
  font-weight:bold;
  padding:17px 50px;
}
.h-title02.shop-title h3{
  background:url(../img/about/icon-img01.jpg) no-repeat center left 20px;
  padding-left:90px;
}
.a-list01 {
  margin: 20px auto 0;
  display:flex;
  flex-wrap:wrap;
}
.a-list01 > li{
  width:50%;
  max-width:415px;
  margin:0 auto;
}
.a-list01 > li > h3 {
  display:inline-block;
  position:relative;
  margin-top:10px;
}
.a-list01 > li > h3:before {
  content:"";
  width:100%;
  height:18px;
  display:block;
  position:absolute;
  left:0;
  bottom:3px;
  background-color:#f8f995;
}
.a-list01 > li > h3 *{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:24px;
  color:#20512a;
  display:inline-block;
  font-weight:bold;
  padding:0 4px;
  position:relative;
}
.a-list01 > li > h3 strong{
  font-size:28px;
}
.a-list01 > li > p{
  margin:15px 5px 50px;
  letter-spacing:0;
}
.a-list02 {
  margin: 0 auto 100px;
  width: 91%;
}
.a-list02 > li {
  margin-top:25px;
  padding-bottom:25px;
  border-bottom:solid 1px #333;
  display:flex;
}
.a-list02 > li > div{
  padding:10px 0 0 40px;
}
.a-list02 > li > div > strong{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:20px;
  font-weight:bold;
}
.a-list02 > li > div > p{
  margin:10px 29px;
}
.a-list02 > li > div a.btn-cat{
  display:inline-block;
  margin: 25px 5px 0;
}
.a-list03 {
  width:1100px;
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  margin:35px auto;
}
.a-list03 > li{
  width:100%;
  padding:20px;
}
.a-list03 li > div{
  box-shadow:12px 12px 12px -10px rgba(0,0,0,.15);
  border:solid 1px #ccc;
  padding:15px;
  min-height:413px;
}
.a-list03 > li div.ff-info{
  display:flex;
}
.a-list03 > li div.ff-info div{
  width:100%;
	order:2;
}
.a-list03 > li div.ff-info p{
  margin-left:auto;
  padding:5px 25px 0 0;
	order:1;
}
.a-list03 > li div.ff-info p img{
  max-width:215px;
  height:auto;
}
.a-list03 > li div.ff-info strong{
  background-color:#65a372;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  padding:3px 24px 3px 6px;
  display:inline-block;
}
.a-list03 > li div.ff-info h3{
  border-bottom:solid 1px #a2a2a2;
  font-size:29px;
  font-weight:bold;
  padding:20px 2px 10px;
  margin-bottom:15px;
  line-height:1.3;
}
.a-list03 > li div.ff-info address,
.a-list03 > li div.ff-info span{
  font-size: 13px;
  padding: 2px 2px 2px 30px;
  background: url(../img/friendly_field/icon01.png) no-repeat;
  background-position: top 4px left 5px;
  display: block;
}
.a-list03 > li div.ff-info span{
  background: url(../img/friendly_field/icon02.png) no-repeat;
  background-position: top 4px left 5px;
}
.a-list03 > li ul{
  margin:8px 5px;
}
.a-list03 > li ul > li{
  display:inline-block;
}
.a-list03 > li ul > li *{
  background-color:#333;
  border-radius:3px;
  color:#fff;
  padding:3px 5px;
  line-height:1.3;
  font-size:12px;
  display:block;
  text-decoration:none;
}
.a-list03 > li ul > li a{
  background-color:#ca0e0e;
  font-size:11px;
  font-weight:bold;
  padding:4px 5px 3px;
}

.a-list03 > li div.ff-com {
  border-top:solid 1px #a2a2a2;
  margin:10px 0 0;
  padding:2em 0.75rem;
}
.a-list03 > li div.ff-com *{
  font-size:14px;
  line-height:1.5;
}
.a-list03 > li div.ff-com img{
	display:block;
	margin:35px auto;
}
.a-list04 {
	display:flex;
	flex-wrap:wrap;
	margin:25px auto 50px;
	width:100%;
	max-width:1000px;
}
.a-list04 dt{
  width:33%;
  margin:50px 0 0;
}
.a-list04 dd{
  width:67%;
  padding:0 3rem;
  margin:50px 0 0;
}
.a-list04 > dd:first-child,
.a-list04 dd + dd{
  width:100%;
}
.a-list04 dt:not(:first-of-type),
.a-list04 dd:not(:first-of-type),
.a-list04 > dd:first-child + dt{
  border-top:solid 1px #ccc;
  padding-top:50px;
}

.a-list04 dd ul li{
  display:flex;
  margin:0 auto 3px;
  background-color:#e9e9e9;
  border:solid 1px #e0e0e0;
  padding:4px;
}
.a-list04 dd ul li *{
  font-size:14px;
}
.a-list04 dd ul li strong {
  width:20%;
  padding:5px 20px 0;
}
.a-list04 dd ul li div {
  width:80%;
  background-color:#fff;
  border:solid 1px #e0e0e0;
  padding:5px 25px;
}
.a-list04 dd > h4 {
  margin:30px 0 0;
  padding:5px;
  font-size:14px;
}
.a-list04 dd > div.as_biko {
  background-color:#e9e9e9;
  border:solid 1px #e0e0e0;
  padding:4px;
}
.a-list04 dd > div.as_biko > div{
  background-color:#fff;
  padding:5px 25px;
}
.a-list04 dd > div.as_biko > div *{
  font-size:14px;
}
.l_form01{
	border-top:solid 1px #333;
	padding:50px 40px;
}
.a-form01 {
    margin-top: 50px;
}
.a-form01 > li {
    margin-top: 5px;
    background-color: #342008;
    position: relative;
    padding: 1px;
}
.a-form01 > li label {
    position: absolute;
    width: 190px;
    color: #fff;
    text-align: right;
    top: 14px;
    font-size: 18px;
}
.a-form01 > li div {
    margin: 0 0 0 225px;
    padding: 10px 25px;
    background-color: #fff;
}
.a-form01 > li div input, .a-form01 > li div select, .a-form01 > li div textarea {
    background-color: #f9f9f9;
    width: 100%;
    font-size: 16px;
    padding: 3px;
    line-height: 1.7;
    border-radius: 3px;
    border: solid 1px #999;
    height: 35px;
}
.a-form01 > li div textarea{
	height:200px;
	min-width:100%;
	max-width:100%;
}
.a-btn01 {
    margin-top: 30px;
    text-align: center;
}
.a-btn01 input {
    display: inline-block;
    width: 200px;
    font-size: 21px;
    background-color: #f9f9f9;
    height: 50px;
    padding-top: 2px;
    padding-left: 2px;
    border-radius: 3px;
    border: solid 1px #999;
    vertical-align: middle;
}
.c-blog01 {
	width:100%;
	border-top:solid 13px #666;
	margin-bottom:-75px;
}
.c-blog01.category-01 {
	border-top-color:#fca756;
}
.c-blog01.category-02 {
	border-top-color:#919ff9;
}
.c-blog01.category-03 {
	border-top-color:#84d1a5;
}
.c-blog01.category-04 {
	border-top-color:#e97777;
}
.c-blog01.category-05 {
	border-top-color:#1b7240;
}
.c-blog01 > div {
	width:1100px;
	margin:0 auto;
	display:flex;
	flex-direction:row-reverse;
}
.c-blog01 > div > div{
	width:892px;
	margin-top:50px;
	padding:0 20px 100px 75px;
}
.c-blog01 > div .blog-list01 li{
	border-bottom:dotted 1px #333;
	padding:10px 0;
}
.c-blog01 > div .blog-list01 li a{
	padding:20px 0 20px 275px;
	min-height:201px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	position:relative;
}
.c-blog01 > div .blog-list01 li.hi-list01 a{
	padding:0;
	min-height:inherit;
	margin-top:15px;
	display:inherit;
	text-decoration:underline;
	color:#1b7240;
	text-align:left;
	border:none!important;
}
.c-blog01 > div .blog-list01 li a figure{
	position:absolute;
	left:0;
	top:20px;
    width: 242px;
    height: 161px;
    margin: 0 auto;
    display: block;
    background-size: auto 100%!important;
    background-position: center center!important;
}
.c-blog01 > div .blog-list01 li a span{
    display: block;
    padding: 0 0 5px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
}
.c-blog01 > div .blog-list01 li a h3{
    border-bottom: solid 2px #242424;
	font-size: 18px;
    letter-spacing: 0;
    padding: 10px 0;
    line-height: 1.4;
    position: relative;
}
.c-blog01 > div .blog-list01 li a h3:before{
	content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: #666;
}
.c-blog01 > div .blog-list01 li.category-01 a h3:before{
	background-color:#fca756;
}
.c-blog01 > div .blog-list01 li.category-02 a h3:before{
	background-color:#919ff9;
}
.c-blog01 > div .blog-list01 li.category-03 a h3:before{
	background-color:#84d1a5;
}
.c-blog01 > div .blog-list01 li.category-04 a h3:before{
	background-color:#e97777;
}
.c-blog01 > div .blog-list01 li a div{
	font-size:14px;
	padding:20px 0 0;
	line-height:1.5;
}
.c-blog01 > div .blog-list01 li a div *{
	display:inline;
	line-height:1.5;
	font-size:14px;
}
.c-blog01 ul > li.hi-list01:not(:first-child) {
	padding-top:50px;
}
.c-blog01 li.hi-list01 > div strong{
	display: block;
    padding: 0 0 5px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
}
.c-blog01 li.hi-list01 > div h3{
    border-bottom: solid 2px #242424;
    font-size: 29px;
    padding: 25px 0 20px;
    line-height: 1.4;
    position: relative;
}
.c-blog01 li.hi-list01 > div h3:before{
	content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: -2px;
    left: 0;
	background-color:#1b7240;
}
.c-blog01 li.hi-list01 dl{
	display:flex;
	margin:50px 0;
}
.c-blog01 li.hi-list01 dl > dt{
	width:calc(100% - 250px);
}
.c-blog01 li.hi-list01 dl > dt,
.c-blog01 li.hi-list01 dl > dt *{
	font-size:14px;
}
.c-blog01 li.hi-list01 dl > dt h4{
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
}
.c-blog01 li.hi-list01 dl > dd{
	width:250px;
}
.c-blog01 li.hi-list01 dl > dd img{
	width:80%;
	display:block;
	margin:0 0 0 auto;
}

.c-blog01 > div > aside{
	display:block;
	width:208px;
	background-color:#f6f6f6;
	box-shadow:2px 2px 2px -1px rgba(0,0,0,.15) inset;
	padding-bottom:75px;
}
.c-blog01 aside .s-cate{
	margin-top:50px;
}
.c-blog01 aside .s-cate a{
    width: 175px;
    height: 62px;
    display: block;
    border-radius: 10px;
    background-color: #dedede;
    padding: 7px 0 0 14px;
	margin:10px auto;
	box-shadow:1px 1px 2px -1px rgba(0,0,0,.8) inset;
	opacity:0.6;
}
.c-blog01 aside .s-cate .category-05 a{
	background-color:#1b7240;
	opacity:1;
}
.c-blog01 aside h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:#3d3d3d;
	padding:3px 15px 1px;
	color:#e1e1e1;
	font-size:14px;
	font-weight:bold;
	margin:35px 0 0 -10px;
	position:relative;
}
.c-blog01 aside h3:before{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 7px 0;
	border-color: transparent #2c2c2c transparent transparent;
	position:absolute;
	left:0;
	bottom:-7px;
}
.c-blog01 aside .s-pickup a{
	display:block;
	width:185px;
	background-color:#fff;
	margin:10px auto;
	text-decoration:none;
	padding:7px;
	position:relative;
}
.c-blog01 aside .s-pickup a figure{
	width:170px;
	height:112px;
	background-size: auto 100%!important;
    background-position: center center!important;
	margin:0 auto;
}
.c-blog01 aside .s-pickup a p{
	border-left:solid 3px #959595;
	margin:5px 0 0;
	padding:2px 0 20px 5px;
	font-size:13.5px;
	line-height:1.3;
	letter-spacing:0;
}
.c-blog01 aside .s-pickup a span{
	position:absolute;
	right:2px;
	bottom:0;
	font-size:10px;
	color:#999;
	font-weight:bold;
}
.pp_con{
  margin:50px auto;
  width:900px;
}
.pp_con *{
  font-size:13px;
  line-height:1.5;
}
.pp_con h4{
  font-size:16px;
  font-weight:bold;
  background-color:#f9f9f9;
  margin-top:25px;
  padding:3px 5px;
}
.pp_con p,
.pp_con ul{
  padding:3px 10px 20px;
}
.pp_con p.pp-center{
  text-align:center;
}
.pp_con ul > li{
  list-style-type:decimal;
  margin:0 1.5rem;
}
.d-blog .b-txt01{
	min-height:500px;
	margin:25px 0;
	padding:25px 0 50px;
}
.d-blog .b-txt01,
.d-blog .b-txt01 *,
.d-blog .b-txt02,
.d-blog .b-txt02 *,
.d-blog .b-txt03,
.d-blog .b-txt03 *{
	font-size:15px;
	line-height:1.9;
}
.d-blog .b-txt01 > p:not(:first-child),
.d-blog .b-txt02 > div > p:not(:first-child),
.d-blog .b-txt03 > div > p:not(:first-child),
.d-blog .b-txt03 .e_comm > div > p:not(:first-child){
	margin:20px 0;
}
.d-blog .b-txt01 img,
.d-blog .b-txt02 img,
.d-blog .b-txt03 img{
	max-width:80%;
	display:block;
	margin:55px auto;
	height:auto;
}
.d-blog .b-txt02 > div,
.d-blog .b-txt03 > div{
	margin:25px 0;
}
.d-blog .b-txt02 > ul,
.d-blog .e_comm > ul{
	margin:25px 0;
	padding:1rem;
	background-color:#f3f3f3;
	display:flex;
	flex-wrap:wrap;
}
.d-blog .b-txt02 > ul > li,
.d-blog .e_comm > ul > li{
	border:solid 4px rgba(255,255,255,0);
	border-bottom-width:0;
	width:50%;
	display:flex;
	flex-wrap:wrap;
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,.5);
}
.d-blog .b-txt02 > ul > li:nth-of-type(even),
.d-blog .e_comm > ul > li:nth-of-type(even){
	border-left-width:0;
}
.d-blog .b-txt02 > ul > li:last-child,
.d-blog .e_comm > ul > li:last-child{
	border-bottom-width:3px;
	width:100%;
}
.d-blog .b-txt02 > ul > li > strong,
.d-blog .e_comm > ul > li > strong{
	width:35%;
	font-size:13px;
	padding:0.5rem 1rem;
	background-color:#d2f093;
}
.d-blog .b-txt02 > ul > li:last-child > strong,
.d-blog .e_comm > ul > li:last-child > strong{
	width:25%;
}
.d-blog .b-txt02 > ul > li > div,
.d-blog .e_comm > ul > li > div{
	font-size:13px;
	padding:0.5rem 1rem;
	width:65%;
	background-color:#fff;
}
.d-blog .b-txt02 > ul > li:last-child > div,
.d-blog .e_comm > ul > li:last-child > div{
	width:75%;
}
.d-blog .b-txt02 > ul > li > div *,
.d-blog .e_comm > ul > li > div *{
	font-size:13px;
}
.d-blog .b-txt02 > ul > li > div > p:not(:first-child),
.d-blog .e_comm > ul > li > div > p:not(:first-child){
	margin-top:10px;
}
.d-blog .b-txt03 .e_title > ul {
	border:solid 1px #ccc;
	border-top-width:0;
	display:inline-block;
}
.d-blog .b-txt03 .e_title li {
	display:flex;
	border-top:solid 1px #ccc;
}
.d-blog .b-txt03 .e_title li > *{
	font-size:13px;
	padding:3px 1rem;
}
.d-blog .b-txt03 .e_title li > strong{
	width:20%;
	min-width:125px;
	background-color:#f3f3f3;
	border-right:solid 1px #ccc;
}
.d-blog .b-txt03 .e_title li > p{
	width:80%;
	min-width:175px;
}
.d-blog .b-txt03 .e_comm,
.d-blog .b-txt03 .e_chirashi{
	margin-top:25px;
	padding-top:25px;
	border-top:solid 1px #ccc;
}
.d-blog .b-txt03 .e_comm h3{
	font-size:25px;
}
.d-blog .b-txt03 .e_comm > div{
	margin-top:15px;
}

.d-blog .b-link{
	margin:25px 0;
	padding:25px 0 50px;
	border-bottom:solid 1px #ccc;
	display:flex;
	justify-content:center;
}
.d-blog .b-link li{
	width:50%;
}
.d-blog .b-link a{
    display: block;
	width:90%;
    min-width: 280px;
    height: 45px;
    background-color: #9aae6e;
    position: relative;
    text-align: center;
    padding: 13px 10px 0;
    margin: 5px auto;
	box-shadow:6px 6px 12px -10px rgba(0,0,0,.5);
}
.d-blog .b-link a:before{
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/material/footer-snslogo01.jpg) no-repeat;
}
.d-blog .b-link li + li a:before{
    background: url(../img/material/footer-snslogo02.jpg) no-repeat;
}

/* 20210316 LINE追加  */
.a-line {
	max-width:325px;
    position: relative;
	margin:25px auto;
}
.a-line > p.img01{
	width:55%;
}
.a-line img {
    max-width: 100%;
    display: block;
}
.a-line > a {
    display: block;
    width: 160px;
    margin: 15px 0 0;
}
.a-line > p.qr {
    width: 120px;
    position: absolute;
    right:0;
    top: -5px;
    background-color: #f6f6f6;
    border-radius: 3px;
    padding: 5px;
}


/* 20210823 店舗情報ページ追加  */
.c-shopcat{
	width:96%;
	max-width:1100px;
	margin:0 auto;
}
.c-shopcat > h3{
	border-bottom:solid 1px #ccc;
}
.c-shopcat > h3:before{
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:50%;
	border:solid 3px #999;
	margin-right:8px;
	content:"";
	font-size:0.8em;
	font-weight:bold;
}
.c-shopcat > ul{
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
}
.c-shopcat > ul > li{
	width:23%;
	background-color:#fcfcfc;
	border-radius:5px;
	box-shadow:2px 2px 3px -1px rgba(0,0,0,.05) inset;
	padding:0.25em 1em 1.5em;
	margin:12px 1% 0;
}
.c-shopcat li > h4 {
	font-size:0.85em;
	line-height: 2.5;
	margin-bottom:0.5em;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	color: rgba(77,90,49,1);
}
.c-shopcat li > h4:before,
.c-shopcat li > a:before {
	content:"";
	display:inline-block;
	margin-right:7.5px;
	width:4px;
	height:4px;
	border-right:2px #999 solid;
	border-top:2px #999 solid;
	transform:rotate(45deg);
	position:relative;
	top:-1px;
}
.c-shopcat li > h4:before{
	border-color: rgba(77,90,49,1);
}
.c-shopcat li > a {
	display:block;
	margin-top:1px;
	border-radius:3px;
	line-height:1;
	padding:5px 1em;
	font-size:0.85em;
	text-decoration:none;
}
.c-shopcat li > a:hover {
	background-color:#f3f3f3;
}
.a-link01{
	display:block;
	margin-top:-40px;
	padding-top:40px;
}