@charset "utf-8";
/*下層ページ共通*/
#container2 {
	max-width: 980px;
	width:80%;
	margin: 0 auto;
}
@media screen and (min-width: 600px) {
	#container2 {
		width: 80%;
	}
}
@media screen and (min-width: 1240px) {
	#container2 {
		width: 100%;
	}
}
.full div {
	opacity: 0.3;
}


.decorationCakeFull div.img01 {
	background: url(../img/top3.jpg) 45% 0% / cover no-repeat;
}
.decorationCakeFull div.img02 {
	background: url(../img/top4.jpg) 30% 40% / cover no-repeat;
}
.decorationCakeFull div.img03 {
	background: url(../img/top5.jpg) 50% 25% / cover no-repeat;
}
.decorationCakeFull div.img04 {
	background: url(../img/top6.jpg) 25% 70% / cover no-repeat;
}
.decorationCakeFull div.img05 {
	background: url(../img/top1.jpg) 0% 80% / cover no-repeat;
}
.decorationCakeFull div.img06 {
	background: url(../img/top2.jpg) 30% 65% / cover no-repeat;
}

.cutCakeFull div.img01 {
	background: url(../img/top2.jpg) 30% 65% / cover no-repeat;
}
.cutCakeFull div.img02 {
	background: url(../img/top3.jpg) 45% 0% / cover no-repeat;
}
.cutCakeFull div.img03 {
	background: url(../img/top4.jpg) 30% 40% / cover no-repeat;
}
.cutCakeFull div.img04 {
	background: url(../img/top5.jpg) 50% 25% / cover no-repeat;
}
.cutCakeFull div.img05 {
	background: url(../img/top6.jpg) 25% 70% / cover no-repeat;
}
.cutCakeFull div.img06 {
	background: url(../img/top1.jpg) 0% 80% / cover no-repeat;
}


.creamPuffFull div.img01 {
	background: url(../img/top5.jpg) 50% 25% / cover no-repeat;
}
.creamPuffFull div.img02 {
	background: url(../img/top6.jpg) 25% 70% / cover no-repeat;
}
.creamPuffFull div.img03 {
	background: url(../img/top1.jpg) 0% 80% / cover no-repeat;
}
.creamPuffFull div.img04 {
	background: url(../img/top2.jpg) 30% 65% / cover no-repeat;
}
.creamPuffFull div.img05 {
	background: url(../img/top3.jpg) 45% 0% / cover no-repeat;
}
.creamPuffFull div.img06 {
	background: url(../img/top4.jpg) 30% 40% / cover no-repeat;
}


.newsFull div.img01 {
	background: url(../img/top6.jpg) 25% 70% / cover no-repeat;
}
.newsFull div.img02 {
	background: url(../img/top1.jpg) 0% 80% / cover no-repeat;
}
.newsFull div.img03 {
	background: url(../img/top2.jpg) 30% 65% / cover no-repeat;
}
.newsFull div.img04 {
	background: url(../img/top3.jpg) 45% 0% / cover no-repeat;
}
.newsFull div.img05 {
	background: url(../img/top4.jpg) 30% 40% / cover no-repeat;
}
.newsFull div.img06 {
	background: url(../img/top5.jpg) 50% 25% / cover no-repeat;
}

.shopFull div.img01 {
	background: url(../img/top4.jpg) 30% 40% / cover no-repeat;
}
.shopFull div.img02 {
	background: url(../img/top5.jpg) 50% 25% / cover no-repeat;
}
.shopFull div.img03 {
	background: url(../img/top6.jpg) 25% 70% / cover no-repeat;
}
.shopFull div.img04 {
	background: url(../img/top1.jpg) 0% 80% / cover no-repeat;
}
.shopFull div.img05 {
	background: url(../img/top2.jpg) 30% 65% / cover no-repeat;
}
.shopFull div.img06 {
	background: url(../img/top3.jpg) 45% 0% / cover no-repeat;
}



.fullTxt {
	width:100%;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-40%);
	font-size: 120%;
}

/*mainVisual end*/
/*itemSlider*/
.itemSlider2 .sliderImg a {
	text-decoration: none;
	color: #c25700;
	font-weight: bold;
}
.slickContent2 {
	position: absolute;
	top: 5px;
	right: 5px;
}
.plusIcon2 {
  width:30px;
  height:30px;
  background-color: #3b220144;
  position:relative;
}

.plusIcon2::before, .plusIcon2::after {
  content:'';
  position:absolute;
  right:5px;
  top:15px;
  width:20px;
  height:1px;
  background-color:rgba(255,255,255,0.5);
}

.plusIcon2::before {
  transform:rotate(90deg);
}
.itemSlider2 .sliderImg a:hover {
	opacity: 0.7;
	transition: 0.5s;
	color: #3b2201;
}
@media screen and (min-width: 600px) {
	.itemSlider2 {
		max-width:none;
	}
	.itemSlider2  .sliderImg {
		width: calc(470 / 980 * 100%);
		float: left;
		padding-bottom: 20px;
	}
	.itemSlider2 .sliderImg + .sliderImg {
		margin-left: calc(40 / 980 * 100%);
	}
	.itemSlider2 .sliderImg:nth-child(3n) {
		margin-left: 0;
	}
	.slickContent2 {
		bottom: 53px;
		right: 5px;
	}
	.plusIcon2 {
		width: 30px;
		height: 30px;

	}
	.plusIcon2::before, .plusIcon2::after {
		right:5px;
		top:15px;
		width:20px;
	}
}
@media screen and (min-width: 980px) {
	.itemSlider2 .sliderImg {
		width: calc(300 / 980 * 100%);
	}
	.itemSlider2 .sliderImg + .sliderImg {
		margin-left: calc(40 / 980 * 100%);
	}
	 .itemSlider2 .sliderImg:nth-child(4n) {
		margin-left: 0;
	}
}
/*itemSlider end*/
/*modal*/
.inline-wrap {
	position: relative;
	margin:10px auto;
	max-width: 530px;
	background: #fff;
	padding: 35px;
	max-height: 95vh;
	overflow: auto;
}
.inline-wrap h4 {
	padding: 10px 10px 0 10px;
	text-align: center;
	font-size: 120%;
	border-bottom: 1px solid #c25700;
}
.inline-wrap img {
	width: 100%;
	max-width: 600px;
}
.popup-dismiss {
	width: 150px;
	margin: 0 auto;
}
.popup-dismiss a {
	color: #fff;
	background: #c25700;
	text-decoration: none;
	display:block;
	padding: 10px;
	text-align: center;
	margin: 0;
}
.popup-dismiss a:hover {
	background: #612b00;
}
/*modal end*/
/*mainInner*/
h3 {
	margin-top: 10px;
	padding: 20px;
	line-height: 1.5;
	font-size: 160%;
	font-weight: normal;
}
h3 .japanese {
	font-size: 60%;
}
@media screen and (min-width: 980px) {
	h3 {
		font-size: 170%;
		margin-top: 40px;
		
	}
}
/*mainInner end*/
/*aside*/
#otherItem {
	width: 80%;
	max-width: 980px;
	margin: 5vh auto 0;
}
#otherItem ul {
	margin: 70px 0 20px;
}
#otherItem ul li {
	padding: 20px 0 20px;
	max-width: 300px;
	margin: 0 auto;
}
#otherItem ul li a {
	text-decoration: none;
	color: #643900
}
#otherItem ul li a:hover {
	opacity: 0.7;
	transition: 0.5s;
}
@media screen and (min-width: 600px) {
	#otherItem ul {
		display: flex;
		justify-content: space-between;
	}
	#otherItem ul li {
		width: calc(470 / 980 * 100%);
		max-width: none;
		margin: 0;
	}
}
/*aside end*/
/*下層ページ共通 end*/
/*decorationCake*/
/*cut*/
#cut {
	width: 80%;
	margin: 0 auto;
}
#cut p {
	font-size: 95%;
	padding: 10px 0;
	text-align: left;
}
.cutInner1 li{
	display: flex;
	align-items: flex-start;
}
.cutInner1 li + li,
.cutInner2 li + li {
	padding-top: 25px;
}
.cutInner1 li div,
.cutInner2 li div {
	width: 30%;
}
.cutInner1 li div img,
.cutInner2 li div img {
	padding: 4px;
}
.cutInner1 li p{
	width: 70%;
	padding: 0 0 0px 10px;
}
.cutInner2 li p {
	padding: 0;
}
.cutInner2 li div  {
	float: left;
	padding-right: 10px;
}
@media screen and (min-width: 600px) {
	 #cut {
		width:80%;
		max-width: 980px;
	}
	.cutInner1 li {
		display: inline-block;
		width: calc(310 / 980 * 100%);
		float:left;
	}
	.cutInner1 li p {
		width: 100%;
		padding: 10px 0;
	}
	.cutInner2 li p {
		padding: 0 0 0px 10px;
	}
	.cutInner1 li div {
		width: 100%;
		clear: both;
	}
	.cutInner2 li div {
		width: 50%;
	}
	.cutInner2 img {
		width: calc( 460 / 980 * 100%);
	}
	.cutInner2 img + img {
		margin-left: calc(40 / 980 * 100%);
	}
	.cutInner1 li,
	.cutInner2 li {
		margin-bottom: 20px;
	}
	.cutInner1 li + li,
	.cutInner2 li + li {
		padding-top: 0;
		margin-left: calc(25 / 980 * 100%);
	}
	.cutInner1 :nth-child(4) {
		clear: both;
		margin: 0;
	}
}
@media screen and (min-width: 1240px) {
	#cut {
		width: 100%;
	}
	.cutInner1 li {
		width: calc(230 / 980 * 100%);
	
	}
	.cutInner1 li + li,
	.cutInner2 li + li {
		padding-top: 0;
		margin-left: calc(20 / 980 * 100%);
	}
	.cutInner2 img {
		width: calc( 460 / 980 * 100%);
	}
	.cutInner2 img + img {
		margin-left: calc(40 / 980 * 100%);
	}
	.cutInner1 :nth-child(4) {
		clear: none;
		margin-left: calc(20 / 980 * 100%);
	}
	.cutInner1 :last-child {
		clear: both;
		margin: 0;
	}
}
/*cut end*/
/*decoration cake end*/
/*news*/
.newsContainer {
	padding: 60px 0 20px;
}
.newsContainer li + li {
	margin-top: 40px;
}
#news h3 {
	margin-top: 0;
	font-size: 130%;
	padding: 5px 0px;
}
#news p.newsTxt {
	text-align: left;
}
#news p.newsDate {
	text-align: center;
	padding: 0 0 10px;
}
/*news end*/
/*shop*/
dl {
	padding: 15px 0;
	max-width: 484px;
}
dt {
	font-weight: 700;
	width: 60%;
	margin: 10px auto;
	padding: 10px 0;
	font-size: 110%;
	font-weight: normal;
	position: relative;
}

dt:before {
	position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #c25700;
}

dt span {
  position: relative;
  padding: 0 0.5em;
  background: #fff;
}


#shop .gallery-popup {
	margin: 40px auto;
}
#shop .gallery-popup a {
	text-decoration: none;
	display: inline-block;
	color: #fff;
	background: #c25700aa;
	padding: 10px;
	margin: 10px auto;
	width: 70%;
	max-width: 200px;
}
#shop .gallery-popup a:hover {
	background: #612b00;
	transition: 0.5s;
	color: #fff;
}
.map iframe {
	width: 100%;
}
@media screen and (min-width: 600px) {
	dl {
		margin: 0 auto;
	}
	dt {
		width:30%;
		float: left;
		text-align: center;
		font-size: 100%;
		margin: 0 0 10px 0;
		background: #9b580011;
		color: #9b5800;
	}
	dt span {
		background: transparent;
	}
	dd {
		width: 67%;
		float: right;
		text-align: left;
		padding: 10px 0;
		margin: 0 0 10px 3%;
	}
	dd + dt {
		margin-top: 0;
	}
	dt:before {
		display: none;
	}

	.sp {
		display: none;
	}
}

/*shop end*/