/************************************************
 min-width: 1000px
************************************************ */
@media only screen and (max-width: 10000px) {
/*  共通
----------------------------------------------- */
.no_tablet {
	display: none;
	}
.tablet {
	display: block;
	}
/*  container
----------------------------------------------- */
#container {
	width: 100%;
	max-width: 1240px;
	}
/*  header
----------------------------------------------- */
#header {
	margin: 0 3%;
	background: url(../img/common/header_bg.gif) repeat 0 0;
	}
/* logo */
#logo {
	padding:20px 0 0 0;/*width: 37.5%;*/
	}
/*#logo img { width: 100%; }*/

/* gnav */
#gnav {
	}
#gnav img {
	height: 41px;
	}
/*  column
----------------------------------------------- */
#top_main_column, #main_column {
	float: right;
	width: 80%;
	}
#side_column {
	width: 18%;
	}
#side_max_column {
	width: 100%;
	}
#side_min_column {
	display: none;
	}
#bottomcolumn {
	/*display: none;*/
	}
/*  contents
----------------------------------------------- */
#contents {
	margin: 20px 3% 0;
	}
/* search_keyword */
#search_keyword {
	}
#search_keyword .search {
	float: none;
	width: 100%;
	}
#search_keyword .search dt {
	display: inline-block;
	margin-right: 0;
	width: 20%;
	vertical-align: middle;
	}
#search_keyword .search dd {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
	}
#search_keyword .search dd form {
	width: 100%;
	}
#search_keyword .search dd .txt {
	width: 78%;
	}
#search_keyword .search dd .btn {
	margin-left: 2%;
	}
#search_keyword .keyword {
	display: none;
	}
/* top_main */
#top_main {
	}
#top_main .first {
	float: none;
	width: 100%;
	height: auto;
	}
#top_main ul {
	float: none;
	width: 100%;
	}
#top_main ul li {
	float: left;
	margin-top: 10px;
	width: 48%;
	}
#top_main ul .second {
	height: auto;
	border:#e6a4a2 solid 1px;
	}
#top_main ul .third {
	float: right;
	height: auto;
	border:#dbad5f solid 1px;
	}
#top_main .bnr {
	background: none !important;
	}
#top_main .bnr img {
	width: 100%;
	visibility: visible;
	}
/* top_pick_up_item */
#top_pick_up_item {
	}
#top_pick_up_item .slide_block .frame {
	width: 92%;
	}
#top_pick_up_item .slide_block .move li {
	}
#top_pick_up_item .slide_block .move li .photo {
	width: 90%;
	height: auto;
	}
#top_pick_up_item .slide_block .move li .photo img {
	width: 100%;
	height: auto;
	}
/* shop_ranking */
#shop_ranking {
	}
#shop_ranking .frame {
	width: 100%;
	min-height: 0;
	}
#shop_ranking .nav {
	width: 100%;
	}
#shop_ranking .nav li {
	width: 16%;
	}
#shop_ranking .item_list li .photo {
	width: 95%;
	}
#shop_ranking .item_list li .photo img {
	width: 100%;
	}
#shop_ranking .item_list li .item_name {
	width: 95%;
	}
/* new_item */
#new_item {
	}
#new_item .slide_block .frame {
	width: 92%;
	}
#new_item .slide_block .move li .photo {
	width: 80%;
	height: auto;
	}
#new_item .slide_block .move li .photo img {
	width: 100%;
	}
#new_item .slide_block .move li .item_name {
	width: 80%;
	}
/* information */
#information {
	}
/* hotitem_style */
#hotitem_style {
	}
#hotitem_style .item_list {
	margin-left: -2%;
	}
#hotitem_style .item_list li {
	padding-left: 2%;
	width: 31%;
	}
#hotitem_style .item_list li .photo {
	width: 100%;
	}
#hotitem_style .item_list li .photo img {
	width: 100%;
	}
/* pick_up_item */
#pick_up_item {
	}
#pick_up_item .item_list {
	margin-left: -2%;
	}
#pick_up_item .item_list li {
	padding-left: 2%;
	width: 23%;
	}
#pick_up_item .item_list li .photo {
	width: 100%;
	}
#pick_up_item .item_list li .photo img {
	width: 100%;
	}
/* bnr_multi */
.bnr_multi {
	margin-left: -2%;
	}
.bnr_multi li {
	padding-left: 2%;
	width: 48%;
	}
.bnr_multi li img {
	width: 100%;
	}
/* shopping_flow */
#shopping_flow {
	display: none;
	}
/* shopping_guide */
#shopping_guide {
	display: none;
	}
/*  side_column
----------------------------------------------- */
/* aside */
aside h3 {
	font-size: 100%;
	}
/* side_login */
#side_login dl dd input {
	width: 100%;
	}
#side_login .btn li {
	margin: 0 5%;
	height: auto;
	}
#side_login .btn li input {
	width: 100%;
	}
/* side_cart */
#side_cart .btn {
	margin: 0 5%;
	height: auto;
	}
#side_cart .btn img {
	width: 100%;
	}
/* side_bnr */
.side_bnr img {
	width: 100%;
	}
.side_qrcode {
	width: 100%;
	height: 105px;
	background-size: 100%;
	}
.side_qrcode img {
	width: 50%;
	}
/*  products_list
----------------------------------------------- */
#products_list {
	}
#products_list .item_list li {
	width: 25%;
	}
#products_list .item_list li .photo {
	width: 90%;
	}
#products_list .item_list li .info {
	width: 90%;
	}
/*  products_detail
----------------------------------------------- */
#products_detail {
	}
#products_detail .right_block {
	width: 48%;
	}
#products_detail .left_block {
	width: 48%;
	}
#products_detail .right_block_consept {
	width: 60%;
	margin-top:20px;
	}
#products_detail .left_block_consept {
	width: 20%;
	}	
	
#products_detail .cart_area .btn img {
	width: 100%;
	}
#related_item .item_list {
	}
#related_item .item_list li {
	width: 25%;
	}
#related_item .item_list li .photo {
	width: 80%;
	height: auto;
	}
#related_item .item_list li .photo img {
	width: 100%;
	}
#related_item .item_list li .info {
	width: 90%;
	}
/*  footer
----------------------------------------------- */
#footer {
	padding: 20px 3%;
	}
}

/************************************************
 min-width: 700px
************************************************ */
@media only screen and (max-width: 700px) {
/*  container
----------------------------------------------- */
#container {
	width: 100%;
	}
div.imgarea_center {
	text-align:center;
}
div.imgarea_center img {
width: 100%;
height: auto;
}



/*  共通
----------------------------------------------- */
.pc {
	display: none;
	}
.sp {
	display: block;
	}
/* フォーム
----------------------------------------------- */
.box40 {
	width: 10%;
	}
.box60 {
	width: 25%;
	}
.box100 {
	width: 30%;
	}
.box120 {
	width: 30%;
	}
.box140 {
	width: 30%;
	}
.box145 {
	width: 30%;
	}
.box150 {
	width: 30%;
	}
.box240 {
	width: 100%;
	}
.box300 {
	width: 100%;
	}
.box320 {
	width: 100%;
	}
.box350 {
	width: 100%;
	}
.box380 {
	width: 100%;
	}
textarea {
	height: 100px;
	}
textarea.kiyaku_text.textarea_sp {
height: auto;
}
/*  table
----------------------------------------------- */
table td {
	word-break: break-all;
	}
/*  header
----------------------------------------------- */
#header {
	}
#header .right_block {
	display: none;
	}
#header .menu {
	float: right;
	padding: 10px 0;
	width: 20%;
	}
#header .menu img {
	width: 100%;
	}
/* tagline */
#tagline {
	display: none;
	}
/* logo */
#logo {
	margin-bottom: 0;
	padding: 10px 0;
	width: 37.5%;
	font-size: 80%;
	}
#logo img {
	width: 100%;
	}
/* gnav */
#gnav {
	}
#gnav .sp {
	display: table;
	width: 100%;
	background: none;
	border: none;
	}
#gnav ul li {
	display: table-cell;
	float: none;
	width: auto;
	background: #dbc094;
	border-top: solid #e9d4b0 1px;
	border-right: solid #e9d4b0 1px;
	border-bottom: solid #e9d4b0 1px;
	border-left: solid #e9d4b0 1px;
	text-align: center;
	vertical-align: middle;
	}
#gnav ul li a {
	display: block;
	padding: 0;
	height: auto;
	background: none;
	border: none;
	color: #744502;
	}
#gnav ul li:nth-child(3), #gnav ul li:nth-child(4) {
	padding: 5px 0;
	width: 20%;
	}
#gnav ul li:nth-child(4) {
	background: #724300;
	}
#gnav ul li img {
	width: 50%;
	height: auto;
	}
/*  column
----------------------------------------------- */
#top_main_column, #main_column {
	float: none;
	width: 100%;
	}
#side_column {
	display: none;
	}
/*  contents
----------------------------------------------- */
/* pagetop */
#pagetop {
	margin: 20px auto 0;
	width: 72%;
	text-align: center;
	}
#pagetop img {
	width: 100%;
	}
/* search_keyword */
#search_keyword {
	overflow: hidden;
	}
#search_keyword .search dt, #search_keyword .search dd {
	display: inline-block;
	vertical-align: middle;
	}
#search_keyword .search dt {
	margin-right: 3%;
	padding-left: 4%;
	width: 26%;
	background-size: 8px;
	font-size: 80%;
	}
#search_keyword .search dd {
	width: 64%;
	}
#search_keyword .search dd .txt {
	width: 58%;
	}
#search_keyword .search dd .btn {
	margin-left: 3%;
	}
/* topicpath */
#topicpath {
	padding: 5px 0;
	background: none;
	border-bottom: solid #666 1px;
	}
/* shop_ranking */
#shop_ranking {
	}
#shop_ranking .nav {
	width: 100%;
	}
#shop_ranking .nav li {
	margin-bottom: 2px;
	width: 32.5%;
	}
#shop_ranking .nav li:nth-child(3n+1) {
	clear: both;
	}
#shop_ranking .item_list li {
	background-size: auto 15px !important;
	}
#shop_ranking .item_list .item_name {
	font-size: 80%;
	}
/* category_list */
#category_list {
	display: block;
	}
/* top_pick_up_item */
#top_pick_up_item {
	}
#top_pick_up_item .slide_block .frame {
	width: 90%;
	}
/* information */
#information {
	}
#information .frame {
	margin: 10px 0;
	height: auto;
	overflow: visible;
	}
#information ul li {
	border-bottom: solid #e1e1e1 1px;
	}
#information ul li .comment {
	margin-top: 5px;
	padding: 5px;
	background: #f2f2f2;
	}
/* shopping_guide_link */
#shopping_guide_link {
	}
#shopping_guide_link ul {
	margin-top: 10px;
	}
#shopping_guide_link ul li {
	}
#shopping_guide_link ul li a {
	color: #333;
	}
/* btn_area */
.btn_area {
	}
.btn_area li {
	display: block;
	margin: 10px 0;
	}
.sp_concept_img {
text-align: center;
}
.sp_concept_img img {
text-align: center;
width: 80%;
height: auto;
margin: 10px 0;
}
.sp_naturalclub_img img {
text-align: center;
width: 100%;
height: auto;
margin: 0 0 10px 0;
}
/*  products_list
----------------------------------------------- */
#products_list {
	}
#products_list .item_list {
	margin: 0;
	}
#products_list .item_list > li {
	float: none;
	padding: 10px 0;
	width: 100%;
	}
#products_list .item_list > li .photo {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	}
#products_list .item_list > li .info {
	display: inline-block;
	margin-left: 2%;
	width: 66%;
	vertical-align: top;
	}
.pagenumberarea {
	position: relative;
	display:block;
	margin-top:10px;
	z-index: 2;
	}
.pagenumberarea ul {
	}
.pagenumberarea ul li {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 12px;
	}
.pagenumberarea ul li a, .pagenumberarea ul li span {
	display: block;
	padding: 10px 0;
	width: 100%;
	background: #dfc6a6;
	color: #000;
	}
.pagenumberarea ul li span {
	background: #efebe6;
	}
.pagenumberarea ul li a:hover {
	color: #000;
	}
.pagenumberarea ul li:first-child a, .pagenumberarea ul li:first-child span {
	border-radius: 5px 0 0 5px;
	}
.pagenumberarea ul li:last-child a, .pagenumberarea ul li:last-child span {
	border-radius: 0 5px 5px 0;
	}
/*  products_detail
----------------------------------------------- */
#products_detail {
	}
#products_detail .right_block {
	float: none;
	width: 100%;
	}
#products_detail .left_block {
	float: none;
	width: 100%;
	}
#products_detail #thumb_photo {
	margin: 10px 0;
	}
#products_detail #thumb_photo li {
	margin: 0 0 2% 5px;
	width: 31.1%;
	height: 80px;
	}
#products_detail #thumb_photo li:nth-child(3n) {
	margin-right: 0;
	}
#products_detail #thumb_photo li:nth-child(3n+1) {
	clear: both;
	}
#products_detail .cart_area .select_area {
	margin: 10px 0;
	/*border-bottom: solid #ccc 1px;*/
	}
#products_detail .cart_area .select_area dl {
	margin: 0;
	padding: 5px 0;
	/*border-top: solid #ccc 1px;*/
	}
#products_detail .cart_area .select_area dl dt {
	display: inline-block;
	/*width: 20%;*/
	}
#products_detail .cart_area .select_area dl dd {
	display: inline-block;
	width: 75%;
	}
#products_detail .cart_area .select_area dl dd select {
	width: 100%;
	}
#user_voice .lead {
	text-align: center;
	}
#user_voice .lead img {
	margin-top: 10px;
	}
#related_item .item_list {
	margin: 10px 0;
	}
#related_item .item_list li {
	width: 50%;
	}
/*  login
----------------------------------------------- */
div#undercolumn_login .login_area .inputbox dl dt {
	float: none;
	width: 100%;
	}
div#undercolumn_login .login_area .inputbox dl dd {
	padding: 5px 0;
	}
/*  cart
----------------------------------------------- */
.flow_area img {
	width: 100%;
	}
#address_area .information {
	float: none;
	width: 100%;
	}
#address_area .add_multiple {
	float: none;
	padding: 10px 5%;
	width: 90%;
	}
/*  footer
----------------------------------------------- */
#footer {
	margin-top: 0;
	}
/*  pop up window
----------------------------------------------- */
div#windowcolumn {
	margin: 10px auto;
	width: 90%;
	}
div#window_area {
	width: 100%;
	}
div#window_area table {
	width: 100%;
	}
div#window_area #forgot {
	padding: 10px 5%;
	width: 90%;
	}
div#window_area #forgot dl {
	}
div#window_area #forgot dl dt {
	float: none;
	padding: 0;
	width: 100%;
	text-align: left;
	font-weight: bold;
	}
div#window_area #forgot dl dd {
	padding: 5px 0;
	}
}
@media only screen and (max-width: 737px) {
div#undercolumn_entry .formarea_main {
	overflow:visible;
	height:auto;
}
}
@media only screen and (min-width: 738px) {
div#undercolumn_entry .formarea_main {
	overflow:auto;
	height:200px;
}
}
.yes_sp{display:none;}
@media only screen and (max-width: 737px) {
  .yes_pc{display: none;}
  .yes_sp{display: block;margin: 0 auto;}  
}