@charset "utf-8";
/* CSS Document */

/*************************
  base layout
*************************/


body{
}

body #content_inner{
	background:#5D5D5D;
}
#l {
	background:#FFF;
	width:842px;
	min-height:750px;
	height:auto !important;
	height:750px;
}
/*************************
  side menu
*************************/
#r{
	color:#FFF;
	background:#5d5d5d;
}
#r a{
	color:#FFF;
	text-decoration:none;
}
#r a:hover,
#r a:focus,
#r a:active {
	color:#A8A6A7;
}
#r ul{
	padding:10px 0 0 15px;
}
#r ul li{
	padding:0 0 5px 12px;
	background:url(../images/ec/ec_side_icon2.gif) no-repeat left 0.2em;
}
/*login form*/
#r form{
	padding:7px 0 13px 15px;
}
#r form th{
	width:4em;
}
#r form td{
	padding-right:7px;
}
#r form ul{
	padding-left:0;
}
#r form .regist{
	background:url(../images/ec/ec_side_icon1.gif) no-repeat left 0.6em;
	padding:5px 0 10px 16px;
}
#r form #login_btn {
	background:url(../images/ec/ec_side_login_bt.gif) no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	height:26px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	width:80px;
	display:block;
}
#r form #cart_btn{
	background:url(../images/ec/ec_side_cart_bt.gif) no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	height:33px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	width:148px;
}
#r #ec_side_mypage{
	padding:10px 5px 5px 5px;
}
#r #ec_side_mypage li{
	background:none;
	padding:0 0 5px 0;
}
/*tel*/
#r .tel{
	margin-top:10px;
	padding:20px 0 10px 15px;
	border-top:1px solid #474747;
}
/*banner*/
#r .banner_top{
	text-align:center;
	padding-top:3px;
}
/*************************
  top main
*************************/
#l #main {
	margin:90px 10px 10px;
	width:822px;
}
#l #main h1{
	padding:18px 0 18px 20px;
	background:#FFFFFF;
	border-bottom:#ECECEC solid 3px;
}
#l #main.error_main{
	margin-top:0;
	padding-top:110px;
	padding-left:30px;
	width:792px;
}
#l #main .item_list_ttl {
	padding:18px 20px 18px 20px;
	background:#FFFFFF;
	border-bottom:#ECECEC solid 3px;
}
#l #main .item_list_ttl .select_size {
	float:right;
	margin-top:-6px;
}
#l #main .item_list{
	padding:13px 20px 5px 20px;
	background:#FFFFFF;
	margin:5px 0;
}
#l #main .item_list dt{
	position:absolute;
	padding-top:7px;
}
#l #main .item_list dd{
	padding:0 0 10px 225px;
}
#l #main .item_list dd li{
	float:left;
	text-align:center;
	padding-right:20px;
	padding-bottom:10px;
	position:relative;
}
#l #main .item_list dd li div{
	position:absolute;
	right:20px;
	top:0;
}
#l #main .item_list dd li div img{
	border:none;
}
#l #main .item_list dd li img{
	vertical-align:bottom;
	border:1px solid #e6e6e6;
}
#l #main .item_list dd li p{
	width:90px;
	line-height:1.2;
	padding-top:6px;
}
#l #main .item_list dd li p.set{
	width:135px;
	line-height:1.2;
	padding-top:6px;
}
#l #main .item_list dd li p#complete{
	width:135px;
	line-height:1.2;
	padding-top:6px;
}
#l #main .pickup_item{
	padding:13px 16px 25px;
	background:#FFFFFF;
	margin:5px 0;
	position:relative;
}
#l #main .pickup_item .pickup_item_main{
	overflow:hidden;
	margin:0 10px;
}
#l #main .pickup_item .pickup_item_main ul{
	overflow:hidden;
	/* 189×pickup個数－11＝ */
	/*width:1690px;*/
	width:2446px;
}
#l #main .pickup_item .pickup_item_main ul li{
	float:left;
	text-align:center;
	margin-right:11px;
	position:relative;
	width:178px;
}
#l #main .pickup_item .pickup_item_main ul li.tail{
	margin-right:0;
}
#l #main .pickup_item .pickup_item_main ul li div{
	position:absolute;
	right:0;
	top:0;
}
#l #main .pickup_item .pickup_item_main ul li div img{
	border:none;
}
#l #main .pickup_item .icon_box .arrow{
	position:absolute;
	top:95px;
}
#l #main .pickup_item .icon_box .arrow_l{
	left:0;
}
#l #main .pickup_item .icon_box .arrow_r{
	right:0;
}
#l #main .pickup_item li img{
	vertical-align:bottom;
	border:1px solid #CCC;
}
#l #main .pickup_item li p{
	width:178px;
	line-height:1.2;
	padding-top:8px;
}
#l #main .index_menu{
	padding:5px 0 25px;
	background:#FFFFFF;
}
#l #main .index_menu li{
	float:left;
	text-align:center;
	padding:0 7px;
	border-right:1px solid #898989;
}
#l #main .index_menu li.tail{
	border-right-width:0;
}
#l #main .index_menu li img{
	vertical-align:bottom;
}
#l #main #products_pickup{
	padding:30px 0 20px;
}

#l #main .nowrap{
	white-space:nowrap;
}


#l #main .eggcp_banner{
	padding:13px 20px 5px;
}
#l #main #products_pickup h2{
	position:relative;
}
#l #main .pickup_item_banner{
	position:absolute;
	right:0;
	top:5px;
}


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

img{
	max-width:100%;
	height:auto;
}
#content{
	width:100%;
}
div#logo_onlineshop{
	position:relative;
	width:174px;
	padding:10px 0 0 10px;
	display:none;
}
div#logo_onlineshop.spview{
	display:block;
}
#pankuzu{
	float:none;
	padding:0 10px 0;
	text-align:right;
}
#pankuzu p{
	padding:0;
}

/*************************
  top main
*************************/
#l{
	float:none;
	width:100%;
	min-height:inherit;
}
#l #main{
	width:100%;
	margin:0;
}
#l #main.error_main{
	margin-top:0;
	padding:60px 10px;
	width:auto;
}
/* pickup */
#l #main .pickup_item{
	padding:7px 10px 10px 10px;
}
#l #main .pickup_item .pickup_item_main{
	margin:0 14px;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
}
#l #main .pickup_item .pickup_item_main ul{
	/* 100×pickup個数－10＝ */
	/* width:890px; */
	/*width:1090px;*/
    width:1290px;
}
#l #main .pickup_item .pickup_item_main ul li{
	width:90px;
	margin-right:10px;
	margin-bottom:10px;
}
#l #main .pickup_item .pickup_item_main ul li:last-of-type{
	margin-right:0;
}
#l #main .pickup_item .pickup_item_main ul li img{
	width:88px;
	height:88px;
}
#l #main .pickup_item .pickup_item_main ul li div img{
	width:30px;
	height:30px;
}
#l #main .pickup_item .icon_box .arrow{
	top:45px;
}
#l #main .pickup_item .icon_box .arrow img{
	width:7px;
	height:12px;
}
#l #main .pickup_item .icon_box .arrow_l{
	left:10px;
}
#l #main .pickup_item .icon_box .arrow_r{
	right:10px;
}
#l #main .pickup_item li p{
	width:90px;
}

/* title */
#l #main h1{
	margin:0;
	padding:10px;
}
#l #main h1 img{
	height:19px;
	width:auto;
}
#l #main .item_list_ttl{
	margin:0 0 7px;
	padding:10px;
}
#l #main .item_list_ttl img{
	height:17px;
	width:auto;
}
#l #main .item_list_ttl img[height^="4"]{
	height:34px;
}
#l #main .item_list_ttl .select_size{
	margin:-2px 0 0;
}
#l #main .item_list_ttl .select_size img{
	height:21px;
}
/* contents */
#l #main .item_list{
	margin:0;
	padding:0 0 10px 10px;
}
#l #main .item_list dt{
	position:relative;
	padding:7px 10px 10px 0;
    clear: both;
}
#l #main .item_list dt img{
	height:16px;
	width:auto;
}
#l #main .item_list dt img[height^="4"]{
	height:32px;
}
#l #main .item_list dt .reddot_label{
	display:none;
}
#l #main .item_list dd{
	padding:0;
    clear: both;
}
#l #main .item_list dd li{
	padding-right:10px;
	min-height:134px;
}
#l #main .item_list dd li div{
	right:10px;
}
#l #main .item_list dd li p{
	padding:4px 0 0;
}
/* product */
#l #main #products_pickup{
	margin:0;
	padding:10px 0 0;
}
#l #main .index_menu{
	display:none;
}

/*************************
  side menu
*************************/
#r{
	float:none;
	width:100%;
	padding-bottom:15px;
}
#r > a{
	display:block;
	background-color:#eee;
	padding-top:10px;
}
#r > a:last-of-type{
	padding-bottom:10px;
}
#r > a > img{
	display:block;
	width:300px;
	margin:0 auto;
}
#r > h3 > img{
	width:100%;
}
#r input{
	font-size:16px;
}
#r ul li{
	padding-bottom:7px;
}

#r .tel{
	padding:10px 0 5px 15px;
}
#r .pb20{
	padding-bottom:5px !important;
}
#r .banner_top:last-of-type{
	display:none;
}

#r #ec_side_mypage li{
	text-align:center;
}



#f{
}
#f .small{
	padding:10px 10px 0;
}
#f .align_r{
	padding:0 10px 10px;
}

}

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

}

/* 休暇表示対応（右カラム）
----------------------------------------------- */
#r .rightNotes {
    border:solid 1px #CCCCCC;
    padding:10px;
    color:#FFF;
    line-height:1.6;
    margin:0px 15px 10px;
}


/* 休暇表示対応（お問い合わせページ）
----------------------------------------------- */
.contact_main .notesText {
    border:solid 1px #FF0000;
    padding:10px;
    margin-top:20px;
    color:#FF0000;
    line-height:1.6;
    margin:20px 10px 0;
}

.contact_main .notesText span {
    display:block;
}

.contact_main .notesText .notesTextTitle {
    font-weight:bold;
    font-size:116%;
    padding-bottom:10px;
}