@charset "UTF-8";

/*------------------*/
/*      PC表示      */
/*------------------*/

@media screen and (min-width: 751px)
{
	body
	{
		margin: 0 auto;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size: 16px;
	}

	main
	{
		max-width: 1024px;
		margin: 0 auto;
	}

	b
	{
		font-size: 19px;
	}

	a
	{
		text-decoration: none;
		color: #000;
	}

	img
	{
		max-width: 100%;
	    height: auto;
	}
	
	div
	{
		text-align: center;
		margin: 0 auto;
	}
	
	table
	{
		border-collapse: collapse;
		margin: 0 auto;
	}

	td
	{
		padding: 0;
	}
	
	p
	{
		margin: 0 auto;
	}
	
	hr
	{
		max-width: 100%;
		border: 0 none;
		height: 1px;
		color: black;
		background-color: black;
	}
	
	footer
	{
		
	}

	.page_SP
	{
		display: none;
	}
	
	.top_menu
	{
		position: fixed;
		width: 100%;
		z-index: 10000;
		background-color: white;
	}

	.header_menu
	{
		table-layout: fixed;
		width: 100%;
		max-width: 1024px;
	}
	
	.header_menu p
	{
		margin: 0;
		display: inline-block;
		color: #000;
		vertical-align: middle;
	}

	.header_menu .round
	{
		margin-left: -1.1vmin;
	}

	.round
	{
		width: 24px;
		height: 24px;
		background-color: red;
		border-radius: 50%;
		text-align: center;
	}
	
	#PrdCount
	{
		color: white;
		font-size: 1.8vmin;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

	.header_menu img
	{

	}

	.header_menu a
	{
		font-size: 1.7vmin;
		border-right: 1px solid #805933;
		padding-right: 8px;
		text-decoration: none;
		color: #805933;
	}

	.header_menu a.current
	{
		color: #00B0F0;
		border-bottom:2px solid #00B0F0;
	}

	.header_menu a:hover
	{
		color:#F7CB4D;
	}

	.header_menu a.last
	{
		border-right: none;
		padding-right: 0;
	}

	.header_img
	{
		width: 37vw;
		max-width: 300px;
		margin: 0;
		margin-right: 5%;
	}
	
	.header_link
	{
		text-align: right;
		margin: 0 1% 0 0;
	}
	
	.sec_top
	{
		
	}
	
	.top_message
	{
		
	}
	
	.top_message p
	{
		
	}
	
	.sec_info
	{
		
	}
	
	.notice
	{
		margin-bottom: 8vmin;
	}

	.notice table
	{
		margin-left: 22%;
	}

	.notice p
	{
		font-size: 2.4vmin;
	}

	.notice_history
	{
		width: 55%;
		min-width: 500px;
		text-align: left;
	}
	
	.nh_date
	{
		width: 24%;
	}
	
	.nh_contents
	{

	}
	
	.info
	{
		max-width: 1024px;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 8vmin;
	}

	.info p
	{
		font-size: 2.7vmin;
	}
	
	.info_left
	{
		margin: 0 3.2vmin 0 10vmin;
	}

	.info_right
	{
		margin: 0 10vmin 0 3.2vmin;
	}

	.info_other
	{
		width: 100%;
	}
	
	.info_other p
	{
		display: inline-block;
		text-align: left;
		font-size: 2.4vmin;
	}
	

	.button_frame
	{
		width: 55%;
		min-width: 400px;
		max-width: 500px;
		min-height: 85px;
		max-height: 90px;
		margin: 4vmin auto;
	}

	.button_frame2
	{
		width: 55%;
		min-width: 400px;
		max-width: 500px;
		min-height: 75px;
		max-height: 80px;
		margin: 4vmin auto;
	}

	.link_button
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		min-height: 85px;
		max-height: 90px;
		background-color: #e6dacf;
		border-radius: 12px;
		font-size: 2.4vmin;
	}

	.link_button2
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		min-height: 75px;
		max-height: 80px;
		color: #fff;
		background-color: #b38f6b;
		border-radius: 12px;
		font-size: 2.4vmin;
	}

	.sec_access
	{
		margin-bottom: 12vmin;
	}
	
	.access
	{
		margin-top: 5vmin;
	}

	.access_title
	{
		
	}

	.access_map
	{
		
	}

	.access_map p
	{
		text-align: right;
		font-size: 2.4vmin;
		margin: -1vmin 25vmin 2vmin auto;
	}

	.access_map a:hover
	{
		color:#F7CB4D;
	}

	.access_open
	{
		
	}

	.access_open p
	{
		display: inline-block;
		text-align: left;
		margin: 1vmin 20vmin 1vmin auto;
		font-size: 2vmin;
	}

	.sec_online
	{
		margin-top: 5vmin;
		margin-bottom: 15vmin;
	}
	
	.title
	{
		padding-top: 2vmin;
		margin-bottom: 2vmin;
	}

	.title p
	{
		text-align: left;
		margin-left: 8vmin;
		font-size: 2.7vmin;
		color: #805933;
	}

	.kiwami
	{
		margin-bottom: 8vmin;
	}

	.product_image
	{
		width: 90%;
	}

	.product_image p
	{
		font-size: 5vmin;
		margin: 3vmin auto;
	}

	.product_message
	{
		width: 60%;
		min-width: 500px;
	}

	.product_message p
	{
		font-size: 2vmin;
		display: inline-block;
		text-align: left;
	}

	.takumi
	{
		margin-bottom: 8vmin;
	}

	.hachimi
	{
		margin-bottom: 8vmin;
	}

	.hachimi_title
	{
		margin-top: 4vmin;
	}

	.hachimi_main
	{
		margin-bottom: 3vmin;
	}

	.hachimi_main p
	{
		display: inline-block;
		vertical-align: baseline;
		font-size: 6vmin;
	}

	.hachimi_sub
	{
		font-size: 5vmin;
	}

	.hachimi_main .hachimi_ruby
	{
		font-size: 2vmin;
	}

	.sec_kawamuraya
	{
		margin-bottom: 18vmin;
	}
	
	.wagashi
	{
		width: 80%;
		margin-bottom: 8vmin;
		table-layout: fixed;
	}
		
	.wagashi_left
	{
		padding-right: 3.2vmin;
		margin: 0;
		width: 50%;
	}

	.wagashi_right
	{
		padding-left: 3.2vmin;
		margin: 0;
		width: 50%;
	}

	.wagashi_img
	{
		
	}
	
	.wagashi_img p
	{
		font-size: 2.7vmin;
		margin: 1vmin auto;
	}
	
	.wagashi_message
	{
		vertical-align: top;
	}
	
	.wagashi_message p
	{
		display: inline-block;
		text-align: left;
		font-size: 1.8vmin;
	}
	
	.namagashi
	{
		
	}
	
	.namagashi_message
	{
		margin: 5vmin auto;
	}
	
	.namagashi_message p
	{
		display: inline-block;
		text-align: left;
		font-size: 2.4vmin;
	}
	
	.sec_kiwami
	{
		margin-bottom: 15vmin;
	}
	
	.sale_image
	{
		width: 70%;
	}
	
	.sale_image p
	{
		display: inline-block;
		text-align: left;
		font-size: 3vmin;
		margin: 4vmin 10vmin 1vmin auto;
	}
	
	.sale_image .hachimi_name
	{
		margin: 4vmin 22vmin 1vmin auto;
	}
	
	.sale_image .hachimi2_name
	{
		margin: 4vmin 13vmin 1vmin auto;
	}
	
	.sale_price
	{
		margin: 1vmin auto;
	}
	
	.sale_price p
	{
		display: inline-block;
		font-size: 1.8vmin;
		font-weight: 700;
		margin-right: 1vmin;
	}
	
	.sale_price .price
	{
		font-size: 2.8vmin;
		margin-right: 30vmin;
		font-weight: 500;
	}
	
	.sale_message
	{
		margin-bottom: 3vmin;
	}
	
	.sale_message p
	{
		display: inline-block;
		text-align: left;
		margin-right: 5vmin;
	}
	
	.sale_title
	{
		margin-bottom: 0.8vmin;
	}
	
	.sale_title p
	{
		display: inline-block;
		text-align: left;
		font-weight: 700;
		margin-right: 47vmin;
	}
	
	.details
	{
		width: 55%;
		max-width: 480px;
		text-align: left;
		margin-bottom: 5vmin;
	}
	
	.details tr
	{
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	
	.details th
	{
		width: 35%;
		font-weight: 500;
		background-color: lightgray;
	}
	
	.details td
	{
		width: 65%;
	}
	
	.details p
	{
		font-size: 1.8vmin;
		margin: 1vmin auto 1vmin 1.5vmin;
	}
	
	.order
	{
		
	}
	
	.order label
	{
		font-size: 1.8vmin;
		margin-right: 2vmin;
	}
	
	.order_buy
	{
		table-layout: fixed;
		width: 55%;
		max-width: 480px;
	}
	
	.buy_select
	{
		width: 45%;
	}
	
	.buy_button
	{
		width: 55%;
	}
	
	.order_values
	{
		width: 10%;
		height: 30px;
		min-width: 80px;
		text-align-last: center;
		background-color: #fff;
		border-radius: 5px;
		margin-right: 5.5vmin;
	}
	
	.order_values option
	{
		
	}
	
	.order_button
	{
		width: 100%;
		max-width: 250px;
		height: 30px;
		color: white;
		border-color: rgb(200, 200, 200) rgb(193, 193, 193) rgb(170, 170, 170);
		border-style: solid;
		border-radius: 5px;
		background-color: red;
	}
	
	.sec_takumi
	{
		margin-bottom: 15vmin;
	}
	
	.sec_hachimi
	{
		margin-bottom: 15vmin;
	}
	
	.sec_hachimi2
	{
		margin-bottom: 15vmin;
	}
	
	.sec_contact
	{
		margin-bottom: 15vmin;
	}
	
	.mail_form
	{
		margin: 40px auto;
	}

	.mail_form_message
	{
		margin: 1.5vmin auto;
	}
	
	.mail_form_message p
	{
		display: inline-block;
		font-size: 2vmin;
	}
	
	.mail_form_message .ps
	{
		margin-left: 6vmin;
	}
	
	.mail_form table
	{
		width: 80%;
		min-width: 580px;
		max-width: 650px;
	}
	
	.mail_form table p
	{
		font-size: 2vmin;
		margin: 1vmin;
	}
	
	.mail_form table tr
	{
		border: 1px solid;
	}

	.mail_form table th
	{
		width: 28%;
		color: #805933;
		text-align: left;
		vertical-align: top;
		border: 1px solid #000;
	}

	.mail_form table td
	{
		text-align: left;
	}

	.mail_form table div
	{
		text-align: left;
		margin: 1vmin;
		font-size: 2vmin;
	}

	.textbox
	{
		width: 98%;
		height: 2em;
		border: 0px solid;
		font-size: 2vmin;
		margin-left: 0.5vmin;
	}

	.mail_contents
	{
		vertical-align:top;
	}

	.inquiry
	{
		resize: none;
		width: 98%;
		height: 15em;
		border: 0px solid;
		font-size: 2vmin;
		margin-top: 0.5vmin;
		margin-left: 0.5vmin;
	}

	.inquiry :invalid
	{
		background-color: pink;
	}
	
	input[type="submit"]
	{
		font-size:17px;
		font-weight:bold;
		padding: 15px 40px;
		margin: 0 5px;
		background-color: #e6dacf;
		border: 0px solid;
		border-radius: 6px;
	}

	.send_button
	{
		margin-top: 5vmin;
	}

	.send_button input:active
	{
		color: #808080;
	}

	.store
	{
		
	}
	
	.address
	{
		margin: 2vmin auto;
	}
	
	.address p
	{
		display: inline-block;
		text-align: left;
		font-size: 2vmin;
	}
	
	.adviser
	{
		
	}
	
	.adviser p
	{
		font-size: 2vmin;
	}
	
	.sns
	{
		margin: 2.5vmin auto;
	}

	.footer_bar
	{
		background-color: #769164;
	}
	
	.footer_menu
	{
		background-color: #769164;
	}

	.footer_menu p
	{
		margin: 1vmax 0;
		display: inline-block;
		color: #FFF;
	}

	.footer_menu a
	{
		font-size: 1.7vmin;
		border-right: 1px solid #ffffff;
		padding-right: 8px;
		text-decoration: none;
		color: #FFF;
	}

	.footer_menu a.current
	{
		color: #00B0F0;
		border-bottom:2px solid #00B0F0;
	}

	.footer_menu a:hover
	{
		color:#F7CB4D;
	}

	.footer_menu a.last
	{
		border-right: none;
		padding-right: 0;
	}

	.footer_img
	{
		background-image: url("../pc_images/topimages/footer_background.png");
	}

	.footer_img img
	{
		max-width: 100%;
	}

	.copylight
	{
		background-color: #769164;
	}

	.copylight p
	{
		font-size: 1.5vmin;
		margin: 0;
		padding: 1.5vmax 0;
	}

	.top_button
	{
		position: fixed;
		bottom: 10vh;
		right: 0;
	}
	
	.top_button img
	{
		width: 11vmin;
	}

	.sec_tokusho
	{
		
	}

	.tokusho_title
	{
		margin: 3vmin auto 1vmin;
	}
	
	.tokusho_title p
	{
		display: inline-block;
		text-align: left;
		font-size: 3vmin;
		font-weight: 700;
		margin-right: 45vmin;
	}
	
	.tokusho
	{
		width: 80%;
		max-width: 700px;
		text-align: left;
		margin-bottom: 5vmin;
	}
	
	.tokusho tr
	{
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	
	.tokusho th
	{
		width: 25%;
		font-weight: 500;
		background-color: lightgray;
		vertical-align: top;
	}
	
	.tokusho td
	{
		width: 65%;
	}
	
	.tokusho p
	{
		font-size: 1.8vmin;
		margin: 0.5vmin auto 0.5vmin 1.5vmin;
	}
	
	.sec_privacy
	{
		
	}

	.sec_privacy div
	{
		width: 80%;
		text-align: left;
		margin: 4vmin auto;
	}

	.sec_privacy p
	{
		font-size: 1.8vmin;
	}

	.privacy_policy
	{

	}

	.privacy_policy p
	{
		font-size: 3vmin;
		font-weight: 700;
	}

	.sec_cart
	{
		min-height: 60vh;
	}
	
	.cart
	{
		margin-top: 5vmin;

	}
	
	.cart_catalog
	{
		width: 80%;
		max-width: 900px;
		margin-bottom: 1vmin;
		table-layout: fixed;
	}
	
	.cart_catalog p
	{
		font-size: 2.2vmin;
		margin: 1.5vmin 1vmin;
	}
	
	.cart_catalog tr
	{
		border: 1px solid;
	}
	
	.cart_name
	{
		width: 40%;
	}
	
	.cart_name div
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.cart_name div p
	{
		text-align: left;
	}
	
	.cart_name img
	{
		margin: 2vmin auto 2vmin 3vmin;
		width: 40%;
	}
	
	.cart_price
	{
		width: 15%;
	}
	
	.cart_count
	{
		width: 15%;
	}
	
	.cart_sum
	{
		width: 20%;
	}
	
	.cart_delete
	{
		width: 10%;
	}
	
	.postage
	{
		width: 78%;
		max-width: 900px;
		text-align: left;
	}
	
	.postage p
	{
		display: inline-block;
	}
	
	.zei
	{
		width: 80%;
		max-width: 900px;
		border: 1px solid;
		margin: 3vmin auto;
	}
	
	.zei p
	{
		display: inline-block;
	}
	
	.count
	{
		font-size: 2.3vmin;
	}
	
	.sum
	{
		font-size: 2.8vmin;
		margin: 1vmin;
	}
	
	.select_button
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 5vmin auto 10vmin;
	}
	
	.link_button3
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 20%;
		min-height: 60px;
		border-radius: 8px;
		background-color: #e6dacf;
		font-size: 2vmin;
		border: 0px;
	}

	.link_form
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		background-color: #e6dacf;
		width: 20%;
		border-radius: 8px;
		margin-left: 5vmin;
	}

	.form_button
	{
		width: 100%;
		min-height: 60px;
		border-radius: 8px;
		background-color: #e6dacf;
		font-size: 2vmin;
		border: 0px;
	}

	.sec_address
	{
		min-height: 60vh;
	}

	.user_address
	{
		margin: 5vmin auto;
	}

	.user_message
	{
		margin: 1.5vmin auto;
	}
	
	.user_message h3
	{
		margin-right: 35vmin;
		margin-bottom: 1vmin;
	}
	
	.user_address table
	{
		width: 80%;
		min-width: 580px;
		max-width: 700px;
		table-layout: fixed;
		margin: 2vmin auto 5vmin;
	}
	
	.user_address table p
	{
		font-size: 2vmin;
		margin: 1vmin;
	}
	
	.user_address table tr
	{
		border: 1px solid;
	}

	.user_address table th
	{
		width: 36%;
		color: #805933;
		text-align: left;
		vertical-align: top;
		border: 1px solid #000;
	}

	.user_address table td
	{
		text-align: left;
		font-size: 1.6vmin;
	}

	.user_address label
	{
		margin-left: 1vmin;
		font-size: 2vmin;
	}

	.address_check
	{
		width: 80%;
		min-width: 580px;
		max-width: 700px;
	}
	
	.address_check p
	{
		text-align: left;
		font-size: 2vmin;
	}
	
	.manual
	{
		width: 98%;
		height: 2em;
		border: 0px solid;
		font-size: 2vmin;
		margin-left: 0.5vmin;
	}

	.mail_address
	{
		width: 57%;
		height: 2em;
		border: 0px solid;
		font-size: 2vmin;
		margin-left: 0.5vmin;
	}

	.zip
	{
		width: 50%;
		height: 2em;
		border: 0px solid;
		font-size: 2vmin;
		margin-left: 0.5vmin;
	}

	.ajaxzip
	{
		height: 2em;
		border: 1px solid;
		margin-left: 0.5vmin;
		border-radius: 6px;
	}

	.pref
	{
		width: 30%;
		height: 2em;
		border: 1px solid;
		font-size: 1.8vmin;
		margin-left: 0.5vmin;
		background-color: white;
	}
	
	.caution
	{
		width: 80%;
		min-width: 580px;
		max-width: 680px;
		text-align: left;
		margin: 2vmin auto;
	}

	.caution p
	{
		font-size: 1.8vmin;
	}

	.sec_order
	{
		min-height: 60vh;
	}
	
	.sec_mail
	{
		min-height: 60vh;
	}
	
	.accept
	{
		margin: 8vmin auto;
	}
}


/*------------------*/
/*    スマホ表示    */
/*------------------*/

@media screen and (max-width: 750px)
{
	body
	{
		margin: 0 auto;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		max-width: 750px;
		font-size: 3vmin;
	}

	b
	{
		
	}

	hr
	{
		max-width: 100%;
		border: 0 none;
		height: 1px;
		background-color: #fff;
	}

	a
	{
		text-decoration: none;
		color: #000;
	}

	img
	{
		vertical-align: bottom;
		max-width: 100%;
		height: auto;
	}
	
	button
	{
		padding: 0;
		border: none;
		background: transparent;
	}
	
	button img
	{
		display: block;
	}

	div
	{
		text-align: center;
		margin: 0 auto;
	}
	
	table
	{
		border-collapse: collapse;
		margin: 0 auto;
	}

	td
	{
		padding: 0;
	}
	
	p
	{
		margin: 0 auto;
	}

	.page_PC
	{
		display: none;
	}

	.top_menu
	{
		position: fixed;
		z-index: 10000;
		width: 100%;
		background-color: white;
	}
	
	.header_item
	{
		width: 100%;
	}
	
	.header_logo
	{
		text-align: left;
	}
	
	.header_logo img
	{
		width: 60vw;
		max-width: 300px;
	}
	
	.header_cart
	{
		width: 13vw;
	}
	
	.header_cart div
	{
		position: relative;
	}
	
	.header_menu
	{
		width: 17vw;
	}

	.round
	{
		width: 4.5vmin;
		max-width: 36px;
		height: 4.5vmin;
		max-height: 36px;
		background-color: red;
		border-radius: 50%;
		text-align: center;
		position: absolute;
		top: 12vw;
		right: 0;
	}
	
	#PrdCount2
	{
		color: white;
		font-size: 3vmin;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

	.nav_menu
	{
		position: fixed;
		width: 100%;
		height: 100%;
		right: -100%;
		text-align: center;
		top: 0;
		background: #769164;
	}

	.nav_menu.on
	{
		opacity: 1;
		z-index: 1000;
		-webkit-transform: translateX(-100vw);
		transform: translateX(-100vw);
		-webkit-transition: 0.53s transform;
		transition: 0.53s transform;
		-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
		transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	}

	.menu_list
	{
		padding: 0;
    	padding-top: 5vmin;
	}

	.menu_list a
	{
		text-decoration: none;
		color: #fff;
	}

	.menu_item
	{
		font-size: 5vmin;
		display: inline-block;
		width: 100%;
		height: 15vmin;
		border-top: 1px solid;
		border-color: white;
	}

	.menu_item a
	{
		width: 100%;
		height: 100%;
	}

	.menu_item p
	{
		padding: 5vmin 0;
	}

	.menu_item_last
	{
		border-bottom: 1px solid;
		border-color: white;
	}

	.nav_menu.on .menu_list span:before
	{
		-webkit-animation: slide_in 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
		animation: slide_in 0.4s cubic-bezier(0.13, 0.13, 0.02, 1.07) 0.4s forwards;
	}

	.sec_top
	{
		
	}
	
	.top_message
	{
		
	}
	
	.top_message p
	{
		font-size: 4vmin;
		text-align: left;
		margin-left: 10vmin;
		color: #333333;
	}
	
	.sec_info
	{
		
	}
	
	.notice
	{
		margin-bottom: 10vmin;
	}

	.notice table
	{
		
	}

	.notice p
	{
		font-size: 3vmin;
	}

	.notice_title
	{
		margin: 5vmin auto 3vmin;
	}
	
	.notice_title p
	{
		font-size: 4.4vmin;
	}
	
	.notice_history
	{
		width: 70%;
		text-align: left;
	}
	
	.nh_date
	{
		width: 24%;
		vertical-align: top;
	}
	
	.nh_contents
	{

	}
	
	.info
	{
		width: 90%;
		margin-bottom: 8vmin;
	}

	.info p
	{
		margin-top: 2vmin;
		font-size: 4.4vmin;
	}
	
	.info_left
	{
		margin: 2.5vmin 5vmin 5vmin;
	}

	.info_right
	{
		margin: 2.5vmin 5vmin;
	}

	.info_other
	{
		width: 100%;
	}
	
	.info_other p
	{
		display: inline-block;
		text-align: left;
		font-size: 2.4vmin;
	}
	

	.button_frame
	{
		width: 80%;
		max-width: 500px;
		min-height: 50px;
		max-height: 75px;
		margin: 5vmin auto;
	}

	.button_frame2
	{
		width: 80%;
		max-width: 500px;
		min-height: 45px;
		max-height: 70px;
		margin: 5vmin auto;
	}

	.link_button
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 12vmin;
		min-height: 50px;
		max-height: 75px;
		background-color: #e6dacf;
		border-radius: 12px;
		font-size: 4.5vmin;
	}

	.link_button2
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 10vmin;
		min-height: 45px;
		max-height: 70px;
		color: #fff;
		background-color: #b38f6b;
		border-radius: 12px;
		font-size: 4.5vmin;
	}

	.sec_access
	{
		margin-bottom: 20vmin;
	}
	
	.access
	{
		margin-top: 5vmin;
	}

	.access_title
	{
		
	}

	.access_title p
	{
		display: inline-block;
		font-size: 4vmin;
		margin-right: 50vmin;
	}

	.access_map
	{
		
	}

	.access_map p
	{
		font-size: 5.5vmin;
		margin: 1vmin auto 3vmin;
	}

	.access_map a:hover
	{
		color:#F7CB4D;
	}

	.access_open
	{
		
	}

	.access_open p
	{
		font-size: 4vmin;
	}

	.sec_online
	{
		margin-top: 5vmin;
		margin-bottom: 15vmin;
	}
	
	.sec_online
	{
		margin-top: 5vmin;
		margin-bottom: 15vmin;
	}
	
	.title
	{
		padding-top: 2vmin;
		margin-bottom: 2vmin;
	}

	.title p
	{
		font-size: 5.5vmin;
		color: #805933;
	}

	.title .title_sub
	{
		font-size: 4vmin;
		color: #805933;
		margin: 1.5vmin auto;
	}

	.kiwami
	{
		margin-bottom: 8vmin;
	}

	.product_image
	{
		width: 100%;
	}

	.product_image p
	{
		font-size: 7vmin;
		margin: 3vmin;
	}

	.product_message
	{
		width: 85%;
	}

	.product_message p
	{
		font-size: 3.5vmin;
		display: inline-block;
		text-align: left;
	}

	.takumi
	{
		margin-bottom: 8vmin;
	}

	.hachimi
	{
		margin-bottom: 8vmin;
	}

	.hachimi_title
	{
		margin-top: 4vmin;
	}

	.hachimi_main
	{
		margin-bottom: 3vmin;
	}

	.hachimi_main p
	{
		display: inline-block;
		vertical-align: baseline;
		font-size: 7vmin;
	}

	.hachimi_sub
	{
		font-size: 6vmin;
	}

	.hachimi_main .hachimi_ruby
	{
		font-size: 4vmin;
	}

	.sec_kawamuraya
	{
		margin-bottom: 18vmin;
	}
	
	.wagashi
	{
		width: 80%;
		margin-bottom: 8vmin;
		table-layout: fixed;
	}
		
	.wagashi_img
	{
		width: 90%;
	}
	
	.wagashi_img p
	{
		font-size: 4.4vmin;
		margin: 2vmin auto;
	}
	
	.wagashi_message
	{
		width: 85%;
		margin-bottom: 6vmin;
	}
	
	.wagashi_message p
	{
		display: inline-block;
		text-align: left;
		font-size: 3.5vmin;
	}
	
	.namagashi
	{
		width: 85%;
	}
	
	.namagashi_message
	{
		margin: 5vmin auto;
	}
	
	.namagashi_message p
	{
		display: inline-block;
		text-align: left;
		font-size: 3.5vmin;
	}
	
	.sec_kiwami
	{
		margin-bottom: 15vmin;
	}
	
	.sale_image
	{
		width: 90%;
	}
	
	.sale_image p
	{
		display: inline-block;
		text-align: left;
		font-size: 5.5vmin;
		margin: 2.5vmin auto 1vmin;
	}
	
	.sale_price
	{
		
	}
	
	.sale_price p
	{
		display: inline-block;
		font-size: 4.2vmin;
		font-weight: 700;
		margin-right: 1vmin;
	}
	
	.sale_price .price
	{
		font-size: 4.2vmin;
		font-weight: 500;
	}
	
	.sale_message
	{
		margin: 3vmin auto;
	}
	
	.sale_message p
	{
		display: inline-block;
		font-size: 3.5vmin;
		text-align: left;
	}
	
	.sale_title
	{
		margin-bottom: 0.8vmin;
	}
	
	.sale_title p
	{
		display: inline-block;
		text-align: left;
		font-size: 3.5vmin;
		font-weight: 700;
		margin-right: 55vmin;
	}
	
	
	.details
	{
		width: 75%;
		max-width: 570px;
		text-align: left;
		margin-bottom: 5vmin;
	}
	
	.details tr
	{
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	
	.details th
	{
		width: 35%;
		font-weight: 500;
		background-color: lightgray;
	}
	
	.details td
	{
		width: 65%;
	}
	
	.details p
	{
		font-size: 3vmin;
		margin: 1.5vmin auto 1.5vmin 2vmin;
	}
	
	.order
	{
		
	}
	
	.order label
	{
		font-size: 3vmin;
		margin-right: 2vmin;
	}
	
	.order_buy
	{
		table-layout: fixed;
		width: 75%;
		max-width: 570px;
	}
	
	.buy_select
	{
		width: 50%;
	}
	
	.buy_button
	{
		width: 50%;
	}
	
	.order_values
	{
		width: 40%;
		height: 3vh;
		min-width: 65px;
		text-align-last: center;
		background-color: #fff;
		border-radius: 5px;
		margin-right: 3vmin;
	}
	
	.order_values option
	{
		
	}
	
	.order_button
	{
		width: 100%;
		max-width: 250px;
		height: 3.8vh;
		max-height: 38px;
		color: white;
		border-color: rgb(200, 200, 200) rgb(193, 193, 193) rgb(170, 170, 170);
		border-style: solid;
		border-radius: 5px;
		background-color: red;
		font-size: 3vmin;
	}
	
	.sec_takumi
	{
		margin-bottom: 15vmin;
	}
	
	.sec_hachimi
	{
		margin-bottom: 15vmin;
	}
	
	.sec_hachimi2
	{
		margin-bottom: 15vmin;
	}
	
	.sec_contact
	{
		margin-bottom: 12vmin;
	}
	
	.mail_form
	{
		margin: 2vmin auto;
	}

	.mail_form_message
	{
		margin: 1.5vmin auto;
	}
	
	.mail_form_message p
	{
		font-size: 3vmin;
	}
	
	.mail_form_message .ps
	{

	}
	
	.mail_form table
	{
		width: 80%;
		max-width: 650px;
	}
	
	.mail_form table p
	{
		font-size: 3vmin;
		margin: 1.5vmin;
	}
	
	.mail_form table tr
	{
		border: 1px solid;
	}

	.mail_form table th
	{
		width: 28%;
		color: #805933;
		text-align: left;
		vertical-align: top;
		border: 1px solid #000;
	}

	.mail_form table td
	{
		text-align: left;
	}

	.mail_form table div
	{
		text-align: left;
		margin: 1vmin;
		font-size: 3vmin;
	}

	.textbox
	{
		width: 98%;
		height: 2em;
		border: 0px solid;
		font-size: 3vmin;
		margin-left: 0.5vmin;
	}

	.mail_contents
	{
		vertical-align:top;
	}

	.inquiry
	{
		resize: none;
		width: 95%;
		height: 10em;
		border: 0px solid;
		font-size: 3vmin;
		margin-top: 0.5vmin;
		margin-left: 0.5vmin;
	}

	input[type="submit"]
	{
		font-size: 4vmin;
		font-weight: bold;
		padding: 3vmin 8vmin;
		background-color: #e6dacf;
		border: 0px solid;
		border-radius: 6px;
	}

	.send_button
	{
		margin-top: 5vmin;
	}

	.send_button input:active
	{
		color: #808080;
	}

	.store 
	{
		width: 60%;
		max-width: 400px;
	}
	
	.address
	{
		width: 70%;
		margin: 2vmin auto;
	}
	
	.address p
	{
		display: inline-block;
		text-align: left;
		font-size: 2.7vmin;
	}
	
	.adviser
	{
		
	}
	
	.adviser p
	{
		font-size: 2.7vmin;
	}
	
	.sns
	{
		width: 35%;
		margin: 3vmin auto;
	}

	.top_button
	{
		position: fixed;
		right: 0;
		bottom: 10vh;
		z-index: 101;
	}

	.top_button img
	{
		width: 11vmin;
	}

	.sp_button
	{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 3%;
	    z-index: 99;
	}

	.sp_button a
	{
		font-size: 2.5vmin;
		text-decoration: none;
		color: #FFF;
	}

	.sp_button_link
	{
		display: inline-flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 35%;
		min-width: 160px;
		min-height: 46px;
		margin: 0;
		background: rgba(0,0,0,0.8);
		border-radius: 12px;
		border: 1px solid;
		border-color: #fff;
	}

	.footer_bar
	{
		background-color: #769164;
	}
	
	.sp_link
	{
		background-color: #769164;
		margin: 5% auto 0;
	}

	.sp_link p
	{
		text-align: left;
		font-size: 3vmin;
		margin: 3% 5%;
	}

	.sp_link a
	{
		color: #fff;
		text-decoration: none;
	}

	.sp_link a.current
	{
		color: #00B0F0;
		border-bottom:2px solid #fff;
	}

	.sp_link a:hover
	{
		color:#F7CB4D;
	}

	.copylight
	{
		width: 100%;
		bottom: 0;
		text-align: center;
		z-index: 98;
		font-size: 2.4vmin;
	}

	.copylight p
	{
		font-size: 2vmin;
		color: #fff;
		padding: 2vmin 0 3vmin;
	}

	/* ハンバーガーアイコンの設置スペース */
	.close_button
	{
		display: flex;
		margin: 0 0 0 auto;
		height: 24vmin;
		width: 19%;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 999;/* 重なり順を一番上に */
		cursor: pointer;
	}
	
	/* ハンバーガーメニューのアイコン */
	.close_button span,
	.close_button span:before,
	.close_button span:after
	{
		content: '';
		display: block;
		height: 2px;
		width: 9vw;
		border-radius: 3px;
		background: #fff;
		transition: 0.5s;
		position: absolute;
	}
	
	/* 三本線のうち一番上の棒の位置調整 */
	.close_button span:before
	{
	  bottom: 0;
	  transform: rotate(45deg);
	}
	
	/* 三本線のうち一番下の棒の位置調整 */
	.close_button span:after
	{
		top: 0;
		transform: rotate(-45deg);
	}
	
	/* アイコンがクリックされたら真ん中の線を透明にする */
	.close_button span
	{
		background: rgba(255, 255, 255, 0);
	}


	.tokusho_title
	{
		margin: 3vmin auto 1vmin;
	}
	
	.tokusho_title p
	{
		display: inline-block;
		text-align: left;
		font-size: 4vmin;
		font-weight: 700;
		margin-right: 30vmin;
	}
	
	.tokusho
	{
		width: 80%;
		max-width: 700px;
		text-align: left;
		margin-bottom: 5vmin;
	}
	
	.tokusho tr
	{
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	
	.tokusho th
	{
		width: 32%;
		font-weight: 500;
		background-color: lightgray;
		vertical-align: top;
	}
	
	.tokusho td
	{
		width: 65%;
	}
	
	.tokusho p
	{
		font-size: 2.5vmin;
		margin: 0.5vmin auto 0.5vmin 1.5vmin;
	}
	
	.sec_privacy
	{
		
	}

	.sec_privacy div
	{
		width: 80%;
		text-align: left;
		margin: 4vmin auto;
	}

	.sec_privacy p
	{
		font-size: 3vmin;
	}

	.privacy_policy
	{

	}

	.privacy_policy p
	{
		font-size: 4.3vmin;
		font-weight: 700;
	}


	.sec_cart
	{
		min-height: 65vh;
	}
	
	.cart
	{
		margin-top: 5vmin;

	}
	
	.cart_catalog
	{
		width: 90%;
		margin-bottom: 1vmin;
		table-layout: fixed;
	}
	
	.cart_catalog p
	{
		font-size: 2.5vmin;
		margin: 1.5vmin 1vmin;
	}
	
	.cart_catalog tr
	{
		border: 1px solid;
	}
	
	.cart_name
	{
		width: 40%;
	}
	
	.cart_name div
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.cart_name div p
	{
		text-align: left;
	}
	
	.cart_name img
	{
		margin: 2vmin auto 2vmin 3vmin;
		width: 40%;
	}
	
	.cart_price
	{
		width: 15%;
	}
	
	.cart_count
	{
		width: 15%;
	}
	
	.cart_sum
	{
		width: 20%;
	}
	
	.cart_delete
	{
		width: 10%;
	}

	.postage
	{
		width: 88%;
		text-align: left;
	}
	
	.postage p
	{
		display: inline-block;
		font-size: 2vmin;
	}
	
	.zei
	{
		width: 90%;
		border: 1px solid;
		margin: 3vmin auto;
	}
	
	.zei p
	{
		display: inline-block;
	}
	
	.count
	{
		font-size: 2.5vmin;
	}
	
	.sum
	{
		font-size: 2.8vmin;
		margin: 1vmin;
	}
	
	.select_button
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 5vmin auto 10vmin;
	}
	
	.link_button3
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 35%;
		max-width: 200px;
		min-height: 40px;
		border-radius: 8px;
		background-color: #e6dacf;
		font-size: 2.5vmin;
		border: 0px;
		padding: 3vmin 0;
	}

	.link_form
	{
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		background-color: #e6dacf;
		width: 35%;
		max-width: 200px;
		border-radius: 8px;
		margin-left: 5vmin;
	}

	.form_button
	{
		width: 100%;
		min-height: 40px;
		border-radius: 8px;
		background-color: #e6dacf;
		font-size: 2.5vmin;
		border: 0px;
		padding: 3vmin 0;
	}

	.sec_address
	{
		min-height: 65vh;
	}

	.user_address
	{
		margin: 5vmin auto;
	}

	.user_message
	{
		margin: 1.5vmin auto;
	}
	
	.user_message h3
	{
		margin-bottom: 2vmin;
	}
	
	.user_address table
	{
		width: 80%;
		table-layout: fixed;
		margin: 2vmin auto 5vmin;
	}
	
	.user_address table p
	{
		font-size: 3vmin;
		margin: 1vmin;
	}
	
	.user_address table tr
	{
		border: 1px solid;
	}

	.user_address table th
	{
		width: 30%;
		color: #805933;
		text-align: left;
		vertical-align: top;
		border: 1px solid #000;
	}

	.user_address table td
	{
		text-align: left;
		font-size: 2.4vmin;
	}

	.user_address label
	{
		margin-left: 1vmin;
		font-size: 3vmin;
	}

	.address_check
	{
		width: 80%;
	}
	
	.address_check p
	{
		text-align: left;
		font-size: 3vmin;
	}
	
	.manual
	{
		width: 98%;
		height: 2em;
		border: 0px solid;
		font-size: 3vmin;
		margin-left: 0.5vmin;
	}

	.mail_address
	{
		width: 98%;
		height: 2em;
		border: 0px solid;
		font-size: 3vmin;
		margin-left: 0.5vmin;
	}

	.zip
	{
		width: 50%;
		height: 2em;
		border: 0px solid;
		font-size: 3vmin;
		margin-left: 0.5vmin;
	}

	.ajaxzip
	{
		height: 1.5em;
		border: 1px solid;
		margin-left: 0.5vmin;
		border-radius: 6px;
		font-size: 3vmin;
	}

	.pref
	{
		width: 40%;
		height: 2em;
		border: 1px solid;
		font-size: 2.4vmin;
		margin-left: 0.5vmin;
		background-color: white;
	}
	
	.caution
	{
		width: 80%;
		text-align: left;
		margin: 2vmin auto;
	}

	.caution p
	{
		font-size: 2.4vmin;
	}

	.sec_order
	{
		min-height: 65vh;
	}
	
	.sec_mail
	{
		min-height: 65vh;
	}
	
	.accept
	{
		margin: 8vmin auto;
	}
}


@keyframes fade-in
{
	0%
{
		display: none;
		opacity: 0;
	}
	1%
{
		display: block;
		opacity: 0;
	}
	100%
{
		display: block;
		opacity: 1;
	}
}

@-moz-keyframes fade-in
{
	0%
	{
		display: none;
		opacity: 0;
	}

	1%
	{
		display: block;
		opacity: 0;
	}

	100%
	{
		display: block;
		opacity: 1;
	}
}

@-webkit-keyframes fade-in
{
	0%
	{
		display: none;
		opacity: 0;
	}

	1%
	{
		display: block;
		opacity: 0;
	}

	100%
	{
		display: block;
		opacity: 1;
	}
}

@-webkit-keyframes slide_in
{
	0%
	{
		width: 100%;
	}

	100%
	{
		width: 0%;
	}
}

@keyframes slide_in
{
	0%
	{
	width: 100%;
	}

	100%
	{
	width: 0%;
	}
}

@-webkit-keyframes slide_out
{
	0%
	{
		width: 0%;
	}

	100%
	{
		width: 100%;
	}
}

@keyframes slide_out
{
	0%
	{
		width: 0%;
	}

	100%
	{
		width: 100%;
	}
}