@charset "UTF-8";
:root{
	--body : #423604;
	--link : #423604;
	--primary : #5da126;
}
/*--------------------------------------------
COLUMN
---------------------------------------------*/
@media screen and (max-width: 768px){
	#column02{
		padding-bottom : calc( 89 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#column02{
		padding-bottom : calc( 55 * 100vw / 1160 );
	}
}
@media print,screen and (min-width: 1486px){
	#column02{
		padding-bottom : 68px;
	}
}
/*--------------------------------------------
ARTICLE
---------------------------------------------*/
#article .box{
	background-color : #fff;
}
#article .box > h2{
	color : #423604;
	font-weight : 700;
	letter-spacing : .1em;
	border-bottom-style : solid;
	border-bottom-color : #ffd00e;
}
#article .box01 > picture img{
	width : 100%;
	height : auto;
}
#article .box01 dl > div{
	display : flex;
	align-items : flex-start;
}
#article .box01 dl dt , #article .box01 dl dd{
	letter-spacing : .1em;
}
#article .box01 dl dt{
	flex-shrink : 0;
}
#article .box01 dl dd{
	flex-grow : 1;
}
#article .box01 dl dd a{
	text-decoration : underline;
	color : #6b613a;
}
#article .box01 dl dd a:hover{
	opacity : .8;
	text-decoration : none;
}
#article #comment p{
	letter-spacing : .1em;
}
#article #attention > h3 , #article #pickup02 > h3{
	letter-spacing : .1em;
	text-indent : .1em;
	text-align : center;
	font-weight : 700;
}
#article #attention > h3:after , #article #pickup02 > h3:after{
	content : "";
	display : block;
	margin-left : auto;
	margin-right : auto;
	background-color : #ffd00e;
}
@media screen and (max-width: 768px){
	#article .box{
		padding-left : calc( 36 * 100% / 720 );
		padding-right : calc( 36 * 100% / 720 );
		padding-top : calc( ( 33 - 6 ) * 100vw / 768 );
	}
	#article .box > h2{
		font-size : 4rem;
		line-height : 1.3;
		border-bottom-width : calc( 8 * 100vw / 768 );
		padding-bottom : calc( ( 32 - 6 ) * 100vw / 768 );
	}
	#article .box01{
		margin-top : calc( 19 * 100vw / 768 );
	}
	#article .box01 dl{
		margin-top : calc( ( 30 - 7 ) * 100vw / 768 );
	}
	#article .box01 dl > div + div{
		margin-top : calc( 10 * 100vw / 768 );
	}
	#article .box01 dt{
		width : calc( 160 * 100% / 648 );
	}
	#article .box01 dt , #article .box01 dd{
		font-size : 2.6rem;
		line-height : 1.5385;
	}
	#article #comment{
		margin-top : calc( ( 67 - 7 - 7 ) * 100vw / 768 );
	}
	#article #comment p{
		font-size : 2.6rem;
		line-height : 1.5385;
	}
	#article #content{
		margin-top : calc( ( 67 - 7 - 7 ) * 100vw / 768 );
	}
	#article #attention > h3 , #article #pickup02 > h3{
		font-size : 3.4rem;
		line-height : 1.3;
	}
	#article #attention > h3:after , #article #pickup02 > h3:after{
		margin-top : calc( ( 13 - 5.1 ) * 100vw / 768 );
		width : calc( 300 * 100% / 648 );
		height : calc( 8 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#article .box01{
		display : flex;
		align-items : flex-start;
	}
	#article .box01 > picture{
		flex-shrink : 0;
	}
	#article .box01 > div{
		flex-grow : 1;
	}
}
@media print,screen and (min-width: 769px){
	#article .box{
		padding-top : calc( 49px - 5.1px );
		padding-bottom : calc( 61px - 4.5px );
		padding-left : 30px;
		padding-right : 30px;
	}
	#article .box > h2{
		font-size : 3.4rem;
		line-height : 1.3;
		border-bottom-width : 4px;
		padding-bottom : calc( 25px - 5.1px );
	}
	#article .box01{
		margin-top : 25px;
	}
	#article .box01 > picture{
		width : 400px;
		margin-right : 31px;
	}
	#article .box01 dl > div + div{
		margin-top : 10px;
	}
	#article .box01 dt{
		width : 120px;
	}
	#article .box01 dt , #article .box01 dd{
		font-size : 1.8rem;
		line-height : 1.5;
	}
	#article #comment{
		margin-top : calc( 26px - 4.5px - 4.5px );
	}
	#article #comment p{
		font-size : 1.8rem;
		line-height : 1.5;
	}
	#article #content{
		margin-top : calc( 35px - 4.5px );
	}
	#article #attention > h3 , #article #pickup02 > h3{
		font-size : 3.4rem;
		line-height : 1.3;
	}
	#article #attention > h3:after , #article #pickup02 > h3:after{
		margin-top : calc( 12px - 5.1px );
		width : 400px;
		height : 4px;
	}
}
@media print,screen and (min-width: 1486px){
	#article{
		width : 1060px;
	}
}
#article #attention .pics{
	position : relative;
}
#article #attention .pics picture{
	width : 100%;
}
#article #attention .pics picture img{
	width : 100%;
	height : 100%;
}
#article #attention .pics ul{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	display : flex;
	z-index : 1;
}
#article #attention .pics li{
	overflow : hidden;
}
#article #attention .pics li > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}
#article #attention h4{
	font-weight : 700;
	letter-spacing : .1em;
}
#article #attention p{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#article #attention{
		margin-top : calc( ( 94 - 7 - 5.1 ) * 100vw / 768 );
	}
	#article #attention > ul{
		margin-top : calc( 32 * 100vw / 768 );
	}
	#article #attention > ul > li + li{
		margin-top : calc( ( 59 - 7 ) * 100vw / 768 );
	}
	#article #attention .pics li{
		width : calc( 150 * 100% / 648 );
		height : calc( 150 * 100vw / 768 );
	}
	#article #attention .pics li + li{
		margin-left : calc( 10 * 100% / 648 );
	}
	#article #attention h4{
		margin-top : calc( ( 42 - 6 ) * 100vw / 768 );
		font-size : 4rem;
		line-height : 1.3;
	}
	#article #attention p{
		font-size : 2.6rem;
		line-height : 1.5385;
	}
	#article #attention .price{
		margin-top : calc( ( 25 - 6 - 7 ) * 100vw / 768 );
	}
	#article #attention .text{
		margin-top : calc( 10 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#article #attention > ul > li{
		display : flex;
		align-items : flex-start;
	}
	#article #attention .pics{
		flex-shrink : 0;
	}
	#article #attention > ul > li > div:not(.pics){
		flex-grow : 1;
	}
}
@media print,screen and (min-width: 769px){
	#article #attention{
		margin-top : calc( 100px - 4.5px - 5.1px );
	}
	#article #attention > ul{
		margin-top : 38px;
	}
	#article #attention > ul > li + li{
		margin-top : 31px;
	}
	#article #attention .pics{
		width : 400px;
		margin-right : 30px;
	}
	#article #attention .pics li{
		width : 80px;
		height : 80px;
		margin-left : 5px;
		margin-top : -10px;
	}
	#article #attention h4{
		font-size : 3.4rem;
		line-height : 1.3;
	}
	#article #attention p{
		font-size : 1.8rem;
		line-height : 1.5;
	}
	#article #attention .price{
		margin-top : calc( 24px - 5.1px - 4.5px );
	}
	#article #attention .text{
		margin-top : calc( 28px - 4.5px - 4.5px );
	}
}
#article #pickup02 picture img{
	width : 100%;
	height : auto;
}
#article #pickup02 .texts p{
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#article #pickup02{
		margin-top : calc( ( 166 - 7 - 5.1 ) * 100vw / 768 );
	}
	#article #pickup02 ul{
		margin-top : calc( 44 * 100vw / 768 );
	}
	#article #pickup02 li{
		display : flex;
		align-items : flex-start;
	}
	#article #pickup02 li + li{
		margin-top : calc( ( 47 - 7 ) * 100vw / 768 );
	}
	#article #pickup02 picture{
		flex-shrink : 0;
		width : calc( 260 * 100% / 648 );
		margin-right : calc( 10 * 100% / 648 );
	}
	#article #pickup02 p{
		font-size : 2.6rem;
		line-height : 1.5385;
	}
}
@media print,screen and (min-width: 769px){
	#article #pickup02 ul{
		display : flex;
		flex-wrap : wrap;
		justify-content : center;
	}
	#article #pickup02 picture{
		width : 100%;
	}
}
@media print,screen and (min-width: 769px){
	#article #pickup02{
		margin-top : calc( 109px - 5.1px );
	}
	#article #pickup02 ul{
		margin-top : 28px;
	}
	#article #pickup02 li{
		width : 320px;
	}
	#article #pickup02 li:not(:nth-child(3n+1)){
		margin-left : 20px;
	}
	#article #pickup02 li:nth-child(n+4){
		margin-top : calc( 39px - 4.5px );
	}
	#article #pickup02 .texts{
		margin-top : calc( 16px - 4.5px );
	}
	#article #pickup02 .texts p{
		font-size : 1.8rem;
		line-height : 1.5;
	}
}
@media screen and (max-width: 768px){
	#article #paginationSingle{
		margin-top : calc( 80 * 100vw / 768 );
		padding-bottom : calc( 100 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px){
	#article #paginationSingle{
		margin-top : 40px;
	}
}
/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
@media screen and (max-width: 768px){
	#sidebar{
		margin-top : calc( 108 * 100vw / 768 );
		padding-left : calc( 25 * 100% / 720 );
		padding-right : calc( 25 * 100% / 720 );
	}
}
@media screen and (min-width: 769px) and (max-width:1485px){
	#sidebar{
		margin-top : calc( 57 * 100vw / 1160 );
	}
}

/*--------------------------------------------
SIDEBAR
---------------------------------------------*/
.bakery-box01 {
}
	.bakery-box01 .shop-table {
		border: none;
	}
		.bakery-box01 .shop-table tr {
		}
		.bakery-box01 .shop-table td {
			line-height: 1.3;
			vertical-align: top;
		}
@media screen and (max-width: 768px){
	.bakery-box01 {
		margin-bottom: calc( 80 * 100vw / 768 );
		font-size: 2.6rem;
	}
	.bakery-box01 .mt-be-columns {
		grid-column-gap: calc( 38 * 100vw / 768 );
		flex-direction: column;
	}
	.bakery-box01 .mt-be-column:first-of-type {
		width: 100%;
	}
	.bakery-box01 .mt-be-column:last-of-type {
		width: 100%;
	}
	.bakery-box01 .shop-table {
		margin-top: calc( 10 * 100vw / 768 );	
	}
		.bakery-box01 .shop-table td:first-of-type {
			white-space: nowrap;
			padding-right: 1em;
			width: 8em;
		}

}
@media print,screen and (min-width: 769px){
	.bakery-box01 {
		margin-bottom: 80px;
	}
	.bakery-box01 .mt-be-columns {
		grid-column-gap: 30px;
	}
	.bakery-box01 .mt-be-column:first-of-type {
		width: 400px;
	}
	.bakery-box01 .mt-be-column:last-of-type {
		width: calc(100% - 30px - 400px);
	}
}

.bakery-box02 {
}
	.bakery-box02 h3::after {
		content: "";
		display: block;
		margin-left: auto;
		margin-right: auto;
		background-color: #ffd00e;		
	}
	.bakery-box02 h4 {
	}
@media screen and (max-width: 768px){
	.bakery-box02 .mt-be-columns {
		grid-column-gap: calc( 38 * 100vw / 768 );
		flex-direction: column;
	}
	.bakery-box02 .mt-be-column:first-of-type {
		width: 100%;
	}
	.bakery-box02 .mt-be-column:last-of-type {
		width: 100%;
	}
	.bakery-box02 h3 {
		font-size: 3.4rem;
		line-height: 1.3;
		text-align: center;
		font-weight: 700;
		margin-bottom: 30px;
		border-left: none;
	}
	.bakery-box02 h3::after {
margin-top: calc((13 - 5.1)* 100vw / 768);
        width: calc(300* 100% / 648);
        height: calc(8* 100vw / 768);
	}
	.bakery-box02 h4 {
		font-size: 3.4rem;
        line-height: 1.3;
        text-align: left;
        font-weight: 700;
        margin-bottom: 10px;	
	}
}
@media print,screen and (min-width: 769px){
	.bakery-box02 h3 {
		font-size: 3.4rem;
		line-height: 1.3;
		text-align: center;
		font-weight: 700;
		margin-bottom: 30px;
		border-left: none;
	}
	.bakery-box02 h3::after {
	margin-top: calc(12px - 5.1px);
        width: 400px;
        height: 4px;
	}

	
	.bakery-box02 {
		margin-bottom: 40px;
	}
	.bakery-box02 .mt-be-columns {
		grid-column-gap: 30px;
		margin-bottom: 20px;
		align-items: center;
	}
	.bakery-box02 .mt-be-column:first-of-type {
		width: 400px;
	}
	.bakery-box02 .mt-be-column:last-of-type {
		width: calc(100% - 30px - 400px);
	}
	.bakery-box02 h4 {
		font-size: 3.4rem;
        line-height: 1.3;
        text-align: left;
        font-weight: 700;
        margin-bottom: 10px;	
	}
}
.typeBakery time {
	display: none;
}