@charset "UTF-8";

@media screen and (max-width: 767px) {


.h1_pc{
	display: none;
}
.h1_sp{
	display: block;
}
header .inner{
	width: 100%;
	margin: 0 auto;
}
#contents{
	width: 100%;
	padding-bottom: 120px;
}
#contents .inner{
	width: 100%;
	padding: 0px 10px;
}
.mt40_20{
	margin-top: 20px;
}
h1 img{
	width: 100%;
}
.text_black{
	font-size: 1em;
}
#contents h3{
	font-size: 1.2em;
	line-height: 1.1em;
}
#contents h3.h3_s{
	font-size: 1.1em;
}
#contents .bg{
	padding: 0px 10px 20px 10px;
	background: #f1eee8;
}
#contents .bg02{
	padding: 0px 10px 20px 10px;
	background: #f8f6f3;
}

#contents .bg02 h2{
	padding-top: 10px;
}

#contents .columnarea .text{
	float: none;
	width: auto;
}
#contents .columnarea .img{
	float: none;
	width: auto;
	margin-top: 30px;
}
#contents .columnarea .img img{
	width: 100%;
	max-width: 390px;
}
.sp_n{
	display: none;
}
ul.ul_button{
	text-align: center;
}
ul.ul_button li.sp_n{
	display: none;
}
ul.ul_button li{
	display: block;
}
ul.ul_button li + li{
	margin-left: 0px;
	margin-top: 10px;
}
.mt_h3_01{
	margin-top: 30px;
}
.sp_center{
	text-align: center;
}
h2 img{
	height: 25px;
}
h2.h2_07 img{
	height: 50px;
}
h2.h2_05 img{
	height: 40px;
}
.br_sp{
	display: block;
}
.br_pc{
	display: none;
}
.sp_max{
	width: 100%;
}
.recipe_img_r, .recipe_img_l{
	margin-bottom: 60px;
}
#contents .recipe_img_r + h2, #contents .recipe_img_l + h2{
	padding-top: 30px;
}

.recipe_img_r .text, .recipe_img_r .ul_button{
	float: none;
}
.recipe_img_r .text{
	width: auto;
	margin-bottom: 20px;
}
.recipe_img_r p{
	text-align: left;
}
.recipe_img_r p.img{
	float: none;
	width: auto;
	margin-left: 0px;
	text-align: center;
}
.recipe_img_l .img{
	float: none;
	width: auto;
	text-align: center;
}
.recipe_img_r p.img img, .recipe_img_l .img img{
	width: 100%;
	max-width: 480px;
}
.recipe_img_l .text{
	float: none;
	width: auto;
	margin-bottom: 20px;
}
.pc_center{
	text-align: left;
}
#contents .columnarea02 .text{
	float: none;
	width: auto;
}
#contents .columnarea02 .img{
	float: none;
	width: auto;
	margin-top: 20px;
}
#contents .columnarea02 .img img{
	width: 100%;
	max-width: 538px;
}
.bg_bottom_text img{
	margin: auto;
	max-width: 90%;
}
.columnarea03 > div{
	display: block;
}
.columnarea03 .img{
	width: auto;
	text-align: center;
	padding-right: 0px;
}
.columnarea03 .img img{
	width: 100%;
	max-width: 346px;
}
.columnarea03 .img img.border{
	display: none;
}
.columnarea03 .text{
	width: auto;
}
.columnarea03 h3{
	text-align: center;
	margin-top: 30px;
}
.recipe{
	margin: 10px 0px 40px 0px;
}
.recipe > div{
	display: block;
	text-align: center;
}
.recipe img{
	width: 100%;
	max-width: 560px;
}
.recipe a{
	width: 100%;
	max-width: 560px;
}
.recipe > div + div{
	padding-left: 0px;
	margin-top: 30px;
}
.div_product{
	margin: 30px 0px 70px 0px;
}
.div_product div.sp_block{
	display: table;
	width: 100%;
	margin: 0px auto 40px;
}
.div_product > div + div{
	width: auto;
	padding-left: 0px;
}
.div_product > div > div + div{
	padding-left: 30px;
}
#contents .div_product h3{
	padding-bottom: 5px;
	font-size: 0.8em;
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 6px;
}
.div_product p{
	font-size: 0.7em;
}
footer .logo{
	float: none;
	margin-bottom: 10px;
}
footer .copy{
	float: none;
	margin-bottom: 20px;
	text-align: left;
}
footer{
	width: 100%;
}
footer .inner{
	width: 90%;
}
.pc_n{
	display: block;
}
.button_l_sp{
	display: block;
	text-align: center;
	margin: 40px 0px;
}
#contents h2.h2_product{
	font-size: 1.2em;
}
.linkbnr img{
	width: 100%;
	height: auto;
}
.shop_area h2 img{
	width: 100%;
	height: auto;
}
.shop_area h3.img_left img{
	margin-left: auto;
}
.floatbox .right{
	float: none;
	margin-left: 0px;
}
.floatbox .left{
	float: none;
}
.floatbox h3, .floatbox .text{
	width: 488px;
}
.floatbox h3 img{
	margin: 0;
}
.floatbox .img{
	width: auto;
	margin-top: 20px;
}
.floatbox .img img{
	width: 100%;
	max-width: 560px;
}
.floatbox:after{
	content: "";
	display: block;
	clear: both;
}
.floatbox div + div{
	margin-top: 20px;
}
dl.shop{
	display: block;
}
dl.shop dt, dl.shop dd{
	display: block;
}
dl.shop dd{
	margin-left: 0;
}
.floatbox h3, .floatbox .text{
	width: auto;
}
.br_sp {
	display: block;
}
.col2{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.col2 > div{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.col2 > div .name{
	font-size: 1.1em;
	font-weight: bold;
}
.col2 > div .title{
	margin-top: 20px;
	font-size: 1.1em;
	font-weight:bold;
}
.col2 > div .title + p{
	margin-top: 10px;
}
.col2 > div.full{
	display: block;
	padding: 0px;
	width: 100%;
	margin-bottom: 15px;
}
.col2 > div.full:first-child{
	padding: 0px
}
.col2 > div img{
	max-width: 100%;
}

.shop_area .imagebox .image{
	float: none;
}
.shop_area .imagebox .text{
	margin-left: 0;
}
#contents .shop_area h3 img{
	width: 100%;
}
#contents .shop_area .name{
	margin: 20px 0;
}