@charset "utf-8";

/************************************************
 min-width: 1000px
************************************************ */
@media only screen and (max-width: 1000px) {

/*  共通
----------------------------------------------- */
.no_tablet { display: none; }
.tablet { display: block; }

/*  container
----------------------------------------------- */
#container {
	width: 100%;
}

/*  header
----------------------------------------------- */
#header {
	margin: 0 3%;
}

#dog { width: 100%; }

/* gnav */
#gnav {
}
#gnav img { height: 15px; }

/*  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: 5px 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; }
#top_main ul .third { float: right; height: auto; }
#top_main .bnr { background: none !important; }
#top_main .bnr img { width: 100%; visibility: visible; }
#top_main .bx-wrapper { float: none; width: 100%; height: auto; position: relative; margin: 0 auto 0; padding: 0; *zoom: 1; }
/* 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%; }

/* 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%; }
.monoinfo {
float: left;
margin-top: 10px;
}

/*  products_detail
----------------------------------------------- */
#products_detail {
}
#products_detail .right_block { width: 30%; }
#products_detail .left_block { width: 66%; }
#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 {
	display: block;
	padding: 20px 3%;
}

#footer .footer-ssl{
	display: block;
	width: auto;
	text-align: center;
	padding-bottom: 20px;
}
#footer .footer-txt{
	display: block;
	width: auto;
	text-align: center;
}

/*  アドレス、パスワードが正しくない時の画面
----------------------------------------------- */
div#undercolumn_error {
    width: 100%;
    /*margin-left: -10%;*/
}
div#undercolumn_error .message_area {
    width: 70%;
    margin: 0 auto;
    margin-top: 0 auto;
    margin-top: 20px;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

}

/************************************************
 min-width: 800px
************************************************ */
@media only screen and (max-width: 800px) {
/* logo */
#logo img.logo-txt{
	width: 230px;
	padding-top: 7px;
}
}

/************************************************
 min-width: 700px
************************************************ */
@media only screen and (max-width: 700px) {

/*  共通
----------------------------------------------- */
.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; }

/*  table
----------------------------------------------- */
table td { word-break: break-all; }

/*  header
----------------------------------------------- */
#header {
}
#header .right_block { display: none; }
#header .menu {
	float: right;
	padding: 10px 0;
	width: auto;
}
#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%; }
#dog { display: none; }

/* gnav */
#gnav {
}
#gnav .sp { display: table; width: 100%; background: none; border: none; }
#gnav ul li {
	display: table-cell;
	float: none;
	width: auto;
	background: #019f5a;
	border-top: solid #01884f 1px;
	border-right: solid #01884f 1px;
	border-bottom: solid #bbe3d1 1px;
	border-left: solid #03c76c 1px;
	text-align: center;
	vertical-align: middle;
}
#gnav ul li a { display: block; padding: 0; height: auto; background: none; border: none; color: #fff; }
#gnav ul li:nth-child(3),
#gnav ul li:nth-child(4) { padding: 5px 0; width: 25%; }
#gnav ul li:nth-child(4) { background: #d5261b; }
#gnav ul li img { width: 80%; 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: 150px; overflow-x: hidden; overflow-y: auto; }
#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; }

/*  products_list
----------------------------------------------- */
#products_list {
}
#products_list .item_list { margin: 0; }
#products_list .item_list > li { float: left; padding-right: 1%; width: 49%; height: 260px; }
#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; }

.monoinfo { float: none; }
.monoitem_list li {  }
.monophoto {float: none;}

.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: #daefda; color: #333; }
.pagenumberarea ul li span { background: #999; }
.pagenumberarea ul li a:hover { color: #fff; }
.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; }

#mono_itembox .item_list li { width: 47.5%; margin-bottom: 10px;}

/*  アドレス、パスワードが正しくない時の画面
----------------------------------------------- */
div#undercolumn_error {
    width: 100%;
    margin-left: 0.5%;
}
div#undercolumn_error .message_area {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

}


/*  追加　フリーページ用　
----------------------------------------------- */
p.rs-image img { width: 100%; }
table.rs-image img { width: 100%; }