.BoxSizing {
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* Everything else */
}
/* ====================================================================================================================
 * WRAP CONTENT TOPPAGE
 * ====================================================================================================================*/
.toppage-content {
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .toppage-content {
	padding: 0;
	overflow: hidden;
  }
  .toppage-content h2 {
	margin: 35px 0 18px 10px !important;
  }
  .toppage-content h3 {
	margin: 15px 0 15px 10px !important;
  }
}
.contain {
  width: 100%;
  z-index: 8;
}
.contain .section {
  width: 100%;
  overflow: hidden;
  clear: both;
}
.contain .section .wrap {
  width: 1280px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}
.contain .section .wrap .container {
  width: 1315px;
  width: calc(100% - 165px);
  float: left;
  margin: 0 auto;
  position: relative;
  z-index: 30;
  background: #fff;
  -moz-box-sizing: border-box;
  /* Firefox 1, probably can drop this */
  -webkit-box-sizing: border-box;
  /* Safari 3-4, also probably droppable */
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* Everything else */
}
@media only screen and (max-width: 767px) {
  .contain .section .wrap .container {
	width: 100%;
  }
}
.contain .section .wrap .container.link {
  background: #eef0f1;
  padding: 20px 30px 0 30px;
  z-index: 29;
}
@media only screen and (max-width: 1024px) {
  .contain .section .wrap .container.link {
	width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  .contain .section .wrap .container.link {
	padding: 0 20px;
  }
  .contain .section .wrap .container.link .grid-row {
	padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contain .section .wrap .container.link {
	padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contain .section .wrap .container.link h3 {
	margin: 15px 0 8px !important;
  }
}


/* ==============================
縲€縲€#sweets-container
 ============================= */
.breadcrumbs {font-size: 12px; margin: 10px 0 20px;}
.breadcrumbs li { display: inline;}

.sweets-wrapper .cafe_project span,
.sweets-wrapper .header h1 span,
.sweets-wrapper .area span,
.sweets_info .name span,
.sweets_info .msg_title span,
.recommendation .head span,
.recommendation .name span,
.recommendation .link span,
.sweets_footer .archive .title span,
.sweets_footer .archive li span,
.sweets_footer .behind_btn span,
.sweets_footer .back_btn span{
	height: 1px;
	width: 1px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
}

@media only screen and (min-width: 768px){
	.sp-only{
		display: none;
	}
	#sweets-container{
		position: relative;
		padding: 35px 0;
		background: url('../img/pc/bg_sweets.jpg') left top;
	}
	#sweets-container:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 35px;
		background: url('../img/pc/bg_band.png') left top;
	}
	#sweets-container:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 35px;
		background: url('../img/pc/bg_band.png') left top;
	}
	.sweets-wrapper{
		position: relative;
	}
	.sweets-wrapper .header{
		position: relative;
		padding-top: 20.09132420091324%;
	}
	.sweets-wrapper .cafe_project{
		position: absolute;
		top: 10%;
		left: 2.73972602739726%;
		width: 11.87214611872146%;
		height: 0;
		padding-top: 11.87214611872146%;
		background: url('../img/pc/cafe_project_logo.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .header h1{
		position: absolute;
		top: 10%;
		left: 50%;
		width: 37.89954337899543%;
		height: 0;
		padding-top: 14.15525114155251%;
		margin: 0;
		transform: translateX(-50%);
		background: url('../img/pc/contents_title.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .header h1 + p{
		font-size: 16px;
		line-height: 30px;
		color: #6a3906;
		text-align: center;
	}
	.sweets-wrapper .area{
		position: absolute;
		top: -8%;
		right: 0;
		width: 32.47011952191235%;
		height: 0;
		padding-top: 24.50199203187251%;

	}
	.sweets-wrapper .area.wakayama{
		background: url('/cafe/img/pc/from_wakayama.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.aichi{
		background: url('/cafe/img/pc/from_aichi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.okayama{
		background: url('/cafe/img/pc/from_okayama.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kumamoto{
		background: url('/cafe/img/pc/from_kumamoto.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.niigata{
		background: url('/cafe/img/pc/from_niigata.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.mie{
		background: url('/cafe/img/pc/from_mie.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.iwate{
		background: url('/cafe/img/pc/from_iwate.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.miyagi{
		background: url('/cafe/img/pc/from_miyagi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.fukushima{
		background: url('/cafe/img/pc/from_fukushima.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.shiga{
		background: url('/cafe/img/pc/from_shiga.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kouchi{
		background: url('/cafe/img/pc/from_kouchi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.toyama{
		background: url('/cafe/img/pc/from_toyama.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.tokyo{
		background: url('/cafe/img/pc/from_tokyo.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.osaka{
		background: url('/cafe/img/pc/from_osaka.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.fukuoka{
		background: url('/cafe/img/pc/from_fukuoka.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.nagano{
		background: url('/cafe/img/pc/from_nagano.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.ishikawa{
		background: url('/cafe/img/pc/from_ishikawa.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.tottori{
		background: url('/cafe/img/pc/from_tottori.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.yamagata{
		background: url('/cafe/img/pc/from_yamagata.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.hyogo{
		background: url('/cafe/img/pc/from_hyogo.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.saga{
		background: url('/cafe/img/pc/from_saga.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.tochigi{
		background: url('/cafe/img/pc/from_tochigi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kyoto{
		background: url('/cafe/img/pc/from_kyoto.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.tokushima{
		background: url('/cafe/img/pc/from_tokushima.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.ibaraki{
		background: url('/cafe/img/pc/from_ibaraki.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kanagawa{
		background: url('/cafe/img/pc/from_kanagawa.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.yamanashi{
		background: url('/cafe/img/pc/from_yamanashi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.hokkaido{
		background: url('/cafe/img/pc/from_hokkaido.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.aomori{
		background: url('/cafe/img/pc/from_aomori.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.gifu{
		background: url('/cafe/img/pc/from_gifu.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.gunma{
		background: url('/cafe/img/pc/from_gunma.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.saitama{
		background: url('/cafe/img/pc/from_saitama.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.fukui{
		background: url('/cafe/img/pc/from_fukui.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.kagoshima{
		background: url('/cafe/img/pc/from_kagoshima.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.shizuoka{
		background: url('/cafe/img/pc/from_shizuoka.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.chiba{
		background: url('/cafe/img/pc/from_chiba.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.kagawa{
		background: url('/cafe/img/pc/from_kagawa.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.nagasaki{
    background: url('/cafe/img/pc/from_nagasaki.png') no-repeat center center;
    background-size: contain;
  }
  .sweets-wrapper .area.nara{
    background: url('/cafe/img/pc/from_nara.png') no-repeat center center;
    background-size: contain;
  }
  .sweets-wrapper .area.yamaguchi{
    background: url('/cafe/img/pc/from_yamaguchi.png') no-repeat center center;
    background-size: contain;
  }
  .sweets-wrapper .area.oita{
    background: url('/cafe/img/pc/from_oita.png') no-repeat center center;
    background-size: contain;
  }

	.sweets_list{
		width: 94.61187214611872%;
		margin: 0 auto;
	}
	.sweets_list > ul > li{
		position: relative;
		margin: 70px 0 0;
	}
	.sweets_list > ul > li:after{
		content: '';
		display: block;
		clear: both;
	}
	.sweets_list > ul > li .sweets_img{
		float: left;
		width: 47.2972972972973%;
		height: 0;
		padding-top: 28.95752895752896%;
	}
	.sweets_list > ul li:nth-child(1) .sweets_img{
		background: url('../img/pc/sweets_img_01.jpg') no-repeat center center;
		background-size: contain;
	}
	.sweets_list > ul li:nth-child(2) .sweets_img{
		background: url('../img/pc/sweets_img_02.jpg') no-repeat center center;
		background-size: contain;
	}
	.sweets_list > ul li:nth-child(3) .sweets_img{
		background: url('../img/pc/sweets_img_03.jpg') no-repeat center center;
		background-size: contain;
	}

	.sweets_list .sweets_info{
		/*
		position: absolute;
		top: 0;
		right: 0;
		*/
		position: relative;
		float: right;
		width: 48.45559845559846%;
	}
	.sweets_list .sweets_info .name{
		margin-bottom: 25px;
		width: 100%;
		height: 0;
		padding-top: 20.91633466135458%;
	}
	.sweets_list .sweets_info .name.pc3sp4{
		padding-top: 29.28286852589641%;
	}
	.sweets_list .sweets_info .name span{
		height: 1px;
		width: 1px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
	}
	.sweets_list > ul li:nth-child(1) .sweets_info .name{
		background: url('../img/pc/name_01.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_list > ul li:nth-child(2) .sweets_info .name{
		background: url('../img/pc/name_02.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_list > ul li:nth-child(3) .sweets_info .name{
		background: url('../img/pc/name_03.png') no-repeat center center;
		background-size: contain;
	}


	.sweets_list .att{
    float: left;
		width: 47.2972972972973%;
		font-size: 14px;
		line-height: 18px;
		color: #6a3906;
		padding: 7px 0 0;
    clear: left;
	}
	.sweets_list .att.clear{
    clear: both;
  }
	.sweets_list .att li{
		position: relative;
		padding-left: 1em;
	}
	.sweets_list .att li:before{
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}


	.sweets_info .maker_msg{
		width: 100%;
		background: url('../img/pc/maker_msg_header.png') no-repeat center top;
		background-size: 100% auto;
	}
	.sweets_info .maker_msg .inner{
		width: 100%;
		background: url('../img/pc/maker_msg_footer.png') no-repeat center bottom;
		background-size: 100% auto;
	}
	.sweets_info .maker_msg .inner p{
		font-size: 16px;
		line-height: 34px;
		color: #6a3906;
		padding: 8% 4% 4% 5%;
    min-height: 153px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
	}
  @media only screen and (min-width: 1025px) and (max-width: 1184px){
    .sweets_info .maker_msg .inner p br.fullw {
      display: none;
    }
  }
  @media only screen and (max-width: 990px){
    .sweets_info .maker_msg .inner p br.fullw {
      display: none;
    }
  }
	.sweets_info .maker_site{
		margin: 20px 0 0;
		padding: 0 0 0 0;
		font-size: 0;
		text-align: right;
	}
	.sweets_info .maker_site p{
		display: inline-block;
		width: 172px;
		height: 50px;
		font-size: 16px;
		color: #8b7a6b;
		line-height: 22px;
		vertical-align: top;
		background: url('../../img/pc/maker_site_bg.png') no-repeat left 1px;
		text-align: left;
	}
	.sweets_info .maker_site.pc2 p{
		margin-top: 10px;
	}
	.sweets_info .maker_site a{
		position: relative;
		display: inline-block;
		width: calc(100% - 172px);
		height: 50px;
		font-size: 16px;
    white-space: nowrap;
		font-weight: bold;
		line-height: 50px;
		color: #fff;
		text-align: center;
		background-color: rgb(139, 122, 107);
		border-radius: 10px;
		vertical-align: top;
		text-decoration: none;
	}
	.sweets_info .maker_site.pc2 a{
		height: auto;
		line-height: 22px;
		padding: 8.5px 0;
	}
	.sweets_info .maker_site a:after{
		content: '';
		position: absolute;
		top: 50%;
		right: 16px;
		width: 6px;
		height: 6px;
		border-right: 3px solid #fff;
		border-top: 3px solid #fff;
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);


	}
	.sweets_info .maker_site a:hover{
		opacity: 0.8;
	}


	.sweets_info .comment{
		position: relative;
		background: url('../../img/pc/sweets_border_pattern.jpg') repeat left top;
		border-radius: 20px;
		margin: 20px 0 0;
		padding: 16px;
	}
	.sweets_info .comment:before{
		content: '';
		position: absolute;
		top: -18px;
		right: 34px;
		width: 59px;
		height: 65px;
		background: url('../../img/pc/girl.png') repeat center center;
		background-size: 100% auto;
	}
	.sweets_info .comment .title{
		width: 76%;
		font-size: 17px;
		font-weight: bold;
		line-height: 35px;
		color: #6a3906;
	}
	.sweets_info .comment .title a{
		color: #6a3906;
		padding-bottom: 2px;
		border-bottom: 1px solid #6a3906;
	}
	.sweets_info .comment p{
		font-size: 15px;
		line-height: 26px;
		color: #6a3906;
	}
	.sweets_info .comment p + .title{
		margin: 10px 0 0;
	}


	.recommendation .inner{
		position: relative;
		width: 100%;
		padding-top: 12.71186440677966%;
	}
	.recommendation .head{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-top: 31.77966101694915%;
		background: url('../img/pc/recommendation_head.png') no-repeat center bottom;
		background-size: contain;
	}
	.recommendation .body{
		background: url('../img/pc/recommendation_bg.png') repeat left top;
		background-size: contain;
		border-radius: 16px;
		padding-top: 19.06779661016949%;
		padding-bottom: 5.296610169491525%;
	}
	.recommendation .name{
		width: 100%;
		height: 0;
		padding-top: 6.355932203389831%;
		background: url('../img/pc/recommendation_name.png') no-repeat center bottom;
		background-size: contain;
		margin-top: 3.389830508474576%;
	}
	.recommendation p{
		font-size: 16px;
		line-height: 30px;
		color: #6a3906;
		padding: 1.694915254237288% 5.932203389830508% 3.2%;
	}
	.recommendation .link{
		display: block;
		width: 74.15254237288136%;
		height: 0;
		padding-top: 13.77118644067797%;
		background: url('../img/pc/recommendation_btn.png') no-repeat center center;
		background-size: contain;
		margin: 0 auto;
	}
	.recommendation .link:hover{
		opacity: 0.8;
	}
	.sweets_footer{
		padding-top: 6px;
		padding-bottom: 4.10958904109589%;
	}
	.sweets_footer p{
		width: 50%;
		font-size: 14px;
		line-height: 18px;
		color: #6a3906;
		margin: 0 auto;
	}
	.sweets_footer .archive{
		width: 100%;
		background: url('../img/pc/archive_bg.png') repeat center center;
		padding: 39px 0 0;
		margin-top: 60px;
	}
	.sweets_footer .archive .title{
		width: 173px;
		height: 39px;
		background: url('../img/pc/archive_title.png') no-repeat center center;
		margin: 0 auto;
	}
	.sweets_footer .archive ul{
		font-size: 0;
		margin-top: 3.19634703196347%;
		margin-left: 9.134157944814462%;
	}
	.sweets_footer .archive li{
		position: relative;
		display: inline-block;
		width: 25.40437678401522%;
		height: 0;
		padding-top: 22.64509990485252%;
		margin: 0 1.998097050428164% 3.6%;
	}
	
	.sweets_footer .archive li:nth-child(37){
		background: url('../img/pc/archive_7.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(36){
		background: url('../img/pc/archive_8.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(35){
		background: url('../img/pc/archive_9.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(34){
		background: url('../img/pc/archive_10.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(33){
		background: url('../img/pc/archive_11.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(32){
		background: url('../img/pc/archive_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(31){
		background: url('../img/pc/archive_2020_01.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(30){
		background: url('../img/pc/archive_2020_02.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(29){
		background: url('../img/pc/archive_2020_03.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(28){
		background: url('../img/pc/archive_2020_04.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(27){
		background: url('../img/pc/archive_2020_05.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(26){
		background: url('../img/pc/archive_2020_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(25){
		background: url('../img/pc/archive_2020_07.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(24){
		background: url('../img/pc/archive_2020_08.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(23){
		background: url('../img/pc/archive_2020_09.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(22){
		background: url('../img/pc/archive_2020_10.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(21){
		background: url('../img/pc/archive_2020_11.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(20){
		background: url('../img/pc/archive_2020_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(19){
		background: url('../img/pc/archive_2021_01.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(18){
		background: url('../img/pc/archive_2021_02.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(17){
		background: url('../img/pc/archive_2021_03.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(16){
		background: url('../img/pc/archive_2021_04_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(15){
		background: url('../img/pc/archive_2021_07_09.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(14){
		background: url('../img/pc/archive_2021_10_12.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive li:nth-child(13){
		background: url('../img/pc/archive_2022_01_03.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive li:nth-child(12){
		background: url('../img/pc/archive_2022_04_06.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive li:nth-child(11){
		background: url('../img/pc/archive_2022_07_09.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive li:nth-child(10){
		background: url('../img/pc/archive_2022_10_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(9){
		background: url('../img/pc/archive_2023_01_03.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(8){
		background: url('../img/pc/archive_2023_04_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(7){
		background: url('../img/pc/archive_2023_07_09.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(6){
		background: url('../img/pc/archive_2023_10_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(5){
		background: url('../img/pc/archive_2024_01_03.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive li:nth-child(4){
		background: url('../img/pc/archive_2024_04_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive li:nth-child(3){
    background: url('../img/pc/archive_2024_07_09.png') no-repeat center center;
    background-size: contain;
  }
  .sweets_footer .archive li:nth-child(2){
    background: url('../img/pc/archive_2024_10_12.png') no-repeat center center;
    background-size: contain;
  }
  .sweets_footer .archive li:nth-child(1){
    background: url('../img/pc/archive_2025_01_03.png') no-repeat center center;
    background-size: contain;
  }
	.sweets_footer .archive li a{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 0;
		padding-top: 89.13857677902622%;
	}
	.sweets_footer .behind_btn{
		display: block;
		width: 45.662100456621%;
		height: 0;
		padding-top: 5.479452054794521%;
		background: url('../img/pc/behind_btn.png') no-repeat center center;
		background-size: contain;
		margin: 36px auto 0;
	}
	.sweets_footer .back_btn{
		display: block;
		width: 45.662100456621%;
		height: 0;
		padding-top: 5.479452054794521%;
		background: url('../img/pc/back_btn.png') no-repeat center center;
		background-size: contain;
		margin: 24px auto 0;
	}
	.sweets_footer .behind_btn:hover,
	.sweets_footer .back_btn:hover{
		opacity: 0.8;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1170px){
  .sweets_info .maker_site a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1000px){
  .sweets_info .maker_site a {
    font-size: calc(13vw / 10);
  }
}
@media only screen and (max-width: 767px){
	.pc-only{
		display: none;
	}
	#sweets-container{
		position: relative;
		padding: 17.5px 0;
		background: url('../img/sp/bg_sweets.jpg') left top;
		background-size: 50% auto;
	}
	#sweets-container:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 17.5px;
		background: url('../img/sp/bg_band.png') left top;
		background-size: auto 100%;
	}
	#sweets-container:after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 17.5px;
		background: url('../img/sp/bg_band.png') left top;
		background-size: auto 100%;
	}
	.sweets-wrapper .header{
		position: relative;
		padding-top: 47.8125vw;
	}
	.sweets-wrapper .cafe_project{
		position: absolute;
		top: 2.96875vw;
		left: 2.65625%;
		width: 12.8125%;
		height: 0;
		padding-top: 12.8125%;
		background: url('../img/sp/cafe_project_logo.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .header h1{
		position: absolute;
		top: 10.46875vw;
		left: 0;
		width: 100%;
		height: 0;
		padding-top: 28.28125%;
		background: url('../img/sp/contents_title.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .header h1 + p{
		font-size: 14px;
		line-height: 21px;
		color: #6a3906;
		padding: 0 6.25vw;
	}
	.sweets-wrapper .sweets_img{
		width: 100%;
		height: 57.8125vw;
	}
	.sweets_list{
		padding: 0 3.125vw;
	}
	.sweets_list > ul > li{
		margin: 35px 0 0;
	}
	.sweets_list ul li:nth-child(1) .sweets_img{
		background: url('../img/sp/sweets_img_01.jpg') no-repeat center center;
		background-size: contain;
	}
	.sweets_list ul li:nth-child(2) .sweets_img{
		background: url('../img/sp/sweets_img_02.jpg') no-repeat center center;
		background-size: contain;
	}
	.sweets_list ul li:nth-child(3) .sweets_img{
		background: url('../img/sp/sweets_img_03.jpg') no-repeat center center;
		background-size: contain;
	}
	.sweets_info{
		position: relative;
	}
	.sweets_info .name{
		width: 100%;
		height: 35.75vw;
	}
	.sweets_info .name.pc3sp4{
		height: 46.09vw;
	}
	.sweets_list ul li:nth-child(1) .name{
		background: url('../img/sp/name_01.png') no-repeat center top;
		background-size: contain;
	}
	.sweets_list ul li:nth-child(2) .name{
		background: url('../img/sp/name_02.png') no-repeat center top;
		background-size: contain;
	}
	.sweets_list ul li:nth-child(3) .name{
		background: url('../img/sp/name_03.png') no-repeat top center;
		background-size: contain;
	}

	.sweets_info .area{
		position: absolute;
		top: 2.5vw;
		right: 0;
		width: 33.28125vw;
		height: 31.25vw;
		z-index: 1;
	}
	.sweets_info .area.wakayama{
		background: url('/cafe/img/sp/from_wakayama.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.aichi{
		background: url('/cafe/img/sp/from_aichi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.okayama{
		background: url('/cafe/img/sp/from_okayama.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.kumamoto{
		background: url('/cafe/img/sp/from_kumamoto.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.niigata{
		background: url('/cafe/img/sp/from_niigata.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.mie{
		background: url('/cafe/img/sp/from_mie.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.iwate{
		background: url('/cafe/img/sp/from_iwate.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.miyagi{
		background: url('/cafe/img/sp/from_miyagi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.fukushima{
		background: url('/cafe/img/sp/from_fukushima.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.shiga{
		background: url('/cafe/img/sp/from_shiga.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kouchi{
		background: url('/cafe/img/sp/from_kouchi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.toyama{
		background: url('/cafe/img/sp/from_toyama.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.tokyo{
		background: url('/cafe/img/sp/from_tokyo.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.osaka{
		background: url('/cafe/img/sp/from_osaka.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.fukuoka{
		background: url('/cafe/img/sp/from_fukuoka.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_info .area.nagano{
		background: url('/cafe/img/sp/from_nagano.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_info .area.ishikawa{
		background: url('/cafe/img/sp/from_ishikawa.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_info .area.tottori{
		background: url('/cafe/img/sp/from_tottori.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_info .area.yamagata{
		background: url('/cafe/img/sp/from_yamagata.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.hyogo{
		background: url('/cafe/img/sp/from_hyogo.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_info .area.saga{
		background: url('/cafe/img/sp/from_saga.png') no-repeat center center;
		background-size: contain;
	}

	.sweets_info .maker_msg{
		width: 100%;
		padding-top: 10vw;
		background: url('../img/sp/maker_msg_header.png') no-repeat center top;
		background-size: 100% auto;
	}

	.sweets-wrapper .area.tochigi{
		background: url('/cafe/img/sp/from_tochigi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kyoto{
		background: url('/cafe/img/sp/from_kyoto.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.tokushima{
		background: url('/cafe/img/sp/from_tokushima.png') no-repeat center center;
		background-size: contain;
	}

	.sweets-wrapper .area.ibaraki{
		background: url('/cafe/img/sp/from_ibaraki.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.kanagawa{
		background: url('/cafe/img/sp/from_kanagawa.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.yamanashi{
		background: url('/cafe/img/sp/from_yamanashi.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.hokkaido{
		background: url('/cafe/img/sp/from_hokkaido.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.aomori{
		background: url('/cafe/img/sp/from_aomori.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.gifu{
		background: url('/cafe/img/sp/from_gifu.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.gunma{
		background: url('/cafe/img/sp/from_gunma.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.saitama{
		background: url('/cafe/img/sp/from_saitama.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.fukui{
		background: url('/cafe/img/sp/from_fukui.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.kagoshima{
		background: url('/cafe/img/sp/from_kagoshima.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.shizuoka{
		background: url('/cafe/img/sp/from_shizuoka.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.chiba{
		background: url('/cafe/img/sp/from_chiba.png') no-repeat center center;
		background-size: contain;
	}
  .sweets-wrapper .area.kagawa{
		background: url('/cafe/img/sp/from_kagawa.png') no-repeat center center;
		background-size: contain;
	}
	.sweets-wrapper .area.nagasaki{
    background: url('/cafe/img/sp/from_nagasaki.png') no-repeat center center;
    background-size: contain;
  }
  .sweets-wrapper .area.nara{
    background: url('/cafe/img/sp/from_nara.png') no-repeat center center;
    background-size: contain;
  }
  .sweets-wrapper .area.yamaguchi{
    background: url('/cafe/img/sp/from_yamaguchi.png') no-repeat center center;
    background-size: contain;
  }
  .sweets-wrapper .area.oita{
    background: url('/cafe/img/sp/from_oita.png') no-repeat center center;
    background-size: contain;
  }

	.sweets_info .maker_site{
		margin: 16px 0 0;
	}
	.sweets_info .maker_site p{
		font-size: 4.0625vw;
		font-weight: bold;
		color: #8b7a6b;
		line-height: 8vw;
		text-align: center;
	}
	.sweets_info .maker_site p:before{
		content: '\05c';
		margin: 0 3px 0 0;
		font-weight: bold;
	}
	.sweets_info .maker_site p:after{
		content: '/';
		margin: 0 0 0 3px;
		font-weight: bold;
	}

	.sweets_info .maker_site a{
		position: relative;
		display: block;
		width: 300px;
		height: 35px;
		font-size: 14px;
		font-weight: bold;
		line-height: 35px;
		color: #fff;
		text-align: center;
		background-color: rgb(139, 122, 107);
		border-radius: 5px;
		margin: 0 auto;
	}
	.sweets_info .maker_site a:after{
		content: '';
		position: absolute;
		top: 50%;
		right: 16px;
		width: 6px;
		height: 6px;
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
	}

	.sweets_info .comment{
		position: relative;
		background: url('../../img/pc/sweets_border_pattern.jpg') repeat left top;
		border-radius: 10px;
		margin: 16px 0 0;
		padding: 3.90625vw;
	}
	.sweets_info .comment:before{
		content: '';
		position: absolute;
		top: -1.25vw;
		right: 5.78125vw;
		width: 17.03125vw;
		height: 19.53125vw;
		background: url('../../img/pc/girl.png') repeat center center;
		background-size: 100% auto;
	}
	.sweets_info .comment .title{
		width: 66.5625vw;
		font-size: 16px;
		font-weight: bold;
		line-height: 28px;
		color: #6a3906;
	}
	.sweets_info .comment .title a{
		color: #6a3906;
		padding-bottom: 2px;
		border-bottom: 1px solid #6a3906;
	}
	.sweets_info .comment p{
		font-size: 14px;
		line-height: 20px;
		color: #6a3906;
	}
	.sweets_info .comment p + .title{
		margin: 10px 0 0;
	}

	.sweets_list .att{
		font-size: 10px;
		line-height: 12.5px;
		color: #6a3906;
		margin: 8px 0 0;
	}
	.sweets_list .att li{
		position: relative;
		padding-left: 1em;
	}
	.sweets_list .att li:before{
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}

	.sweets_info .inner{
		width: 100%;
		padding-bottom: 6.5625%;
		background: url('../img/sp/maker_msg_footer.png') no-repeat center bottom;
		background-size: 100% auto;
	}
	.sweets_info .inner p{
		font-size: 14px;
		line-height: 26px;
		color: #6a3906;
		padding: 0 3.125vw;
	}

	.sweets_footer{
		margin-top: 12px;
		padding-bottom: 40px;
	}
	.sweets_footer p{
		padding: 0 3.125vw;
		font-size: 12px;
		line-height: 16px;
		color: #6a3906;
	}
	.sweets_footer .archive{
		width: 100%;
		background: url('../img/pc/archive_bg.png') repeat center center;
		margin-top: 6.5625vw;
		padding-bottom: 2vw;
	}
	.sweets_footer .archive .title{
		width: 100%;
		height: 9.375vw;
		background: url('../img/sp/archive_title.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul{
		margin-top: 2.03125vw;
		font-size: 0;
	}
	.sweets_footer .archive ul li{
		position: relative;
		display: inline-block;
		width: 41.5625vw;
		height: 31.09375vw;
		margin-left: 3.75vw;
		margin-bottom: 1.5625vw;
	}
	.sweets_footer .archive ul li a{
		position: absolute;
		right: 0;
		bottom: 0;
		display: block;
		width: 38.90625vw;
		height: 43.1875vw;
	}
	.sweets_footer .archive ul li:nth-child(even){
		margin-left: 6.5625vw;
	}
	.sweets_footer .archive ul li{
		height: 46.40625vw;
	}
	
	.sweets_footer .archive ul li:nth-child(37){
		background: url('../img/sp/archive_7.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(36){
		background: url('../img/sp/archive_8.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(35){
		background: url('../img/sp/archive_9.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(34){
		background: url('../img/sp/archive_10.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(33){
		background: url('../img/sp/archive_11.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(32){
		background: url('../img/sp/archive_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(31){
		background: url('../img/sp/archive_2020_01.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(30){
		background: url('../img/sp/archive_2020_02.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(29){
		background: url('../img/sp/archive_2020_03.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(28){
		background: url('../img/sp/archive_2020_04.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(27){
		background: url('../img/sp/archive_2020_05.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(26){
		background: url('../img/sp/archive_2020_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(25){
		background: url('../img/sp/archive_2020_07.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(24){
		background: url('../img/sp/archive_2020_08.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(23){
		background: url('../img/sp/archive_2020_09.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(22){
		background: url('../img/sp/archive_2020_10.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(21){
		background: url('../img/sp/archive_2020_11.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(20){
		background: url('../img/sp/archive_2020_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(19){
		background: url('../img/sp/archive_2021_01.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(18){
		background: url('../img/sp/archive_2021_02.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(17){
		background: url('../img/sp/archive_2021_03.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(16){
		background: url('../img/sp/archive_2021_04_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(15){
		background: url('../img/sp/archive_2021_07_09.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(14){
		background: url('../img/sp/archive_2021_10_12.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive ul li:nth-child(13){
		background: url('../img/sp/archive_2022_01_03.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive ul li:nth-child(12){
		background: url('../img/sp/archive_2022_04_06.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive ul li:nth-child(11){
		background: url('../img/sp/archive_2022_07_09.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive ul li:nth-child(10){
		background: url('../img/sp/archive_2022_10_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(9){
		background: url('../img/sp/archive_2023_01_03.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(8){
		background: url('../img/sp/archive_2023_04_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(7){
		background: url('../img/sp/archive_2023_07_09.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(6){
		background: url('../img/sp/archive_2023_10_12.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(5){
		background: url('../img/sp/archive_2024_01_03.png') no-repeat center center;
		background-size: contain;
	}
  .sweets_footer .archive ul li:nth-child(4){
		background: url('../img/sp/archive_2024_04_06.png') no-repeat center center;
		background-size: contain;
	}
	.sweets_footer .archive ul li:nth-child(3){
    background: url('../img/sp/archive_2024_07_09.png') no-repeat center center;
    background-size: contain;
  }
  .sweets_footer .archive ul li:nth-child(2){
    background: url('../img/sp/archive_2024_10_12.png') no-repeat center center;
    background-size: contain;
  }
  .sweets_footer .archive ul li:nth-child(1){
    background: url('../img/sp/archive_2025_01_03.png') no-repeat center center;
    background-size: contain;
  }
	.sweets_footer .behind_btn{
		display: block;
		width: 87.5vw;
		height: 0;
		padding-top: 14.0625vw;
		background: url('../img/sp/behind_btn.png') no-repeat center center;
		background-size: contain;
		margin: 24px auto 0;
	}
	.sweets_footer .back_btn{
		display: block;
		width: 87.5vw;
		height: 0;
		padding-top: 14.0625vw;
		background: url('../img/sp/back_btn.png') no-repeat center center;
		background-size: contain;
		margin: 10px auto 0;
	}
}