@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   https://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height: auto;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width: 100%;
}
/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
}
#whole {
	max-width: 480px;
	padding: 0;
	margin: auto;
	background: url(../imgs/common/main_bg.gif);
}
.gridContainer {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
#nav {
	clear: none;
	float: none;
	margin-left: 0%;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: none;
	margin-left: auto;
	width: auto;
	display: block;
	text-align: left;
}

#logo:hover {
	opacity: 0.8;	
}

.products {
	clear: both;
	float: none;
	margin-left: auto;
	width: 100%;
	display: block;
}
#aside {
	clear: none;
	float: right;
	width: 96%;
	display: block;
	padding: 2%2% 0 2%;
}
#footer {
	clear: both;
	margin-left: 0;
	display: block;
}
/* サブバナー */
#detail_list {
	clear: both;
	background: #fff;
}
.link_txt {
	font-size: 94%;
	text-align: left;
	padding: 7px 10px 3px 10px ;
	margin: 0 7px 5px 7px;
	border-bottom: 1px dotted #ccc;
}
.banner_area ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
.banner_area li {
}
.banner_area li:first-child {
	margin-top: 0;
}
.banner_area li:last-child {
	margin-top: 0;
	margin-bottom: 10px;
}
.banner_area li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 5px;
	color: #02acbb;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
}
.banner_area li a:hover {
	text-decoration: underline;
}
.banner_area_pic {
	width: 42%;
	float: left;
	margin: 0 6% 5px 0;
}
.banner_area_pic a:hover {
	background: url(../imgs/common/item_hover.gif);
	border: 1px solid #63ced5;
	padding: 4px;
}

/* タイトル */

.common_h2 {
	background: #fff;
	padding: 7px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
}
.common_h2 h2.blue {
	background: url(../imgs/common/h2_blue_bg.gif);
	font-size: 93%;
	text-align: left;
	line-height: 100%;
	padding: 4% 1.68% 4% 15px;
}
.common_h2 h2.blue span {
	font-size: 9px;
	/*color: #62bee9;*/
	padding-right: 10px;
}

.common_h2 h2.pink {
	background: url(../imgs/common/h2_pink_bg.gif);
	font-size: 93%;
	text-align: left;
	line-height: 100%;
	padding: 4% 1.68% 4% 15px;
}
.common_h2 h2.pink span {
	font-size: 9px;
	color: #fc83c6;
	padding-right: 5px;
}
.common_h2 h2.green {
	background: url(../imgs/common/h2_green_bg.gif);
	font-size: 93%;
	text-align: left;
	line-height: 100%;
	padding: 4% 1.68% 4% 15px;
}
.common_h2 h2.green span {
	font-size: 9px;
	color: #76da86;
	padding-right: 5px;
}
.common_h2 h2 img {
	display: none;
}
.common_h3 {
	border-bottom: 2px dotted #bfbfbf;
	font-size: 108%;
	font-weight: bold;
	padding: 1% 0 1% 35px;
	letter-spacing: 0em;	
	margin-bottom: 25px;
	text-indent:-16px;
	background: url(../imgs/common/h3_bg.jpg) no-repeat 0% 0%;
}

.common_h3 span {
	color: #83ccd5;
	padding-right: 10px;
	font-size:9px;
	display: none;
}

/* 3つ並びバナー */

.common_bana {
	margin-bottom: 10px;
	margin-right: 0px;
}
.common_bana ul li {
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
}

.common_bana ul li a {
	border-radius: 5px;	
}


.common_bana ul li.bana1 a {
	text-align: center;
	display: block;
}
.common_bana ul li.bana2 a {
	text-align: center;
	display: block;
}
.common_bana ul li.bana3 a {
	text-align: center;
	display: block;
}

/* ヘッダー */

#header #logo {
	padding-left: 2%;
}
/*mnav*/
#mobile_nav {
	display: block;
	width: 92%;
	margin: 0 auto;
	background: #62bee9;
	padding: 15% 2% 2% 2%;
	z-index: 5;
	position: absolute;
	left: 2%;
	top: -400px;
	-webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.5);
	opacity: 0.95;
	border-radius: 0 0 5px 5px;
	z-index: 9999;
}
p#mnav_btn {
	position: absolute;
	top: 5%;
	right: 5%;
}
p#mnav_close {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding-left: 4%;
}
.mnav1, .mnav2 {
	padding: 3%;
	border-bottom: 1px solid #fff;
}
.mnav3 {
	padding: 3%;
}
ul.mnav2 li, ul.mnav3 li {
	background: url(../imgs/common/mobile_navi_arrow.png) no-repeat 0% 45%;
}
#mobile_nav ul li {
	float: left;
	padding: 2% 4% 2% 4%;
}
#mobile_nav ul li a {
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 100%;
}
.mnav1 li.search {
	width: 100%;
	padding-bottom: 3%;
}
.mnav1 li.search input.search_box {
	width: 70%;
}
.mnav1 li.cart {
	clear: both;
}
.mnav1 li.cart, .mnav1 li.login, .mnav1 li.logout, .mnav1 li.mypage {
	background: url(../imgs/common/mobile_navi_arrow.png) no-repeat 0% 45%;
}
/* ヘッダーナビ */


#hnav {
	width: 100%;
	float: none;
	display: none;
}
#hnav #hnav1 {
	width: 100%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#hnav #hnav1 ul li a:hover {
	text-decoration: underline;
}
#hnav #hnav1 ul li {
	background: url(../imgs/common/hnavi_arrow.png) no-repeat 0% 50%;
	padding-left: 17px;
	padding-right: 10px;
	line-height: 24px;
	float: left;
}
#hnav #hnav2 {
	width: 100%;
	float: none;
	background: #fff;
	border-top: 0px solid #ddd;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
#hnav #hnav2 ul li {
	float: none;
	font-family: Impact, impact;
	font-size: 14px;
	text-align: center;
}
#hnav #hnav2 ul li.search {
	padding: 5px 0 5px 0;
	width: auto;
	height: 26px;
	border-right: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#hnav #hnav2 ul li.cart {
	width: 25%;
	height: 36px;
	line-height: 36px;
	border-bottom: 0px solid #ddd;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.login {
	width: 25%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.logout {
	width: 25%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.mypage {
	width: 24%;
	height: 36px;
	line-height: 36px;
	float: left;
}
#hnav #hnav2 ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color:#313131;
}
#hnav #hnav2 ul li a:hover {
	background:url(../imgs/common/subnav_hover.gif);
}

#hnav_strong {
	display:none;
}
/* グローバルナビ */

#gnav {
	display: none;
}
/* サイドナビ */

.subnav {
	background: #fff;
	margin-bottom: 2%;
	padding: 0 8px 0 8px;
	border-radius: 5px;
}
.trigger {
	position: relative;
}
.acordion_tree {
	padding-bottom: 8px;
}
.subnav h2 span {
	font-size: 40%;
	display: block;
	text-indent: -9999px;
	background: url(../imgs/common/stitle_arrow.png) no-repeat top left;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 25%;
	right: 0%;
}
.subnav h2.active span {
	background: url(../imgs/common/stitle_arrow.png) no-repeat bottom left;
}
.stitle0 , .stitle1 , .stitle2 , .stitle3   {
	border-top: 3px solid #83ccd5;
}

.subnav0 {
	display: block;
	clear: both;
}

.subnav0 a {
	display: block;
	width: 100%;
	height:100%;
}

.subnav li {
	margin-bottom: 1px;
	font-size: 88%;
}
.subnav li:last-child {
	margin-bottom: 0;
}
.subnav li a {
	display: block;
	padding: 1.5em 20px 1.5em 10px;
	color: #313131;
	text-decoration: none;
	border-bottom:1px dotted #aaaaaa;
	/*background: #f2f2f2;*/
}
.subnav li a:hover {
	background:url(../imgs/common/subnav_hover.gif) repeat;
	color:#14aec1;
}
.subnav h2 {
	padding: 1% 0 1% 5px;
	border-bottom: 1px solid #e6e6e6;

}

.side_bana {
	margin-bottom: 5%;
	text-align :center;
	background: #fff;
	/*padding: 3% 0;*/
}

.side_bana a img {
	border-radius: 3px;
}

.side_bana a:hover {
	opacity: 0.8;
}

/* 160518 :460px以下のスクリーンサイズになると消える */

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

.side_bana.col2 {
	width: 48%;
	float: left;
}

.side_bana.col2.ml4per {
	margin-left: 4%;
}

.bnr_none {
	display:none
}

.sp {
	display: block;
}

.pc {
	display: none;
}

#idNews.sp {
	margin-bottom: 4%;
	padding: 0 4% 4% 4%;
	background: #fff;
}

.frontpage.side_bana {
	padding: 4% 0;
}

.frontpage.side_bana a {
	display: block;
	margin-bottom: 4%;
}

}




/* フッター */


#footer #foot_upper {
	margin: 30px auto 0 auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f5f2f5;
}
#footer #foot_lower {
	background: #fff;
	padding-bottom: 10px;
}
#foot_lower .pagetop {
	max-width: 980px;
	text-align: right;
	margin: 0 auto 10px auto;
}
#foot_lower ul {
	width: 40%;
	float: left;
}
#foot_lower ul li {
	float: left;
	font-size: 85%;
	color: #333;
	margin-right: 2%;
}
#foot_lower ul li a {
	color: #333;
}
#foot_lower ul li a:hover {
	text-decoration: underline;
}
#foot_lower p.copy {
	width: 60%;
	float: right;
	font-size: 85%;
	color: #333;
	text-align: right;
}
#foot_lower p.copy img {
	padding-left: 2%;
}
#foot_lower .foot_bottom {
	max-width: 980px;
	margin: 5px auto;
	border-top:1px solid #d9d7d9;
	padding-top:20px;
}
#footer .fnav {
	display: block;
	font-size: 110%;
	font-weight: bold;
	max-width: 1000px;
	margin: 0 auto 0 20px;
	padding-bottom: 20px;
}
#footer .fnav ul {
	float: left;
	width: 90%;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul:last-child {
	float: left;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul li {
	margin: 10px 0;
	background: url(../imgs/common/fnavi_arrow.png) no-repeat 0% 50%;
	padding-left: 20px;
}
#footer .fnav1 {
	margin-right: 50px;
}
#footer .fnav2 {
	margin-right: 50px;
}
#footer .fnav3 {
	margin-right: 50px;
}
#footer h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	display: block;
}
/* IE only */
.oldie #footer .fnav li {
	zoom: 1;
}
#footer .fnav li a {
	color: #313131;
	display: block;
}
#footer .fnav ul li a:hover {
	color: #666;
}
/* facebook */

.fb-box {
	width: 90%;
	margin: 0 auto;
}
.fb-like-box {
	margin: 0 auto;
}
div.fb-box .fbcomments, div.fb-box .fb_iframe_widget, div.fb-box .fb_iframe_widget[style], div.fb-box .fb_iframe_widget iframe[style], div.fb-box .fbcomments iframe[style], div.fb-box .fb_iframe_widget span {
	
}




/* 商品一覧 */
.products ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
.products li {
	width: 49%;
	float: left;
	margin: 0 1% 5px 0;
}
.products li:first-child {
	margin-top: 0;
}
.products li:last-child {
	margin-top: 0;
	margin-bottom: 10px;
}
.products li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 5px;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
}
.products li a:hover {
	background: url(../imgs/common/item_hover.gif);
	border: 1px solid #63ced5;
	padding: 4px;
}

.products ul li.hover_brn a:hover {
	background:url(../imgs/common/item_hover_brn.gif);
	border: 1px solid #e8cd81;
}

.products ul li.hover_pink a:hover {
	background: url(../imgs/common/item_hover_pink.gif);
	border: 1px solid #fc83c6;
}

.products ul li.hover_ppl a:hover {
	background: url(../imgs/common/item_hover_ppl.gif);
	border: 1px solid #c499dd;
}


.hover_grey a:hover {
	background: url(../imgs/common/item_hover_grey.gif) !important;
	border: 1px solid #d2d2d2 !important;
}

.products li:first-child a {
	margin-top: 0;
}
.products li a .photo {
	margin: 0;
	cursor: pointer;
}
.products li a .photo {
	text-align: center;
}
.products li a h3.name {
	margin: 0;
	padding: 0;
	text-align: center;
}
.products ul li.mb_pagetop {
	background: none;
	display: block;
	width: 49%;
	height: 100%;
}
.products ul.ranking li a {
	padding: 10px 3px 1px 5px!important;
}
.products ul.ranking li a:hover {
	padding: 9px 2px 0px 4px!important;
}
.products ul.ranking li {
	position: relative;	
}

.products ul.ranking li a p {
	position: absolute;
	top: 10px;
	left: 10px;
}

.txt {
	padding-left: 0;	
}

.pankuzu {
	display: none;	
}

.fb-box {
	display: none;
} 


/* タブレットレイアウト : 481 px ～ 1000 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
#whole {
	max-width: 748px;
	padding: 1.2%;
	margin: auto;
	background: url(../imgs/common/main_bg.gif);
	border-radius: 5px;
}
.gridContainer {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#nav {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 59.1836%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
}
.products {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	max-width: 768px;
	margin: 18px auto;
}
#aside {
	clear: none;
	float: right;
	width: 24.0%;
	display: block;
	padding: 0;
}
#footer {
	clear: both;
	margin-left: 0;
	display: block;
}
/* サブバナー */
#detail_list {
	clear: both;
	background: #fff;
}
.link_txt {
	font-size: 94%;
	text-align: left;
	padding: 7px 10px 3px 10px ;
	margin: 0 7px 5px 7px;
	border-bottom: 1px dotted #ccc;
}
.banner_area ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
.banner_area li {
}
.banner_area li:first-child {
	margin-top: 0;
}
.banner_area li:last-child {
	margin-top: 0;
	margin-bottom: 10px;
}
.banner_area li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 5px;
	color: #02acbb;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
}
.banner_area li a:hover {
	text-decoration: underline;
}
.banner_area_pic {
	width: 42%;
	float: left;
	margin: 0 6% 5px 0;
}
.banner_area_pic a:hover {
	background: url(../imgs/common/item_hover.gif);
	border: 1px solid #63ced5;
	padding: 4px;
}

/* タイトル */

.common_h2 {
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
}
.common_h2 h2 {
	background: url(../imgs/common/h2_blue_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68%;
}
.common_h2 h2 span {
	font-size: 9px;
	color: #83ccd5;
	padding-right: 10px;
}

.common_h2 h2.pink{
	background: url(../imgs/common/h2_pink_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px;
}
.common_h2 h2.pink span {
	font-size: 9px;
	color: ##fc83c6;
	padding-right: 10px;
}
.common_h2 h2.green {
	background: url(../imgs/common/h2_green_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px;
}
.common_h2 h2.green span {
	font-size: 9px;
	color: #76da86;
	padding-right: 10px;
}
.common_h2 h2 img {
	display: block;
}

/* ヘッダー */

#header #logo {
	padding-left: 0;
}
#mobile_nav {
	display: none;
}
#mnav_btn {
	display: none;
}
/* ヘッダーナビ */

#hnav {
	width: 70%;
	float: right;
	display: block;
}
#hnav #hnav1 {
	width: 23%;
	float: left;
	margin-left: 0;
	margin-bottom: 0px;
}
#hnav #hnav1 ul li a {
	color:#313131;
}
#hnav #hnav1 ul li a:hover {
	color:#3C9;
}
#hnav #hnav1 ul li {
	background: url(../imgs/common/hnavi_arrow.png) no-repeat 0% 50%;
	padding-left: 17px;
	padding-right: 0px;
	line-height: 24px;
	float: none;
}
#hnav #hnav2 {
	width: 66%;
	float: right;
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#hnav #hnav2 ul li {
	float: left;
	font-size: 86%;
	text-align: center;
}
#hnav #hnav2 ul li.search {
	padding: 5px 0 5px 0;
	width: 66.6%;
	height: 26px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#hnav #hnav2 ul li.cart {
	width: 32.9%;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #ddd;
	border-right: 0px solid #ddd;
	float: left;
} 
#hnav #hnav2 ul li.login {
	width: 33.3%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.logout {
	width: 33.0%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.mypage {
	width: 32.9%;
	height: 36px;
	line-height: 36px;
	float: left;
}
#hnav #hnav2 ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
/*#hnav #hnav2 ul li a:hover {
	background: #eff;
}*/

#hnav2 li img {
	width:15%;
	height:auto;
	margin-right:5px;
}

/* グローバルナビ */

#gnav {
	width: 100%;
	height: auto;
	background-image: url(../imgs/common/gnavi_bg.png);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	background-size: 100% 120%;
	margin: 10px auto;
	display: block;
}
#gnav ul {
	max-width: 768px;
	margin: 0px auto;
	padding-top: 3px;
}
#gnav ul li {
	width: 16.6%;
	float: left;
}
#gnav ul li.gnav1 {
	background: url(../imgs/common/gnavi_1h.png) no-repeat 0% 50%;
	background-size: 100% 100%;
}
#gnav ul li.gnav2 {
	background: url(../imgs/common/gnavi_2h.png) no-repeat 0% 50%;
	background-size: 100% 100%;
}
#gnav ul li.gnav3 {
	background: url(../imgs/common/gnavi_3h.png) no-repeat 0% 50%;
	background-size: 100% 100%;
}
#gnav ul li.gnav4 {
	background: url(../imgs/common/gnavi_4h.png) no-repeat 0% 50%;
	background-size: 100% 100%;
}
#gnav ul li.gnav5 {
	background: url(../imgs/common/gnavi_5h.png) no-repeat 0% 50%;
	background-size: 100% 100%;
}
#gnav ul li.gnav6 {
	background: url(../imgs/common/gnavi_6h.png) no-repeat 0% 50%;
	background-size: 100% 100%;
}
/* サイドナビ */

.subnav0 {
	display: none;
}

.subnav {
	background: #fff;
	margin-bottom: 10px;
	padding: 0 8px 8px 8px;
	border-radius: 5px;
}
.subnav li {
	margin-bottom: 1px;
	font-size: 88%;
}
.subnav li:last-child {
	margin-bottom: 0;
}
.subnav li a {
	display: block;
	padding: 0.5em 20px 0.5em 10px;
	color: #313131;
	text-decoration: none;
	/*background: #f2f2f2;*/
}
.subnav li a:hover {
}
.subnav h2 {
	padding: 5% 0 5% 5px;
	
}
.subnav h2 span {
	display: none;
}


.side_bana {
	margin-bottom: 5%;
	text-align :center;
	background: #fff;
	padding: 0;
}

.frontpage.side_bana {
	display: none;
}

/* フッター */


#footer .fnav {
	display: block;
	font-size: 110%;
	font-weight: bold;
	max-width: 1000px;
	margin: 0 auto 0 20px;
	padding-bottom: 0;
}
#footer .fnav ul {
	float: left;
	width: auto;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul:last-child {
	float: left;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul li {
	margin: 10px 0;
	/*background: url(../img/common/fnavi_arrow.gif) no-repeat 0% 50%;*/
	padding-left: 20px;
}
#footer .fnav1 {
	margin-right: 0px;
	width: 90%;
	border-bottom: 1px dotted #666;
}
#footer .fnav2 {
	margin-right: 50px;
	clear: both;
}
#footer .fnav3 {
	margin-right: 50px;
}
#footer .fnav4 {
}
#footer h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	display: none;
}
/* 商品一覧 */

.products ul {
	list-style: none;
	margin: 0 -1% 0 0;
	padding: 0;
}
.products li {
	width: 49%;
	float: left;
	margin: 0 1% 10px 0;
}
.products li:first-child {
	margin-top: 0;
}
.products li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 10px;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
}
.products li a:hover {
	background: url(../imgs/common/item_hover.gif);
	/*border: 1px solid #aa89bd;*/
	padding: 9px;
}
.products li:first-child a {
	margin-top: 0;
}
.products li a .photo {
	margin: 0;
	cursor: pointer;
}
.products li a .photo {
	text-align: center;
}
.products li a h3.name {
	margin: 0;
	padding: 0;
	text-align: center;
}
.products ul li.mb_pagetop {
	background: none;
	display: block;
	width: 49%;
	height: 100%;
}
.txt {
	padding-left: 3%;	
}

.pankuzu {
	display: block;	
}
}

/* デスクトップレイアウト : 1000 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

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

.pc {
	display: block;
}

.sp {
	display: none;
}

#whole {
	max-width: 980px;
	padding: 10px;
	/*margin: auto;
	background: url(../img/common/main_bg.gif);
	border-radius: 5px;*/
}
.gridContainer {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#hnav {
	/*clear: none;*/
	/*float: left;*/
	/*margin-left: 2.0408%;*/
	width: 750px;
	/*display: block;*/
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: auto;
	display: block;
}

#logo:hover {
	opacity: 0.8;	
}

.products {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.cl{
	margin-left:10%;
	}

#header {
	max-width: 1000px;
	margin: 10px auto;
}
#aside {
	clear: none;
	float: right;
	width: 24.0%;
	display: block;
	padding: 0;
}
#footer {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* タイトル */

.common_h2 {
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
}
.common_h2 h2.blue {
	background: url(../imgs/common/h2_blue_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px;
}
.common_h2 h2.blue span {
	font-size: 9px;
	/*color: #62bee9;*/
	padding-right: 10px;
}
.common_h2 h2.pink {
	background: url(../imgs/common/h2_pink_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px ;
}
.common_h2 h2.pink span {
	font-size: 9px;
	color: #fc83c6;
	padding-right: 10px;
}
.common_h2 h2.green {
	background: url(../imgs/common/h2_green_bg.gif);
	font-size: 108%;
	text-align: left;
	line-height: 100%;
	padding: 1.68% 1.68% 1.68% 15px;
}
.common_h2 h2.green span {
	font-size: 9px;
	color: #76da86;
	padding-right: 10px;
}
.common_h2 h2 img {
	display: block;
}

/* 3つ並びバナー */

.common_bana {
	margin-bottom: 10px;
	margin-right: -9px;
}
.common_bana ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 5px;
}

.common_bana ul li a {
	border-radius: 5px;	
}


.common_bana ul li.bana1 a {
	background-color: #fc83c6;
	display: block;
}
.common_bana ul li.bana2 a {
	background-color: #62bee9;
	display: block;
}
.common_bana ul li.bana3 a {
	background-color: #46d55d;
	display: block;
}

/* 2段並びバナー */

.products_01 {
	clear: both;
	float: none;
	margin-left: auto;
	width: 100%;
	display: block;
}

.common_bana_1 {
	margin-bottom: 10px;
	margin-right: -9px;
}
.common_bana_1 ul li {
	float: left;
	margin-right: 9px;
	margin-bottom: 5px;
}

.common_bana_1 ul li a {
	border-radius: 5px;	
}


.common_bana_1 ul li.bana1 a {
	background-color: #fc83c6;
	display: block;
}
.common_bana_1 ul li.bana2 a {
	background-color: #62bee9;
	display: block;
}
.common_bana_1 ul li.bana3 a {
	background-color: #46d55d;
	display: block;
}

/* ヘッダー */

#mobile_nav {
	display: none;
}
#mnav_btn {
	display: none;
}
/* ヘッダーナビ */

#hnav #hnav1 {
	width: 100px;
}
#hnav #hnav1 ul li a:hover {
	text-decoration: underline;
}
#hnav #hnav1 ul li {
	background: url(../imgs/common/hnavi_arrow.png) no-repeat 0% 50%;
	padding-left: 17px;
	padding-right: 0px;
	line-height: 24px;
	float: none;
}
#hnav #hnav2 {
	width: 390px;
	height: 73px;
	/*float: left;
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
}
#hnav #hnav2 ul li {
	float: left;
	font-family: Impact, impact;
	font-size: 14px;
	text-align: center;
}
#hnav #hnav2 ul li.search {
	padding: 5px 0 5px 0;
	width: 66.6%;
	height: 26px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#hnav #hnav2 ul li.cart {
	width: 32.9%;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #ddd;
	border-right: 0px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.login {
	width: 33.3%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.logout {
	width: 33.0%;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #ddd;
	float: left;
}
#hnav #hnav2 ul li.mypage {
	width: 32.9%;
	height: 36px;
	line-height: 36px;
	float: left;
}
#hnav #hnav2 ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
/*#hnav #hnav2 ul li a:hover {
	background: #eff;
}*/

#hnav_strong {
	display:block;
	float:right;
}

#hnav_strong img {
	height: 76px;
	width: auto;
}

/* グローバルナビ */


#gnav {
	display: block;
	width: 100%;
	height: 48px;
	background-image: url(../imgs/common/gnavi_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 100% 100%;
	margin: -10px auto 10px auto;
}
#gnav ul {
	max-width: 1000px;
	margin: 0px auto;
	padding-top: 4px;
}
#gnav ul li {
	float: left;
}

.subnav {
	background: #fff;
	margin-bottom: 10px;
	padding: 0 8px 8px 8px;
	border-radius: 5px;
}
.subnav li {
	margin-bottom: 1px;
	font-size: 100%;
}
.subnav li:last-child {
	margin-bottom: 0;
}
.subnav li a {
	display: block;
	/*padding: 0.5em 20px;*/
	color: #313131;
	text-decoration: none;
	/*background: #f2f2f2;*/
}
.subnav li a:hover {
}
.subnav h2 {
	padding: 5% 0 5% 5px;
}
.subnav h2 span {
	display: none;
}

.side_bana {
	margin-bottom: 5%;
	text-align :center;
	background: #fff;
	padding: 0;
}
/* フッター */

#footer .fnav {
	display: block;
	font-size: 110%;
	font-weight: bold;
	max-width: 1000px;
	margin: 0 auto 0 auto;
	/*padding-bottom: 20px;*/
}
#footer .fnav ul {
	float: left;
	width: auto;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul:last-child {
	float: left;
	border-bottom: 0px dotted #666;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .fnav ul li {
	margin: 10px 0;
	/*background: url(../img/common/fnavi_arrow.gif) no-repeat 0% 50%;*/
	padding-left: 20px;
}
#footer .fnav1 {
	width: auto;
	margin-right: 50px;
	border-bottom: 0px dotted #666;
}
#footer .fnav2 {
	margin-right: 50px;
	clear: none;
}
#footer .fnav3 {
	margin-right: 50px;
}
#footer .fnav4 {
}
#footer h4 {
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0;
	text-align: center;
	display: none;
}
/* 商品一覧 */

.products ul {
	list-style: none;
	margin: 0 -1% 0 0;
	padding: 0;
}
.products li {
	width: 32.3%;
	float: left;
	margin: 0 1% 10px 0;
}
.products li:first-child {
	margin-top: 0;
}
.products li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 10px 10px 1px 10px;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
.products li a:hover {
	background: url(../imgs/common/item_hover.gif);
	/*border: 1px solid #aa89bd;*/
	padding: 9px 9px 0px 9px;
}
.products li:first-child a {
	margin-top: 0;
}
.products li a .photo {
	margin: 0;
	cursor: pointer;
}
.products li a {
	text-align: center;
	display: block;
}
.products li a span {
	display: block;

}
.products ul li.mb_pagetop {
	background: none;
	display: none;
	width: 49%;
	height: 100%;
}

.txt {
	padding-left: 3%;	
}
.fb-box {
	max-width:980px;
	display: block;
} 

.pankuzu {
	display: block;	
}
/* サブバナー */
#detail_list {
	background: #fff;
	min-height: 188px;
}
.link_txt {
	font-size: 94%;
	text-align: left;
	padding: 7px 10px 3px 10px ;
	margin: 0 7px 5px 7px;
	border-bottom: 1px dotted #ccc;
}
.banner_area ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
.banner_area li {
	width: 31.3%;
	float: left;
	margin: 0 2% 5px 0;
}
.banner_area li:first-child {
	margin-top: 0;
}
.banner_area li:last-child {
	margin-top: 0;
	margin-bottom: 10px;
}
.banner_area li a {
	display: block;
	overflow: auto;
	margin: 0;
	padding: 5px;
	color: #02acbb;
	text-decoration: none;
	border-radius: 5px;
	background: #fff;
}
.banner_area li a:hover {
	text-decoration: underline;
}

.banner_area_pic a:hover {
	background: url(../imgs/common/item_hover.gif);
	border: 1px solid #63ced5;
	padding: 4px;
}

/* ---------------------------------------------------------
感謝キャンペーン(20140701)
----------------------------------------------------------*/
.no-cursor a span.photo {
	cursor: default !important;
}

}