@charset "UTF-8";

/*---------------------------------------------
    ＰＣ版のみフリーエリアの画像が大きく表示されている
---------------------------------------------*/
::selection {
	background-color: #996c33;
	color: #fff;
}
.product_article > div{
    max-width: 1000px;
    margin: auto;
}
.product_article #wrap {
	width: 680px;
	margin: 0 auto;
}
.product {
	width: 100%;
	background: url('/html/upload/save_image/bg_product.png') repeat 0 0;
	padding: 25px 25px 0 25px;
	box-sizing: border-box;
}
.product-box {
	margin-bottom: 20px;
	background-color: #fff;
	padding: 20px;
}
.product-box::after{
    content: "";
    display: block;
    clear: both;
}
.product-box:last-child {
	margin-bottom: 0;
}
.product-box .ly {
	overflow: hidden;
	margin: 0 0 20px 0;
}
.product-box .ly .ly-l {
	width: 50%;
	float: left;
}
.product-box .ly .ly-r {
	width: 50%;
	float: right;
}
.product-box .ly .ly-r .txt {
	margin-left: 15px;
}
.txt {
	width: 280px;
}
.txt dl dt {
	font-size: 24px;
	color: #cf0000;
	border-bottom: 1px dashed #996c33;
	padding: 0 0 12px 0;
	margin-bottom: 10px;
}
.txt dl dd {
	font-size: 14px;
	line-height: 1.7em;
}
.explain {
	background-color: #996c33;
	padding: 15px 20px;
  font-size: 18px;
}
.explain p {
	font-size: 14px;
	line-height: 1.6em;
	color: #fff;
}
.skip {
	text-indent:-5000px;
	width:0; height:0;
	line-height:0; font-size:0;
	margin:0 !important; padding:0 !important;
	border:0px none !important;
}

/*---------------------------------------------
    レシピ部分のテキストと画像が左寄せ
---------------------------------------------*/
/*.syabu{
    max-width: 1000px;
    margin: auto;
}
.syabu h3.title {
    font-size: 18px;
    margin: 40px 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #333;
}
.syabu ul.recipe {
    overflow: hidden;
    margin: 0!important;
padding: 0;
}
.syabu ul.recipe li {
    float: left;
    margin: 0 12px 10px 0;
}
.syabu ul.recipe li:nth-child(3n) {
    margin-right: 0;
}
.syabu ul.recipe li a {
    display: block;
    height: 50px;
    line-height: 100px;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin: 5px 0 0 0;
}*/

#JournalList .journal-cont ul li, #Journal .journal-cont ul li{
    list-style: none;
}

#JournalList .journal-cont ul, #Journal .journal-cont ul{
    margin: 0!important;
}
/*.syabu ul.recipe li:nth-child(3n) {
    margin-right: 0;
}
.syabu ul.recipe li a {
    display: block;
    height: 50px;
    line-height: 100px;
    text-align: center;
    color: #000;
    font-size: 14px;
    margin: 5px 0 0 0;
}*/


/*---------------------------------------------
    ＰＣ版のみ一部フリーエリア〜
---------------------------------------------*/
.scroll {
	width: 634px;
	height: 131px;
	box-sizing: border-box;
	border: 2px solid #b4b4b4;
	overflow-y: scroll;
	padding: 30px;
	font-size: 15px;
	line-height: 1.6em;
	margin: 0 auto;
}
.step {
	padding: 67px 340px 0 45px;
	box-sizing: border-box;
}
.step01 {
	width: 680px;
	height: 408px;
	background: url('/html/upload/save_image/azuma_img_09.jpg') no-repeat 0 0;
}
.step02 {
	width: 680px;
	height: 400px;
	background: url('/html/upload/save_image/azuma_img_10.jpg') no-repeat 0 0;
}



.step03 {
	width: 680px;
	height: 383px;
	background: url('/html/upload/save_image/azuma_img_11.jpg') no-repeat 0 0;
}
.step03-2 {
	width: 680px;
	height: 530px;
	background: url('/html/upload/save_image/azuma_img_12.jpg') no-repeat 0 0;
}
.step04 {
	width: 680px;
	height: 397px;
	background: url('/html/upload/save_image/azuma_img_18.jpg') no-repeat 0 0;
}
.step05 {
	width: 680px;
	height: 393px;
	background: url('/html/upload/save_image/azuma_img_19.jpg') no-repeat 0 0;
}
.step06 {
	width: 680px;
	height: 406px;
	background: url('/html/upload/save_image/azuma_img_20.jpg') no-repeat 0 0;
}
.step h3 {
	font-weight: normal;
	font-size: 25px;
	color: #6b3900;
	margin: 0 0 10px 0;
}
.step h3 span.number {
	background: url('/html/upload/save_image/azuma_img_17.png') no-repeat 0 0;
	display: inline-block;
	width: 40px;
	height: 50px;
	color: #fff;
	text-indent: 12px;
	line-height: 50px;
	font-size: 25px;
	font-weight: normal;
}
.step p.txt {
	font-size: 14px !important;
	color: #362e2b;
	line-height: 1.6em !important;
}
.step p.txt span {
	color: #ff0000;
}
.step03-2 {
	text-align: center;
}
.step03-2 img {
	margin: 0 0 20px 0;
}
.step01 .box {
	background-color: #fff;
	width: 294px;
	height: 111px;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 10px;
	border-bottom: 3px solid #cdcbc9;
	border-right: 3px solid #cdcbc9;
}
.step01 .box h4 {
	color: #cf9541;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #cf9441;
	width: 250px;
	padding: 0 0 8px 0;
}
.step01 .box p {
	font-size: 14px !important;
	line-height: 1.6em !important;
	margin: 10px 0 0 0;
}
.btn-box {
	position: relative;
}
.btn-box .btn {
	position: absolute;
	top: 388px;
	left: 374px;
}
/*table#itemDetail{
	width:680px;
	border: 1px solid #c0914f;
	font-size:14px;
	margin-top: 25px;
}
table#itemDetail th{
	width:180px;
	background-color:#e3bb82;
	color:#fff;
	border: 1px solid #c0914f;
	padding:10px;
	text-align: center;
}
table#itemDetail td{
	padding:10px;
}
table#itemDetail .ttl{
	background-color:#c0914f;
	color:#fff;
	border: 1px solid #c0914f;
	padding:15px;
	font-size:18px;
	text-align: center;
}*/



@media screen and (max-width: 679px) {
  .product_article #wrap {
    width: 100%;
  }
  #wrap img {
    max-width: 100%;
  }
  #media_info {
    width: 100%;
    height: 40vw;
  }
  .step {
    padding: 3% 50% 0 3%;
  }
  .step h3 {
    font-size: 4vw;
    margin: 0 0 3%;
  }
  .step h3 span.number {
    width: 8vw;
    height: 10vw;
    background-size: 90%;
    text-indent: 2.4vw;
    font-size: 5vw;
    line-height: 10vw;
  }
  .step p.txt {
    font-size: 2.6vw !important;
    line-height: 1.4em !important;
  }
  .step01 {
    background: #f3f2ee url(/html/upload/save_image/azuma_img_09.jpg) no-repeat 0 0;
    width: 100%;
    height: 66vw;
    background-size: 100%;
  }
  .step01 .box {
    width: 100%;
    height: 21vw;
    padding: 3%;
  }
  .step01 .box h4 {
    font-size: 3vw;
    width: 100%;
    margin: 0;
  }
  .step01 .box p {
    font-size: 2vw !important;
    line-height: 1.2em !important;
  }
  .step02 {
    width: 100%;
    background-size: 100%;
    height: 56vw;
  }
  .step03 {
    width: 100%;
    background-size: 100%;
    height: 53vw;
  }
  .step03-2 {
    width: 100%;
    padding: 3%;
    height: 85vw;
    box-sizing: border-box;
  }
  .step03-2 img {
    margin: 0 0 3%;
  }
  .step04 {
    width: 100%;
    background-size: 100%;
    height: 56vw;
  }
  .step05 {
    width: 100%;
    background-size: 100%;
    height: 57vw;
  }
  .step06 {
    width: 100%;
    background-size: 100%;
    height: 57vw;
  }
  /*table#itemDetail {
    width: 94%;
    margin: 3% auto;
  }
  table#itemDetail .ttl {
    font-size: 4vw;
    padding: 3%;
  }
  table#itemDetail th {
    font-size: 3vw;
    width: 30%;
    padding: 3%;
  }
  table#itemDetail td {
    font-size: 3vw;
    padding: 3%;
  }*/
  .btn-box .btn {
    position: absolute;
    bottom: 7%;
    right: 5%;
    display: block;
    width: 40%;
    top: auto;
    left: auto;
  }
   /* .syabu ul.recipe {
    padding: 0;
    overflow: hidden;
    margin: 0!important;
  }*/
}