/* ----- .link_menu ----- */

ul.link_menu {
	display: flex;
	align-content: flex-start;
	flex-wrap : wrap;
	margin-bottom: 70px;
}
ul.link_menu li {
	width: 31.3%;
	margin: 0 10px 12px 0; 
}
ul.link_menu a {
	display: block;
    text-align: center;
    font-size: 1.6rem;
    background-color: #775a43;
    padding: 12px 25px;
    border-radius: 20px;
}
ul.link_menu a:link ,
ul.link_menu a:visited {
	color: #fff;
}
ul.link_menu a span:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../common/images/arrow.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}

/* ----- .area_menu ----- */

.area_menu section h3 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 35px;
    padding-top: 15px;
}

.area_menu section > ul {
	display: flex;
	flex-wrap : wrap;
}
.area_menu section > ul > li {
	width: 32%;
	margin: 0 2% 50px 0;
}
.area_menu section > ul > li:nth-of-type(3n) {
	margin: 0 0 50px 0;
}
.area_menu section > ul > li img {
	width: 100%;
	margin-bottom: 20px;
}
.area_menu section > ul > li h4 {
	font-size: 2.0rem;
	margin-bottom: 15px;
	line-height: 1.63;
}
.area_menu section#drink > ul li h4 {
	font-family: 'American Typewriter','Roman',sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
}
.area_menu section#drink > ul li h4 span {
	font-family: "Kosugi Maru","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
}
.area_menu section > ul > li > p,
.area_menu section#drink li {
	font-size: 1.6rem;
	line-height: 1.63;
}

/* ----- .message ----- */

.area_menu section .message {
	display: flex;
}
.area_menu section .message > div {
	width: 16.5%;
}
.area_menu section .message > div.illust01 {
	text-align: right;
}
.area_menu section .message > div.illust01 img {
	width: 45px;
	margin: 0 15px 0 0;
}
.area_menu section .message > div.illust02 {
	text-align: left;
}
.area_menu section .message > div.illust02 img {
	width: 45px;
	margin: 0 0 0 7px;
}
.area_menu section .message p{
	width: 67%;
	text-align: center;
    margin: 0 0 100px;
    font-size: 1.6rem;
    line-height: 2.3;
}
.area_menu section .message p span {
	text-align: center;
    padding-bottom: 12px;
    display: inline;
    background-image: url(../../common/images/marker.png);
    background-repeat: repeat-x;
    background-position: 0 20px;
}



/* -------------- */
/* -------------- */
/* -------------- */
/* ----- SP ----- */
/* -------------- */
/* -------------- */
/* -------------- */

@media screen and (max-width: 767px) {




/* ----- .link_menu ----- */

ul.link_menu {
	display: flex;
	align-content: flex-start;
	flex-wrap : wrap;
	margin-bottom: 70px;
}
ul.link_menu li {
	width: 100%;
	margin: 0 10px 12px 0; 
}
ul.link_menu a {
	display: block;
    text-align: center;
    font-size: 1.6rem;
    background-color: #775a43;
    padding: 12px 25px;
    border-radius: 20px;
}
ul.link_menu a:link ,
ul.link_menu a:visited {
	color: #fff;
}
ul.link_menu a span:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../common/images/arrow.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
}

/* ----- .area_menu ----- */

.area_menu section h3 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 35px;
    padding-top: 15px;
}

.area_menu section > ul {
	display: flex;
	flex-wrap : wrap;
}
.area_menu section > ul > li {
    width: 100%;
    margin: 0 0% 50px 0;
}
.area_menu section > ul > li:nth-of-type(3n) {
	margin: 0 0 50px 0;
}
.area_menu section > ul > li img {
	width: 100%;
	margin-bottom: 20px;
}
.area_menu section > ul > li h4 {
	font-size: 2.0rem;
	margin-bottom: 15px;
	line-height: 1.63;
}
.area_menu section#drink > ul li h4 {
	font-family: 'American Typewriter','Roman',sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
}
.area_menu section#drink > ul li h4 span {
	font-family: "Kosugi Maru","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
}
.area_menu section > ul > li > p,
.area_menu section#drink li {
	font-size: 1.6rem;
	line-height: 1.63;
}

/* ----- .message ----- */

.area_menu section .message {
	display: flex;
}
.area_menu section .message > div {
	width: 16.5%;
}
.area_menu section .message > div.illust01 {
	display: none;
}
.area_menu section .message > div.illust01 img {
	width: 45px;
	margin: 30px 15px 0 0;
}
.area_menu section .message > div.illust02 {
	display: none;
}
.area_menu section .message > div.illust02 img {
	width: 45px;
	margin: 30px 0 0 7px;
}
.area_menu section .message p{
	width: 100%;
	text-align: center;
    margin: 0 0 100px;
    font-size: 1.6rem;
    line-height: 2.3;
}
.area_menu section .message p span {
	text-align: center;
    padding-bottom: 12px;
    display: inline;
    background-image: url(../../common/images/marker.png);
    background-repeat: repeat-x;
    background-position: 0 20px;
}

}