/***************************************************
* 共通css
* UTF-8
***************************************************/

/* 全体
------------------------------------------ */
#container_a #shop_top{
	width: 320px;
	margin: 0 auto;
}
#container_a #shopdetail2{
	width:100%;
	background:#FAFAFA;
	color:#595757;
	font-weight: bold;
	margin:0% 0 0 0;
	padding:0;
	border:none;
	border-spacing:0;
	display: table;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#container_a #shopdetail2 img{width:;}
#container_a #shopdetail2 dd{display: table-cell;vertical-align:middle;}
#container_a #shopdetail2 #shopdetail2_title {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	width:240px;
	margin:0;
	padding:0;
	overflow:hidden;
	height: auto;
}
#container_a #shopdetail2 #aeonshop_url{width:80px;}
#container_a #shopdetail2 #aeonshop_url img{width:;}

#container_a #shop_foot{
	width: 320px;
	margin: 0 auto;
}
#container_a #shoptitle2{
	width:;
	height: 32px;
	line-height: 0;
	background:#FAFAFA;
	color:#595757;
	font-weight: bold;
	margin:2% 0 0 0;
	padding:0;
	border:none;
	border-spacing:0;
	display: table;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
#container_a #shoptitle2 img{width:;}
#container_a #shoptitle2 dd{display: table-cell;vertical-align:middle;}
#container_a #shoptitle2 #shopnamedisp1 {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	width:240px;
	margin:0;
	padding:0;
	overflow:hidden;
	height: auto;
}


#container_a .backbtn{
	width: 250px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

#container_a #product{
	width: 250px;
	margin: 0 auto 12px auto;
}
#container_a #product img{
	width: 100%;
}
#container_a #product h3{
	width: 250px;
	margin: 0 0 6px 0;
}
#container_a #product ul{
	width: 250px;
	overflow: hidden;
}
#container_a #product ul li{
	float: left;
	width: 116px;
	margin: 0 0 6px 6px;
}
#container_a #product ul li.one{
	width: 238px;
}

#container_a #net{
	width: 320px;
	margin: 10px auto 12px auto;
}
#container_a #net img{
	width: 100%;
}
#container_a #net h3{
	width: 256px;
	margin: 0 auto 6px auto;
}
#container_a #net ul{
	width: 310px;
	margin: 0 auto;
	overflow: hidden;
}
#container_a #net ul li{
	float: left;
	width: 116px;
	margin: 0 0 6px 6px;
}
#container_a #net ul li{
	float: left;
	width: 152px;
	margin: 0 0 6px 0px;
}
#container_a #net ul li:nth-child(2),
#container_a #net ul li:nth-child(4),
#container_a #net ul li:nth-child(6),
#container_a #net ul li:nth-child(8){
	width: 152px;
	margin: 0 0 6px 6px;
}
/*#container_a #net ul li:nth-child(3),
#container_a #net ul li:nth-child(5),
#container_a #net ul li:nth-child(7),
#container_a #net ul li:nth-child(9){
	width: 152px;
	margin: 0 0 6px 6px;
}*/

#container_a #net ul li.one{
	width: 310px;
}

#container_a #new{
	width: 320px;
	margin: 0 auto 12px auto;
}
#container_a #new img{
	width: 100%;
}
#container_a #new h3{
	width: 320px;
	margin: 0 0 6px 0;
}
#container_a #new ul{
	width: 320px;
	overflow: hidden;
}
#container_a #new ul li{
	float: left;
	width: 156px;
	margin: 0 0 8px 0px;
}
#container_a #new ul li.one{
	width: 238px;
}


#container_a #ichioshi{
	width: 320px;
	margin: 0px auto 0px auto;
	padding: 10px 0 0 0;
	background: #ececec;
}
#container_a #ichioshi img{
	width: 100%;
}
#container_a #ichioshi h3{
	width: 256px;
	margin: 0 auto 6px auto;
}
#container_a #ichioshi ul {
    width: 310px;
    margin: 0 auto;
    overflow: hidden;
}
#container_a #ichioshi ul li{
	float: none;
	overflow: hidden;
	margin: 0 0 3px 0px;
	padding: 3px 0 3px 0;
	background: #fff;
}
#container_a #ichioshi ul li .thumb{
	float: left;
	width: 70px;
	padding: 0px 10px 0px 3px;
}
#container_a #ichioshi ul li .info{
	float: left;
	width: 226px;
	height: 60px;
	padding: 0px 0px 5px 0px;
	color: #666;
	text-align: left;
}
#container_a #ichioshi ul li .info h3{
	margin: 4px 0 6px 0;
	color: #b4007b;
	width: 220px;
	font-size: 13px;
}
#container_a #ichioshi ul li .info p{
	margin: 0 0 0 0.5em;
	font-size: 12px;
	line-height: 1.2em;
}


#container_a #information{
	width: 320px;
	margin: 0 auto 0 auto;
	background: #eee;
}
#container_a #information h3{
	width: 250px;
	margin: 0 0 6px 0;
}
#container_a #information img{
	width: 100%;
}
#container_a #information ul{
	width: 310px;
	margin: 0 auto;
	overflow: hidden;
}
#container_a #information ul li{
	width: 310px;
	margin: 0 0 6px 0;
}

#container_a #information ul.campaign{
}
#container_a #information ul.campaign li{
	float: none;
	overflow: hidden;
	margin: 0 0 3px 0;
	padding: 3px 0 3px 0;
	background: #fff;
}
#container_a #information ul.campaign li.one{
	padding: 0 0 0 0;
	background: #fff;
}
#container_a #information ul.campaign li .thumb{
	float: left;
	width: 70px;
	padding: 0px 5px 0px 3px;
}
#container_a #information ul.campaign li .info{
	float: left;
	width: 226px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	color: #666;
	text-align: left;
}
#container_a #information ul.campaign li .info h3{
	margin: 4px 0 6px 0;
	color: #b4007b;
	width: 220px;
	font-size: 13px;
}
#container_a #information ul.campaign li .info p{
	margin: 0 0 0 0.5em;
	font-size: 12px;
	line-height: 1.2em;
}



/* header
------------------------------------------ */
#container_a #header #shopname{
	background:#fafafa;
	padding: 12px 0 12px 0;
}
#container_a #header{
	margin:0;
	padding:0;
	width: 320px;
	margin: 0 auto;
	position: relative;
	/*-- 170317 add --*/
	z-index: 999;
	/*-- 170317 add ここまで --*/
}
#container_a #header_area{
	width: ;
	margin: 0 auto;
	position: relative;
}
#container_a #header_area h1{
	line-height: 0;
	font-size: 0;
}
#container_a #header_area #shopname{
	position: absolute;
	width: 200px;
	top: 10px;
	left: 54px;
}
#container_a #header_area #menu{
	position: absolute;
	width: 30px;
	top: 2px;
	right: 2px;
}

.head_bnr img{
	width:100%;
}

#container_a #chirashi_title h3{
	width: 256px;
	padding: 5px 0 5px 0;
	margin: 0 auto 0 auto;
}
#container_a #chirashi_title h3 img{
	width: 100%;
}
#container_a #side{
	/*overflow: scroll-y;*/
	width: 320px;
	margin: 0;
	/* overflow:  hidden; */
	height:  60px;
	padding: 3px 0px 0px 0px;
	/* height: 100%; */
	/* position: absolute !important; */
	/*top: 70px;*/
	/* top: 164px; */
	right: 0;
	z-index: 999;
	background: rgba(235,235,235,0.6);
	/*overflow:hidden;*/
}
#container_a #side.fixed{
	position: fixed !important;
	top: 0;
}
#container_a #side p#side_otoku{
	width: 40px;
	margin: 0 0px 3px 0px;
	float: left;
	position: relative;
	height: 100%;
	display:none; 
}
#container_a #side.fixed p#side_otoku{
	display:block; 
}
/*#container_a #side p#side_otoku img{
	position: absolute;
	top: 50%;
	left: 0;
	margin: -28px 0 0 0;
}*/
#container_a #side p#menu{
	width: 40px;
	margin: 0 0 0px 0;
	float:right;
}
#container_a #side ul{
	width: 240px;
	margin: 0 0 0px 0;
	float: left;
}
#container_a #side ul li{
	width: 40px;
	margin: 0 3px 3px 0;
	float: left;
}
#container_a #side img{
	width: 100%;
	vertical-align: ;
}

#container_a #g_menu{
	padding: 10px;
	width: 300px;
	margin: 0 0;
	position: absolute;
	top: 56px;
	left: 0;
	background: rgba(255,255,255,.9);
	display: none;
	z-index: 1000;
}
#container_a #g_menu nav {
  padding: 0 0;
  /* margin-bottom: 17px; */
}
#container_a #g_menu nav ul {
	border-top:#b42a83 1px solid;
	text-align: left;
	margin: 0 0 0px 0;
	width: 300px;
}
#container_a #g_menu nav ul li {
	border-bottom:#CCC 1px dotted;
	width: 300px;
}
#container_a #g_menu nav ul li#shop_etc {
	width: 100%;
}

#container_a #g_menu nav ul li a {
	color:#333;
	font-size:100%;
  display: block;
  text-decoration: none;
  padding: 12px 10px;
  background: url(../img/arrow.gif) no-repeat 97% 50%;
  background-size:contain;
  -webkit-background-size:contain;
}


/* 全体
------------------------------------------ */
#container_a #contents {
	width: 320px;
	margin: 0 auto;
	padding:  0;
	height: 100%;
	overflow: scroll-y;
	position: relative;
	/* background:#F2F2F2; */
	}
#container_a #contents #main{
	width: 320px;
	/* margin: 59px 0 0 0; */
	padding: 0;
	background: #fff;
}


#container_a #chirashi_menu{
	padding: 0 0 0px 0;
	background: #eee;
}
#container_a #chirashi_menu h3 {
    width: 256px;
    margin: 6px auto 6px auto;
}
#container_a #chirashi_menu h3 img{
    width: 100%;
}
#container_a #chirashi_menu li{
	/*-- 170317 add 6px => 10px --*/
	padding: 0 0 10px 0;
	position: relative;
	width: 320px;
	height: 480px;
}
#container_a #chirashi_menu li img{
	width: 320px;
}
#container_a #chirashi_menu li a{
	display: block;
}
#container_a #chirashi_menu li p{
	margin: 0;
	padding: 0;
	color: #666;
}
#container_a #chirashi_menu .case1,
#container_a #chirashi_menu .case2,
#container_a #chirashi_menu .case3{
	position: absolute;
	bottom: 35px;
	left: 6px;
	width: 238px;
	height: 80px;
	background: url(../img/case.png) no-repeat;
	background-size: 100% auto;
}
#container_a #chirashi_menu .case1 .baku{
	position: absolute;
	bottom: 2px;
	right: 3px;
	width: 115px;
	height: 65px;
	background: url(../img/baku.png) no-repeat;
	background-size: 100% auto;
}
#container_a #chirashi_menu .case1 .img img,
#container_a #chirashi_menu .case2 .img img,
#container_a #chirashi_menu .case3 .img img{
	width: 100%;
}
#container_a #chirashi_menu .case1 .img{
	position: absolute;
	bottom: -2px;
	left: 5px;
	width: 150px;
}
#container_a #chirashi_menu .case1 .hkakaku{
	position: absolute;
	bottom: 20px;
	right: 6px;
	color: #fff;
	font-size: 16px;
}
#container_a #chirashi_menu .case1 .zkakaku{
	position: absolute;
	bottom: 6px;
	right: 6px;
	color: #fff;
}
#container_a #chirashi_menu .case2 .img{
	position: absolute;
	bottom: -2px;
	left: 2px;
	width: 93px;
}
#container_a #chirashi_menu .case2 .maker{
	position: absolute;
	top: 25px;
	left: 95px;
	font-size: .9rem;
}
#container_a #chirashi_menu .case2 .txt{
	position: absolute;
	top: 40px;
	left: 95px;
	font-size: 1.1rem;
}
#container_a #chirashi_menu .case2 .hkakaku{
	position: absolute;
	bottom: 4px;
	right: 6px;
	color: #FF1815;
	font-size: 1.8rem;
}
#container_a #chirashi_menu .case3 .img{
	position: absolute;
	bottom: -2px;
	left: 2px;
	width: 93px;
}
#container_a #chirashi_menu .case3 .txt{
	position: absolute;
	top: 26px;
	left: 95px;
	z-index: 50;
}
#container_a #chirashi_menu .case3 .hkakaku{
	position: absolute;
	bottom: 18px;
	right: 6px;
	color: #FF1815;
	font-size: 1.8rem;
}
#container_a #chirashi_menu .case3 .zkakaku{
	position: absolute;
	bottom: 3px;
	right: 6px;
	color: #666;
	line-height: 6px;
	vertical-align: middle;
}
#container_a #chirashi_menu .case1 .hkakaku,
#container_a #chirashi_menu .case1 .zkakaku,
#container_a #chirashi_menu .case2 .hkakaku,
#container_a #chirashi_menu .case2 .zkakaku,
#container_a #chirashi_menu .case3 .hkakaku,
#container_a #chirashi_menu .case3 .zkakaku{
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	z-index: 100;
	position: absolute;
}
#container_a #chirashi_menu .case1 .hkakaku img,
#container_a #chirashi_menu .case1 .zkakaku img,
#container_a #chirashi_menu .case2 .hkakaku img,
#container_a #chirashi_menu .case2 .zkakaku img,
#container_a #chirashi_menu .case3 .hkakaku img,
#container_a #chirashi_menu .case3 .zkakaku img{
	margin: 0 2px 0 0;
}

/* ヘッダー
------------------------------------------ */


/* フッター
------------------------------------------ */
#container_a .shopdetail_notice {width: 320px;margin: 0 auto;font-size:11px;}
#container_a .shopdetail_notice ul{padding: 10px 5px 10px 20px;text-align: left;}
#container_a .shopdetail_notice ul li{list-style-image: url(../img/atte_square.png);}
#container_a .shopdetail_notice ul li img{}
#container_a .shopdetail_notice img{
    margin: 0 0 3px 0;
}
#container_a #footer {
	width: 320px;
	margin: 0 auto;
	padding: 0 0 0px 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
#container_a #footer #page_top {
  text-align: center;
  background:#eee;
	border-top:2px solid #e9e9e9;
}
#container_a #footer #page_top a {
	display: block;
	width:240px;
	margin:0 auto;
  padding:20px 0px;
  background: url(../img/p-top.gif) no-repeat 40px 50%;
  background-size:contain;
  -webkit-background-size:contain;
	color: #666;
	text-decoration: none;
}


#container_a #footer #page_top {
  text-align: center;
  background:#eee;
	border-top:2px solid #e9e9e9;
}

#container_a #footer #page_top a {
	display: block;
	width:240px;
	margin:0 auto;
	padding: 12px 0px;
	background: url(../img/p-top.gif) no-repeat 40px 50%;
	background-size:contain;
	-webkit-background-size:contain;
	color: #666;
	text-decoration: none;
}

#container_a #footer #copy_right {
	padding: 2% 5% 2% 5%;
	text-align: center;
	font-size: 11px;
	line-height:1.4em;
}

#container_a #footer #copy_right img {
  width: 100%;
  height: auto;
}

#container_a #local p a,
#container_a #web_flyer a,
#container_a #site_icon a {
  cursor: pointer;
}

#container_a #feed_loading img{width:100%;}

#container_a .shop li a img
{width:9%;padding-right:4%;}

/*----------------------------------------
    アサイド
----------------------------------------*/
#container_a #aside {
	width:100%;
	/*background:#efefef;*/
}

#container_a #aside #sns {
	padding: 18px 20px 18px 20px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	background:#fff;
}
#container_a #aside #sns ul {
	width:100%;
	margin:0;
	padding:0;
	overflow: hidden;
}
#container_a #aside #sns ul li.facebook {
	width: 65%;
	display: block;
	float: left;
	text-align: left;
	margin-bottom: 8px;
}
#container_a #aside #sns ul li.twitter {
	width: 30%;
	float: left;
	display: block;
	text-align: left;
	margin-bottom: 8px;
}
#container_a #aside #sns ul li.mixi {
	width: 65%;
	float: left;
	display: block;
	text-align: left;
	margin-bottom: 0px;
}
#container_a #aside #sns ul li.line {
	width: 30%;
	float: left;
	display: block;
	text-align: left;
	margin-bottom: 0px;
}

#container_a #more{
	position: fixed;
	bottom: 0;
	left: 0;
}


.shufoo{
	width: 310px;
	/*width: 100%;*/
	margin: 0 auto;
	padding: 0 5px 5px 5px;
	background: #eee;
}

#container_b .shufoo{
	/*width: 310px;*/
	width: 100% !important;
	/*margin: 0 auto;*/
	padding: 0 !important;
	background: #FFF !important;
}

.aeoncom{
	width: 310px;
	/*width: 100%;*/
	margin: 0 auto;
	padding: 0 5px 5px 5px;
	background: #eee;
}


/*  #flier
----------------------------------------*/
#container_a #flier{
	width: 320px;
	margin: 10px auto 12px auto;
}
#container_a #flier img{
	width: 100%;
}
#container_a #flier h3{
	width: 256px;
	margin: 0 auto 6px auto;
}
#container_a #flier ul{
	/* width: 963px; */
	overflow: hidden;
	margin-right: -3px;
	margin: 0 auto;
}
#container_a #flier li{
	float: left;
}
#container_a #flier li a{
	padding: 10px 10px 10px 10px;
	position: relative;
	text-align: center;
	float: left;
	width: 280px;
	text-decoration: none;
	/* height: 320px; */
	margin: 0px 10px 10px 10px;
	background: #f9f9f9;
	color: #666;
	border-radius: 4px;
}
#container_a #flier li img{
	width: 100px;
	margin: 0 0 5px 0;
}
#container_a #flier li p{
	width: 100%;
	margin: 0 0 5px 0;
}
#container_a #flier li h4{
	width: 100%;
}

/*  #flier
----------------------------------------*/
#container_b #flier{
	width: 320px;
	margin: 10px auto 12px auto;
}
#container_b #flier img{
	width: 100%;
}
#container_b #flier h3{
	width: 256px;
	margin: 0 auto 6px auto;
}
#container_b #flier ul{
	/* width: 963px; */
	overflow: hidden;
	margin-right: -3px;
	margin: 0 auto;
}
#container_b #flier li{
	float: left;
}
#container_b #flier li a{
	padding: 10px 10px 10px 10px;
	position: relative;
	text-align: center;
	float: left;
	width: 280px;
	text-decoration: none;
	/* height: 320px; */
	margin: 0px 10px 10px 10px;
	background: #f9f9f9;
	color: #666;
	border-radius: 4px;
}
#container_b #flier li img{
	width:auto;
	height: 143px;
	margin: 0 0 5px 0;
}
#container_b #flier li p{
	width: 100%;
	margin: 0 0 5px 0;
}
#container_b #flier li h4{
	width: 100%;
}

#f_menu1 #net h3{
	width: 90%;
	margin: 0 auto 0 auto;
}
#f_menu1 #net h3 img{
	width: 100%;
}
#f_menu1 #net li.one{
	width: 98%;
}




/* 新ヘッダー
------------------------------------------ */
header {
    z-index: 1000;
    /* position: fixed; */
    top: 0px;
    margin-left: 0px;
    width: 100%;
    left: 0px;
}
.MdHEAD01CMN {
    width: 100%;
}

.MdHEAD01CMN img{
    width: 100%;
}


/* 新フッター
------------------------------------------ */
.LyFoot {
    padding: 0;
}
.LyFoot .MdCMN01ListTxtBox {
    /* border-bottom: 1px solid #e1e1e1; */
    overflow: hidden;
}
.MdCMN01ListTxtBox {
    /*margin: 0 -15px;*/
}
.MdCMN01ListTxtBox li:nth-child(odd) {
    border-right: 1px solid #e1e1e1;
}
.MdCMN01ListTxtBox li:nth-child(-n+2) {
    border-top: 1px solid #e1e1e1;
}
.MdCMN01ListTxtBox li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #e1e1e1;
}
.MdCMN01ListTxtBox li a {
    display: table;
    width: 100%;
    color: #333;
}
.MdCMN01ListTxtBox li span {
    display: table-cell;
    height: 37px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.LyFoot .lyFootCopy {
    margin-top: 10px;
    font-size: 8px;
    color: #bdbdbd;
    line-height: 1;
    padding: 15px;
    overflow: hidden;
}
.LyFoot .lyFootCopyright {
    float: left;
}
.LyFoot .lyFootCopyright .lyFootLogo, .LyFoot .lyFootTree {
    background-image: url(../img/hf/sprite.png?20161207193104);
    height: 15px;
    -webkit-background-size: 195px 165.5px;
    background-size: 195px 165.5px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}
.LyFoot .lyFootCopyright .lyFootLogo {
    display: inline-block;
    margin-right: 20px;
    vertical-align: bottom;
    background-position: -35px -64px;
    width: 51px;
}
.LyFoot .lyFootTree {
    float: right;
    background-position: -64px -44px;
    width: 75px;
}
.LyFoot .lyFootTree {
    background-image: url(../img/hf/sprite.png?20161207193104);
    height: 15px;
    -webkit-background-size: 195px 165.5px;
    background-size: 195px 165.5px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
}
.LyFoot .lyFootTree a{
	display:block;
}
.LyFoot a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	text-decoration:none;
}


/*  ボタンピクト
----------------------------------------*/
a.icon_new{
    position:  relative;
}
a.icon_new:before{
	content: '';
	background: url(../img/menu/icon_new.png) no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
a.icon_hot{
    position:  relative;
}
a.icon_hot:before{
	content: '';
	background: url(../img/menu/icon_hot.png) no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
a.icon_popular{
    position:  relative;
}
a.icon_popular:before{	
	content: '';
	background: url(../img/menu/icon_popular.png) no-repeat;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}