@charset "utf-8";
/* スマホだけに適用するCSS */
@media screen and (min-width:1px) and (max-width:479px){
	body {
		min-width:initial;
		min-width:auto;
		overflow-y: scroll;
		font-size:3.6vw;
	}
	
	#container{
		min-width:initial;
		min-width:auto;
		background-size: 180% auto, auto;
		padding-top: 35vw;
	}
	
	/*----------header----------*/
	header{
		padding-top:3vw;
	}
	
		header > .box_inner .site_title_global_nav{
			position:relative;
			padding-top:17vw;
		}
	
		header > .box_inner .site_title_global_nav ul{
			padding-bottom:0;
		}
		
			header > .box_inner .site_title_global_nav ul li{
			}
				
			header > .box_inner .site_title_global_nav ul li a{
				height:9.6vw;
				padding:2vw 4vw;
				position:relative;
			}
			
			header > .box_inner .site_title_global_nav ul li:last-child a{
				padding:2vw 4vw;
			}
			
			header > .box_inner .site_title_global_nav ul:first-child li:last-child a{
				background-image:
					none,
					url(../shared/line_gn.png);
			}
			
				header > .box_inner .site_title_global_nav ul li a img{
					position:relative;
					z-index:2;
				}
				
				header > .box_inner .site_title_global_nav ul li a:before{
					content:"";
					display:block;
					width:calc(100% - 1.5vw);
					height:calc(100% - 1vw);
					position:absolute;
					top:0.5vw;
					left:1vw;
					z-index:1;
					background:rgba(255,255,255,0.9);
					border-radius:0.5vw;
				}
				
				header > .box_inner .site_title_global_nav ul li:last-child a:before{
					width:calc(100% - 2vw);
				}
				
				header > .box_inner .site_title_global_nav ul:first-child li:last-child a:before{
					width:calc(100% - 1.5vw);
				}
					
		header > .box_inner .site_title_global_nav .site_title{
			position:absolute;
			margin:0;
			top:0;
			left:0;
			height:16vw;
			width:100%;
		}
				
			header > .box_inner .site_title_global_nav .site_title h1 a{
				width:16vw;
				height:16vw;
				margin:0 auto;
			}
				
					header > .box_inner .site_title_global_nav .site_title h1 a img{
						max-width:auto;
						max-width:initial;
						width:auto;
						height:auto;
						max-height:100%;
					}
						
		/*small_header*/
		header.small_header{
			background:rgba(255,255,255,0.98);
			padding:2vw 0;
		}
		
		header.small_header > .box_inner .site_title_global_nav{
			padding-top:14vw;
		}
		
		header.small_header > .box_inner .site_title_global_nav .site_title h1 a{
			width:12vw;
			height:12vw;
		}
		
		header.small_header > .box_inner .site_title_global_nav ul{
			padding-bottom:0;
		}
	/*----------contents----------*/
		.slide_box_wrapper{
			background-position:center top 5vw;
			background-size:170% auto;
		}
	
			.slide_box{
				width:90vw;
			}
			
				.slide_box ul li.slide_obj .slide_obj_inner{
					width:90vw;
				}
					
		/*各種ボックス共通*/
		.box_common_set{}
		
				.box_common_set > .box_header .fig{
					height:7vw;
					margin-bottom:0.5em;
				}
			
				.box_common_set > .box_header h2{
					height:10vw;
					padding-bottom:4vw;
					background-size: auto 0.7vw;
				}
					
		/*ショッピングサイトバナー*/
		.bn_goto_shop{
			margin-top:1.5em;
		}
		
			.bn_goto_shop a{
				width:90vw;
				margin:0 auto;
			}
		
		/*アンカーずれ対応*/
		div[id^="anc_"]{
			padding-top: 30vw;
			margin-top:-30vw;
		}
	
		
		/*about_us_box*/
		.about_us_box{
			padding:5vw 0;
			background-image:
				url(../shared/bg_about_us.png),
				url(../shared/bg_about_us.png),
				url(../shared/bg_about_us.png);
			background-position:
				center top,
				center center,
				center bottom;
			background-size:
				180% auto,
				180% auto,
				180% auto;
		}
		
			.about_us_box > .box_inner{
				width:auto;
				margin:0;
				flex-direction:column-reverse;
			}
			
				.about_us_box > .box_inner > .fig{
					width:80%;
					height:auto;
					transform:none;
					margin:0 auto;
				}
				
				.about_us_box > .box_inner > .msg{
					width:auto;
					padding:0 5vw;
				}
				
					.about_us_box > .box_inner > .msg p{
						font-size:0.95em;
						line-height:1.7;
						margin-bottom:0.8em;
					}
					
			.about_us_box .bn_goto_shop{
				margin-top:1em;
			}
	
					
		/*our_melon_box*/
		.our_melon_box{
			padding:3em 0;
		}
		
			.our_melon_box > .box_inner{}
			
				.our_melon_box > .box_inner .msg{
					margin-bottom:2em;
					padding:0 6vw;
				}
				
					.our_melon_box > .box_inner .msg p{
						font-size:0.95em;
						line-height:1.6;
						text-align:left;
					}
					
				.our_melon_box > .box_inner .features_list{
					margin-bottom:3em;
					padding:0 3vw;
				}
				
					.our_melon_box > .box_inner .features_list ul li{
						width:calc((100% - 6vw) / 3);
						margin-right:3vw;
					}
							
				.our_melon_box > .box_inner .melon_kinds_list_box > .box_header{
					margin-bottom:1em;
				}
					
					.our_melon_box > .box_inner .melon_kinds_list_box > .box_header h3{
						width:92vw;
						margin-bottom:1em;
					}
					
					.our_melon_box > .box_inner .melon_kinds_list_box > .box_header p{
						width:92vw;
					}
						
					.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul{
						padding:0 3vw;
						flex-wrap:wrap;
					}

						.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li{
							width:calc((100% - 5vw) / 2);
							margin-right:5vw;
							margin-bottom:5vw;
						}
						
						.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li:nth-child(even){
							margin-right:0;
						}
						
							.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img{
								margin-bottom:1em;
							}
							
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img .kind{
									width:14vw;
								}
								
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li .kind_melon_img p{
									width:auto;
								}
								
								.our_melon_box > .box_inner .melon_kinds_list_box > .box_inner ul li dl dt{
									height:7.8vw;
									background-size:contain;
									padding-bottom:3vw;
									margin-bottom:0.8em;
								}
								
									.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{
										font-size:0.95em;
									}
									
			.our_melon_box .bn_goto_shop{
				margin-top:0;
			}
	
		/*information_box*/
		.information_box{
			padding:2em 0;
		}
		
			.information_box:before{
				height:2vw;
				top:-2vw;
				background-size:auto 100%;
			}
			
				.information_box > .box_inner .msg{
					margin-bottom:2em;
				}
				
					.information_box > .box_inner .msg p{
						font-size: 0.95em;
						line-height: 1.6;
					}
					
				.information_box > .box_inner .tayori_instagram_wrapper{
					display:block;
				}
				
					/*tayori_box*/
					.information_box > .box_inner .tayori_box{
						width:90vw;
						height:60vw;
						margin:0 auto 2em;
					}
					
						.information_box > .box_inner .tayori_box > .box_inner{
							background-size:
								0.6vw auto,
								0.6vw auto;
							position:absolute;
							z-index:2;
							top:10vw;
							height:46vw;
							padding:0 5vw;
						}
						
							.information_box > .box_inner .tayori_box > .box_inner ul li{
								padding:0.6em;
							}
							
								.information_box > .box_inner .tayori_box > .box_inner ul li .entry_date{
									font-size:0.8em;
								}
								
								.information_box > .box_inner .tayori_box > .box_inner ul li .entry_title{
									font-size:0.9em;
								}
						
					/*instagram_box*/
					.information_box > .box_inner .instagram_box{
						width:90vw;
						margin:0 auto;
					}
					
						.information_box > .box_inner .instagram_box > .box_header{
							top:-5vw;
						}
						
							.information_box > .box_inner .instagram_box > .box_header h3{
								width:26vw;
							}
						
								.information_box > .box_inner .instagram_box > .box_inner .user_info a{
									padding:0 0.5em 0.5em 0;
								}
								
									.information_box > .box_inner .instagram_box > .box_inner .user_info a .fig{
										width:12vw;
									}
									
									.information_box > .box_inner .instagram_box > .box_inner .thumb_list ul li{
										width:calc((100% - 4vw) / 3);
										margin-right:2vw;
									}
									
									.information_box > .box_inner .instagram_box > .box_inner .thumb_list ul li:nth-child(-n+3){
										margin-bottom:2vw;
									}
	
	/*-----footer-----*/
	footer{
		background-position:center top;
		background-size:auto 100%;
		background-repeat:no-repeat;
		padding:2em 0 1em 0;
		height:auto;
	}
		/*contact_box*/
		.contact_box{
			margin-bottom:3em;
		}
		
		.contact_box > .box_header h2{
			background-size:auto 0.7vw;
		}
		
			.contact_box > .box_inner .msg{
				margin-bottom:1.5em;
			}
			
				.contact_box > .box_inner .msg p{
					font-size: 0.95em;
					line-height: 1.6;
				}
				
			.contact_box > .box_inner .contact_list{
				width:70%;
			}
			
				.contact_box > .box_inner .contact_list ul{
					display:block;
				}
				
					.contact_box > .box_inner .contact_list ul li{
						height:12vw;
					}
					
						.contact_box > .box_inner .contact_list ul li .fig{
							height:5vw;
							margin-right:3vw;
						}
							
						.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:4vw;
					}
					
					.contact_box > .box_inner .contact_list ul li.contact_mail a{
						width:100%;
						height:100%;
					}
					.contact_box > .box_inner .contact_list ul li.contact_tel,
					.contact_box > .box_inner .contact_list ul li.contact_fax{
						width:100%;
						height:10vw;
					}
					
						.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.2em;
						}
					
					
					.contact_box > .box_inner .contact_list ul li.contact_tel{
						margin-right:0;
						margin-bottom:4vw;
					}
		
		/*addr_copyright_box*/
		.addr_copyright_box{
			width:100%;
		}
		
		.addr_copyright_box > .box_header{
			width:35%;
		}
			
			.addr_copyright_box > .box_inner p{
				font-size:0.95em;
			}
			
			.addr_copyright_box > .box_footer{
				width:auto;
				text-align:center;
				font-size:0.8em;
				margin-top:1em;
			}
			
			.addr_copyright_box > .fig_qr{
				display:none;
			}

	/*ページトップ*/
	.pagetop{
		right: 2vw;
		bottom: 2vw;
		width:12vw;
		height:12vw;
	}
	
		.pagetop a:before{
			width:4vw;
			height:4vw;
		}
		
	.side_goto_shop{
		top:40vh;
	}
	
		.side_goto_shop a{
			width:12vw;
			transform:translateX(0);
		}

	/*202602追加*/
	.bn_instagram a{
		width: 88vw;
		margin: auto;
	}

		.bn_instagram a .icon{
			width: 8vw;
		}

		.bn_instagram a .lbl{
			font-size: 1.16em;
		}


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

}