@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%;
}
/* logo */
#logo {
	width: 37.5%;
}
#logo img { 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: 20px 3% 0;
}

div#right-side{
display:none;
}

/* search_keyword */
#search_keyword {
}
#search_keyword .search { float: none; width: 100%; }
#search_keyword .search dt { display: none; 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 {}
#search_keyword .keyword { display: none; }


/* header-bn */
div.header-bn ul li{ width:49%; margin:0 2% 10px 0; }
div.header-bn ul li:nth-last-child(2){ margin:0 0 10px 0; }
div.header-bn ul li:nth-last-child(1){ display:none; }
div.header-bn ul li img{ width:100%; }


/* 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_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%; }

/*  products_detail
----------------------------------------------- */
#products_detail {
}
.right_block { width: 48%; }
.left_block { width: 48%; }
#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) {

/*  共通
----------------------------------------------- */
.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 {
	margin:0;
}
#header .right_block { display: none; }
#header .menu {
	float: right;
	padding: 10px 0;
	padding:0;
	width: 20%;
	width:11%;
	margin:0 0 0 2%;
}
#header .menu img { width: 100%; }

/* tagline */
#tagline { display: none; }

/* logo */
#logo {
	padding: 10px 0;
	width: 37.5%;
	font-size: 80%;
	margin:0 0 0 1%;
}
#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: 20%;
	background: #4f4f4f;
	border: none; 
	text-align: center;
	vertical-align: middle;
	-webkit-appearance: none; 
}
#gnav ul li a { display: block; padding: 11px 0; background: none; height:17px;color: #fff; border-left-style: none; border-right: solid #8a8a8a 1px; }
#gnav ul li:nth-child(5) { border-right-style:none; }
#gnav ul li:nth-child(5) { background: #d5261b; padding:2px 0 0 0; border-right-style:none; }
#gnav ul li img { width: 50%; height: auto; }
#gnav ul li:hover {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
	text-decoration: none;
}
#gnav ul li a:hover { text-decoration: none;}

/*  column
----------------------------------------------- */
#top_main_column{ float: none; width: 100%; }

#main_column{
	float:none;
	margin:0 3%;
	width:94%;
}

#side_column { display: none; }


/*  contents
----------------------------------------------- */

#contents{
	margin:10px 0 0;
}



/* pagetop */
#pagetop { margin: 20px auto 0; width: 72%; text-align: center; }
#pagetop	img { width: 100%; }

/* search_keyword */
#search_keyword {
	overflow: hidden;
	background:#fff;
	margin-bottom:0;
}

#search_keyword .search dd form{
	overflow:hidden;
}

#search_keyword .search dt,
#search_keyword .search dd { display: inline-block; vertical-align: middle; }
#search_keyword .search dt { display:none; margin-right: 3%; padding-left: 4%; width: 26%; background-size: 8px; font-size: 80%; }
#search_keyword .search dd { width: 100%; }
#search_keyword .search dd .txt {
	width: 80%;
	box-sizing:border-box;
	height:44px;
	vertical-align:middle;
	-webkit-appearance: none;
	border-radius: 0;
	font-size:16px;
	text-indent:0.5em;
	float:left;
}
#search_keyword .search dd .btn {
	box-sizing:border-box;
	height:44px;
	background:#737373;
	padding:8px 0;
	overflow:hidden;
	vertical-align:middle;
	-webkit-appearance: none;
	border-radius: 0;
	float:left;
}

/* header-bn 
div.header-bn{ display:none; }
*/

/* 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 li:nth-child(1),
#shop_ranking .item_list li:nth-child(2){ 
	width:48%;
	margin-right:2%;
    padding-bottom: 10px;
 }
#shop_ranking .item_list li:nth-child(3),
#shop_ranking .item_list li:nth-child(4), 
#shop_ranking .item_list li:nth-child(5){ 
	width:31%;
	margin-right:2%;
}
#shop_ranking .item_list li .item_name{
    height: 3em;
}
#shop_ranking .item_list li .item_name:after{

	height: 1.5em;
}
#shop_ranking > div.block > div.frame {
    height: auto!important;
}
#shop_ranking .item_list .item_name { font-size: 80%; }

/* category_list */
#category_list.on {
	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-x: hidden;overflow-y: auto; height:300px;}
#information ul li { border-bottom: solid #e1e1e1 1px; }
#information ul li .comment { margin-top: 5px; padding: 5px;  }

/* 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: 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: #c1c1c1; color: #fff; }
.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 {
}
.right_block { float: none; width: 100%; }
.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%; }
#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; }

}



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

#search_keyword .search dd .btn {
	width:20%;
}

}