@charset "utf-8";

/** reset **/

#mainImage {
  margin-top: 20px;
}

#mainImage img {
  width: 100%
}

h2 {
	margin-bottom:0;
}

.michiba-item-box {
  display:none;
}
@media screen and (max-width: 640px) { /** forMobile **/
  .michiba-item-box {
    display:block;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  .michiba-item-box h3 {
    font-size:1.1em;
  }
}


@media screen and (max-width: 640px) { /** forMobile **/
  .michiba-item-box .michiba-item-title {
    margin:5px auto 15px auto;
    width:85%;
    display:block;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  .michiba-item .michiba-photo img {
    width:70%;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  .michiba-item-box li {
    margin-bottom:10px;
  }
}

#recommend .item_box {
  margin-top:15px;
}

/** reset **/


#osusumeBannerArea {
	margin-bottom:20px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #osusumeBannerArea {
    display:none;
  }
}


#categoryMenuArea {
	margin-bottom:20px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #categoryMenuArea {
    display:none;
  }
}


#categoryMenuAreaMobile {
  display:none;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #categoryMenuAreaMobile {
    display:table;
    margin-bottom:25px;
    width:100%;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  #categoryMenuAreaMobile td {
    padding:3px 3px 0 3px;
    line-height:1em;
    text-align:center;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  #categoryMenuAreaMobile td img {
    width:100%;
  }
}

#pickup {
	margin-top:10px;
}

#pickup table th {
	padding:0 5px 2px 5px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #pickup table th {
    display:block;
  }
}

#pickup table th img {
	width:250px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #pickup table th img {
    width:100%;
  }
}

#pickup table td {
	padding:5px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #pickup table td {
	padding:0 5px 15px 5px;
    display:block;
    font-size:0.9em;
  }
}


#pickup table td strong {
	color:#2e3192;
}

/*人気商品ベスト5*/

#indexRanking {
	background: url(../img/index/rankingBg.gif);
	padding:5px;
	border-bottom:2px solid #FAC6A7;
  overflow:hidden;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking {
    background: url(../img/index/rankingBg.gif);
    background-size:100%;
    padding:10px 3% 0 3%;
    border-bottom:1px solid #FAC6A7;
    box-sizing:border-box;
  }
}


#indexRanking li {
	float: left;
	width: 118px;
	margin-top:15px;
	margin-left:20px;
	text-align:center;
	list-style:none;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking li {
    float:none;
    width:100%;
    margin:0;
    text-align:left;
  }
}

#indexRanking li dl {
  overflow:hidden;
}

#indexRanking li dt {
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking li dt {
    width:30%;
    float:left;
  }
}

#indexRanking li dd {
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking li dd {
    width:65%;
    float:right;
  }
}

#indexRanking li dd a {
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking li dd a {
    font-size:1.2em;
    display:block;
    margin-top:5px;
  }
}

#indexRanking .rank {
	padding-top:5px;
	font-size:13px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking .rank {
    margin-bottom:5px;
  }
}


#indexRanking .rank_no1 {
	font-size:13px;
	color:#ED1C24;
}

#indexRanking .rank_no1 img {
	vertical-align:middle;
}

#indexRanking a img {
	margin-bottom:5px;
	width:110px;
	border:1px solid #666;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking a img {
    width:100%;
  }
}

#indexRanking .comment {
	text-align: left;
	padding: 8px 0 0 0;
	font-size:0.8em;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #indexRanking .comment {
    font-size:0.95em;
  }
}


/*サイト更新情報*/

#whatsNew {
	margin-bottom:20px;
}

#whatsNew dl {
	border-bottom:1px dotted #CCCCCC;
	padding:5px 0;
  overflow:hidden;
}

#whatsNew dt {
	float:left;
	width:150px;
	background:url(../img/common/onePoint01.png) no-repeat 130px 2px;
	color:#555555;
	padding-left:10px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #whatsNew dt {
    float:none;
    width:100%;
    background:none;
    color:#9E9E9E;
    padding-left:0;
    margin-bottom:3px;
  }
}

#whatsNew dd {
	float:left;
	width:560px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #whatsNew dd {
    float:none;
    width:auto;
    padding-left:20px;
    background:url(../img/common/onePoint01.png) no-repeat 0 0;
  }
}


/*わたしのひとりごと*/
#staffVoice {
	margin-bottom:20px;
}

#staffVoice table {
	width:100%;
	background: url(../img/index/staffVoiceBg.gif);
	border-bottom:2px solid #dca7fc;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #staffVoice table {
    background-size:100%;
    border-bottom:1px solid #dca7fc;
  }
}

#staffVoice .staff_img {
	width:130px;
	text-align:right;
	padding:20px 40px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #staffVoice .staff_img {
    width:20%;
    text-align:center;
    padding:10px;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  #staffVoice .staff_img img {
    width:100%;
  }
}

#staffVoice table td {
	padding:20px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #staffVoice table td {
    padding:10px 10px 10px 0;
    font-size:0.9em;
  }
}

#jalArea {
  width:600px;
  margin:auto;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #jalArea {
    width:100%;
    margin:auto;
  }
}

#jalArea th {
  padding-right:20px;
}
@media screen and (max-width: 640px) { /** forMobile **/
  #jalArea th {
    padding-right:10px;
    width:35%;
  }
}

@media screen and (max-width: 640px) { /** forMobile **/
  #jalArea th img {
    width:90%;
  }
}

#jalArea td p {
  margin-bottom:0.8em;
}

#jalArea td p.small {
  line-height:1.2em;
}