@charset "shift_jis";
/* CSS Document */
* {
	margin:0;
	padding:0;
	font-family:"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif !important;
}

img {
	vertical-align:bottom;
	border:none
}
#omochi_recipe, #recipe {
	width:750px;
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
	background:url(../IMAGE/omochi_recipe/bg.jpg) repeat;
}
#omochi_recipe .ank a:hover img, #omochi_item .ank a:hover img{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
background: none;
}

#omochi_recipe a{
	/*text-decoration:underline*/
}

#omochi_recipe a:hover {
	color:#FF3300
}

#omochi_recipe a:hover img, #omochi_item a:hover img{
opacity:0.6;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: none;
}

#omochi_recipe a:hover p img{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
background: none;
}

#omochi_recipe .rss{
	width:750px;
	margin:0 auto;
	padding:0 0 0 130px;
	text-align:left;
	line-height:4;
	background:url(../IMAGE/omochi_recipe/rss_bg.jpg) no-repeat;
}
#omochi_recipe li {
	list-style:none;
	float:left
}

#omochi_recipe .ank{
		margin:15px 0 0;
}
#omochi_recipe .ank ul {
	width:750px;
	overflow:hidden
}
#omochi_recipe .ank li {
	width:375px
}

#omochi_recipe h3, #recipe h3, #omochi_item h3{
	position:relative;
	z-index:2;
	top:30px;
}

#omochi_recipe div#japan, #omochi_recipe div#world{
  width: 720px;
  margin:0 auto;
  overflow:hidden;
  background-image:
    linear-gradient(
      transparent 97%,
      rgba(242, 242, 242, 1) 5%
    ),
    linear-gradient(
      90deg,
      transparent 97%,
      rgba(242, 242, 242, 1) 5%
    );
  background-size: 30px 30px;
  background-repeat: repeat;
  background-color:#FFF;
  z-index:1;
}

[class*=bg] {
  @include inline-block;
  width: 100%;
  height: 100px;
}




/* NEW */

#omochi_recipe li.new{
  width: 690px;
  margin:60px 15px 40px;
  background-color:#FFEFCE;
  border-radius: 6px;
}

#omochi_recipe li.new_none{
  width: 690px;
  margin:30px 0;
}
#omochi_recipe li.new figure {
  width: 690px;
  overflow:hidden;
  position:relative;
}
#omochi_recipe li.new figure .new_img{
  box-shadow:0 2px 4px #9E9E9E;
  border-radius: 3px;
  border:solid 1px #ddd;
  padding:10px;
  margin:20px;
  background:#fff;
  float:left;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);

}
#omochi_recipe li.new figure .new_bt{
  margin:20px;
  width:auto;
  float:right;
}
#omochi_recipe li.new figure figcaption{
  display:inline-block;
  width:410px;
  font-size:22px;
  font-weight:bold;
  color:#663300;
  line-height:3;
  text-align:center;
  margin:10px 20px 0 0;
  background:url(../IMAGE/omochi_recipe/new_t_bg.jpg) bottom no-repeat;
}
#omochi_recipe li.new figure p{
  display:inline-block;
  width:410px;
  margin:10px 20px 0 0;
  text-align:left;
  font-size:15px;
}
#omochi_recipe li.new figure p.icon {
  width:66px;
  margin:0;
  z-index:3;
  position:absolute;
  top:18px;
  right:602px;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}
#omochi_recipe li.new figure.line{
  border-top: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,1);
}

/* バックナンバー */
#omochi_recipe li.backnumber{
  width: 700px;
  margin:0 10px 10px;
  position:relative
}
#omochi_recipe li.backnumber figure {
  box-shadow:0 1px 4px 1px #9E9E9E;
  border-radius:3px;
  background: #fff;
  color: #111;
  display: block;
  margin: 0 8px 40px;
  overflow:hidden;
  width: 214px;
  display:inline-block;
  min-height:265px;
  position:relative
}
#omochi_recipe li.backnumber figure img{
  border: solid 1px #ddd;
  margin: 10px 10px 0;
}

#omochi_recipe li.backnumber figure figcaption{
  display:block;
  font-size:21px;
  font-weight:bold;
  color:#663300;
  line-height:1;
  text-align:center;
  margin:5px auto;
  padding:0 2px;
  vertical-align:middle;
}

#omochi_recipe li.backnumber figure figcaption .chiiki{
  font-size:14px;
  line-height:150%;
}

#omochi_recipe li.backnumber figure p.icon {
  width:66px;
  margin:0;
  z-index:3;
  position:absolute;
  top:0;
  left:0;
}

#omochi_recipe li.backnumber figure p.icon img{
	margin:0;
	padding:0;
	border:0
}

#omochi_recipe .font_19{
  font-size:19px;
  letter-spacing:-0.05em
}
/* バナー */
#omochi_recipe li.banner{
  width: 720px;
  margin:0 auto 50px;
}

/* レシピ */
#recipe{
  font-size:15px;
  color:#663300;
}


#recipe p.info{
  width:680px;
  margin:50px auto 0;
  padding-bottom:30px;
  text-align:left;
  background:url(../IMAGE/omochi_recipe/recipe/item/ti_bg.jpg) bottom no-repeat;
}
#recipe h3.title{
  background:url(../IMAGE/omochi_recipe/recipe/item/ti.png) bottom no-repeat;
  height:80px;
  margin-top:0;
  color:#FFF;
  font-size:30px;
  line-height:3.2;
}
#recipe p.navi{
  width:750px;
  margin:50px auto 0;
}


/* レシピ 材料 */
#recipe div.cooking{
	width:680px;
	margin:0 auto;
	padding:40px 20px;
}
#recipe div.cooking ul li.photo{
  width:285px;
  display:inline-block;
  box-shadow:0 1px 4px 1px #9E9E9E;
  border-radius:3px;
  background: #fff;
  color: #111;
  overflow:hidden;
}
#recipe div.cooking ul li.txt{
  width:360px;
  font-size:15px;
  color:#663300;
  margin:0 0 0 20px;
  display:inline-block;
  vertical-align:top;
  letter-spacing:-0.3em;
}

#recipe li.photo img{
  border: solid 1px #ddd;
  margin: 10px;
}
#recipe div.cooking ul p.menu_name{
  font-size:18px;
  text-align:left;
  font-weight:bold;
  border-bottom:3px solid #f66;
  letter-spacing:normal;
}
#recipe div.cooking ul li.txt dt{
  width:180px;
  display:inline-block;
  font-weight:bold;
  text-align:left;
  line-height:2;
  border-bottom:1px dotted #630;
  letter-spacing:normal;
}
#recipe div.cooking ul li.txt dt.noline{
  border-bottom: none;
  width:355px;
  margin-top:10px
}
#recipe div.cooking ul li.txt dd{
  width:175px;
  display:inline-block;
  text-align:left;
  line-height:2;
  border-bottom:1px dotted #630;
  letter-spacing:normal;
}


/* レシピ 作り方 */
#recipe div.step{
	width:680px;
	margin:0 auto;
}
#recipe div.step p.menu_name{
  font-size:18px;
  text-align:left;
  font-weight:bold;
}


#recipe div.step ol{
  counter-reset:number;
  list-style:none;
  margin:0;
  padding:0;
}


#recipe div.step ol li:before{
  counter-increment: number;
  content: counter(number);
  float: left;
  background: #663300;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.7;
  margin-top:4px;
  text-indent:0;
}
#recipe div.step ol li{
  text-align: left;
  text-indent:0.5em;
  line-height:2;
}
/* レシピ コメント */
#recipe div.coment{
	width:640px;
	margin:20px auto;
	padding:20px;
	background-color:#FFEFCE;
	text-align:left;
	border-radius:6px;
}
#recipe div.coment p.menu_name{
  font-size:18px;
  font-weight:bold;
  margin-bottom:10px;
}


/* レシピ下アイテム */

#omochi_item li {
	list-style:none;
	float:left
}
#omochi_item dt, #omochi_item dd {
	float:left
}

#recipe .box, #omochi_item .box {
	width:720px;
	margin:0 auto;
	background-color:#FFF;
	overflow:hidden;
}
#omochi_item .box3 {
	width:720px;
	margin:0 auto;
	padding-top:40px;
	background-color:#FFF;
	overflow:hidden;
}
#omochi_item .ul_3 {
	width:699px;
	margin:0 20px 0 16px;
	padding-top:13px;
	overflow:hidden
}
#omochi_item .ul_3 li {
	width:222px;
	border:#D2D2D2 1px solid;
	margin:0 4px 15px 3px
}
#omochi_item .ul_3 dl {
	width:218px;
	margin:2px 2px 8px 2px;
	overflow:hidden
}
#omochi_item .ul_3 dd {
	width:218px
}
#omochi_item .ul_3 li.li_w210 {
	width:210px;
	border:none;
	margin:0 5px 0 18px
}
#omochi_item .red {
	width:690px;
	margin:0 25px 0 20px;
	background:url(../IMAGE/151027kagamimochi/red.gif) top no-repeat;
	padding-top:31px
}
#omochi_item .line {
	width:690px;
	margin:0 25px 0 20px;
	padding:20px 0;
	background:url(../IMAGE/151027kagamimochi/line.gif) top no-repeat;
	overflow:hidden
}
#omochi_item .line2_y {
	width:690px;
	margin:0 25px 0 20px;
	padding:20px 0;
	background:url(../IMAGE/151027kagamimochi/line2_y.gif) top no-repeat;
	overflow:hidden
}
#omochi_item .ul_2 {
	width:712px;
	margin:0 15px 20px 10px;
	padding-top:11px;
	overflow:hidden
}
#omochi_item .ul_2 li {
	width:333px;
	border:#D2D2D2 1px solid;
	margin:0 10px 0 9px;
	overflow:hidden
}
#omochi_item .ul_2 dl {
	width:329px;
	margin:2px;
	overflow:hidden
}
#omochi_item .dl_w329 {
	width:329px;
	margin:0;
	padding:8px 0 4px 0;
	overflow:hidden
}
#omochi_item .dl_w329 dt {
	width:102px;
	margin-left:9px;
	text-align:left
}
#omochi_item .dd_w131 {
	width:131px
}
#omochi_item .line2 {
	background:url(../IMAGE/151027kagamimochi/line2.gif) bottom no-repeat;
}


/*価格プログラム*/
#omochi_item .buy_price, #omochi_item .buy_price li {
	float:none;
	line-height:100%;
	width:auto;
	padding:0;
	margin:0;
	border:none;
	background:none
}
#omochi_item .buy_price {
	padding:10px 0
}
#omochi_item .pb17 .buy_price {
	padding:17px 0
}
#omochi_item li.motoprice, #omochi_item span.spesicalprice {
	display:none
}
#omochi_item li.price {
	display:inline;
	color:#ff0000;
	font-size:18px;
	font-weight:bold
}
#omochi_item span.spesicalprice {
	color:#00F;
	font-size:12px
}
#omochi_item .intax {
	display:inline;
	color:#ff0000;
	font-size:11px
}

/* ヘッダー会員ランク部分 */
#header div.header_under ul.status_view li.h_kaiin_p{
	line-height:0;
}

#header div.header_under ul#head_rank li#head_rank_view{
	line-height:0;
}
#header div.header_under ul#head_rank li#head_rank_btn{
	line-height:0;
}
#header div.header_under ul.status_view li.head_point_view{
	line-height:1;
}
#header div.header_under ul.status_view li.member_nm{
	letter-spacing:-0.5px;
}