* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 11px;
    line-height: 22px;
    background-color: rgb(255,255,255);
		color: rgb(68,54,50);
}
img {
    display: block;
    width: 100%;
}

.robotof{
font-family: 'Roboto', sans-serif;
}

li {
    list-style:none;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
a {
    color: black;
    text-decoration: none;
}

.tw-btn,
.fb-btn{
  display: inline-block;
  vertical-align: top;
}
.tw-btn{
  margin-right: 6px;
    margin-top:2px;
}
.tw-btn img,
.fb-btn img{
    width: 23px;
}
header{
  padding: 12px 13px 12px;
}
header h1 img{
  width: 42px;
    margin-top:2px;
}
header h1{
  float:left;
  display: block !important;
}
header .sns{
  float:right;
}
/* 下層ページ */
.block{
  position: relative;
}
.block .fb-btn {
    position: absolute;
    top: 8px;
    right: 18%;
}
.block .tw-btn {
    position: absolute;
    top: 8px;
    right: 2%;
}
.block p.txt01{
  text-align: center;
  padding: 15px 12px 15px;
  font-size: 13px;
}

.block .txt02{
  padding: 12px;
  text-align: left;
    background:rgb(113,158,189);
  color: #fff
}
.block .txt02 .text{
  font-size: 12px;
}






.block2 .header01_bottom{
  padding: 8px 12%;
  position: relative;
}
.block2 .header01_bottom img.fukidasi{
    position: absolute;
    width: 18%;
    bottom: 16%;
    right: 7%;
}


hr{
    background-image: url("../images/border.png?20160322");
  margin: 0 auto;
  height: 5px;
  width: 92%;
  margin-top: 15px;
  margin-bottom: 15px;
  background-size: 600px 10px;
  border: none;
}

.bg-item{
  padding: 0 12px;
}
.bg-item .bg-white{
  background: #fff;
  border: 1px solid #ccc;
}
.bg-item .bg-white img.item{
  width:210px;
  height:210px;
  margin: 0 auto;
  padding-top: 20px;
}

.bg-item .bg-white .detail {
    margin-right: 7%;
    margin-left: 7%;
    padding-bottom: 7%;
    font-size: 13px;
}
.bg-item .bg-white .detail .name {
    font-weight: bold;
}
.bg-item .bg-white .detail span.send_free {
    background-color: #b82f00;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 5px 5px 0;
    padding: 4px;
}
.bg-item .bg-white .detail .sub{
    font-size: 11px;
}
.bg-item .bg-white .detail .price{
    margin: 6px 0px;
}

.block3{
  margin: 15px 0;
}
.block3 .text {
    color: rgb(4,140,130);
    padding: 12px 12px 0;
}
.block3 .title {
  background: url(../images/seticon.png) no-repeat;
  background-size: 32px auto;
  background-position: left center;
  padding-left: 40px;
}
.block3 .detail .btn1{
    width: 100%;
    background: #ce6363;
    margin-top: 16px;
    text-align: center;
    line-height: 35px;
    color: white;
}
.block3 .detail .btn1 img{
    display: inline-block;
    width: 95px;
    vertical-align: middle;
}
.block3 .detail .btn1 img {
    width: 122px;
}
.block3 .detail .btn2 a,
.block3 .detail .btn1 a{
    display: block;
}
.block3 .detail .btn2{
    width: 100%;
    background: #5f7eb7;
    margin-top: 16px;
    text-align: center;
    line-height: 35px;
    color: white;
}
.block3 .detail .btn2 img{
    display: inline-block;
    width: 95px;
    vertical-align: middle;
}
.block3 .detail .btn2 img {
    width: 95px;
}
.block3 .bg-item .bg-white .detail {
  padding-top: 7%;
}
.block3 .bg-item .bg-white .detail .description-red{
  color: #f00;
}
.block3 .bg-item .bg-white .detail .border{
  border: #ccc solid 1px;
  padding: 12px;
  margin-top: 10px;
}


.block4 {
  padding: 0 12px;
}
.block4 h1 {
  text-indent: inherit;
  color: rgb(87,122,178);
  font-weight: normal;
  margin-bottom: 12px;
  font-size: 14px;
}
.block4 .inner {
    background: #fff;
    padding: 12px;
}
.block4 .inner .colors_bottom{
  margin: 15px 0;
  padding: 0 16%;
}

.block4 .cotton {
    display: inline-block;
    font-size: 12px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-collapse:collapse;
    height: 118px;
}

.block4 .cotton th,
.block4 .cotton td {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    padding: 0;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
}
.block4 .cotton th span {
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.block4 .cotton th {
    height: 125px;
    padding: 0 5px;
}
.block4 .cotton td img {
}


footer{
    position: relative;
}

footer .btn-buy{
  width: 270px;
  background: #5f7eb7;
  text-align: center;
  line-height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -135px;
  margin-top: -30px;
}
footer .btn-buy a{
    display: block;
}
footer .btn-buy img{
    display: inline-block;
    width: 91px;
    vertical-align: middle;
}

.block .line {
    background-image: url("../images/line_dot.png");
    margin: 0 auto;
    height: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-size: 18%;
}
.block .detail .btn1{
    width: 100%;
    background: #ce6363;
    margin-top: 16px;
    text-align: center;
    line-height: 35px;
    color: white;
}
.block .detail .btn2{
    width: 100%;
    background: #5f7eb7;
    margin-top: 16px;
    text-align: center;
    line-height: 35px;
    color: white;
}
.btn3{
    width: 270px;
    background: #5F7EB7;
    text-align: center;
    color: white;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -135px;
    height: 35px;
    line-height: 35px;
}
.block .detail .btn1 img,
.block .detail .btn2 img {
    display: inline-block;
    width: 95px;
    vertical-align: middle;
}
.block .detail .btn1 img {
    width: 122px;
}
.block .detail .btn2 img {
    width: 95px;
}
.btn3 img {
    width: 252px;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block;
}
.btn3 a,
.block .detail .btn1 a,
.block .detail .btn2 a{
    width: 100%;
    display: inline-block;
}
.block .arrow-btn {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 4%;
    right: 3%;
    z-index: 9;
    display: none;
}
.flexslider-container-detail4,
.flexslider-container-detail3,
.flexslider-container-detail2,
.flexslider-container-detail {
  margin: 0px 10px;
}
.flexslider-container-detail4,
.flexslider-container-detail3,
.flexslider-container-detail2 {
    position: relative;
    padding-top: 15px;
    padding-bottom: 20px;
}
.flexslider-detail a:active,
.flexslider-detail a:focus {
    outline: none;
}
.flexslider-detail,
.flexslider-detail4,
.flexslider-detail3,
.flexslider-detail2 {
    background: white;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 225px;
  margin-bottom: 5px;
}
.flexslider-detail1 {
  margin-bottom: 5px;
}
.block.recipe2,
.block.recipe1 {
  background-image: none;
  background-color: rgb(233,220,193);
    padding: 6%;
/*
    box-shadow: 0px -3px 1px 0px #E5E7D9 inset;
    -webkit-box-shadow: 0px -3px 1px 0px #E5E7D9 inset;
    -moz-box-shadow: 0px -3px 1px 0px #E5E7D9 inset;
*/
}
.contents {
    margin: 0 auto;
}
.contents .icon{
    width: 51px;
    margin: 0 auto;
}
.contents .text .genre {
    margin-right: 1%;
}
.contents .text .volume {
    margin-right: 2%;
}
.contents .number13,
.contents .number12,
.contents .number11,
.contents .number10,
.contents .number9,
.contents .number8,
.contents .number7,
.contents .number1,
.contents .number2,
.contents .number3,
.contents .number4,
.contents .number5,
.contents .number6 {
    margin-top: 5%;
    clear: both;
}
.f-left {float:left;}
.make-text {
    margin-top: 4%;
    margin-left: 9%;
}
.view-hidden {
    display: none;
}
.btn-hidden {
    display: none;
}
.shadow-bottom {
    box-shadow: 2px 2px 2px 2px #E5E7D9;
    -webkit-box-shadow: 2px 2px 2px 2px #E5E7D9;
    -moz-box-shadow: 2px 2px 2px 2px #E5E7D9;
    z-index: 1;
}
.shadow-hidden {
    z-index: 1;
}
.cooking-name {
    border: 2px solid #462f26;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    width: 225px;
    text-align: center;
    margin: 0 auto 30px;
}
.mt10 {
    margin-top: 10px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.sub-text {
    margin-left: 40px;
    margin-right: 10px;
}
h3,
h1 {
    text-indent: -9999px;
    display: none;
}
.no-disp {
    display: none;
}
.w320c {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.description-set {
    font-weight: bold;
    margin-top: 10px;
}
.txt-orange {
    color: #982800;
}
.w296 {
    width: 296px !important;
    margin-left: -148px !important;
    top: 15px !important;
}
.text01 {
  position: absolute;
  bottom: 1%;
  left: 50%;
  width: 237px;
  margin-left: -119px;
}
.w12 {
  width: 12px;
}
.number1 img {
  width: 6px;
}
.number2 img {
  width: 7px;
}
.number3 img {
  width: 7px;
}
.number4 img {
  width: 8px;
}
.number5 img {
  width: 8px;
}
.number6 img {
  width: 8px;
}
.number7 img {
  width: 8px;
}
.number8 img {
  width: 8px;
}
.number9 img {
  width: 8px;
}
.number10 img {
  width: 16px;
}
.number11 img {
  width: 14px;
}
.number12 img {
  width: 16px;
}
.number13 img {
  width: 16px;
}
.photo01 {
  width: 305px;
    margin: 0 auto;
  padding-top: 20px;
}
.photo02 {
  width: 291px;
    margin: 20px auto;
}
.photo03 {
  width: 283px;
    margin: 20px auto;
}
.photo04 {
  width: 301px;
    margin: 0px auto;
  padding: 20px 0;
}
.image05 {
  width: 317px;
    margin: 0 auto;
  padding: 12px 0;
}
.image07 {
  width: 308px;
    margin: 0 auto;
  padding: 20px 0;
}
.block .text-img2.text04 {
  width: 249px;
  left: 5%;
}
.block .text-img2.text05 {
  width: 270px;
  left: 50%;
    margin-left: -135px;
  top: 70%;
}
.pdt-5{
  padding-top: 5%;
}
.block .text-img2.text06 {
  width: 207px;
}
.player {
  position: relative;
    padding: 18px 8px;
}
.player .movie-ttl{
  display: block;
  text-align: center;
}
.yt {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.yt iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    border: 0;
}
.sweets {
  background-color: rgb(243,142,35);
  height: 90px;
}
.sweets img{
  width: 198px;
  position: absolute;
  top: -15%;
  left: 50%;
  margin-left: -99px;
}


.block section.add_bg{
  background-image: url("../images/0422/bg1.jpg?0422");
  background-repeat: no-repeat;
    width:100%;
    height:100%;
  background-size: cover;
    color:rgb(75,58,51);
}

.block section.add_bg img{
  width:50%;
    margin-left:3%;
  padding-top: 30px;
  margin-bottom: 10px;
}

.block section.add_bg h2{
  width:94%;
    text-align:right;
    margin:5px auto 0;
    padding-top:2px;
    border-top:1px solid #000;
    font-size: 18px;
    font-weight: 500;
}

.block section.add_bg .strong_title{
      text-align: left;
    margin-left: 3%;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
}

.block section.add_bg .title_sub{
    margin-left: 3%;
    text-align: left;
    margin-bottom: 0;
}

.block section.add_bg p{
    margin:0px 3% 30px auto;
    text-align:right;
  line-height: 1.2em;
  font-size: 10px;
    width:97%;
    word-break:break-all;
}

.block section.list{
    width:94%;
  padding: 0px 3% 30px 3%;
    background-color:rgb(229,229,229);
}

.block section.list li{
    width:100%;
  line-height: 1.3em;
  font-size:14px;
    font-weight:bold;
    padding-top:30px;
  letter-spacing: -1px;
}

.block section.list li img{
    display:block;
    width:50%;
    float:left;
}

.block section.list li img.right{
  float: right;
}


.block section.list li p{
  display: block;
  width: 42%;
  padding: 10px 0 0 12px;
  line-height: 1.5em;
  font-size: 11px;
  font-weight: normal;
  float: left;
}


.block section.list li p.left{
  padding: 35px 12px 0 ;
}

.block section.list li p.bottom{
  padding: 35px 12px 0 ;
}


.block section.list li div.imgbox{
    width:100%;
    background:white;
    margin:12px auto 0;
}
.block section.list2{
  background: rgb(198,193,190);
  padding: 30px 3%;
}
.block section.list2 .title_sub{
  line-height: 12px;
}
.block section.list2 ul{
  margin-top: 20px;
  font-size: 0px;
}
.block section.list2 ul li{
    background: #fff;
}
.block section.list2 ul li .text{
    display: inline-block;
    vertical-align: top;
    width:46%;
    font-size: 10px;
    padding: 2%;
    line-height: 12px;
}
.block section.list2 ul li .text .step{
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
font-weight: bold;
}
.block section.list2 ul li .text .ttl{
    display: block;
    margin-bottom: 2px;
}
.block section.list2 ul li .text p{

}

.block section.list2 ul li img{
    display: inline-block;
    vertical-align: top;
    width:50%;
}

.whiteblock{
    background: white;
    width: 94%;
    padding: 30px 3%;
}

.whiteblock .title_over{
    line-height: 1.3em;
    font-weight: bold;
}

.whiteblock h2.strong_title{
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
}

.whiteblock .title_sub{
    margin-bottom: 25px;
}

.whiteblock .description{
  margin: 30px 0;

}
.whiteblock .description span {
  position: relative;
  padding-left: 15px;
  display: block;
}
.whiteblock .description span:before {
  content: "○";
  position: absolute;
  top: 0;
  left: 0;
}
.whiteblock .detail .left {
    float: left;
    width: 145px;
}
.whiteblock .detail .right {
    margin-left: 155px;
}
.whiteblock .detail .right .send_free {
    color: rgb(169,38,25);
    font-size: 16px;
}
.whiteblock .detail .right .price {
    font-size: 14px;
    margin-bottom: 5px;
}
.whiteblock .detail .right .price .big {
    font-size: 22px;
    margin: 0 3px;
}
.whiteblock .detail .right .spec {
    margin-top: 20px;
}
.whiteblock .detail .btn1 {
    width: 100%;
    background: #ce6363;
    margin-top: 16px;
    text-align: center;
    line-height: 35px;
    color: white;
}
.whiteblock .detail .btn1 a{
    padding: 10px 0;
    display: block;
}
.whiteblock .detail .btn2 {
    width: 100%;
    background: #5f7eb7;
    margin-top: 16px;
    text-align: center;
    line-height: 35px;
    color: white;
}
.whiteblock .detail .btn2 a{
    padding: 10px 0;
    display: block;
}
.whiteblock .detail .btn1 img, .whiteblock .detail .btn2 img {
    display: inline-block;
    width: 95px;
    vertical-align: middle;
}
.whiteblock .detail .btn1 img {
    width: 122px;
}
.whiteblock .detail .btn2 img {
    width: 95px;
}
.whiteblock .detail .item2 {
  margin-top: 30px;
}
.kblock {
  background-color: rgb(229,229,229);
  padding: 20px 10px;
}
.kblock .with {
  color: #fff;
  font-size: 28px;
  margin-bottom: 15px;
}
.kblock .text .hunter {
  font-size: 18px;
  margin-bottom: 15px;
}
.kblock .text p {
  padding: 0 5px;
}
.kblock .prof {
  margin-top: 30px;
}
.kblock .prof img {
  width: 90px;
  float: left;
}
.kblock .prof .right {
  margin-left: 100px;
}
.kblock .prof p {
  line-height: 15px;
}
.kblock .prof p.profile {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 17px;
}
.kblock .prof .right p:nth-child(3) {
  margin-top: 15px;
}
.kblock .prof .right p a {
  color: #00f;
  text-decoration: underline;
}
.sblock {
  background-color: rgb(229,229,229);
  padding: 20px 0;
}
.sblock p {
  padding: 10px 15px;
}
.nblock {
  background-image: url(../images/0422/bg2.jpg);
  background-size: 100%;
  padding: 20px 10px;
}
.nblock p.title {
  font-size: 28px;
  margin-bottom: 15px;
}
.nblock p.subtitle {
  font-size: 18px;
  margin-bottom: 15px;
}
.nblock .fixgrind {
  margin-top: 40px;
  font-size: 10px;
}
.nblock .fixgrind .boxes {
  float: left;
  width: 31.33%;
  padding: 1%;
}
.nblock .fixgrind .mills {
  float: left;
  width: 66.66%;
}
.nblock .fixgrind .mills .boxes {
  width: 48%;
}

.pblock {
  background-image: url(../images/0422/sub2.jpg);
  background-size: 100%;
  padding: 20px 10px;
  background-repeat: no-repeat;
  position: relative;
}
.pblock:before {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 40px;
  width: 133px;
  height: 153px;
  background: url(../images/0422/mils.png);
  background-size: 133px 153px;
}
.pblock h3 {
  text-indent: 0;
  font-size: 12px;
  display: block;
}
.pblock p {
  padding: 0 5px 140px;
  position: relative;
}
.pblock p.title {
  font-size: 28px;
  margin-bottom: 15px;
  padding: 0;
}
.pblock p.subtitle {
  font-size: 18px;
  margin-bottom: 15px;
  padding: 0;
}
footer {
  background: rgb(109,109,109);
  font-size: 10px;
  color: #fff;
  text-align: center;
}

.movie-player {
  margin-top: 20px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
.movie-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}