@charset "euc-jp";
@import url("https://file003.shop-pro.jp/PA01461/290/css/top.css");
.fix-box::before, .fix-box::after {
	content: " ";
	display: table;
}
.fix-box::after {
	clear: both;
}
.prd-lst-pos {
  display: none;
}
.row_gift {
  margin: 0 !important;
}
.logo-bnr img {
  width: 100%;
}
.prd-lst-name a {
  color: #000000!important;
}
a.btn-viewcart::before {
  content: "9,000円以上送料無料！" !important;
  color: #000000 !important;
}
.news_archive {
  background-color: #ffffff;
}
.info-block .unstyled a {
  color: #000000;
}
#pagetop {
      border: 1px solid #860809 !important;
    background: #860809 !important;
}
.pc-right li {
	padding: 0 !important;
	margin-right: 1vw;
}
.kaiinn-pc li a {
    background-color: #ffffff !important;
    border: none !important;
	color: #000000 !important;
}

p,
h1,
a,
h2,
h3,
span{
	font-family: 'Noto Serif JP', serif;
}

.footer_nav a {
  color: #000000;
}

footer {
margin-top: 0 !important;
}
.r-color {
	color: #860809;
}
.single-search .search-btn {
    background-color: #000000;
    color: #ffffff;
    }
.txt-friend {
      color: #2DBE20;
    text-align: center;
}
footer p.copy {
      background: #512719 !important;
}
.box-list-line {
  background-color: #FFF8EA;
}

.top-kaiin {
	background-color: #FFF8EA;
}

.header-logo {
	transform: none !important;
}
.header-logo a {
    position: relative;
    z-index: 103;
}

.pull-right a {
	    border: 1px solid #000000 !important;
    background-color: #000000 !important;
}
.carts {
	color: #ffffff !important;
}
/* ========================================
      PCの場合
======================================== */
/* ========================================
      headerの場合
======================================== */
.head_green_wrap {
	background-color: transparent !important;
}
.head_green_wrap main a {
	color: #512719 !important;
}
#conteiner {
  position: relative; 
     top: 0vw;
}
.fa-user-s {
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/icn-mypage-01.png?cmsp_timestamp=20220331183340);
	width: 2vw;
	height: 2vw;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* ========================================
      footerの場合
======================================== */
footer p .copy {
/*	background-color: #txt-fight;*/
}
/* ========================================
      まつおかオンラインショップとはの場合
======================================== */
	.main-section {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-cmn-01.jpg?cmsp_timestamp=20211013105127);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: auto 100%;
		width: 100vw;
	}
	.about-top-img {
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 100vw;
		position: relative;
	}
.about-top-img::after {
	content: "";
	position: absolute;
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/img-about-02.png?cmsp_timestamp=20211018113332);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}
.box-cold {
	position: relative;
}
.box-cold::after {
	position: absolute;
	content: "";
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-01.png?cmsp_timestamp=20211013150017);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.cold-img img {
	position: relative;
    z-index: 1;
}
.cold-d-txt p {
	position: relative;
	z-index: 1;
}

.deli-txt {
	position: relative;
	z-index: 1;
}

.deli-img {
	position: relative;
}
.deli-img img {
	position: relative;
	z-index: 1;
}

.deli-img::after {
	position: absolute;
	content: "";
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-02.png?cmsp_timestamp=20211013125123);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.deli-d-txt p {
	position: relative;
	z-index: 1;
}

.one-txt {
	position: relative;
	z-index: 1;
}

.one-img {
	position: relative;
}

.one-img img {
	position: relative;
	z-index: 1;
}

.one-img::after {
	position: absolute;
	content: "";
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-03.png?cmsp_timestamp=20211013151408);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.one-d-txt p {
	position: relative;
	z-index: 1;
}

.size-txt {
	position: relative;
	z-index: 1;
}

.deli-img,
.size-img{
	position: relative;
}

.size-img img {
	position: relative;
	z-index: 1;
}

.size-img::after {
	position: absolute;
	content: "";
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-04.png?cmsp_timestamp=20211013154602);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.size-d-txt p {
	position: relative;
	z-index: 1;
}

.back-series {
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.bg-green {
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-07.jpg?cmsp_timestamp=20211018115116);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -2vw;
}

.box-health h2 {
	text-align: center;
	color: #516437;
	font-weight: normal;
}

.left-health p {
	background-color: #fff;
}
.box-m h2 {
	text-align: center;
	color: #516437;
	font-weight: normal;
}
.left-m p {
	background-color: #fff;
}
.back-footer {
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/* ========================================
      ごちそう便共通
======================================== */

.list-fv li img {
	width: 100%;
}

.goti-txt {
	text-align: center;
      letter-spacing: .1rem;
}
.content-goti p {
	color: #ffffff;
	background-color: #4F2D15;
	text-align: center;
}

.content-goti .list-c-goti {
	font-size: 0;
} 
.content-goti .list-c-goti li {
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
} 

.content-goti .list-c-goti li img {
	width: 100%;
} 

.content-goti .list-c-goti li span {
	font-size: 1rem;
	color: #4F2D15;
} 

.img-ajiwai img {
	width: 100%;
}

.link-gotisou  {
  display: block;
}

.link-gotisou img  {
	width: 100%;
}


/* ========================================
      アレルギー一覧表
======================================== */
.table{
  border-width: 3px;
}


/* ========================================
      お惣菜の日共通
======================================== */
.box-main-pre {
	background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100vw;
    background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-cmn-01.jpg?cmsp_timestamp=20211013105127);
}
.box-pre-top {
/*
	background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
*/
    height: auto;
}
.list-share {
	list-style: none;
}

.txt-share {
	color: #000000;
	font-family: sans-serif;
}

.box-s-txt h1 {
	text-align: center;
	color: #512719;
	font-family: sans-serif;
}

.box-s-txt p {
	color: #512719;
	line-height: 2;
	font-family: sans-serif;
}
.first-ttl {
	
	color: #512719;
}

.first-ttl span,
.second-ttl span,
.third-ttl span,
.fourth-ttl span,
.fifth-ttl span,
.fifth-ttl {
	background-color: #512719;
	color: #ffffff;
	font-family: sans-serif;
}

.first-ttl,
.second-ttl,
.third-ttl,
.fourth-ttl,
.fifth-ttl {
	font-family: sans-serif;
}

.second-ttl {
	background-color: #512719;
	text-align: center;
	color: #ffffff;
}

.second-ttl span {
	background-color: #ffffff;;
	text-align: center;
	color: #512719;
}

.third-ttl {
	text-align: center;
	color: #512719;
	border-top: 2px solid #512719;
	border-bottom: 2px solid #512719;
}

.fourth-ttl {
	border-left: 2px solid #512719;
	color: #512719;
}

.fifth-ttl {
	border-left: 2px solid #512719;
	color: #512719;
}

/*グリッド*/

.list-s-product li {
	background-color: #ffffff;
	box-shadow: 2px 2px 4px gray;
	font-family: sans-serif;
}

.list-s-product li a:hover {
	color: #000000;
    text-decoration: none;
	opacity: .8;
}

.list-s-product img {
	object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%;
}


.list-s-product .s-p-txt {
	font-family: sans-serif;
}

.list-s-product .s-p-txt p {
	font-family: sans-serif;
}

.list-s-product .main-s-txt{
	color: #000000;
}


.list-s-product .s-price-txt{
	border-top: 1px solid #000000;
	color: #818181;
	text-align: right;
}

/*コラム*/
.box-column {
	background-color: #F8F6EC;
	position: relative;
}

.box-column::before {
	position: absolute;
	content: "";
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/deco-column-01.png?cmsp_timestamp=20220425114646);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.box-column .ttl-column {
	color: #512719;
	text-align: center;
	font-family: sans-serif;
}

.border-column {
	border-bottom: 1px solid #512719;
}

.list-colum li {
	background-color: #ffffff;
	box-shadow: 2px 2px 4px grey;
}

.list-colum li a {
	color: #000000;
	display: block;
}

.list-colum li a:hover {
	color: #000000;
    text-decoration: none;
	opacity: .8;
}

.list-colum .img-column img {
	object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%;
}

.list-colum .txt-date {
	font-family: sans-serif;
}

.list-colum .txt-new {
	position: relative;
	font-family: sans-serif;
}

.list-colum .txt-new::after {
	font-family: sans-serif;
	position: absolute;
	content: "NEW";
	color: #ffffff;
	background-color: #CB432D;
}

.list-colum h3 {
	font-family: sans-serif;
}

.list-colum .txt-s-column {
	font-family: sans-serif;
}

.scroll-table table {
  width:100%;
}
.table-ag td:first-child{
    writing-mode: vertical-rl;
}
@media only screen and (max-width: 767px) {
  .scroll-table table {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
}


/* ========================================
      コラムページ共通
======================================== */

.img-t-column {
	height: auto;
}

.img-t-column img {
	height: auto;
}
.article-column .second-ttl {
	color: #ffffff;
}

/* ----- サイドメニュー ----- */

/* ========================================
      PCかつRetinaの場合
======================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	}
#container {
  position: relative;
  top: 0vw;
}

.logo-bnr  {
      width: 34vw;
    margin: 0 auto 4vw;
}
		.row {
		max-width: 1280vw !important;
	}
	#header {
		width: 100vw;
      max-width: 1280vw !important;
	}
	
	.container {
		margin: 0;
	}
  .header-global-nav {
		display: inline-block;
    	vertical-align: middle;
		float: left !important;
		margin-left: 7vw;
	}
	
	 .header-global-nav a {
		font-size: 16px !important;
       color: #000000 !important;
	}
	
	 .header-global-nav span {
		font-size: 16px !important;
	}
	
	.header-headline-nav {
		width: 201px;
		display: inline-block;
		vertical-align: middle;
		margin-top: 1vw;
	}
	
	.single-search {
		width: 23vw;
    	margin-left: 68vw;
	}
	
	.header-logo {
		width: 17vw;
		position: relative;
		left: 3vw;
	}
	
	.header-logo img {
		width: 100%;
	}


/* ========================================
      ごちそう便PC
======================================== */
.goti {
	padding-bottom: 10vw;
}

.list-fv {
	width: 70.3125vw;
	margin: 0 auto;
	font-size: 0;
}

.list-fv li {
	display: inline-block;
	width: 22.8vw;
	margin-right: .78vw;
}

.list-fv li:last-child {
	margin-right: 0;
}


.fv-ttl-img {
	width: 47.5vw;
  	margin: 2vw auto 4vw;
}

.goti-txt {
	font-size: 1.28rem;
}

.content-goti {
	width: 70.3125vw;
  	margin: 5vw auto 0;
}

.content-goti p {
	font-size: 1.7rem;
  	margin-bottom: 2vw;
}

.content-goti .list-c-goti {
	width: 70.3125vw;
	margin: 0
} 


.content-goti .list-c-goti li {
	width: 28vw;
	margin-right: 2.34vw;
} 

.content-goti .list-c-goti li:first-child {
	width: 21vw;
  margin-top: 3.7vw;
} 

.content-goti .list-c-goti li:last-child {
	width: 14vw;
	margin-right: 0;
} 

.img-ajiwai {
	width: 46.9vw;
	margin: 6vw auto;
}

.link-gotisou  {
	width: 31.25vw;
	margin: 0 auto;
}
.link-gotisou:hover  {
	opacity: .7;
}

.goti .use {
	font-size: 1rem;
    margin-top: 5vw;
    font-weight: bold;
    margin-left: 50vw;
}

.goti .use br {
	display: none;
}
/* ========================================
      お惣菜の日PC
======================================== */
.box-main-pre {
    padding-bottom: 6vw;
}

.box-pre-top {
/*	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/souza_top0615.jpg?cmsp_timestamp=20220614174149);*/
	height: auto;
	width: 50vw;
	margin: 0 auto 3vw;
}
.list-share {
	width: 27vw;
    margin: 0 auto 5vw;
}

.txt-share {
	border-right: 1px solid #000000;
	margin-right: 1vw;
    padding-right: 1vw;
	width: 8vw;
}

.list-share li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8rem;
}

.list-share li img{
	width: 100%;
}
.list-share li:nth-child(2) {
	width: 3.365vw;
	margin-right: 1vw;
	
}

.list-share li:nth-child(3) {
	width: 3.365vw;
	margin-right: 1vw;
}

.list-share li:nth-child(4) {
	width: 3.365vw;
}

.box-s-txt {
	width: 40vw;
	margin: 0 auto;
}

.box-s-txt h1 {
	font-size: 2.6125rem;
}

.box-s-txt p {
	font-size: 1.125rem;
}

.first-ttl span,
.second-ttl span,
.third-ttl span,
.fourth-ttl span,
.fifth-ttl span {
	font-size: 1.5rem;
	border-radius: 2vw;
    padding: .41vw 0.3vw;
	margin-right: 1vw;
}

.first-ttl,
.second-ttl,
.third-ttl,
.fourth-ttl,
.fifth-ttl {
	padding: 1vw 0;
	font-size: 1.6rem;
	width: 40vw;
	margin: 0 auto 3.9vw;
}

.fourth-ttl {
	padding: 0 0 0 1vw;
}

.fifth-ttl {
	padding: 0 0 0 1vw;
}

/*グリッド*/

.list-s-product {
	width: 40vw;
	margin: 0 auto;
	font-size: 0;
}

.list-s-product li {
	width: 18.43vw;
	display: inline-block;
	vertical-align: top;
	margin-right: 3vw;
	margin-bottom: 5.46vw;
}

.list-s-product li:nth-child(2n) {
	margin-right: 0;
}

.list-s-product img {
	width: 100%;
	height: 100%;
}

.list-s-product .s-p-img {
	height: 17.96vw;
}

.list-s-product .s-p-txt {
	padding: 1.64vw 1.56vw;
}

.list-s-product .main-s-txt{
	font-size: 1rem;
}


.list-s-product .s-price-txt{
	font-size: .875rem;
	padding-top: 1vw;
}


/*コラム*/
.box-column {
	padding: 4.9vw 0 6.25vw;
	width: 40vw;
	margin: 8vw auto 0;
}

.box-column::before {
	width: 9.53vw;
	height: 9.53vw;
	top: -4vw;
    left: 15vw;
}
.box-column .ttl-column {
	font-size: 1.2rem;
	line-height: 2;
	width: 27vw;
    margin: 0 auto;
}

.border-column {
	width: 3.9vw;
	margin: 0 auto 3.75vw;
}

.list-colum {
	width: 33.3125vw;
	margin: 0 auto;
}

.list-colum li {
	font-size: 0;
	width: 33.3125vw;
	margin-bottom: 3.125vw;
}
.list-colum li:last-child {
	margin-bottom: 0vw;
}

.list-colum .img-column {
	width: 11.53vw;
	display: inline-block;
	vertical-align: top;
}
.list-colum .txt-column {
	width: 16.375vw;
	display: inline-block;
	vertical-align: top;
	padding: 2.34vw;
}

.list-colum .txt-date {
	font-size: 1.125rem;
}

.list-colum .txt-new::after {
	font-size: .875rem;
	padding: 0 0.5vw;
    top: 0.2vw;
    left: 9vw;
}

.list-colum h3 {
	font-size: 1.25rem;
}

.list-colum .txt-s-column {
	font-size: 1rem;
}

/* ========================================
      コラムページ日PC
======================================== */
.box-column-p {
	background-size: cover;
}

.box-top-column {
	width: 40vw;
    margin: 0 auto;
}

.txt-t-column {
	float: right;
	width: 40vw;
	margin-top: 3vw;
}

.txt-t-column p {
	font-size: 1.25rem;
    line-height: 1;
	font-family: sans-serif;
}

.txt-t-column h1 {
	font-size: 1.8rem;
	margin-top: 1vw;
	font-family: sans-serif;
}

.img-t-column {
	float: left;
	width: 40vw;
}

.img-t-column img {
	width: 100%;
}

.box-column-content {
	width: 40vw;
    margin: 5vw auto 0;
}

.article-column {
	border-bottom: 1px solid #000000;
	margin-bottom: 6vw;
}

.article-column:last-child {
	border-bottom: none;
}

.article-column .img-article {
	height: auto;
	width: 40vw;
    margin: 0 auto 3vw;
}


.article-column .img-article img {
	width: 100%;
	height: auto;
}


.article-column h2 {
	font-size: 1.5rem;
	color: #512719;
	line-height: 2;
	font-family: sans-serif;
}

.article-column p {
	font-family: sans-serif;
	font-size: 1.125rem;
	line-height: 2;
}

.link-article {
	font-family: sans-serif;
	font-size: 1rem;
	text-align: center;
	color: #ffffff;
	display: block;
	margin: 3vw auto;
	width: 35vw;
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/btn-osouzai-01.png?cmsp_timestamp=20220425114624);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 3vw 0;
}

.link-article:hover {
	color: #ffffff;
	text-decoration: none;
}

.link-article2 {
	font-family: sans-serif;
	font-size: 1rem;
	text-align: center;
	color: #21549b;
	display: block;
	margin: 3vw auto;
	width: 35vw;
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/btn-osouzai-01.png?cmsp_timestamp=20220425114624);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 3vw 0;
}

.link-article:hover {
	color: #21549b;
	text-decoration: none;
}

.box-c-link {
	width: 27vw;
    margin: 3vw auto;
}

.box-c-link a {
	font-family: sans-serif;
	text-align: center;
	display: block;
    vertical-align: top;
    width: 27vw;
	color: #ffffff;
	padding: 2.3vw 0;
	font-size: 1rem;
	margin-bottom: 2vw;
}

.box-c-link a:hover {
	color: #ffffff;
	text-decoration: none;
}


.box-c-link a:first-child {
	margin-right: 3vw;
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/btn-osouzai-01.png?cmsp_timestamp=20220425114624);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.box-c-link a:last-child {
	margin-right: 3vw;
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/btn-osouzai-02.png?cmsp_timestamp=20220425114637);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
	
	/* ========================================
      まつおかオンラインショップとはの場合
======================================== */
	.main-about {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-cmn-01.jpg?cmsp_timestamp=20211013105127);
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100vw;
	}
	.about-top-img {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/img-about-01_pc.jpg?cmsp_timestamp=20211013120426);
		height: 38.281vw;
	}
	
	.about-top-img::after {
		    width: 24vw;
		height: 24vw;
		left: 0;
		bottom: -24vw;
	}
	
	.txt-fight p {
		position: relative;
		top: 32vw;
		font-size: 1.28rem;
		margin-left: 11vw;
		width: 38vw;
	}

	.txt-fight .img-fight{
    	width: 89vw;
    	margin: -10vw auto 0;
	}
	
	.box-cold {
		margin: 5vw auto 0;
    	width: 81vw;
	}
	
	.box-cold::after {
		width: 25.9vw;
		height: 25.78vw;
		top: 24vw;
    	right: 0;
	}

	.cold-txt p {
		line-height: 2;
    	letter-spacing: .3rem;
		font-size: 1.625rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		float: right;
		position: relative;
		z-index: 1;
	}
	
	.cold-txt span {
		font-size: 2rem;
	}

	.cold-img {
		width: 66vw;
	}
	
	.cold-d-txt {
		width: 690px;
   		margin: 30px auto;
	}

	.cold-d-txt p {
		font-size: 1rem;
	}
	
	.box-spring {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/txt-about-01_pc.jpg?cmsp_timestamp=20211018110738);
		height: 10.375vw;
		width: 68.75vw;
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin: 4vw auto;
	}
	
	
	.box-deli {
		width: 61vw;
		margin: 12vw auto;
	}
	
	.deli-txt {
		display: inline-block;
		width: 7.5vw;
		margin-right: 7vw;
		vertical-align: middle;
	}

	.deli-txt p {
		line-height: 2;
    	letter-spacing: .3rem;
		font-size: 1.625rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.deli-txt span {
		font-size: 2rem;
	}

	.deli-img {
		width: 43vw;
		vertical-align: middle;
		display: inline-block;
	}
	
	.deli-img::after {
		width: 24.3vw;
		height: 26.4vw;
		left: -19vw;
		top: 10vw;
	}

	.deli-d-txt p {
		font-size: 1rem;
		margin-top: 2vw;
	}
	
	.box-one {
		width: 61vw;
		margin: 120px auto;
	}
	
	.one-txt {
		float: right;
		width: 70.5px;
		margin-right: 90px;
		vertical-align: middle;
	}

	.one-txt p {
		line-height: 2;
   		letter-spacing: .3rem;
		font-size: 1.625rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.one-txt span {
		font-size: 2rem;
	}

	.one-img {
		width: 40vw;
		vertical-align: middle;
		display: inline-block;
	}
	
	.one-img::after {
		width: 24.3vw;
		height: 26.4vw;
		right: -15vw;
    	top: 3vw;
	}

	.one-d-txt p {
		font-size: 1rem;
		width: 40vw;
    	margin-top: 2vw;
	}
	
	
	.box-size {
		width: 60vw;
		margin: 0 auto 130px;
	}
	
	.size-txt {
		display: inline-block;
		width: 7.5vw;
		margin-right: 7vw;
		vertical-align: middle;
	}

	.size-txt p {
		line-height: 2;
		letter-spacing: .3rem;
		font-size: 1.625rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	
	.size-txt span {
		font-size: 2rem;
	}

	.size-img {
		width: 40vw;
		vertical-align: middle;
		display: inline-block;
	}
	
	.size-img::after {
		width: 24.3vw;
		height: 26.4vw;
		left: -21vw;
		top: 12vw;

	}

	.size-d-txt p {
		font-size: 1rem;
		margin-top: 4vw;
	}
	
	.back-series {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-05_pc.png?cmsp_timestamp=20211013141140);
		width: 100vw;
		height: 31.71vw;
	}
	
	.bg-green {
		padding-bottom: 10vw;
	
}

.box-health {
	width: 78vw;
    margin: 0 auto;
}

.box-health h2 {
	font-size: 2rem;
    position: relative;
    top: 7vw;
}
	
.left-health {
	width: 42.1875vw;
}

.left-health p {
	padding: 10vw 13vw 5vw 2vw;
    font-size: 1rem;
}

.right-health {
	width: 42.1875vw;
	display: inline-block;
    position: relative;
    left: 33vw;
    top: -12vw;
}
	
.box-m {
	width: 86vw;
    margin: -10vw auto -5vw;
}

.box-m h2 {
	font-size: 2rem;
    position: relative;
    top: 3vw;
}
	.link-series {
		width: 40vw;
		margin: 0 auto;
		display: block;
	}
	
.left-m {
	width: 42.1875vw;
	margin-left: 36vw;
}

.left-m p {
	padding: 4vw 2vw 5vw 13vw;
    font-size: 1rem;
}

.right-m {
	width: 42.1875vw;
	display: inline-block;
    position: relative;
    left: 3vw;
    top: -12vw;
}
	
.back-footer {
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-06_pc.jpg?cmsp_timestamp=20211013145536);
	height: 17.96vw;
	width: 100vw;
  margin-bottom: 5vw;
}
  
  .footer_logo {
    width: 27vw;
    margin: 0 auto;
  }
  
    .footer_logo img {
   width: 100% !important;
  }
  
  .back-guid {
    background-color: #fff;
    padding: 0 10vw;
  }
  
    .company{
    background-color: #fff;
    padding: 0 10vw 10vw;
  }
  
   .back-qa{
    background-color: #fff;
    padding: 0 10vw;
  }
  
  .voice{
    background-color: #fff;
    padding: 0 10vw;
  }
  	/* ========================================
      ラインとはの場合
======================================== */
  
  .top-line {
    background-color: #fff;
  }
  
  .img-line {
        width: 65.125vw;
    margin: 0 auto;
    padding-bottom: 5vw;
  }
  
  .txt-friend {
      font-size: 2rem;
    padding-top: 4vw;
}
  
  .list-line {
        font-size: 0;
    width: 89vw;
    margin: 0 auto;
  }
  
  .list-line li{
    width: 28vw;
    display: inline-block;
    margin-right :1.875vw;
  }
  
  .list-line li:last-child{
    margin-right: 0;
  }
  
  .ttl-atten {
    text-align: center;
    font-size: 2rem;
    margin: 3vw 0;
  }
  
  .txt-atten {
    width: 90vw;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 2;
    padding-bottom: 4vw;
  }
	
	.img-kaiin {
		width: 68.9vw;
    	margin: 0 auto;
		padding: 4vw 0;
	}
	
	.link-kaiin {
		width: 27.34vw;
    	margin: 0 auto;
		padding-bottom: 8vw;
	}
      

.green_inner_wrap {
  max-width: 1180px !important;
}
.list-products {
	width: 81.3125vw;
	font-size: 0;
}

.list-products li {
	display: inline-block;
	margin-right: 2.8vw;
}

.list-products li:last-child {
	margin-right: 0;
}

.list-products li a{ 
	font-size: 18px;
	color: #512719;
}

@media (min-width: 1200px) {
}

/* ========================================
      タブレットの場合
======================================== */
@media screen and (min-width:768px) and (max-width:980px){
	
	.cold-img {
		width: 64vw!important;
	}
	
	.box-size {
		    width: 73vw;
	}
	
	.size-txt {
		width: 4.5%;
	}
	
	.size-img {
		    position: relative;
    left: 7vw;
		width: 48%;
	}
	
	.box-cold {
		margin: 20vw auto 0 !important;
	}
	.header-nav-lst-phone .unstyled {
		width: 43vw !important;
	}
	
	.img-fight {
		margin: -35vw auto 0!important;
	}

	.header-logo {
		max-width: 190px;
	}
		.header-global-nav {
		display: inline-block;
    	vertical-align: middle;
		float: left !important;
		margin-left: 21vw;
	}
	
	.header-headline-nav {
      z-index: 1;
		width: 33vw;
		display: inline-block;
		vertical-align: middle;
		margin-top: 1vw;
	}
	
	.single-search {
		width: 23vw;
    	margin-left: 68vw;
	}
	  
	  #header {
		height: 110px;
	}
	
	
	.header-nav-phone {
		    position: absolute;
    right: 3vw;
		bottom: 0;
	}
	
	.single-search {
		width: 32vw;
    	margin-left: 65vw;
		    margin-top: 20px;
	}
	
	.header-logo {
		width: 24vw;
	}
	
	.header-headline-nav {
		    position: absolute;
    top: 28px;
    left: 150px;
	}
	
	.nav-btn-phone {
		text-align: right;
	}
	
	.header-nav-lst-phone {
		position: initial !important;
		margin-left: 0 !important;
		left: 50%;
	}
  	
	.header-nav-lst-phone .unstyled {
		margin-left: 0vw !important;
	}
	
	#wrapper {
		overflow-x: hidden;
	}
	
	.header-nav-lst-phone .unstyled {
		    display: inline-block;
    vertical-align: top;
    width: 42.18vw;
	}
	
	.head_green_wrap {
		display: none;
	}
	.ttl-material {
		width: 7vw;
	}
	.content-make p {
		width: 12%;
	}
	.txt-share {
		width: 14vw;
	}
  /* ========================================
        タブレットかつRetinaの場合
  ======================================== */
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	  
	/* ========================================
      まつおかオンラインショップとはの場合
======================================== */
	}
}

/* ========================================
      スマホの場合
======================================== */
@media only screen and (max-width: 767px) {
	
/* ========================================
     
======================================== */
  
  /* ========================================
        スマホかつRetinaの場合
  ======================================== */
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
     	article.green_inner_wrap main.single:last-of-type {
		display: none !important;
	}
    
     .footer_nav {
		  padding-top: 20px !important;
		  display: block !important;
	  }
    
    .is-f-none {
      display: none !important;
    }
	  
	  .footer_nav .link {
		  display: inline-block;
		  font-size: .5rem !important;
		  margin-right: 9vw !important;
	  }
	  
	  .footer_nav .link:last-child {
		  margin-right: 0vw !important;
	  }
	  
	  .footer_nav p a {
		  font-size: .6rem !important;
	  }
    /* ========================================
        A記述
  ======================================== */
    
.header-nav-lst-phone a {
    padding: 15px 0  !important;
}
    .guid .bold{
      font-size: 1rem;
    }
    
div.guid section.cont1 ul.flow li {
    text-align: left !important;
}
    
    div.guid section.cont1 table.haiso td:first-of-type {
       text-align: left !important;
    width: 120px !important;
}
    div.guid section.cont1 table.haiso td:nth-of-type(2) {
    width: 300px !important;
}
div.guid section.cont1 table.haiso td:last-of-type {
    width: 50px !important;
}
  div.guid section.cont1 table tr td:first-of-type {
    width: 60px;
         text-align: left !important;
}
    div.guid section.cont1 table td.goukei {
    width: 200px !important;
}
    div.guid section.cont1 ul.flow li {
    padding: 10px !important;
    margin-bottom: 30px !important;
}
    div.guid section.cont1 ul.flow li::before {
    bottom: -25px !important;
      background: 
        url(https://img07.shop-pro.jp/PA01461/290/etc/yajirusi.png?cmsp_timestamp=20220801115424) no-repeat !important;
}
    div.company dt {
    padding: 13px 9px!important;
    max-width: 300px;
    margin: 0;
    font-size: 14px !important;
}
    div.company dd{
      padding: 13px 9px !important;
    font-size: 14px !important;
    }
   
    /* ========================================
        A記述終
  ======================================== */
    
    .prd-lst-pager-phone ul li span {
      font-size: 1rem !important;
    }
    .row {
      background-color: transparent !important;
    }
    .prd_lst_block .unstyled li {
          width: 44vw !important;
    }
    
    .prd-lst-soldout {
       font-size: 1rem !important;
    }
    
    .grid_row .prd-lst-name {
      font-size: 1rem !important;
    }
    
     .grid_row .prd-lst-price {
      font-size: 1rem !important;
    }
    #container {
  position: relative;
  top: -15vw;
}
    
    .logo-bnr  {
      width: 74vw;
    margin: 1vw auto 4vw;
}
	  
	  .header-headline-nav {
		  position: relative;
    		top: 6vw;
		  font-size: 13px;
		  width: 92vw;
	  }
	  
	  .single-search {
		  text-align: left !important;
    	margin-left: 0 !important;
	  }
	  
	  .single-search .row {
		  width: 48vw;
		position: relative;
		top: -12vw;
		margin-left: 0;
	  }
	  
	  .single-search .row .search-box {
		 width: 46%;
		  float: left;
	  }
	  
	  .single-search .search-btn {
		 margin-left: -2vw;
		 padding: 6px 0;
		width: 7vw !important;
		  float: left !important;
			padding: 6px 0 !important;
			width: 7vw !important;
	  }
    
    #wrapper {
      overflow-x: hidden;
    } 
	  
	  #header {
		  margin-bottom: 6vw;
	  }
    
    .single-search .row {
      width: 65vw;
    position: relative;
    top: -12vw;
    }
    
    .single-search .search-btn {
      position: relative;
    left: 3vw;
      width: 9% !important;
    background-color: #000000;
    color: #ffffff;
      padding: 6px 0;
    }
    
    .nav-btn-phone {
      margin-left: 61vw;
    }
    
    .header-nav-phone {
      top: 48%;
      width: 83%;
    }
    .header-nav-lst-phone {
    width: 91% !important;
      top: 46%;
      z-index: 2;
    }
    .header-nav-lst-phone .unstyled {
      width: 91% !important;
    }
	  .header-nav-lst-phone .unstyled a{
        color: #000000;
    }
    .header-nav-phone .nav-btn-phone{
      position: relative;
    	top: -33vw;
    }
	.single-search {
		position: relative;
		top: 40px;
		width: 250px;
		text-align: right;
		margin-left: 80px;
	}
	.single-search .search-btn{
		padding: 7px 0;
	}
    .header-logo {
      padding-top: 0 !important;
		width: 56vw !important;
		position: relative;
		left: 3vw;
	}
	.header-logo img {
		width: 100%;
	}
      .footer_logo {
    width: 67vw;
    margin: 0 auto;
  }
    .footer_logo img {
   width: 100% !important;
  }
  /* ========================================
      ヘッダー会員の日スマホ
======================================== */
	  .kaiinn-pc {
		  display: none;
	  }
/* ========================================
      ごちそう便スマホ
======================================== */
.list-fv {
	width: 70.3125vw;
	margin: 0 auto;
	font-size: 0;
}
.list-fv li {
	display: inline-block;
	width: 22.8vw;
	margin-right: .78vw;
}

.list-fv li:last-child {
	margin-right: 0;
}
.fv-ttl-img {
	width: 89vw;
	margin: 9vw auto 4vw;
}
.goti-txt {
	font-size: 1.28rem;
}
.content-goti {
	width: 89vw;
	margin: 5vw auto 0;	
}
.content-goti p {
	font-size: 1.7rem !important;
	margin-bottom: 4vw;
	 padding: 1vw 0;
}
.content-goti .list-c-goti {
	width: 89vw;
	margin: 0
} 
.content-goti .list-c-goti li {
	width: 28vw;
	margin-right: 2.34vw;
      vertical-align: bottom;
} 
.content-goti .list-c-goti li:first-child {
	width: 35vw;
} 
.content-goti .list-c-goti li:nth-child(2){
	width: 50vw;
	margin-right: 0;
} 
.content-goti .list-c-goti li:last-child {
	display: block !important;
	margin-right: 0;
    width: auto;
    margin-top: 2vw;
} 
.img-ajiwai {
	width: 89vw;
	margin: 6vw auto;
}

.link-gotisou  {
	width: 66vw;
	margin: 12vw auto;
}

.link-gotisou:hover  {
	opacity: .7;
}
  .goti .use {
	    margin-left: 3vw;
    font-size: .8rem !important;
}
  /* ========================================
      お惣菜の日スマホ
======================================== */
.box-pre-top {
/*	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/img-souzainohi-01-SP_0308.jpg?cmsp_timestamp=20220308171230);*/
	height: auto;
	width: 86vw !important;
	margin: 0 auto;
}
.list-share {
	width: 75vw !important;
	margin: 4vw auto 5vw !important;
}
.txt-share {
	width: 32vw !important;
}
.list-share li:nth-child(2) {
	width: 9.365vw !important;
}
.list-share li:nth-child(3) {
	width: 9.365vw !important;
}
	  
.list-share li:nth-child(4) {
	width: 9.365vw !important;
}
.box-s-txt {
	width: auto;
    padding: 0 5.3vw;
}
.box-s-txt h1 {
	font-size: 1.3rem;
}
.first-ttl span,
.second-ttl span,
.third-ttl span,
.fourth-ttl span,
.fifth-ttl span {
	font-size: .8rem !important;
	border-radius: 2vw;
	padding: 1.4vw 1.1vw;
	margin-right: 1vw;
}
.first-ttl,
.second-ttl,
.third-ttl,
.fourth-ttl,
.fifth-ttl {
	padding: 1vw 0;
	font-size: 1.2rem;
	width: 87vw;
	margin: 0 auto 3.9vw;
}
.fourth-ttl {
	padding: 0 0 0 1vw;
}
.fifth-ttl {
	padding: 0 0 0 1vw;
}
/*グリッド*/
.list-s-product {
	width: 90.3125vw;
	margin: 0 auto;
}
.list-s-product li {
	margin-right: 5vw;
	width: 42.43vw;
}
.list-s-product li:nth-child(even) {
	margin-right: 0 !important;
}
.list-s-product li:nth-child(odd) {
	margin-right: 5vw !important;
}
.list-s-product img {
	width: 100%;
}
.list-s-product .s-price-txt{
	padding-top: 2vw;
    font-size: .7rem !important;
}
/*コラム*/
.box-column {
	width: 90.3125vw;
	margin: 10vw auto ;
	padding: 12.9vw 0 9.25vw;
}
.box-column::before {
	width: 14.53vw;
    height: 14.53vw;
    top: -6vw;
    left: 38vw;
}
.box-column .ttl-column {
	width: 76vw;
    margin: 0 auto;
}

.list-colum {
	width: 79.3125vw;
}

.list-colum li {
	width: 79.3125vw;
	margin-bottom: 11.125vw;
}
	  
.list-colum li:last-child {
	margin-bottom: 0;
}

.list-colum .img-column {
	display: block;
    width: auto;
    height: 36vw;
}

.list-colum .txt-column {
	width: auto;
}

.list-colum .txt-new::after {
	font-size: .875rem;
	padding: 0 0.5vw;
    top: 0.2vw;
    left: 25vw;
}
.list-colum h3 {
	margin: 2vw 0;
	font-size: 1.2rem;
}
	  .box-s-img img {
		   object-fit: cover;
			font-family: 'object-fit: cover;';
			width: 100%;
			height: 100%;
	  }
/* ========================================
      コラムページスマホ
======================================== */
.box-column-p {
	background-size: cover;
}
.box-top-column {
	padding: 0 5.3vw;
	width: auto;
	margin: 0;
}
.txt-t-column {
	float: none;
	width: auto;
}
.txt-t-column p {
	font-size: 1.25rem;
    line-height: 1;
}
.txt-t-column h1 {
	font-size: 1.8rem;
	margin-top: 1vw;
}
.img-t-column {
	float: none;
	width: auto;
}
.img-t-column img {
	width: 100%;
}
.box-column-content {
	padding: 0 5.3vw;
    margin-top: 16vw;
	width: auto;
}
  .box-column-content-p {
	  padding: 0 !important;
  }
.article-column {
	border-bottom: 1px solid #000000;
	margin-bottom: 6vw;
}
.article-column:last-child {
	border-bottom: none;
}
.article-column .img-article {
	width: 70vw;
    margin: 0 auto 3vw;
}
.article-column .img-article img {
	width: 100%;
}
.article-column h2 {
	font-size: 1.5rem;
	color: #512719;
	line-height: 2;
}
.article-column p {
	font-size: 1rem;
	line-height: 2;
}
.link-article {
	display: block;
	margin: 10vw auto;
    width: 86vw;
	padding: 7vw 0;
}
.img-article {
	width: auto !important;
}
.link-article img {
	width: 100%;
}
.box-c-link {
	width: 86vw;
    margin: 3vw auto;
}

.box-c-link a {
	width: 86vw;
	padding: 7vw 0;
}
.box-c-link a:first-child {
	margin-bottom: 5vw;
}

/* ========================================
      まつおかオンラインショップとはの場合
======================================== */
	.about-top-img {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/img-about-01_sp.jpg?cmsp_timestamp=20211014105345);
		height: 330px;
	}
	  .about-top-img::after {
		    width: 21.33vw;
			height: 22vw;
			left: 0;
			bottom: -9vw;
	}
	.back-series {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-05_sp.png?cmsp_timestamp=20211014110026);
		width: 100vw;
		height: 48vw;
	}
	  .txt-fight p{
		  top: 0 !important;
		  margin-left: 0 !important;
		  margin-top: 6vw !important;
		  padding: 0 5.3vw;
		  width: auto;
	  }
    .box-health {
      width: 87vw;
    }
	  .img-fight {
		  margin-top: 1.8vw !important;
	  }
	.main-section p {
		font-size: 1rem !important;
	}
	.main-section span {
		font-size: 2rem;
	}
	.size-txt p {
		font-size: 1.2rem;
	}
	.deli-img {
/*		margin-top: 28px;*/
	}
	.deli-img::after {
		width: 156px;
		height: 149px;
		left: 202px;
		top: -116px;
	}
	.one-txt p {
		text-align: right;
		font-size: 1.2rem;
	}
	.one-txt span {
		font-size: 1.6rem;
	}
	.one-img {
/*		margin-top: 28px;*/
      width: 89vw !important;
	}
	.one-img::after {
		width: 156px;
		height: 149px;
		left: 0;
		top: -116px;
	}
	
	.size-img {
/*		margin-top: 28px;*/
	}
	
	.size-img::after {
		width: 156px;
		height: 149px;
		left: 56vw;
		top: -116px;
	}
	  
	  .box-spring {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/txt-about-01_sp.jpg?cmsp_timestamp=20211018110853);
		height: 21.86vw;
		width: 78vw;
		background-position: top left;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	
	.box-cold,
	.box-deli,
	.box-one {
		margin-bottom: 20px;
		padding: 0 5.3vw;
	}
	  .box-one{
        margin: 60px auto !important;
    }
	  .box-cold::after {
		  width: 29.9vw;
		height: 30.78vw;
		top: 69vw;
		right: 0;
	  }
	  
	  .cold-txt p{
		  float: inherit;
		  writing-mode: inherit;
		  width: 81vw;
		  line-height: 1.3;
	  }
	  
	  .head_green_wrap {
		  display: none;
	  }
	  
	  .cold-img {
		  width: 81vw !important;
	  }
	  .cold-d-txt {
		  margin: 0 !important;
		width: 88vw !important;
	  }
	  
	  .box-deli {
		  width: auto !important;
	  }
	  
	  .deli-img {
		  width: 89vw !important;
	  }
	  
	  .deli-txt {
		  width: auto;
	  }
	
	  .deli-txt p {
		  float: inherit;
			writing-mode: inherit;
			width: 100%;
	  }
	  
	  .box-one {
		  width: auto !important;
	  }
	  
	  .one-txt {
		  width: auto;
		margin: 0;
	  }
	  
	  .one-txt p {
		  float: inherit;
    writing-mode: inherit;
    width: 89vw;
	  }
	  
	  .one-d-txt p {
		  width: auto;
	  }
	  
	  .box-size {
		  width: auto !important;
    		padding: 0 5.3vw;
        margin-bottom: 2vw;
	  }
	  
	  .size-txt {
		      width: auto !important;
    		margin: 0;
	  }
	  
	   .size-txt p {
		     float: inherit;
    writing-mode: inherit;
    width: 89vw;
	  }
	  
	  .size-img {
		  width: 89vw !important;
	  }
	
	.bg-green {
		padding: 0 5.3vw 11vw!important;
	}
	
	.box-health h2 {
		position: relative; 
        width: 68vw !important;
        margin: 0 auto; 
        font-size: 22px;
        text-align: center;
        margin-left: 10vw;
	}
	
	.left-health p {
		padding: 70px 20px 70px;
	}
    
    .left-health {
		width: 88.1875vw !important;
	}
	
	.right-health {
		    width: 78.9vw;
    margin: 0 auto;
    margin-left: -27vw;
	}
	
	.box-m {
		margin: -10vw auto -5vw;
	}
	
	.box-m h2 {
		position: relative;
		width: 71.86vw !important;
		margin: 0 auto;
		font-size: 22px;
		text-align: center;
		margin-left: 10vw;	
	}
	  
	  .link-series {
		  width: 85vw;
	  }
	
	.deli-txt p {
		font-size: 1.2rem;
	}
	
	.back-footer {
		background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bg-about-06_sp.jpg?cmsp_timestamp=20211014111313);
		height: 124px;
		width: 100vw;
	}
	.left-m p {
		padding: 40px 20px 70px;
	}
    
    .left-m {
		width: 88.9vw;
    margin: 0;
	}
	
	.right-m {
		    width: 78.9vw;
    margin-left: 2vw;
    margin-top: -2vw;
	}
	
	.cold-d-txt p,
	.deli-d-txt p,
	.one-d-txt p,
	.box-size p{
		padding: 5vw;
	}
	/* ========================================
      ラインとはの場合
======================================== */
  
  .top-line {
    background-color: #ffffff;
  }
  .img-line {
        width: 65.125vw;
    margin: 0 auto;
        padding-bottom: 6vw;
    padding-top: 6vw;
  }
  .txt-friend {
      font-size: 2rem;
    padding-top: 4vw;
}
  .list-line {
        font-size: 0;
    padding: 0 5.3vw;
    margin: 0 auto;
  }
  .list-line li{
    margin-bottom: 10.875vw !important;
    display: block !important;
    width: 78vw !important;
    margin: 0 auto !important;
  }
  .ttl-atten {
    text-align: center;
    font-size: 2rem;
    margin: 3vw 0;
  }
  .txt-atten {
    width: 90vw;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 2;
    padding-bottom: 4vw;
  }
	  .img-kaiin {
		width: 68.9vw;
    	margin: 0 auto;
		padding: 4vw 0;
	}
	.link-kaiin {
		width: 46.34vw;
    	margin: 0 auto;
		padding-bottom: 8vw;
	}
     .back-guid {
    padding: 0 5.3vw;
  }
    .company {
       padding: 0 5.3vw;
    }
    .back-qa{
     padding: 0 5.3vw;
      font-size: 2rem;/* 20px*/
  }
     .voice{
   padding: 0 5.3vw;
  }
  }
}
/* ========================================
      foote上バナー追加
======================================== */
.foot-bnr {
  padding:5vw 0;
  display:flex;
  align-items:center;
  background-color:#fff;
}
.foot-bnr-in {
  	width: 66vw;
	margin: 0 auto;
  display:flex;
  align-items:center;
}
.foot-bnr a {
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bnr-top-03.jpg?cmsp_timestamp=20211018130726);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
  width:100%;
	height: 16.3vw;
}
@media only screen and (max-width: 767px) {
  .foot-bnr {
  padding:9vw 0 0;
}
.foot-bnr-in {
  width: 74vw;
  }
.foot-bnr a {
	background-image: url(https://img07.shop-pro.jp/PA01461/290/etc/bnr-top-03_sp.jpg?cmsp_timestamp=20211018131047);
	height: 35.2vw;
}
}
/* ========================================
      （新）ギフト包装
======================================== */
.lcl-cmn-ttl{position:relative;z-index:1;text-align:center;font-weight:600;font-size:36px;line-height:1;letter-spacing:.2em;text-indent:.2em;margin:0}@media screen and (max-width: 767px){.lcl-cmn-ttl{font-size:25px;line-height:1.2;letter-spacing:.1em;text-indent:.1em}}.lcl-cmn-ttl::before{content:"";position:absolute;z-index:-1;bottom:-18px;left:-100%;right:-100%;margin:auto;width:348px;height:40px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/ZGVjbw.png?cmsp_timestamp=20240529110506) center/cover no-repeat}@media screen and (max-width: 767px){.lcl-cmn-ttl::before{bottom:-9px;width:227px;height:26px}}.lcl-main{width:100%;height:440px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/YmdfbWFpbg.jpg?cmsp_timestamp=20240529102602) center/cover no-repeat}@media screen and (max-width: 767px){.lcl-main{height:329px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/YmdfbWFpbl9zcA.jpg?cmsp_timestamp=20240529102711) center/cover no-repeat}}.lcl-main .lcl-main__in{width:1000px;margin-left:auto;margin-right:auto;padding-top:108px}@media screen and (max-width: 767px){.lcl-main .lcl-main__in{width:100%;padding:37px 36px 0px}}.lcl-main .lcl-main__ttl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:203px;height:42px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#8a7332;color:#fff;font-weight:700;font-size:22px;line-height:1.8;letter-spacing:.3em;margin:0}@media screen and (max-width: 767px){.lcl-main .lcl-main__ttl{min-width:133px;height:30px;font-size:15px}}.lcl-main .lcl-main__copy{margin-top:25px;font-size:38px;font-weight:600;line-height:2.1;letter-spacing:16px;margin-bottom:0}@media screen and (max-width: 767px){.lcl-main .lcl-main__copy{margin-top:9px;font-size:25px !important;line-height:1.6;letter-spacing:.1em}}.lcl-about{background:#fff}.lcl-about .lcl-about__in{width:1000px;margin-left:auto;margin-right:auto;padding-block:100px}@media screen and (max-width: 767px){.lcl-about .lcl-about__in{width:100%;padding-block:50px}}.lcl-about .lcl-about__lead{margin-top:65px;color:#8a7332;text-align:center;font-size:30px;line-height:1.8;letter-spacing:.15em;font-weight:600;margin-bottom:0}@media screen and (max-width: 767px){.lcl-about .lcl-about__lead{margin-top:30px;font-size:21px !important;line-height:1.7;letter-spacing:.05em}}.lcl-about .lcl-about__sep{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:50px;width:100%;margin-top:55px;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 767px){.lcl-about .lcl-about__sep{display:block;margin-top:20px;padding-inline:15px}}.lcl-about .lcl-about__cnt{-webkit-box-flex:1;-ms-flex:1;flex:1}.lcl-about .lcl-about__txt{font-size:18px;font-weight:500;letter-spacing:.1em;line-height:1.7;margin-bottom:0}@media screen and (max-width: 767px){.lcl-about .lcl-about__txt{font-size:15px !important}}.lcl-about .lcl-about__list{font-weight:500;margin:25px 0 0;font-size:13px;line-height:1.7;letter-spacing:.1em;list-style:none}@media screen and (max-width: 767px){.lcl-about .lcl-about__list{margin-top:8px;font-size:12px}}.lcl-about .lcl-about__fig{width:435px;margin:0}@media screen and (max-width: 767px){.lcl-about .lcl-about__fig{width:100%;margin-top:30px}}.lcl-price{position:relative;z-index:1;background-color:#f0f0e5;overflow:hidden}.lcl-price::before,.lcl-price::after{content:"";z-index:-1;position:absolute}@media screen and (max-width: 767px){.lcl-price::before,.lcl-price::after{display:none;content:none}}.lcl-price::before{top:-30.3px;right:calc(50% - 650px - 150px);width:420px;height:424px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/aWNvX3JpZ2h0.png?cmsp_timestamp=20240529112840) center/cover no-repeat}.lcl-price::after{bottom:-89.81px;left:calc(50% - 650px - 170px);width:617px;height:623px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/aWNvX2xlZnQ.png?cmsp_timestamp=20240529112840) center/cover no-repeat}.lcl-price .lcl-price__in{width:1000px;margin-left:auto;margin-right:auto;padding-block:100px}@media screen and (max-width: 767px){.lcl-price .lcl-price__in{width:100%;padding-block:50px}}.lcl-price .lcl-price__wrap{margin-top:85px}@media screen and (max-width: 767px){.lcl-price .lcl-price__wrap{margin-top:40px}}@media screen and (max-width: 767px){.lcl-price .lcl-price-block{padding-inline:15px}}.lcl-price .lcl-price-block:not(:first-of-type){margin-top:75px}@media screen and (max-width: 767px){.lcl-price .lcl-price-block:not(:first-of-type){margin-top:35px}}.lcl-price .lcl-price-block__sep{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__sep{display:block}}.lcl-price .lcl-price-block__fig{width:435px;margin:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__fig{width:100%}}.lcl-price .lcl-price-block__cnt{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:50px}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__cnt{margin-left:0;margin-top:10px}}.lcl-price .lcl-price-block__ttl{color:#8a7332;font-weight:600;font-size:30px;line-height:1.5;letter-spacing:.1em;margin:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__ttl{text-align:center;font-size:21px;line-height:1.5;letter-spacing:.05em}}.lcl-price .lcl-price-block__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:225px;height:43px;margin-top:15px;background-color:#8a7332;color:#fff;font-size:14px;line-height:1;letter-spacing:.1em;margin-bottom:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__info{width:213px;height:34px;margin:10px auto 0}}.lcl-price .lcl-price-block__num{margin:0 5px;font-size:23px;line-height:1;letter-spacing:.1em}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__num{font-size:19px}}.lcl-price .lcl-price-block__txt{margin-top:20px;font-size:18px;font-weight:500;letter-spacing:.1em;line-height:1.7;margin-bottom:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block__txt{font-size:15px !important}}.lcl-price .lcl-price-block-mini{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:870px;margin:0 auto;margin-top:45px;padding:30px 40px;border-top:1px solid #8a7332;border-bottom:1px solid #8a7332;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini{display:block;width:100%;margin-top:15px;padding:15px}}.lcl-price .lcl-price-block-mini__cnt{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:25px}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini__cnt{margin-right:0}}.lcl-price .lcl-price-block-mini__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini__head{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}}.lcl-price .lcl-price-block-mini__ttl{color:#8a7332;font-weight:600;font-size:25px;line-height:1.8;letter-spacing:.1em;margin:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini__ttl{font-size:21px;line-height:1.5;letter-spacing:.05em}}.lcl-price .lcl-price-block-mini__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:108px;height:32px;background-color:#8a7332;color:#fff;text-align:center;font-size:20px;letter-spacing:.1em;text-indent:.1em;line-height:1;margin-bottom:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini__info{width:54px;height:26px;font-size:16px}}.lcl-price .lcl-price-block-mini__txt{margin-top:5px;font-size:18px;line-height:1.7;letter-spacing:.1em;font-weight:500;margin-bottom:0}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini__txt{font-size:15px !important}}.lcl-price .lcl-price-block-mini__fig{width:263px}@media screen and (max-width: 767px){.lcl-price .lcl-price-block-mini__fig{margin:15px auto 0}}

/* ========================================
      （新）まつおかの想い
======================================== */
@media screen and (max-width: 767px){.dn-n{display:none}}@media screen and (min-width: 768px){.dn-w{display:none}}@media screen and (min-width: 768px){.main{min-width:1070px}}@media screen and (max-width: 767px){.main{width:100%}}.lcl-hero .lcl-hero__ttl{color:#5e2512;font-size:30px;font-weight:700;line-height:1;letter-spacing:.3em;height:140px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/bWFpbi1iZw.jpg?cmsp_timestamp=20240528153115) repeat}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__ttl{font-size:1.6rem;letter-spacing:.2em;height:90px}}.lcl-hero .lcl-hero__fig{width:100%;height:440px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/aGVyb19pbWc.jpg?cmsp_timestamp=20240529100204) no-repeat center/cover;margin:0}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__fig{height:330px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/aGVyb19pbWdfc3A.jpg?cmsp_timestamp=20240529100406) no-repeat center/cover}}.lcl-hero .lcl-hero__img{display:block;width:400px}@media screen and (max-width: 767px){.lcl-hero .lcl-hero__img{width:192px}}.lcl-lead{padding:75px 0 90px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/bWFpbi1iZw.jpg?cmsp_timestamp=20240528153115) repeat;position:relative}@media screen and (min-width: 768px){.lcl-lead:before,.lcl-lead:after{content:"";position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain}.lcl-lead:before{width:617px;height:623px;background-image:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/aWNvX2xlZnQ.png?cmsp_timestamp=20240528171926);left:calc(50% - 900px);bottom:10%}.lcl-lead:after{width:420px;height:424px;background-image:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/aWNvX3JpZ2h0.png?cmsp_timestamp=20240528153115);left:calc(50% + 490px);bottom:-12rem}}@media screen and (max-width: 767px){.lcl-lead{padding:40px 0}}.lcl-lead .lcl-lead__ttl{color:#512719;position:relative;z-index:2;font-size:30px;font-weight:700;line-height:1.8;letter-spacing:.1em;text-align:center;margin:0 0 2.5rem}@media screen and (max-width: 767px){.lcl-lead .lcl-lead__ttl{font-size:1.4rem;margin-bottom:25px}}.lcl-lead .lcl-lead__in{width:1000px;margin:0 auto;position:relative;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 767px){.lcl-lead .lcl-lead__in{width:100%;padding:0 15px}}.lcl-lead .lcl-lead-figarea__fig{position:absolute;margin:0}.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--01{width:327px;height:211px;top:-120px;left:calc(50% - 650px)}@media screen and (max-width: 767px){.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--01{width:97px;height:69px;top:-85px;left:-25px}}.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--02{width:434px;height:302px;bottom:48%;left:calc(50% - 700px)}@media screen and (max-width: 767px){.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--02{width:100px;height:72px;bottom:auto;top:10px;left:-15px}}.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--03{width:417px;height:321px;bottom:60%;left:calc(50% + 250px)}@media screen and (max-width: 767px){.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--03{width:112px;height:84px;bottom:auto;top:-70px;left:auto;right:-25px}}.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--04{width:327px;height:211px;bottom:30%;left:calc(50% + 340px)}@media screen and (max-width: 767px){.lcl-lead .lcl-lead-figarea__fig.lcl-lead-figarea__fig--04{width:92px;height:64px;bottom:auto;top:25px;left:auto;right:-30px}}.lcl-lead .lcl-lead__txt{font-size:15px;font-style:normal;font-weight:500;line-height:2.1;letter-spacing:.06em;text-align:center}@media screen and (max-width: 767px){.lcl-lead .lcl-lead__txt{line-height:1.7;text-align:left}}.lcl-lead .lcl-lead__txt:not(:last-of-type){margin-bottom:25px}@media screen and (max-width: 767px){.lcl-lead .lcl-lead__txt:not(:last-of-type){margin-bottom:15px}}.lcl-lead .lcl-lead__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 20px;margin:105px 0 0;list-style:none}@media screen and (max-width: 767px){.lcl-lead .lcl-lead__list{gap:0 5px;margin-top:30px}}.lcl-lead .lcl-lead-list__item{width:320px}@media screen and (min-width: 768px){.lcl-lead .lcl-lead-list__item:nth-of-type(2){-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@media screen and (max-width: 767px){.lcl-lead .lcl-lead-list__item{width:calc(50% - 10px)}.lcl-lead .lcl-lead-list__item:nth-of-type(3){display:none}}.lcl-particular{color:#fff;padding:100px 0 120px;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/cGFydGljdWxhcl9iZw.jpg?cmsp_timestamp=20240528163609) no-repeat center/cover}@media screen and (max-width: 767px){.lcl-particular{padding:40px 0 45px}}.lcl-particular__ttl{font-size:36px;font-style:normal;font-weight:700;line-height:1.9;letter-spacing:.2em;text-align:center;margin:0 0 80px;position:relative}@media screen and (max-width: 767px){.lcl-particular__ttl{font-size:1.6rem;margin-bottom:35px}}.lcl-particular__ttl:before{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;background:url(https://img07.shop-pro.jp/PA01461/290/etc_base64/dHRsX2Jn.png?cmsp_timestamp=20240528163635) no-repeat center/cover;width:348px;height:40px}@media screen and (max-width: 767px){.lcl-particular__ttl:before{width:214px;height:24px}}.lcl-particular__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto 40px}@media screen and (min-width: 768px){.lcl-particular__main{min-width:1000px;max-width:1200px;width:calc(100% - 100px)}}@media screen and (max-width: 767px){.lcl-particular__main{width:calc(100% - 30px);margin:0 auto 15px;display:block}}.lcl-particular-main__fig{width:550px;margin:0}@media screen and (max-width: 767px){.lcl-particular-main__fig{width:100%}}.lcl-particular-main__cnt{padding-left:50px;-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width: 767px){.lcl-particular-main__cnt{padding:15px 0 0}}.lcl-particular-main__ttl{font-size:30px;font-style:normal;font-weight:700;line-height:1.5;letter-spacing:.06em;margin:0 0 20px}@media screen and (max-width: 767px){.lcl-particular-main__ttl{font-size:1.35rem;text-align:center;margin-bottom:10px}}.lcl-particular-main__sub{font-size:23px;font-family:"Noto Serif JP",serif;font-weight:700;line-height:1.8;letter-spacing:.05em;margin:0 0 20px}@media screen and (max-width: 767px){.lcl-particular-main__sub{font-size:1.15rem;text-align:center;margin-bottom:10px}}.lcl-particular-main__txt{font-size:15px;font-style:normal;font-weight:500;line-height:2;letter-spacing:.05em;margin:0}@media screen and (max-width: 767px){.lcl-particular-main__txt{line-height:1.7}}.lcl-particular__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:950px;margin-inline:auto;padding:30px 40px;border-top:1px solid #fff;border-bottom:1px solid #fff}@media screen and (max-width: 767px){.lcl-particular__bottom{width:calc(100% - 30px);padding:20px 0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}.lcl-particular-bottom__fig{width:230px;background:#fff;margin:0}@media screen and (max-width: 767px){.lcl-particular-bottom__fig{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}.lcl-particular-bottom__main{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:35px}@media screen and (max-width: 767px){.lcl-particular-bottom__main{padding-left:15px}}.lcl-particular-bottom__ttl{font-size:23px;font-weight:700;line-height:1.8;letter-spacing:.05em;margin:0 0 5px}@media screen and (max-width: 767px){.lcl-particular-bottom__ttl{font-size:1.25rem;margin-bottom:5px}}.lcl-particular-bottom__txt{font-size:15px;font-weight:500;line-height:2;letter-spacing:.05em}@media screen and (max-width: 767px){.lcl-particular-bottom__txt{font-size:1rem;line-height:1.7}}