/*
max-width:767px
=========================================================*/
@media screen and (max-width: 767px) 
{
/* HOME
----------------------------------------------------------------------------------------------------*/
/* HERO */
.home .hero-outer {
	height:100%;
	padding:10px;
}
.home .section1 {
	background-position: center; 
	position: relative; 
	background-image: url("./images/top/hero-sp.jpg"); 
	background-attachment: fixed; 
	background-repeat: 
	no-repeat; 
	background-size: cover;
}
.home .section1 img {
	display: block; 
	width: 180px; 
	height: auto; 
	margin: auto; 
	left: 0px; 
	right: 0px; 
	bottom: 10%; 
	position: absolute;
}

/* 挨拶文 */
.home .section2 {
	display: block; 
	margin: 0px auto; 
	background-position: center; 
	text-align: center; 
	padding-top: 60px; 
	padding-bottom: 60px; 
	position: relative; 
	background-image: url(./images/_frame/img-matsu.png);
	background-position: left 60px bottom 60px;
	background-repeat:no-repeat;
}
.home .section2 .main-text {
	display: block; 
	margin: 0px auto; 
	width: 100%; 
	overflow: hidden; 
	padding-right: 25px; 
	padding-left: 25px; 
}
.home .section2 .main-text p {
	text-align: left; 
	line-height: 28px; 
	letter-spacing: 0.2em; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 1rem; 
}
.home .section2 .main-text p:last-child {
	margin-bottom: 0; 
}

/* お品書き */
.home .section-shows {
	padding-bottom: 75px; 
}
.home .section-shows-child {
	margin-top: 55px;
}
.home :first-child.section-shows-child {
	margin-top: 0px;
}
.home .section-shows-child .image {
	overflow: hidden;
}
.home .section-shows-child .text {
	overflow: hidden;
}
.home .section-shows-child .image {
	margin: 0px auto; 
	width: 90%; 
	line-height: 0; 
	overflow: visible; 
	position: relative;
}
.home .section-shows-child .image .back {
	width: 66.66%; 
	height: 100%; 
	right: 0px; 
	bottom: 0px; 
	margin-right: -2.66%; 
	margin-bottom: -2.66%; 
	position: absolute;
}
.home .section-shows-child .image img {
	width: 100%; 
	height: auto; 
	position: relative;
}
.home .section-shows-child .text {
	margin-top: 20px;
}
.home .section-shows-child h2 {
	text-align: left; 
	line-height: 1.8rem; 
	letter-spacing: 0.18em; 
	padding-top: 2rem; 
	padding-bottom: 0.5rem; 
	padding-left: 1rem; 
	font-size: 18px; 
	font-weight: normal; 
	position: relative;
}
.home .section-shows-child h2::before {
	left: 0px; 
	width: 70%; 
	bottom: 0px; 
	border-bottom-color: black; 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	position: absolute; 
	content: "";
}
.home .section-shows-child p {
	margin-top: 1rem;
	padding-right: 19px; 
	padding-left: 19px;
	line-height: 1.8rem; 
	letter-spacing: 0.06em; 
	font-size: 14px; 
}
.home .section-shows-child .link-button-wrap {
	padding: 2rem;
}
.home .section-shows-child-1 .back {
	background-color: #a8bf93;/*山葵色わさびいろ #a8bf93*/
}
.home .section-shows-child-2 .back {
	background-color: #f3bf88;/*淡香うすこう #f3bf88*/
}

/* NEWS */
.home .section-news {
	overflow: hidden; 
	padding-top: 80px; 
	padding-bottom: 80px; 
	background-color: #e8ecef;
	color:#000;
}
.home .section-news .container {
	display: block; 
/*
	margin-top: 40px;
*/
	padding-right: 25px; 
	padding-left: 25px; 
	font-size: 14px;
    line-height: 1.8rem;
	letter-spacing: 0.2em;
	text-align: left;
	background-image: url(./images/_frame/img-take.png);
	background-position: right -80px bottom 0;
	background-repeat:no-repeat;
	background-size:contain;
}
.home .section-news .article-preview  {
	margin-top: 2rem;
}
.home .section-news .article-preview:nth-of-type(n+2)  {
	border-top: 1px solid #ccc;
	padding-top: 2rem;

}
.home .section-news .container h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.12em;
	line-height: 30px;
	margin-bottom:1rem;
	text-align:center;
}

.home .section-news .container h3 {
	padding-bottom: 1rem;
	letter-spacing: 0.18em;
	font-size: 15px;
    font-weight: bold;
}
.home .section-news .container h3 span {
	display: inline-block;
	margin-right: 1rem;
	padding: 0 0.5rem;
	font-size: 11px;
	background:#fff;
}
.home .section-news .container p {
    letter-spacing: 0.06em;
    font-size: 14px;
}
.home .section-news .container p.sp-r {
	padding-top: 2rem;
    text-align: right;
}

.home .section-news .container a {
	font-weight: bold;
	color:#cd5e3c;
}

/* SNS */
.home .section-sns {
	margin-top: 60px; 
	margin-bottom: 60px; 
}
.home .section-sns .sns-outer {
	display: block; 
	margin: 0px auto; 
	padding-right: 25px; 
	padding-left: 25px; 
}
.home .section-sns .insta-outer {
	display: block; 
	position: relative;
	text-align:center;
}
.home .section-sns .insta-outer .insta-item {
	width: 100%; 
	height:auto;
}
.home .section-sns .fb-outer {
	display: block; 
	position: relative;
	text-align:center;
	margin-top:20px;
}
.home .section-sns .fb-outer iframe {
	width: 100%; 
	max-width: 260px;
	height: 300px;
}
.home .section-sns p {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .06em;
	line-height: 60px;
	font-family: "New Gulim", "Sawarabi Mincho", serif;
}
.home .section-sns p a:before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 0.2rem;
}
.home .section-sns p a.insta:before{
	background-image: url(./images/icons/ico-insta.png);
}
.home .section-sns p a.fb:before{
	background-image: url(./images/icons/ico-fb.png);
}
}

/*
min-width:768px
=========================================================*/
@media screen and (min-width: 768px) 
{
/* HOME
----------------------------------------------------------------------------------------------------*/
/* HERO */
.home .hero-outer {
	height:100%;
	padding:10px;
}
.home .section1 {
	background-position: center; 
	padding-top: 95px; 
	position: relative; 
	background-image: url("./images/top/hero.jpg"); 
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-size: cover;
}
.home .section1 img {
	margin: auto; 
	left: 0px; 
	top: 400px; 
	width: 352px; 
	width: 300px; 
	height: auto; 
	right: 0px; 
	bottom: 0px; 
	display: block; 
	position: absolute;
}

/* 挨拶文 */
.home .section2 {
	display: block; 
	margin: 0px auto; 
	width: 100%; 
	max-width: 1020px;
	height: auto; 
	background-position: center; 
	text-align: center; 
	padding-top: 150px; 
	padding-bottom: 150px; 
	position: relative; 
	background-image: url(./images/_frame/img-matsu.png);
	background-position: left 60px bottom 60px;
	background-repeat:no-repeat;
}
.home .section2 .main-text {
	margin: 0px auto; 
	height: 428px; 
	display: block; 
	overflow: hidden; 
	display: flex; 
	font-feature-settings: "palt" 0; 
	flex-direction: row-reverse; 
	align-items: stretch; 
	justify-content: center;
	align-items: stretch; 
	-webkit-font-feature-settings: "palt" 0;
}
.home .section2 .main-text p {
	height: 100%; 
	text-align: left; 
	padding-left:2rem;
	font-size: 17px; 
	line-height: 39px;
	letter-spacing: 0.2em; 
	font-weight: bold; 
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
.home .section2 .main-text p:last-child {
	padding-left: 0; 
}

/* お品書き ・ 店主紹介 */
.home .section-shows {
	padding-top: 0; 
	padding-bottom: 120px; 
}
.home .section-shows-child {
	margin-top: 160px; 
	display: flex;
}
.home :first-child.section-shows-child {
	margin-top: 0px;
}
.home .section-shows-child .image {
	align-self: flex-start;
}
.home .section-shows-child .text {
	align-self: flex-start;
}
.home .section-shows-child .image {
	width: 50%; 
	line-height: 0; 
	position: relative;
}
.home .section-shows-child .image .back {
	width: 86.66%; 
	height: 100%; 
	right: 0px; 
	bottom: 0px; 
	margin-right: -2.66%; 
	margin-bottom: -2.66%; 
	position: absolute;
}
.home .section-shows-child .image img {
	width: 100%; 
	height: auto; 
	position: relative;
}
.home .section-shows-child .text {
	width: 44%; 
	padding-top: 4.1%;
}
.home .section-shows-child h2 {
	position: relative;
	padding-left: 40px;
	padding-bottom: 1rem; 
	text-align: left; 
	font-size: 18px; 
	font-weight: bold;
	letter-spacing: 0.12em; 
}
.home .section-shows-child h2::before {
	left: 0px; 
	width: calc(100% + 67px); 
	bottom: 0px; 
	margin-left: -67px; 
	border-bottom-color: black; 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	position: absolute; content: "";
}
.home .section-shows-child p {
	margin-top: 1rem;
	padding-left: 40px;
	font-size: 14px; 
	line-height: 1.8rem; 
	letter-spacing: 0.16em; 
}
.home .section-shows-child .link-button-wrap{
text-align:center;
}
.home .section-shows-child a {
	margin-top: 12%; 
	display: block;
}
.home .section-shows-child-1 .back {
	background-color: #a8bf93;/*山葵色わさびいろ #a8bf93*/
}
.home .section-shows-child-2 {
	flex-direction: row-reverse;
}
.home .section-shows-child-2 .back {
	background-color: #f3bf88;/*淡香うすこう #f3bf88*/
	left: 0px; 
	top: 0px; 
	margin-top: -2.66%; 
	margin-bottom: 0px; 
	margin-left: -2.66%;
}
.home .section-shows-child-2 h2 {
	text-align: left;
	padding-left:0;
}
.home .section-shows-child-2 h2 span {
	padding-bottom: 12px; 
	display: block;
}
.home .section-shows-child-2 h2::before {
	right: 0px; 
	margin-right: -67px; 
	margin-left: 0px;
}
.home .section-shows-child-2 p {
	padding-right: 60px; 
	padding-left: 0px;
}

/* NEWS */
.home .section-news {
	overflow: hidden; 
	padding-top: 80px; 
	padding-bottom: 80px; 
	background-color: #e8ecef;
	color:#000;
}
.home .section-news .container {
	margin: 0px auto; 
	padding-left: 80px;
	padding-right: 80px;
	line-height: 1.8rem;
	text-align: left;
	background-image: url(./images/_frame/img-take.png);
	background-position: right 120px bottom 0;
	background-repeat:no-repeat;
	background-size:contain;
}
.home .section-news .article-preview  {
	margin-top: 1rem;
	padding: 2rem;
}
.home .section-news .article-preview:nth-of-type(n+2)  {
	border-top: 1px solid #ccc;
}
.home .section-news .container h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.12em;
	line-height: 30px;
	margin-bottom:1rem;
	text-align:center;
}
.home .section-news .container h3 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.12em;
	line-height: 30px;
	margin-bottom:1rem;
}
.home .section-news .container h3 span {
	display: inline-block;
	margin-right: 1rem;
	padding: 0 1rem;
	font-size: 11px;
	background:#fff;
}
.home .section-news .container p {
    font-size: 14px;
    letter-spacing: 0.16em;
	line-height: 2rem;
}
.home .section-news .container p.sp-r {
	padding-top: 2rem;
    text-align: right;
}

.home .section-news .container a {
	color:#cd5e3c;
	font-weight: bold;
}

/* SNS */
.home .section-sns {
	margin-top: 100px; 
	margin-bottom: 100px; 
	padding-left: 100px; 
	padding-right: 100px; 
}
.home .section-sns .sns-outer {
	margin: 0px auto; 
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.home .section-sns .insta-outer {
	width: 58%; 
	padding: 10px;
	text-align:center;
	background:#fff;
}
.home .section-sns .fb-outer {
	width:40%; 
	padding: 10px;
	text-align:center;
	background:#fff;
}
.home .section-sns .insta-outer .insta-item {
	height: 330px;
	width:auto;
	max-width: 100%;
}
.home .section-sns p {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .06em;
	line-height: 60px;
	font-family: "New Gulim", "Sawarabi Mincho", serif;
	text-align: center;
}
.home .section-sns p a:before{
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 0.2rem;
}
.home .section-sns p a.insta:before{
	background-image: url(./images/icons/ico-insta.png);
}
.home .section-sns p a.fb:before{
	background-image: url(./images/icons/ico-fb.png);
}
}

/*
(min-width: 768px) and (max-width:1100px)
=========================================================*/
@media screen and (min-width: 768px) and (max-width:1100px)
{
.home .section-sns {
	padding-left: 20px; 
	padding-right: 20px; 
}
.home .section-sns .insta-outer .insta-item {
	height: auto;
	width:90%;
}
}