@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Sawarabi+Gothic&family=Sawarabi+Mincho&display=swap');

/* CSS Document */
.tabsize,
.spsize {
  display: none!important;
}
.pcsize {
  display: block!important;
}
::placeholder {
   color: #c0c0c0;
}
input::-webkit-input-placeholder {
    color:#c0c0c0;
    font-weight: normal;
}
input:-moz-placeholder {
    color:#c0c0c0;
    font-weight: normal;
}
input::-moz-placeholder {
    color:#c0c0c0;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color:#c0c0c0;
    font-weight: normal;
}
#sakuramochi img {
  width: 100%;
  height: auto;
}
#sakuramochi .figureSquareCard img {
  height: 100%;
}
.page > .contents1 {
	background-color: #fff;
	padding-bottom: 0;
	padding-top: 0;
}
.contents1__inner--small {
	padding: 0;
	max-width: 100%;
}
#sakuramochi {
  background-image: url(../../contents/2202sakuramochi/wht-bg.jpg);
  background-size: contain;
  background-position: top 50% left 50%;
  background-repeat: repeat;
  background-color: #fff;
  font-family: 'Sawarabi Gothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic,"游ゴシック体", "メイリオ", sans-serif;
  color: #441D00;
	text-align: left;
  overflow-x: hidden;
  margin-bottom: 8%;
}
#sakuramochi section {
  padding-bottom: 8%;
}
#sakuramochi section.intro {
  padding-bottom: 4%;
}
#sakuramochi section:nth-last-of-type(1) {
  padding-bottom: 0%;
}
/* Loading */
.recipe-list .item .photo > img {
  display: none;
}
.loading {
  width: 100%;
  transition: all 1s;
  background-color: transparent;
	display: -webkit-box;
	display: -ms-box;
	display: flex;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 4vw 0;
}
.loading p {
  width: 100%;
  height: 100%;
  color: #ea6751;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  text-align: center;
	-webkit-box-items: center;
	-ms-flex-align: center;
	align-items: center;
  font-size: 2rem;
	display: -webkit-box;
	display: -ms-box;
	display: flex;
	flex-direction: column;
  padding: 0;
}
.category.recipe .recipe-list .loading p {
  height: 398px;
}
.category.other .recipe-list .loading p {
  height: 270px;
}
#sakuramochi .loading img {
  width: 60px;
  position: relative;
}
h2.title {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4%;
  font-size: 0;
}
.dotliner {
	padding-bottom: 8px;
	background: radial-gradient(circle farthest-side, #85614b, #85614b 40%, transparent 40%, transparent);
	-webkit-background: radial-gradient(circle farthest-side, #85614b, #85614b 40%, transparent 40%, transparent);
	-moz-background: radial-gradient(circle farthest-side, #85614b, #85614b 40%, transparent 40%, transparent);
	-o-background: radial-gradient(circle farthest-side, #85614b, #85614b 40%, transparent 40%, transparent);
	background-size: 16px 8px;
    background-position: left bottom;
    background-repeat: repeat-x;
  padding-left: 0.3rem;
  padding-right: 0.2rem;
  padding-bottom: 0.4rem;
}
.en {
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: -1px;
}
.jpn {
  font-family: "Sawarabi Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho","Times New Roman", serif;
}
.note {
	font-size: 1rem;
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
.note:before {
	content: "※";
	padding-left: 0.4rem;
}
.product-price {
  text-align: right;
  margin-bottom: 0.4rem;
  font-size: 1.1rem;
}
.product-price .price {
  font-size: 2rem;
  letter-spacing: -1px;
}
.product-price .volume.en,
.pickup-item .product-price .price {
  font-size: 2rem;
}
.product-price .volume {
	font-size: 1.4rem;
	margin: 0 0.2rem 0 0;
	line-height: 1.1;
	text-align: right;
}
.recommend-list .product-price .volume {
	font-size: 1.1rem;
}
.product-price .volume.en {
	font-size: 1.35rem;
}
.product-price .volume:after {
	content: "/";
	padding: 0 0 0 0.2rem;
}
#sakuramochi .inner {
	max-width: 920px;
	margin-left: auto!important;
	margin-right: auto!important;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 0;
  position: relative;
  z-index: 0;
}
#sakuramochi .bg .inner {
  padding-top: 4%;
  padding-bottom: 4%;
}
#sakuramochi a {
  color: #ea6751;
}
.column-box {
	display: -webkit-box;
	display: -ms-box;
	display: flex;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.column-box.start {
	-webkit-box-items: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.column-box.center {
	-webkit-box-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.column-box > div {
	flex-direction: column;
	display: -webkit-box;
	display: -ms-box;			
	display: flex;
	padding: 0 0.5%;
}
.column-box > div > * {
	flex-grow: 1;
	height: 100%;
}
.column-box .photo {
  padding: 0;
}
.column-box .photo img {
	flex-grow: unset;
}
#sakuramochi .col84 {
	width: 84%;
}
#sakuramochi .col80 {
	width: 80%;
}
#sakuramochi .col70 {
	width: 70%;
}
#sakuramochi .col60 {
	width: 60%;
}
#sakuramochi .col50 {
	width: 50%;
}
#sakuramochi .col40 {
	width: 40%;
}
#sakuramochi .col33 {
	width: 33.3333%;
}
#sakuramochi .col30 {
	width: 30%;
}
#sakuramochi .col25 {
	width: 25%;
}
#sakuramochi .col20 {
	width: 20%;
}
#sakuramochi .col16 {
	width: 16.6666%;
}
#sakuramochi .col100 {
	width: 100%;
}
.bg.pnk {
  background-image: url("../../contents/2202sakuramochi/pnk-bg.jpg");
  background-size: contain;
  background-position: top 50% left 50%;
  background-repeat: repeat;
  background-color: #fae0dc;
}
.txt-c {
  text-align: center!important;
}
.txt-r {
  text-align: right!important;
}
.txt-l {
  text-align: left!important;
}
.txt-u {
	text-decoration: underline;
}
.fnt-s {
	font-size: 75%!important;
}
.fnt-m {
	font-size: 100%!important;
}
.fnt-l {
	font-size: 140%!important;
}
.fnt-b {
	font-weight: 700!important;
}
.fnt-red {
	color: #940E07!important;
}
.fnt-ylw {
	color: #ffd553!important;
}
.fnt-org {
	color: #ff7000!important;
}
.fnt-ble {
	color: #5ecaac!important;
}
.fnt-grn {
	color: #940E07!important;
}
.fnt-pnk {
	color: #ea6751!important;
}
.fnt-pup {
	color: #cab8d9!important;
}
.fnt-brw {
	color: #753328!important;
}
.fnt-wht {
	color: #fff!important;
}
.fnt-gry {
	color: #666!important;
}
.fnt-border {
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.mt0 {
	margin-top: 0!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.ml0 {
	margin-left: 0!important;
}
.ml10 {
	margin-left: 10px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.mr0 {
	margin-right: 0!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.pt0 {
	padding-top: 0!important;
}
.pt10 {
	padding-top: 10px!important;
}
.pt20 {
	padding-top: 20px!important;
}
.pt30 {
	padding-top: 30px!important;
}
.pb0 {
	padding-bottom: 0!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.pb30 {
	padding-bottom: 30px!important;
}
.pl0 {
	padding-left: 0!important;
}
.pl10 {
	padding-left: 10px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pl30 {
	padding-left: 30px!important;
}
.pr0 {
	padding-right: 0!important;
}
.pr10 {
	padding-right: 10px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr30 {
	padding-right: 30px!important;
}
.liner-red {
	background: linear-gradient(transparent 60%, #FFAAA7 60%);
	background:-moz-linear-gradient(transparent 60%, #FFAAA7 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #FFAAA7 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #FFAAA7 60%); /* IE */
	padding: 0 0.2rem;
}
.liner-pnk {
	background: linear-gradient(transparent 60%, #ea6751 60%);
	background:-moz-linear-gradient(transparent 60%, #ea6751 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #ea6751 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #ea6751 60%); /* IE */
	padding: 0 0.2rem;
}
.liner-ylw {
	background: linear-gradient(transparent 60%, #f3ca06 60%);
	background:-moz-linear-gradient(transparent 60%, #f3ca06 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #f3ca06 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #f3ca06 60%); /* IE */
	padding: 0 0.2rem;
}
.liner-org {
	background: linear-gradient(transparent 60%, #FFD3B4 60%);
	background:-moz-linear-gradient(transparent 60%, #FFD3B4 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #FFD3B4 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #FFD3B4 60%); /* IE */
	padding: 0 0.2rem;
}
.liner-ble {
	background: linear-gradient(transparent 60%, #D5ECC2 60%);
	background:-moz-linear-gradient(transparent 60%, #D5ECC2 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #D5ECC2 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #D5ECC2 60%); /* IE */
	padding: 0 0.2rem;
}
.liner-pup {
	background: linear-gradient(transparent 60%, #cab8d9 60%);
	background:-moz-linear-gradient(transparent 60%, #cab8d9 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #cab8d9 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #cab8d9 60%); /* IE */
	padding: 0 0.2rem;
}
.liner-brw {
	background: linear-gradient(transparent 60%, #4c3332 60%);
	background:-moz-linear-gradient(transparent 60%, #4c3332 60%); /* Firefox */
	background:-webkit-linear-gradient(transparent 60%, #4c3332 60%);/* safari Chrome */
	background:-ms-linear-gradient(transparent 60%, #4c3332 60%); /* IE */
	padding: 0 0.2rem;
}
.slash {
  position: relative;
}
.slash:before,
.slash:after {
  content: "|";
  display: inline-block;
  font-size: 1rem;
  padding: 0 0.4rem;
}
.slash:before {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
.slash:after {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
}
#sakuramochi .btn a {
	color: #fff;
	width: 100%;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-box;			
	display: flex;
	padding: 0.8rem 0.4rem;
	line-height: 1;
	-webkit-border-radius: 6px;/* for Safari and Chrome */
	-moz-border-radius: 6px; /* for Firefox */
	-o-border-radius: 6px; /* for opera */
	border-radius: 6px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
/*	height: 100%;*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#sakuramochi .btn.buy a {
	background-color:#ea6751;
}
#sakuramochi .btn.link a {
	background-color: #FEF8E6;
	border:solid 2px #FEB90D;
	color: #FEB90D;
  padding: 4%;
}
#sakuramochi .btn.recipe a {
	background-color: #fffac8;
	border:solid 2px #7D3C00;
	color: #7D3C00;
  padding: 4%;
}
a .icn-cart,
a .icn-recipe {
	background-repeat: no-repeat;
}
a .icn-cart {
	background-image: url("../../contents/2202sakuramochi/icn-cart.svg");
  background-position: top 50% left 1%;
  background-size: 18px;
  padding: 4px 0 4px 24px;
  margin: 0;
  font-size: 0.9rem;
}
a .icn-recipe {
	background-image: url("../../contents/2202sakuramochi/icn-recipe.svg");
  background-position: top 50% left 0%;
  background-size: 24px;
  padding: 4px 0 4px 32px;
  margin: 0;
  font-size: 1.4rem;
}
#sakuramochi .btn.buy.column-box .select_quantity {
  width: 29%;
  margin-right: 1%;
}
#sakuramochi .btn.buy.column-box .select_quantity select {
  min-height: 56px;
  margin-bottom: 0;
}
#sakuramochi .btn.buy.column-box a {
  width: 70%;
  min-height: 56px;
  padding: 0;
}
/*----fade in setting----*/
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.fadein.lr {
	opacity : 0.1;
	transform : translate(-50px, 0);
	transition : all 500ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.fadein.scrollin:nth-of-type(2),
.column-box > div:nth-of-type(2) .fadein.scrollin {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
}
.fadein.scrollin:nth-of-type(3),
.column-box > div:nth-of-type(3) .fadein.scrollin,
.detail .fadein.scrollin:nth-of-type(1) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
}
.fadein.scrollin:nth-of-type(4),
.column-box > div:nth-of-type(4) .fadein.scrollin,
.detail .fadein.scrollin:nth-of-type(2) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
}
.fadein.scrollin:nth-of-type(n+5),
.column-box > div:nth-of-type(n+5) .fadein.scrollin,
.detail .fadein.scrollin:nth-of-type(n+5) {
	-moz-transition-delay:n+600ms;
	-webkit-transition-delay:n+600ms;
	-o-transition-delay:n+600ms;
	-ms-transition-delay:n+600ms;
}
/*----fade in setting----*/
.video-wrapper {
  position:relative;
  width: 100%;
  padding-top:56.25%;
}
.video-wrapper iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
	box-shadow: 8px 8px 0px 0px #fbeae6;
	-moz-box-shadow: 8px 8px 0px 0px #fbeae6;
	-webkit-box-shadow: 8px 8px 0px 0px #fbeae6;
}
/*イントロ
-------------------------------------*/
.lp-menu {
  margin-top: 3%;
  margin-bottom: 4%;
}
.lp-menu li {
	background: radial-gradient(circle farthest-side, #ea6751, #ea6751 40%, transparent 40%, transparent);
	-webkit-background: radial-gradient(circle farthest-side, #ea6751, #ea6751 40%, transparent 40%, transparent);
	-moz-background: radial-gradient(circle farthest-side, #ea6751, #ea6751 40%, transparent 40%, transparent);
	-o-background: radial-gradient(circle farthest-side, #ea6751, #ea6751 40%, transparent 40%, transparent);
	background-size: 2px 6px;
  background-position: right top;
  background-repeat: repeat-y;
  width: 25%;
  text-align: center;
  line-height: 1.1;
	display: -webkit-box;
	display: -ms-box;
	display: flex;
}
.lp-menu li:last-child {
  background: unset;
}
.lp-menu li a {
  background-position: left 50% top 0%;
  background-repeat: no-repeat;
  width: 100%;
	display: -webkit-box;
	display: -ms-box;
	display: flex;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	flex-wrap: wrap;
	-webkit-box-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 60px;
}
.lp-menu li a[href^="#kansai"] {
  background-image: url("../../contents/2202sakuramochi/icn-kansai.svg");
  background-size: 60px;
}
.lp-menu li a[href^="#kanto"] {
  background-image: url("../../contents/2202sakuramochi/icn-kanto.svg");
  background-size: 60px;
}
.lp-menu li a[href^="#recipe"] {
  background-image: url("../../contents/2202sakuramochi/icn-recipe.svg");
  background-size: 56px;
}
.lp-menu li a[href^="#recommend"] {
  background-image: url("../../contents/2202sakuramochi/icn-sakura.svg");
  background-size: 48px;
}
.lp-menu li .sub {
  color: #745537;
  font-size: 0.9rem;
}
#sakuramochi .mv {
  font-size: 0;
  margin-bottom: 4%;
}
#sakuramochi .mv.inner {
  padding-bottom: 0;
  margin-bottom: 2%;
  padding-left: 0;
  padding-right: 0;
}
#sakuramochi .intro .inner {
  padding-top: 0%;
  padding-bottom: 0%;
}
.intro p {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-top: 0.8rem;
}
.intro .slogan {
  font-size: 1.6rem;
}
.info-list {
  max-width: 720px;
  margin: 6% auto 0;
	-webkit-box-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/*基本レシピ紹介
-------------------------------------*/
.info-list .photo {
  width: 300px;
}
.info-list .photo img {
	box-shadow: 8px 8px 0px 0px #fbeae6;
	-moz-box-shadow: 8px 8px 0px 0px #fbeae6;
	-webkit-box-shadow: 8px 8px 0px 0px #fbeae6;
}
.info-list .detail {
  width: calc(100% - 300px);
  padding-left: 4%;
}
.info-list .detail .txt {
  font-size: 1.2rem;
  margin-bottom: 4%;
}
#sakuramochi .info-list .detail .btn.recipe a {
  background-color: #7D3C00;
  border: solid 2px #7D3C00;
  width: 280px;
  margin-left: calc(100% - 280px);
}
.info-list .detail .btn.recipe a .icn-recipe {
  background-image: url("../../contents/2202sakuramochi/icn-recipe-wht.svg");
  background-size: 32px;
  padding: 8px 0 8px 40px;
  font-size: 1.25rem;
  color: #fff;
}
#sakuramochi section.method.kanto {
  margin-bottom: 0;
}
.method h3 {
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 0.8rem;
}
.method h3 .sub {
  font-size: 1.3rem;
}
/*工程
-------------------------------------*/
.method h4 {
  font-size: 1.6rem;
  text-align: left;
  margin-top: 4%;
  margin-bottom: 0.8rem;
}
.method-list .item {
  background-color: #fff;
  width: 32%;
  padding: 2% 2% 3%;
	-webkit-border-radius: 8px;/* for Safari and Chrome */
	-moz-border-radius: 8px; /* for Firefox */
	-o-border-radius: 8px; /* for opera */
	border-radius: 8px;
  margin-bottom: 4%;
  margin-right: 2%;
}
.method-list .item:last-child {
  margin-right: 0;
}
.method-list .photo {
  width: 100%;
  position: relative;
  margin-bottom: 4%;
}
.method-list .photo .num {
  font-size: 2.4rem;
  padding-right: 0.4rem;
  position: absolute;
  background-color: #ea6751;
  color: #fff;
  bottom: 6px;
  left: 4px;
  text-align: center;
  padding-top: 0.5rem;
  padding-right: 0;
  width: 56px;
  height: 56px;
  -webkit-border-radius: 50%;/* for Safari and Chrome */
  -moz-border-radius: 50%; /* for Firefox */
  -o-border-radius: 50%; /* for opera */
  border-radius: 50%;
}
.method-list .method-title {
  font-size: 1.4rem;
  padding-bottom: 0.8rem;
  height: auto;
  color: #753328;
  font-weight: 700;
}
.method-list .txt {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #555;
}
/*道明寺の違いについて
-------------------------------------*/
.about .about-list {
  margin-bottom: 4%;
}
.about .about-list .item {
  background-color: #fff;
  width: 32%;
  padding: 2% 2% 3%;
    -webkit-border-radius: 8px;/* for Safari and Chrome */
    -moz-border-radius: 8px; /* for Firefox */
    -o-border-radius: 8px; /* for opera */
    border-radius: 8px;
  margin-bottom: 4%;
  margin-right: 2%;
}
.about .about-list .item:last-child {
  margin-right: 0;
}
.about .about-list .item .type {
  background-color: #333;
  width: 80px;
  height: 80px;
  color: #fff;
	-webkit-border-radius: 50%;/* for Safari and Chrome */
	-moz-border-radius: 50%; /* for Firefox */
	-o-border-radius: 50%; /* for opera */
	border-radius: 50%;
  padding-top: 1.7rem;
  font-size: 1.6rem;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
}
.about .about-list .item.small .type {
  background-color: #fae0dc;
  color: #ea6751;
}
.about .about-list .item.medium .type {
  background-color: #f8d1ca;
  color: #ea6751;
}
.about .about-list .item.large .type {
  background-color: #ea6751;
}
.about .about-list .type-name {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}
.about .about-list .photo {
  margin-bottom: 4%;
}
/*道明寺キット*/
.about .txt {
  font-size: 1.1rem;
  margin-bottom: 4%;
}
.about .kit-title {
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
  line-height: 1.2;
}
.about .kit-list .photo {
  width: 400px;
}
.about .kit-list .detail {
  width: calc(100% - 400px);
  padding-left: 4%;
}
.about .kit-list .detail .txt {
  font-size: 1.2rem;
  line-height: 1.2;
}
.about .kit-list .product-price,
.about .kit-list .btn.buy {
  width: 320px;
  margin-left: calc(100% - 320px);
}
/*動画
-------------------------------------*/
#sakuramochi .movie {
  max-width: 720px;
}
.movie .title {
  background-image: url(../../contents/2202sakuramochi/icn-video.svg);
  background-position: left 0 top 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  padding-left: 48px;
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 0.8rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.movie .title .sub {
  font-size: 1.3rem;
}
/*桜餅アレンジレシピ
-------------------------------------*/
.category.recipe .recipe-list .item {
  width: 33%;
  margin-right: 0.5%;
  margin-bottom: 3%;
}
.category.recipe .recipe-list .item:nth-of-type(3n),
.category.recipe .recipe-list .item:last-child {
  margin-right: 0%;
}
.recipe-list .item a:hover {
  opacity: 1;
}
.recipe-list .item .photo {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
	-webkit-box-shadow: 0 0px 5px 0 #aaa;
	-moz-box-shadow: 0 0px 5px 0 #aaa;
	-o-box-shadow: 0 0px 5px 0 #aaa;
  box-shadow: 0 0px 5px 0 #aaa;
  font-size: 0;
}
.recipe-list .item .photo img {
 transition:1s all;
}
.recipe-list .item a:hover .photo img {
  transform:scale(1.2,1.2);
  transition:1s all;
}
.category.recipe .recipe-list .recipe-name {
  color: #4c3332;
  text-align: center;
  font-size: 1.3rem;
  padding: 1rem 0.8rem 1rem;
}
.category.recipe .recipe-list .recipe-name .sub {
  font-size: 1rem;
}
.recipe-list .recipe-name .sub {
  font-size: 0.8rem;
}
.recipe-list .item .txt {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #666;
}
.recipe-list .item:first-child .txt {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
/*おすすめアイテム
-------------------------------------*/
.recommend-list {
  margin-bottom: 4%;
}
.recommend-list.column-box > div {
  width: 25%;
  margin-bottom: 8%;
}
#sakuramochi .recommend-list .product-name a {
  color: #4c3332;
  font-size: 1.3rem;
}
.recommend .product-price {
  color: #4c3332;
}
#sakuramochi .recommend .product-name a {
  color: #4c3332;
}
#sakuramochi .recommend .product-name a .sub {
  font-size: 1rem;
}
.recommend-item .inner > p {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.recommend-list .photo {
  padding: 0 2% 0;
  position: relative;
}
.recommend-list .photo a {
  background-color: #fff;
  border: 1px solid #ddd;
}
.recommend .icn-season {
  position: absolute;
  left: unset;
  right: 10%;
  top: 2%;
  width: 80px;
}
#sakuramochi .recommend-list .photo a img {
  height: 100%;
}
.recommend-list .photo .copy {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(255, 170, 167, 0.9);
  width: 100%;
  font-size: 1rem;
  color: #fff;
  padding: 0.8rem 0.4rem;
  text-align: center;
}
/*あわせてチェック
-------------------------------------*/
.outro .item {
  width: 48%;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 4%;
  font-size: 0;
}
.outro .item img {
	/*-webkit-box-shadow: 0 0px 5px 0 #aaa;
	-moz-box-shadow: 0 0px 5px 0 #aaa;
	-o-box-shadow: 0 0px 5px 0 #aaa;
  box-shadow: 0 0px 5px 0 #aaa;*/
}
.outro .item p {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  text-align: center;
  color: #7D3C00;
}
@media screen and (max-width: 860px) {
  .lp-menu li .sub {
    font-size: 0.9rem;
  }
  .intro p {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 768px) {
    #sakuramochi .inner {
      padding-left: 16px;
      padding-right: 16px;
    }
    .pcsize,
    .spsize {
      display: none!important;
    }
    .tabsize {
      display: block!important;
    }
    h2.title {
      max-width: 44vw;
      margin-bottom: 8%;
      margin-top: 4%;
    }
    .lp-menu li .sub {
      font-size: 0.8rem;
    }
    #sakuramochi .lp-menu li a {
      background-size: 7vw;
      padding-top: 8vw;
      font-size: 2.5vw;
    }
    /*基本レシピ紹介
    -------------------------------------*/
    .info-list {
      max-width: 560px; 
      -webkit-box-items: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    .info-list .photo {
      width: 200px;
    }
    .info-list .photo img {
      box-shadow: 4px 4px 0px 0px #fbeae6;
      -moz-box-shadow: 4px 4px 0px 0px #fbeae6;
      -webkit-box-shadow: 4px 4px 0px 0px #fbeae6;
    }
    .info-list .detail {
      width: calc(100% - 200px);
    }
    .info-list .detail .txt {
      font-size: 1rem;
    }
    #sakuramochi .info-list .detail .btn.recipe a {
      width: 220px;
      margin-left: calc(100% - 220px);
    }
    .info-list .detail .btn.recipe a .icn-recipe {
      font-size: 0.9rem;
    }
    /*リスト共通
    -------------------------------------*/
    .about .about-list,
    .category.method .method-list,
    .category.recipe .recipe-list {
      margin-bottom: 8%;
    }
    .about .about-list .item,
    .category.method .method-list .item,
    .category.recipe .recipe-list .item {
      width: 48.5%;
      margin-right: 3%;
      margin-bottom: 3%;
    }
    .category.recipe .recipe-list .item:nth-of-type(3n) {
      margin-right: 3%;
    }
    .about .about-list .item:nth-of-type(2n),
    .category.method .method-list .item:nth-of-type(2n),
    .category.recipe .recipe-list .item:nth-of-type(2n) {
      margin-right: 0;
    }
    .category.method .method-list .item:last-child,
    .category.recipe .recipe-list .item:last-child {
      margin-bottom: 0;
      margin-right: 0;
    }
    /*工程
    -------------------------------------*/
    .category.method .method-list .item {
      padding: 3% 3% 4%;
    }
    .method h3,
    .method h4,
    .movie .title {
      font-size: 1.4rem;
    }
    .method h3 .sub,
    .method h4 span,
    .method h5 span {
      font-size: 1.1rem;
    }
    .method-list .method-title {
      font-size: 1.25rem;
    }
    .method-list .txt{
      font-size: 1rem;
    }
    .method-list .photo .num {
      font-size: 4vw;
      width: 8vw;
      height: 8vw;
      padding-top: 2vw;
    }
    /*道明寺の違いについて
    -------------------------------------*/
    .about .about-list .item {
      padding: 3% 3% 4%;
    }
    .about .about-list .item .type {
      width: 12vw;
      height: 12vw;
      padding-top: 4vw;
      font-size: 4vw;
    }
    /*道明寺キット*/
    .about .kit-list {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
    .about .kit-list .item {
      width: 100%;
      padding: 0;
      margin-bottom: 4%;
      padding-left: 0;
    }
    .about .kit-list .product-price,
    .about .kit-list .item .btn.buy {
      width: 400px;
      margin-left: auto;
      margin-right: auto;
    }
    /*おすすめアイテム
    -------------------------------------*/
    .category.recipe .recipe-list .loading p {
      width: 50vw;
      height: 50vw;
    }
    .recipe-list .item:last-child {
      margin-bottom: 0;
    }
    .category.other .search-box strong {
      font-size: 1.2rem;
    }
    .recipe-list .item .txt {
      font-size: 1rem;
    }
    .category.recipe .recipe-list {
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
    }
    #sakuramochi .search-box.cat label:nth-last-of-type(-n+3),
    #sakuramochi .category.other .search-box.cat input[type="checkbox"] + label {
      width: 49%;
      margin-right: 1%;
      margin-bottom: 2%;
    }
    .category.other .search-box.cat input[type="checkbox"] + label:last-child,
    #sakuramochi .search-box.cat label:nth-last-of-type(-n+3),
    .category.other .search-box.cat input[type="checkbox"] + label:nth-of-type(2n) {
      margin-right: 0;
    }
    .category.recipe .recipe-list .recipe-name {
      padding: 0.6rem 0 1rem;
      font-size: 1.2rem;
    }
    .recipe-list .recipe-name .sub {
      font-size: 0.8rem;
    }
    /*おすすめアイテム
    -------------------------------------*/
    .recommend-list {
      max-width: 480px;
      margin-left: auto;
      margin-right: auto;
    }
    .recommend-list.column-box > div {
      width: 50%;
      margin-bottom: 6%;
    }
    .recommend-list .photo {
      padding: 0;
    }
    .recommend-list .photo .copy {
      font-size: 0.9rem;
    }
    .recommend-list .detail {
      padding: 0 2%;
    }
    .recommend-list .product-name a {
      font-size: 1.4rem;
    }
    .recommend .icn-season {
      width: 90px;
      left: 2%;
    }
    /*合わせてチェック
    -------------------------------------*/
    .outro .item p {
      font-size: 1.1rem;
    }
}
@media screen and (max-width:480px) {
      #sakuramochi {
        background-size: 4vw auto,4vw auto,cover;
      }
      #sakuramochi .category.recipe .recipe-list .loading p {
        width: 100%;
        height: 100vw;
        font-size: 10vw;
      }
      #sakuramochi .category.other .recipe-list .loading p {
        font-size: 7vw;
      }
      #sakuramochi .inner {
        padding-left: 5vw;
        padding-right: 5vw;
      }
      #sakuramochi .bg .inner {
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 5vw;
        padding-bottom: 10vw;
      }
      #sakuramochi .intro .inner {
        padding-bottom: 0;
      }
      #sakuramochi p {
        font-size: 4vw;
      }
      .pcsize,
      .tabsize {
        display: none!important;
      }
      .spsize {
        display: block!important;
      }
      #sakuramochi a .icn-cart {
        background-size: 4vw;
        padding: 3vw 0 3vw 5vw;
        font-size: 3vw;
      }
      #sakuramochi .about .about-list .item a .icn-cart {
        font-size: 4vw;
      }
      #sakuramochi .loading p {
        font-size: 10vw;
      }
      #sakuramochi .intro .slogan {
        font-size: 5.5vw;
      }
      .lp-menu li {
        width: 50%;
        margin-bottom: 6%;
        padding-bottom: 4%;
        background-repeat: repeat-y;
        background-position: right bottom;
        background-size: 2px 6px;
      }
      .lp-menu li:nth-of-type(2n) {
        background: unset;
      }
      #sakuramochi .lp-menu li a {
        font-size: 5vw;
        padding-top: 15vw;
        padding-bottom: 0;
        padding-left: 0;
        text-align: center;
      }
      .lp-menu li .sub {
        font-size: 4vw;
      }
      #sakuramochi .lp-menu li a[href^="#kanto"],
      #sakuramochi .lp-menu li a[href^="#kansai"] {
        background-size: 14vw;
      }
      #sakuramochi .lp-menu li a[href^="#recipe"] {
        background-size: 11vw;
      }
      #sakuramochi .lp-menu li a[href^="#recommend"] {
        background-size: 12vw;
      }
      /*イントロ
      -------------------------------------*/
      #sakuramochi .intro .txt {
        font-size: 4.5vw;
        padding-bottom: 8%;
      }
      /*動画
      -------------------------------------*/
      .movie .title {
        font-size: 6vw;
        background-size: 10vw;
        padding-left: 11vw;
      }
      /*リスト共通
      -------------------------------------*/
      .about .about-list,
      .category.method .method-list {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0%;
      }
      .about .about-list .item,
      .category.method .method-list .item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
      }
      /*基本レシピ紹介
      -------------------------------------*/
      .info-list {
        max-width: 320px;
      }
      .info-list .photo {
        width: 100%;
        margin-bottom: 4%;
      }
      .info-list .detail {
        width: 100%;
        padding-left: 0;
      }
      .info-list .detail  {
        width: 100%;
        margin-left: 0;
      }
      .info-list .detail .btn.recipe a .icn-recipe {
        font-size: 1rem;
        text-align: left;
      }
      /*工程
      -------------------------------------*/
      .method h3 {
        font-size: 6vw;
      }
      .method h3 .sub {
        font-size: 5vw;
      }
      .method h4 {
        font-size: 6vw;
        margin-top: 10%;
      }
      .category.method .method-list {
        margin-bottom: 10%;
      }
      .category.method .method-list .item {
        padding: 4vw 4vw 7vw;
        margin-bottom: 8%;
      }
      #sakuramochi .method-list .photo .num {
        font-size: 12vw;
        padding-top: 2vw;
        bottom: unset;
        left: 2vw;
        top: 2vw;
        width: 16vw;
        height: 16vw;
      }
      #sakuramochi .method-list .method-title {
        font-size: 5vw;
      }
      /*道明寺*/
      .about .about-list {
        margin-bottom: 10%
      }
      .about .about-list .item {
        padding: 4vw 4vw 5vw;
        margin-bottom: 4%;
      }
      #sakuramochi .about .about-list .item .type {
        font-size: 6vw;
        padding-top: 7vw;
        bottom: unset;
        left: 2vw;
        top: 2vw;
        width: 20vw;
        height: 20vw;
      }
      .about .kit-list .product-price,
      .about .kit-list .item .btn.buy {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
      }
      /*レシピ
      -------------------------------------*/
      .category.recipe .recipe-list {
      }
      .category.recipe .recipe-list .item {
        padding: 4vw 2vw 0;
        margin-bottom: 4%;
      }
      #sakuramochi .category.recipe .recipe-name {
        font-size: 4.5vw;
        padding: 0.6rem 0 2rem;
      }
      .category.recipe .recipe-list .recipe-name .sub {
        font-size: 4vw;
      }
      /*おすすめアイテム
      -------------------------------------*/
      .recommend-list .product-name a {
        font-size: 5vw;
      }
      .recommend-list .product-name a .sub {
        font-size: 4vw;
      }
      #sakuramochi .btn.buy.column-box .select_quantity select,
      #sakuramochi .recommend-list .product-name a {
        font-size: 4vw;
      }
      .recommend .icn-season {
        width: 18vw;
      }
      /*合わせてチェック
      -------------------------------------*/
      #sakuramochi .outro .item {
        width: 100%;
        margin-right: 0;
      }
      #sakuramochi .outro .item:nth-of-type(2) {
        width: 100%;
      }
}
@media screen and (min-width: 53.125em) {
  .globalFooter .informationColumn--m20 {
    margin-left: 0;
    margin-right: 0;
  }
}