@charset "utf-8";
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
/*--京base.css--*/
html {}

body {
	width: 100%;
	height: 100%;
	color: #000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	min-width:987px;
}


a{
	/*
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	*/
}
a:hover {

}

img{
	vertical-align:bottom;
}

#container{
	width: 100%;
	position:relative;
	background-image:
		url(../shared/bg_header.png),
		url(../shared/bg_craft.jpg);
	background-position:
		center top,
		left top;
	background-size:
		auto,
		auto;
	background-repeat:
		no-repeat,
		repeat;
	padding-top:260px;
}

/*----------header----------*/
header{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	transition:.5s all ease;
	padding-top:36px;
}

	header > .box_inner{}
	
		header > .box_inner .site_title_global_nav{
			display:flex;
			justify-content:center;
			align-items:flex-end;
		}
		
			header > .box_inner .site_title_global_nav ul{
				display:flex;
				padding-bottom:38px;
				transition:.5s all ease;
			}
			
				header > .box_inner .site_title_global_nav ul li{}
				
					header > .box_inner .site_title_global_nav ul li a{
						box-sizing:border-box;
						display:block;
						height:43px;
						padding:2px 15px 5px 18px;
						background-image:url(../shared/line_gn.png);
						background-position:left top;
						background-size:auto 100%;
						background-repeat:no-repeat;
						position:relative;
					}
					
					header > .box_inner .site_title_global_nav ul li a img{
						transition:.3s all ease;
					}
					
					header > .box_inner .site_title_global_nav ul li a:hover img{
						transform:translateY(3px);
					}
					
					header > .box_inner .site_title_global_nav ul li:last-child a{
						padding:2px 18px 5px 18px;
						background-image:
							url(../shared/line_gn.png),
							url(../shared/line_gn.png);
						background-position:
							right top,
							left top;
						background-size:
							auto 100%,
							auto 100%;
						background-repeat:
							no-repeat,
							no-repeat;
					}
					
						header > .box_inner .site_title_global_nav ul li a img{
							max-height:100%;
							width:auto;
						}
				
			header > .box_inner .site_title_global_nav .site_title{
				margin:0 58px;
			}
			
				header > .box_inner .site_title_global_nav .site_title h1{}
				
					header > .box_inner .site_title_global_nav .site_title h1 a{
						display:block;
						width:201px;
						transition:.5s all ease;
					}
					
						header > .box_inner .site_title_global_nav .site_title h1 a img{
							max-width:100%;
							height:auto;
						}
					
	/*small_header*/
	header.small_header{
		position:fixed;
		background:rgba(255,255,255,0.98);
		padding:5px 0;
		box-shadow:0 5px 5px -5px rgba(0,0,0,0.3)
	}
	
	header.small_header > .box_inner .site_title_global_nav .site_title h1 a{
		width:80px;
	}
	
	header.small_header > .box_inner .site_title_global_nav ul{
		padding-bottom:18px;
	}



/*----------contents----------*/
.contents{
	position:relative;
	top:0;
	left:0;
	z-index:1;
}

	.slide_box_wrapper{
		background-image:url(../shared/bg_figs.png);
		background-position:center top 50px;
		background-repeat:no-repeat;
	}

		.slide_box{
			width:987px;
			margin:0 auto;
		}
		
			.slide_box ul li.slide_obj{}
			
				.slide_box ul li.slide_obj .slide_obj_inner{
					width:987px;
				}
				
					.slide_box ul li.slide_obj .slide_obj_inner img{
						max-width:100%;
						height:auto;
					}
					
	/*各種ボックス共通*/
	.box_common_set{}
	
		.box_common_set > .box_header{
			display:flex;
			flex-direction:column;
			align-items:center;
			margin-bottom:1.5em;
		}
		
			.box_common_set > .box_header .fig{
				height:58px;
				margin-bottom:10px;
			}
		
			.box_common_set > .box_header h2{
				height:52px;
				padding-bottom:20px;
				background-repeat: no-repeat;
				background-position: center bottom;
				background-size: auto 3px;
			}
				.box_common_set > .box_header .fig img,
				.box_common_set > .box_header h2 img{
					max-height:100%;
					width:auto;
				}
				
	/*ショッピングサイトバナー*/
	.bn_goto_shop{
		margin-top:3em;
	}
	
		.bn_goto_shop a{
			display:block;
			width:600px;
			margin:0 auto;
			transition:.3s all ease;
		}
		
		.bn_goto_shop a:hover{
			opacity:0.9;
			transform:translateY(-3px);
			box-shadow:0 8px 5px -5px rgba(0,0,0,0.2);
		}
		
			.bn_goto_shop a img{
				max-width:100%;
				height:auto;
			}
	
	/*アンカーずれ対応*/
	div[id^="anc_"]{
		padding-top: 100px;
		margin-top:-100px;
	}

	
	/*about_us_box*/
	.about_us_box{
		box-sizing:border-box;
		background-image:url(../shared/bg_about_us.png);
		background-position:center top;
		background-repeat:no-repeat;
		padding:30px 0;
	}
	
		.about_us_box > .box_header h2{
			background-image:url(../shared/line_dashed_white.png);
		}
	
		.about_us_box > .box_inner{
			width:980px;
			margin:0 auto 2em;
			display:flex;
		}
		
			.about_us_box > .box_inner > .fig{
				width:550px;
				height:500px;
				transform:translateY(-20px);
			}
			
				.about_us_box > .box_inner > .fig img{
					max-width:100%;
					height:auto;
				}
					
			.about_us_box > .box_inner > .msg{
				box-sizing:border-box;
				width:calc(100% - 565px);
				padding-left:20px;
			}
			
				.about_us_box > .box_inner > .msg p{
					font-size:1.1em;
					line-height:1.9;
					margin-bottom:0.8em;
				}
				
		.about_us_box .bn_goto_shop{
			margin-top:0;
		}

				
	/*our_melon_box*/
	.our_melon_box{
		padding:24px 0 70px 0;
	}
	
		.our_melon_box > .box_header h2{
			background-image:url(../shared/line_dashed_brown.png);
		}
	
		.our_melon_box > .box_inner{}
		
			.our_melon_box > .box_inner .msg{
				margin-bottom:3em;
			}
			
				.our_melon_box > .box_inner .msg p{
					font-size: 1.15em;
					line-height: 1.8;
					text-align:center;
					margin-bottom:0.8em;
				}
				
			.our_melon_box > .box_inner .features_list{
				margin-bottom:4em;
			}
			
				.our_melon_box > .box_inner .features_list ul{
					display:flex;
					justify-content:center;
				}
				
					.our_melon_box > .box_inner .features_list ul li{
						width:151px;
						margin-right:50px;
					}
					
					.our_melon_box > .box_inner .features_list ul li:last-child{
						margin-right:0;
					}
					
						.our_melon_box > .box_inner .features_list ul li img{
							max-width:100%;
							height:auto;
						}
						
			.our_melon_box > .box_inner .melon_kinds_list_box{}
			
				.our_melon_box > .box_inner .melon_kinds_list_box > .box_header{
					margin-bottom:2em;
				}
				
					.our_melon_box > .box_inner .melon_kinds_list_box > .box_header h3{
						width:472px;
						margin: 0 auto 2em auto;
					}
					
						.our_melon_box > .box_inner .melon_kinds_list_box > .box_header h3 img{
							max-width:100%;
							height:auto;
						}
					
					.melon_kinds_list_box .box_header p {
						width:748px;
						margin:0 auto;
					}
					
					.melon_kinds_list_box .box_header p img {
						max-width: 100%;
						height: auto;
					}
				
						
				.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner{}
				
					.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul{
						display:flex;
						justify-content:center;
					}
					
						.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li{
							width:196px;
							margin-right:24px;
						}
						
						.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li:last-child{
							margin-right:0;
						}
						
							.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img{
								position:relative;
								margin-bottom:10px;
							}
							
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img img{
									max-width:100%;
									height:auto;
								}
								
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img .kind{
									width: 55px;
									position: absolute;
									top: 18px;
									right: -8px;
									z-index:2;
								}
								
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img p{
									width:196px;
									position:relative;
									top:0;
									right:0;
									z-index:1;
								}
								
							.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li dl{}
							
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li dl dt{
									height:35px;
									text-align:center;
									background-image:url(../shared/line_melon_kind.png);
									background-position:center bottom;
									background-repeat:no-repeat;
									background-size:contain;
									padding-bottom:12px;
									margin-bottom:1em;
								}
								
									.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li dl dt img{
										max-height:100%;
										width:auto;
									}
								
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li dl dd{
									line-height:1.6;
									padding:0 0.5em;
									font-size:1.1em;
								}

	/*information_box*/
	.information_box{
		background:#fff;
		position:relative;
		padding:30px 0;
	}
	
		.information_box:before{
			content:"";
			display:block;
			width:100%;
			height:10px;
			background-image:url(../shared/bg_information_top.png);
			position:absolute;
			top:-10px;
			left:0;
		}
		
		.information_box > .box_header h2{
			background-image:url(../shared/line_dashed_brown.png);
		}
		
		.information_box > .box_inner{}
		
			.information_box > .box_inner .msg{
				margin-bottom:3em;
			}
			
				.information_box > .box_inner .msg p{
					font-size: 1.1em;
					line-height: 1.8;
					text-align: center;
				}
				
			.information_box > .box_inner .tayori_instagram_wrapper{
				display:flex;
				flex-direction: column;
				align-items: center;
				gap: 2.5rem;
			}
			
				.information_box > .box_inner .tayori_instagram_wrapper img{
					max-width:100%;
					height:auto;
				}
				
				/*tayori_box*/
				.information_box > .box_inner .tayori_box{
					width:509px;
					height:310px;
					display:flex;
					flex-direction:column;
					justify-content:space-between;
					position:relative;
				}
				
					.information_box > .box_inner .tayori_box > .box_header{
						position:relative;
						z-index:1;
					}
					
					.information_box > .box_inner .tayori_box > .box_inner{
						box-sizing:border-box;
						background-image:
							url(../shared/line_tayori_l.png),
							url(../shared/line_tayori_r.png);
						background-position:
							left top,
							right top;
						background-repeat:
							no-repeat,
							no-repeat;
						background-size:
							3.5px auto,
							3.5px auto;
						position:absolute;
						z-index:2;
						top:60px;
						left:0;
						width:100%;
						height:210px;
						padding:0 20px;
					}
					
						.information_box > .box_inner .tayori_box > .box_inner ul{
							line-height:1.4;
						}
						
							.information_box > .box_inner .tayori_box > .box_inner ul li{
								border-bottom:1px dotted #ccc;
								padding:0.6em 1em;
							}
							
								.information_box > .box_inner .tayori_box > .box_inner ul li .entry_date{
									font-size:0.9em;
								}
					
					.information_box > .box_inner .tayori_box > .box_footer{
						position:relative;
						z-index:1;
					}
				
				/*instagram_box*/
				.information_box > .box_inner .instagram_box{
					width:410px;
					position:relative;
				}
				
					.information_box > .box_inner .instagram_box > .box_header{
						position:absolute;
						z-index:2;
						top:-45px;
						right:0;
					}
					
						.information_box > .box_inner .instagram_box > .box_header h3{
							width:128px;
						}
					
					.information_box > .box_inner .instagram_box > .box_inner{
						position:relative;
						z-index:1;
					}
					
						.information_box > .box_inner .instagram_box > .box_inner .user_info{}
						
							.information_box > .box_inner .instagram_box > .box_inner .user_info a{
								display:flex;
								align-items:center;
								color:#111;
								text-decoration:none;
								padding:0 0.5em 0.5em 0.5em;
							}
							
								.information_box > .box_inner .instagram_box > .box_inner .user_info a .fig{
									width:42px;
									margin-right:0.5em;
								}
								
								.information_box > .box_inner .instagram_box > .box_inner .user_info a .lbl{
								}
								
						.information_box > .box_inner .instagram_box > .box_inner .thumb_list{}
						
							.information_box > .box_inner .instagram_box > .box_inner .thumb_list ul{
								display:flex;
								flex-wrap:wrap;
							}
							
								.information_box > .box_inner .instagram_box > .box_inner .thumb_list ul li{
									width:120px;
									margin-right:24px;
								}
								
								.information_box > .box_inner .instagram_box > .box_inner .thumb_list ul li:nth-child(3n){
									margin-right:0;
								}
								
								.information_box > .box_inner .instagram_box > .box_inner .thumb_list ul li:nth-child(-n+3){
									margin-bottom:20px;
								}

/*-----footer-----*/
footer{
	box-sizing:border-box;
	background-color:#fff;
	background-image:url(../shared/bg_footer.png);
	background-position:center top;
	padding:40px 0 10px 0;
	height:606px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
	/*contact_box*/
	.contact_box{}
	
		.contact_box > .box_header h2{
			background-image:url(../shared/line_dashed_white.png);
			background-repeat:no-repeat;
			background-position:center bottom;
			background-size:auto 3px;
		}
	
		.contact_box > .box_inner .msg{
			margin-bottom:2em;
		}
		
			.contact_box > .box_inner .msg p{
				font-size: 1.1em;
				line-height: 1.8;
				text-align: center;
			}
			
		.contact_box > .box_inner .contact_list{
			width:580px;
			margin:0 auto;
		}
		
			.contact_box > .box_inner .contact_list ul{
				display:flex;
				flex-wrap:wrap;
				justify-content:center;
			}
			
				.contact_box > .box_inner .contact_list ul li{
					height:44px;
				}
				
					.contact_box > .box_inner .contact_list ul li .fig{
						display:block;
						height:35px;
						margin-right:10px;
					}
					
						.contact_box > .box_inner .contact_list ul li .fig img{
							max-height:100%;
							width:auto;
						}
					
					.contact_box > .box_inner .contact_list ul li .lbl{
						display:block;
						color:#633017;
						font-weight:bold;
						letter-spacing:0.1em;
						padding-top:0.2em;
					}
			
				.contact_box > .box_inner .contact_list ul li.contact_mail{
					width:100%;
					margin-bottom:2em;
				}
				
				.contact_box > .box_inner .contact_list ul li.contact_mail a,
				.contact_box > .box_inner .contact_list ul li.contact_tel,
				.contact_box > .box_inner .contact_list ul li.contact_fax{
					box-sizing:border-box;
					width:280px;
					height:44px;
					border-radius:8px;
					background:#fff;
					display:flex;
					justify-content:center;
					align-items:center;
				}
				
					.contact_box > .box_inner .contact_list ul li.contact_mail a{
						text-decoration:none;
						font-size:1.15em;
						border:2px solid #633017;
						margin:0 auto;
					}
				
					.contact_box > .box_inner .contact_list ul li.contact_tel .lbl,
					.contact_box > .box_inner .contact_list ul li.contact_fax .lbl{
						font-size:1.4em;
					}
				
				
				.contact_box > .box_inner .contact_list ul li.contact_tel {
					width: 300px;
				}
				
	/*magnific popup調整*/
	.mfp-iframe-holder .mfp-content{
		height:90vh !important;
	}
	
	/*addr_copyright_box*/
	.addr_copyright_box{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	
		.addr_copyright_box > .box_header,
		.addr_copyright_box > .box_inner,
		.addr_copyright_box > .box_footer{
			position:relative;
			z-index:1;
		}
	
		.addr_copyright_box > .box_header{
			width:198px;
			margin:0 auto 1em;
		}
		
			.addr_copyright_box > .box_header img{
				max-width:100%;
				height:auto;
			}
		
		.addr_copyright_box > .box_inner{}
		
			.addr_copyright_box > .box_inner p{
				color:#fff;
				text-align:center;
				line-height:1.4;
			}
		
		.addr_copyright_box > .box_footer{
			text-align:right;
			color:#fff;
			font-size:0.9em;
		}
		
		.addr_copyright_box > .fig_qr{
			box-sizing:border-box;
			width:124px;
			position:absolute;
			top:-15px;
			left:95px;
			z-index:2;
			text-align:center;
		}
		
			.addr_copyright_box > .fig_qr .fig{}
			
			.addr_copyright_box > .fig_qr p{
				font-size:0.8em;
				margin-top:0.6em;
				line-height:1.4;
				color:#fff;
			}
	

/*ページトップ*/
.pagetop{
	width:60px;
	height:60px;
	position:fixed;
	bottom:30px;
	right:60px;
	z-index:10;
	transform:translateY(100px);
	transition:.3s all ease;
	opacity:0;
}

.pagetop.show{
	transform:translateY(0);
	opacity:1;
}

	.pagetop a{
		display:flex;
		justify-content:center;
		align-items:center;
		transition:.5s all ease;
		width:100%;
		height:100%;
		background:#633017;
		text-decoration:none;
		color:#fff;
		box-sizing:border-box;
		padding-top:13px;
	}
	
	.pagetop a:hover{
		transform:translateY(-5px);
		opacity:0.9;
	}
	
	.pagetop a:before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		box-sizing:border-box;
		border:3px solid #fff;
		border-right:none;
		border-bottom:none;
		transform:rotate(47deg) skewX(5deg);
		transition:.3s all ease;
	}
	
.side_goto_shop{
	position:fixed;
	top:260px;
	right:0;
	z-index:10;
}

	.side_goto_shop a{
		display:block;
		width:88px;
		transform:translateX(15px);
		transition:.3s all ease;
	}
	
	.side_goto_shop a:hover{
		transform:translateX(0);
		opacity:0.8;
	}
	
		.side_goto_shop a img{
			max-width:100%;
			height:auto;
		}

/*202602追加*/
.bn_instagram{}

	.bn_instagram a{
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5em;
		color: #333;
		text-decoration: none;
		border-radius: 10px;
		padding: 0.4em 0;
		width: 590px;
		border: 2px solid #633017;
		transition: .3s all ease;
	}

	.bn_instagram a:hover{
		transform:translateY(-3px);
		box-shadow:0 8px 5px -5px rgba(0,0,0,0.2);
	}

		.bn_instagram a .icon{
			width: 40px;
		}

		.bn_instagram a .lbl{
			font-family: "RocknRoll One", sans-serif;
			font-size: 1.5em;
		}



/*改行のPC,SPでの表示切替*/
br.pc,
img.pc,
span.pc{
	display:inline;
}

br.sp,
img.sp,
span.sp{
	display:none;
}

.ta_center{
	text-align:center;
}

/*1200px以下*/
@media screen and (max-width:1200px){}


/*ipad*/
@media screen and (max-width:1024px){}

/* ##########印刷用########## */
@media print{
	.side_goto_shop{
		position:absolute;
	}
	
	.pagetop{
		position:absolute;
	}
}