@charset "utf-8";
body{
font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif;
}

#contents{
    margin:8px auto 0;
    max-width:980px;
    padding:0;
    color:#333333;
    /* background: #ffffff; */
}

.mv{
    margin: 0 auto -40px;
    text-align: center;
}

/* pagelinkBtn
-------------------------------------------------------------*/
.pagelinkBtn {
    clear: both;
    margin: 0 auto;
    padding: 5px 0 10px;
    overflow: hidden;
}

.pagelinkBtn.sub {
    margin: 20px auto 10px;
}

.pagelinkBtn li {
    float: left;
    margin: 10px 0 0 0;
    padding: 0 0 0 18px;
    line-height: 1.6;
    width: 34%;
    position: relative;
}

.pagelinkBtn li a {
    text-decoration: none;
    color: #94720d;
}

.pagelinkBtn li.prev {
    background: url(/entertainment/panlife/osanpo/images/btn_back.gif) no-repeat left .1em;
    width: 34%;
}

.pagelinkBtn li.list {
    float: left;
    width: 32%;
    padding: 0;
    text-align: center;
}

.pagelinkBtn li.list a:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/entertainment/panlife/common/images/img_arrow03.png) no-repeat left .2em;
    vertical-align: middle;
}

.pagelinkBtn li.next {
    background: url(/entertainment/panlife/osanpo/images/btn_next.gif) no-repeat right .1em;
    float: right;
    padding: 0 20px 0 0;
    text-align: right;
}


/* common
-------------------------------------------------------------*/
.bg-01 {
    background: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}

.bgTop-01 {
    background: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
}

.bg-02 {
    background: #fffdf2;
    padding-left: 20px;
    padding-right: 20px;
}


.bgTop-02 {
    background: #fffdf2;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
}

.bg-03 {
    background: #fff8ea;
    padding-left: 20px;
    padding-right: 20px;
}
.bg-04 {
    background: url(/recipe/oneday/images/contentsBgC2_bg.jpg) repeat;
    padding-left: 20px;
    padding-right: 20px;
}

.bg-image {
  background: #ffffff;
  padding: 4px;
  border: 1px solid #efeeee;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 5px #e2e2e2;
}

.bg-image2 {
  background: #ffffff;
  padding: 10px;
  border: 1px solid #efeeee;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.bg-image img,.bg-image2 img {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.bg-image.s-size {
    max-width: 280px;
}

.video{
  position:relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: 94%;
  margin: 0 auto;
}

.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.txL {
    text-align:left;
}

.txC {
    text-align:center;
}

.txR {
    text-align:right;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}
.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

/* .section_ttl
-------------------------------------------------------------*/
.section_ttl {
    margin: 0 0 24px;
    padding-top: 15px;
}
.section_ttl h3 {
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.4;
    background: url(/entertainment/panlife/recipe/images/img_recipe_ttl01_sp.png) no-repeat left center;
    background-size: 60px;
    padding-left: 70px;
}

.section_ttl p {
    margin: 12px 0 0;
    font-size: 14px;
}

.section_ttl02 {
    padding: 0 15px 30px;
}

.section_ttl02 h3 {
    font-size: 105%;
    background: url(/entertainment/panlife/recipe/images/img_recipe02_ttl01.png) no-repeat left 0px bottom;
    color: #4e4040;
    background-size: 290px;
    padding-bottom: 3px;
}

.section_ttl02 p {
    margin: 8px 0 0;
    font-size: 13px;
}
.section_ttl02 p.section_ttl02_text01 {
    margin: 10px auto 0;
    width: 97%;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic02.png) no-repeat left 0 bottom;
    padding: 0 5px 14px;
    font-size: 14px;
    color: #4e4040;
    font-weight: bold;
}

.section_ttl02 p.section_ttl02_text02 {
    margin: 12px auto 0;
    width: 96%;
    font-size: 100%;
}


/* .recipe_main
-------------------------------------------------------------*/
.recipe_main {
  width: 94%;
  margin: 0 auto;
}

.recipe_main .boxR {
    padding: 5px 0 0;
}

.recipe_main .boxR .section_ttl {
    padding: 25px 0 0 0;
    margin: 0;
}

.recipe_main .openmain_left_img {
    padding: 14px;
    background: #ffffff;
    border: 1px solid #ece3d8;
}

.recipe_main .main_inner {
    margin: 0 auto;
    padding-top: 30px;
}

.recipe-ttl02 {
    font-size: 16px;
    margin-bottom: 18px;
    border-left: 10px solid #c7ad54;
    padding-left: 10px;
    line-height: 1.4;
}

.note {
    font-size: 14px;
    margin: 15px 0 0;
}

.left_box {
    padding: 0 0 30px 0;
}

/* .section_recipe02
   .recipe_main02
-------------------------------------------------------------*/
.section_recipe02 {
    background: #fffdf2;
}

.section_recipe02_inner {
    margin: 0 3%;
    padding: 0 0 3%;
}

.bg-recipe02 {
    padding: 8% 0 0;
    border-left: 1px solid #f1eedf;
    border-right: 1px solid #f1eedf;
    box-shadow: 0 0 6px #ecebe4;
    background-size: cover;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic01.png)#fff no-repeat left top;
}

.bg-recipe02-02 {
    background-size: cover;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic01.png)#fff no-repeat left bottom;
    padding: 0 5% 8%;
}

.recipe_main02 {
  width: 96%;
  margin: 0 auto;
}

.recipe_main02 .left_box {
    padding: 0;
}

.recipe_main02 .section_ttl h3 {
  margin-top: 10px;
  font-size: 16px;
}

.recipe_main02 .section_ttl p {
  font-size: 13px;
  line-height: 1.6;
}

.ingredients h4{
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 30px;
    line-height: 2;
    background: url(/entertainment/panlife/recipe/images/img_recipe_heading_sp.png) no-repeat left .4em;
    background-size: 23px 22px;
}

.ingredients h5 {
    font-size: 17px;
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 10px solid #c7ad54;
    line-height: 1.2;
}

.ingredients h6 {
    font-size: 16px;
    margin: 20px 0 10px;
}

.ingredients ul li::after{
    display: block;
    content: '';
    position: absolute;
    top: .4em;
    left: -0.8em;
    width: 7px;
    height: 7px;
    background-color: #c7ad54;
    border-radius: 100%;
}

.ingredients dl{
    max-width: 756px;
    margin: 5px 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #c7ad54;
}

.ingredients dl dt {
    max-width: 280px;
    float: left;
    clear: both;
    font-size: 14px;
    margin: 0;
    line-height: 1.8;
}

.ingredients dl dd{
    float: right;
    font-size: 16px;
    margin: 0;

}

.recipe_step h4{
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    line-height: 2.4;
    background: url(/entertainment/panlife/recipe/images/img_recipe_heading02_sp.png) no-repeat left .1em;
    background-size: 12px 32px;
}

.recipe_step h5{
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 18px;
}

.recipe_step ul{
    margin-bottom: 10px;
}

.recipe_step li{
    font-size: 14px;
    margin: 0 0 15px;
    padding: 0 0 0 28px;
    background: url(/entertainment/panlife/recipe/images/img_recipe_number01_sp.png) no-repeat left .1em;
    background-size: 20px;
    line-height: 1.8;
}

.recipe_step li:last-child {
    margin: 0;
}

.recipe_step li:nth-child(2){
    background: url(/entertainment/panlife/recipe/images/img_recipe_number02_sp.png) no-repeat left .1em;
    background-size: 20px;

}

.recipe_step li:nth-child(3){
    background: url(/entertainment/panlife/recipe/images/img_recipe_number03_sp.png) no-repeat left .1em;
    background-size: 20px;

}

.recipe_step li:nth-child(4){
    background: url(/entertainment/panlife/recipe/images/img_recipe_number04_sp.png) no-repeat left .1em;
    background-size: 20px;

}

.recipe_step li:nth-child(5){
    background: url(/entertainment/panlife/recipe/images/img_recipe_number05_sp.png) no-repeat left .1em;
    background-size: 20px;

}

.recipe_step li:nth-child(6){
    background: url(/entertainment/panlife/recipe/images/img_recipe_number06_sp.png) no-repeat left .1em;
    background-size: 20px;

}

.recipe_memo {
    margin: 10px 0 0;
    padding: 28px 0;
    position: relative;
}

.recipe_memo ul {
    margin: 0px auto;
    background: #f8f1e3;
    padding: 0 20px 18px;
}

.recipe_memo ul li {
    /* background: #ffffff; */
    padding: 18px 0 0;
    /* border: 1px solid #e4c3ac; */
    /* margin: 0 0 25px; */
    font-size: 16px;
    position: relative;
}

.recipe_memo ul li:last-child {
    margin: 0 0 0;
}

.recipe_memo ul li p {
    background: url(/entertainment/panlife/recipe/images/img_point_check.png) no-repeat left .4em;
    background-size: 18px 14px;
    padding: 6px 0 0 28px;
    font-size: 14px;
}

.recipe_memo ul li p:first-child {
    padding: 0 0 0 28px;
}

.recipe_memo .icon {
    position: absolute;
    top: 0;
    left: 10px;
    width: 80px;
}


/* .section_point
-------------------------------------------------------------*/

.section_point{
    width: 94%;
    margin: 0 auto;
}

.section_point h4{
    position: relative;
    padding: 0.4em 0.5em 0.4em 1.7em;
    background-color: #ffd6ca;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #44403d;
    border-radius: 0.3em;
    width: 100%;
    margin: 0 0 25px;
}

.section_point h4:before {
     position: absolute;
     top: 50%;
     left: 0.55em;
     transform:translateY(-50%);
     content: '';
     width: 13px;
     height: 13px;
     background-color: white;
     border-radius:100%;
}

.section_point .section_point .box_left{
    margin-bottom:20px;
}

.section_point .box_left h5{
    margin: 0 0 20px 0;
    font-size:18px;
    line-height: 1.2;
    border-left: 10px solid #d49279;
    padding: 0 0 0 12px;
    padding: 0 0 0 10px;
}

.section_point .box_left h5.title{
    margin: 10px 0 5px 10px;
    font-size: 14px;
    border-left: 5px solid #c8a85b;
    line-height: 1.1;
    padding-left: 4px;
}

.section_point .box_left_img {
    margin-right: 56px;
    text-align: center;
}

.section_point .box_right h5{
    margin: 14px 0 0;
    font-size: 17px;
    color: #44403d;
}

.section_point .box_right h5 span {
    font-size: 16px;
    vertical-align: text-top;
    color: #da6d6d;
}

.section_point .box_right p.txt_rightBox {
    float: right;
    margin: 0;
    font-size: 14px;
}

.txt_rightBox span {
    display: block;
    margin: 0;
    padding: 0 0 0 18px;
    background: url(/entertainment/panlife/recipe/images/img_arrow01.png) no-repeat left center;
}

.box_right dl dd ol {
    margin-left: 20px;
}

.box_right dl dd li{
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    line-height: 1.8;
}

.box_right dl dd li ol {
    margin: 15px 0 0 20px;
}

/* .section_column01
-------------------------------------------------------------*/

.section_column01 {
    background: #FFF;
    padding-bottom: 30px;
    margin-top: 40px;
}

.section_column01_inner {
    padding: 0 6%;
}

.section_column01 img,
.section_column02 img {
    width: 100%;
}

.section_column01 h5 {
    font-size: 16px;
    color: #6e5653;
    background: url(/entertainment/panlife/recipe/fun/images/bg_column_ttl.jpg)#FFF no-repeat 10px top;
    background-size: 116px;
    padding: 50px 15px 25px;
    text-align: center;
}

.section_column01 .column_imgR {
    padding: 0 0 4% 0;
}

.section_column01 .column_imgL {
    padding: 0 0 4% 0;
}

.section_column01 .column_imgR p {
    padding: 8px 0 20px 0;
    text-align: left;
    font-size: 12px;
}

.section_column01 .column_txt {
    padding: 0 0 4% 0;
}
.section_column01 .column_txt p {
    margin: 5px 0 20px;
    font-size: 14px;
}

.section_column02 {
    background: #FFF;
    padding-bottom: 30px;
    margin-top: 50px;
}

.section_column02 h5 {
    font-size: 16px;
    color: #6e5653;
    background: url(/entertainment/panlife/recipe/fun/images/bg_column_ttl.jpg)#FFF no-repeat 10px top;
    background-size: 116px;
    padding: 50px 15px 20px;
    text-align: center;
}

.section_column02 .column_txt {
    margin: 0 0 20px;
}

.section_column02 .column_txt p {
    margin: 5px 0 20px;
    font-size: 14px;
    padding: 0 6%;
}

.section_column02 .column_imgR p {
    padding: 6px 10px 20px;
    text-align: left;
    font-size: 12px;
}

.column_imgL {
    float: left;
    text-align: left;
}

.column_imgR {
    float: right;
    text-align: right;
}


/* .section_column01 .column-recipeBasic
-------------------------------------------------------------*/

.section_column01.column-recipeBasic {
    background: #fefbec;
    margin-top: 40px;
    padding: 3.5% 3.5% 2.5%;
}

.section_column01.column-recipeBasic h5 {
    font-size: 14px;
    padding: 12px 10px 14px;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic02.png) no-repeat left 0 bottom;
    margin-bottom: 18px;
    text-align: left;
}

.section_column01.column-recipeBasic .section_column01_inner.bg-recipe02 {
    padding: 26px 0 0;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic01.png)#fffef5 no-repeat left top;
}

.section_column01.column-recipeBasic .section_column01_inner .bg-recipe02-02 {
    padding: 0 5% 0;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic01.png)#fffef8 no-repeat left bottom;
}

.section_column01.column-recipeBasic .column-ttl01 {
    width: 220px;
    margin-left: -6px;
}

.section_column01.column-recipeBasic {
    background: #fefbec;
    margin-top: 40px;
    padding: 3.5% 3% 2.5%;
}

/* .section_column01 .column-recipeOneday
-------------------------------------------------------------*/
.section_column01.column-recipeOneday {
    background: url(/recipe/oneday/images/contentsBgC2_bg.jpg) repeat;
    margin: 0 0 40px;
}

.section_column01.column-recipeOneday .column-ttl01 {
    background: url(/recipe/oneday/images/sideblock_img_01.jpg)no-repeat 34px bottom;
    border-bottom: double 5px #e0e7b8;
    background-size: 32px;
    padding: 10px 0 15px;
    margin: 0 20px 30px;
}

.section_column01.column-recipeOneday h3.ttlTop {
    width: 260px;
    margin: 0 auto;
}

.section_column01.column-recipeOneday h5 {
    margin: 0 30px;
    padding: 15px 0 0;
    font-size: 19px;
    background: none;
}


/* .section_profile
-------------------------------------------------------------*/
.section_profile{
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 30px;
}

.section_profile h4 {
    margin: 0 auto 10px;
    position:relative;
    padding-left:20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 38px;
    width: 94%;
}

.section_profile h4:before{
    content:'';
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    height:12px;
    width:12px;
    display:block;
    position:absolute;
    top: 13px;
    left: 0;
    background-color: #70615b;
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
}

.section_profile.simpleList {
    padding-bottom: 15px;
    border-top: 1px dotted #d6caaf;
}

.section_profile.simpleList h4 {
    width: 130px;
    margin: 0;
    float: right;
    font-size: 14px;
}

.section_profile.simpleList ul {
    margin: 0;
    float: right;
}

.writer_box{
    margin:0 auto;
    height:auto;
    overflow: hidden;
    border: 2px solid;
    border-radius: 5px;
    border-color: #333;
    background-color: #fff;
    width: 94%;
}

.writer_box h5{
    font-size: 16px;
}

.writer_box02{
    max-width:836px;
    margin:0 auto;
    height:200px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box03{
    max-width:836px;
    margin:0 auto;
    height:220px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box04{
    max-width:836px;
    margin:0 auto;
    height:220px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box05{
    max-width:836px;
    margin:0 auto;
    height:260px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}



.writer_box_left {
    text-align:center;
    padding: 22px 20px 0;
    vertical-align: top;
}

.writer_box_right {
    margin: 0;
    padding: 20px 20px;
    float: left;
}

.writer_box_right h4{
    margin:0;
    font-size:16px;
}

.writer_text{
    font-size:14px;
}


.writer_box_right p{
    margin: 10px 0 0;
    font-size:14px;
}

.writer_box_right ul {
    margin: 12px 0 0;
}

.writer_box_right ul li{
    margin: 0 13px 0 0;
    list-style: none;
    display: inline-block;
}

.writer_box_right ul li:last-child{
    margin: 0;
}

.funLink{
    background: url(/entertainment/panlife/recipe/images/img_arrow_green.png) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 15px;
}


/* #knowledgeRecipeList
-------------------------------------------------------------*/
.knowledgeRecipeTitle {
    font-size: 120%;
    color: #94720d;
    padding: 30px 5% 15px;
    margin: 0 auto;
    }

#knowledgeRecipeList {
    margin: 0 auto;
    padding: 0 5%;
    overflow: hidden;
    font-size: 0;
}
#knowledgeRecipeList li {
    display: inline-block;
    vertical-align: top;
    width: 44%;
    margin: 0 6% 5% 0;
    padding: 0;
    line-height: 1.6;
}
#knowledgeRecipeList li span {
    display: block;
    margin: 10px 10px 0 5px;
    padding: 0 0 0 18px;
    background: url(/entertainment/panlife/common/images/img_arrow01.png) no-repeat left .2em;
    font-size: 11px;
}
#knowledgeRecipeList li a {
    text-decoration: none;
    color: #94720d;
}

/*767px 以下の画面幅て適用する CSS*/
@media screen and (max-width:767px){

.recipe_main .recipe_right dd ul {
    margin: 0 -10px 0;
}

.section_point .box_left_img{
    margin: 0 auto;
    width: 76%;
}

.box_right h5{
}

.box_right h5.title{
    margin:10px 0 5px 2px;
    font-size:12px;
    line-height: 1;
    border-left: 4px solid #c8a85b;
    padding-left: 4px;
    display: none;
}

.section_point .box_right h4{
    display: none;
}

}
/*767px 以下の画面幅て適用する CSSここまで*/


.section_point .box_right p{
    margin: 20px 0 20px;
    font-size:14px;
}

.section_point .box_right p.txt_rightBox:last-child {
    margin: 0;
}

.section_point .box_right p:last-child {
    margin: 20px 0 0;
}

.section_point_check{
    background:#fffbf1;
}

.section_point_check h3{
    margin:20px 20px 10px;
    font-size:16px;
    padding: 2px 0 0 40px;
    background: url(../images/img_point_check_sp.png) no-repeat left .1em;
    background-size: 30px 24px;
}

.point_check_text{
    margin:0 20px 20px;
    font-size:16px;
    line-height: 1.8;
}

.point_check_text2{
    margin:0 50px 20px;
    font-size:16px;
    text-align: right;
    line-height: 1.8;
}

hr {
    height: 2px;
    margin:30px 0;
    background: url(/entertainment/panlife/recipe/images/hr_line.png) repeat-x 0 0;
}

/* page top */

.toPageTop {
    text-align: center;
    margin:50px 0;
    clear: both;
}

.pagetop {
    width: 30px;
    margin: 0 auto;
}


.mobileHidden { display:none;}

/*768px 以上の画面幅て適用する CSS*/
@media screen and (min-width:768px){

#contents{
    margin:8px auto 0;
    max-width:980px;
    padding:0;
    color:#333333;
    /* background: #ffffff; */
}

/* pagelinkBtn
-------------------------------------------------------------*/
.pagelinkBtn {
    clear: both;
    margin: 0 auto;
    padding: 10px 4% 15px;
    overflow: hidden;
}

.pagelinkBtn.sub {
    margin: 40px auto 12px;
    width: 90%;
}

.pagelinkBtn li {
    float: left;
    margin: 10px 0 0 0;
    padding: 0 0 0 18px;
    line-height: 1.6;
    width: 43%;
    position: relative;
}

.pagelinkBtn li a {
    text-decoration: none;
    color: #94720d;
}

.pagelinkBtn li.prev {
    background: url(/entertainment/panlife/osanpo/images/btn_back.gif) no-repeat left .1em;
    width: 43%;
}

.pagelinkBtn li.list {
    float: left;
    width: 14%;
    padding: 0;
    text-align: center;
}

.pagelinkBtn li.next {
    background: url(/entertainment/panlife/osanpo/images/btn_next.gif) no-repeat right .1em;
    float: right;
    padding: 0 20px 0 0;
    text-align: right;
}


/* common
-------------------------------------------------------------*/
.desktopHidden { display:none;}
.mobileHidden { display:inline;}

.bg-01,
.bg-02,
.bg-03,
.bg-04 {
    padding-left: 60px;
    padding-right: 60px;
}

.bgTop-01,
.bgTop-02 {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 40px;
}

.bg-recipe02 {
    padding: 5.5% 0 0;
}

.bg-recipe02-02 {
    padding: 0 5% 5%;
}

.bg-image {
  background: #ffffff;
  padding: 4px;
  border: 1px solid #efeeee;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 5px #e2e2e2;
  /* margin: 0 auto; */
}

.bg-image.s-size {
    max-width: 280px;
    margin: 0;
}

.video{
  position:relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: 86%;
  margin: 0;
}

/* .section_ttl
-------------------------------------------------------------*/
.section_ttl {
    margin: 0 0 30px;
    padding-top: 15px;
}

.section_ttl h3 {
    margin: 0 auto;
    font-size: 26px;
    padding-left: 90px;
    border: 0;
    background: url(/entertainment/panlife/recipe/images/img_recipe_ttl01.png) no-repeat left  0.1em;
    background-size: 80px;
}
.section_ttl p {
    margin: 15px 0;
    font-size: 16px;
    line-height: 1.8;
}

.section_ttl02 {
    padding: 0 30px 35px;
    margin-top: -10px;
}

.section_ttl02 h3 {
    font-size: 205%;
    background-size: 550px;
    margin: 0;
}

.section_ttl02 p {
    margin: 10px 0 0;
    font-size: 16px;
}
.section_ttl02 p.section_ttl02_text01 {
    font-size: 18px;
    padding: 0 10px 14px;
}
.section_ttl02 p.section_ttl02_text02 {
    margin: 14px auto 0;
    width: 95%;
}

.recipe_main .section_ttl h3 {
    font-size: 24px;
}

.recipe_main .section_ttl p,
.recipe_main .section_ttl02 p {
    margin: 12px 0;
}


/* .recipe_main
-------------------------------------------------------------*/
.recipe_main {
  width: 100%;
  margin: 0 auto;
}

.recipe_main .boxR {
    padding: 5px 0 0 7%;
}

.recipe_main .boxR .section_ttl {
    padding: 6px 0 0 0;
}

.recipe_main .main_right {
    padding: 20px 0 0;
}

.recipe_main .main_inner {
    margin: 0 auto;
    padding-top: 20px;
}

.recipe-ttl02 {
    font-size: 20px;
}

.note {
    font-size: 14px;
    margin: 15px 0 0;
}

.left_box{
    padding: 1px 3.5% 20px 0;
}

.recipe_main02 {
  width: 100%;
  margin: 0 auto;
}

.recipe_main02 .left_box {
    padding: 0 0 30px 0;
}

.recipe_main02 .section_ttl {
  margin: 0;
  padding-top: 0;
}

.recipe_main02 .section_ttl h3 {
  margin-top: 18px;
  font-size: 21px;
  padding-left: 95px;
}

.recipe_main02 .section_ttl p {
  font-size: 15px;
  line-height: 1.6;
}

.recipe_main02 .left_box {
    padding: 0 2.5% 0 0;
}

.recipe_main02 .right_box{
    padding: 0 0 0 2.5%;
}

.recipe_main02 .recipe_step ul{
    margin-bottom: 0;
}

.ingredients h4{
    font-size: 18px;
    line-height: 2;
    background: url(/entertainment/panlife/recipe/images/img_recipe_heading.png) no-repeat left .4em;
    background-size: 23px 22px;
}

.ingredients dl{
    margin: 5px 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #c7ad54;
}

.ingredients dl dt {
    max-width: 280px;
    float: left;
    clear: both;
    font-size: 16px;
    margin: 0;
    line-height: 1.8;
}

.ingredients dl dd{
    float: right;
    font-size: 16px;
    margin: 0;

}

.right_box{
    padding: 0 0 0 3.5%;
}

.recipe_step h4{
    font-size: 18px;
    line-height: 2;
    background: url(/entertainment/panlife/recipe/images/img_recipe_heading02.png) no-repeat left .1em;
    background-size: 12px 32px;
}

.recipe_step h5{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.recipe_step ul{
    margin-bottom: 20px;
}

.recipe_step li{
    font-size: 16px;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
}

.recipe_step ul li:first-child {
    background: url(/entertainment/panlife/recipe/images/img_recipe_number01.png) no-repeat left .1em;
    background-size: 20px;
}

.recipe_step ul li:nth-child(2) {
    background: url(/entertainment/panlife/recipe/images/img_recipe_number02.png) no-repeat left .1em;
    background-size: 20px;
}

.recipe_step ul li:nth-child(3) {
    background: url(/entertainment/panlife/recipe/images/img_recipe_number03.png) no-repeat left .1em;
    background-size: 20px;
}


.recipe_step ul li:nth-child(4) {
    background: url(/entertainment/panlife/recipe/images/img_recipe_number04.png) no-repeat left .1em;
    background-size: 20px;
}

.recipe_step ul li:nth-child(5) {
    background: url(/entertainment/panlife/recipe/images/img_recipe_number05.png) no-repeat left .1em;
    background-size: 20px;
}

.recipe_step ul li:nth-child(6) {
    background: url(/entertainment/panlife/recipe/images/img_recipe_number06.png) no-repeat left .1em;
    background-size: 20px;
}

.recipe_memo {
    margin: 0;
    padding: 27px 0 0;
    position: relative;
}

.recipe_memo ul {
    margin: 0px auto;
    padding: 0 35px 25px;
}

.recipe_memo ul li {
    padding: 26px 0 0;
    font-size: 16px;
    position: relative;
}

.recipe_memo ul li:last-child {
    margin: 0 0 0;
}

.recipe_memo ul li p {
    background: url(/entertainment/panlife/recipe/images/img_point_check.png) no-repeat left .4em;
    background-size: 22px 16px;
    padding: 6px 0 0 35px;
    font-size: 16px;
}

.recipe_memo ul li p:first-child {
    padding: 0 0 0 35px;
}

.recipe_memo_p {
    display: block;
    float: left;
    max-width: 74%;
    padding-right: 30px !important;
}

.recipe_memo_img {
    width: 26%;
    float: left;
}

.recipe_memo .icon {
    position: absolute;
    top: 0;
    left: 8px;
    width: 114px;
}


/* .section_point
-------------------------------------------------------------*/
.section_point{
    padding: 10px 0 0;
    width: 100%;
}

.section_point .box_left{
    max-width: 420px;
}

.section_point .box_left h4{
    display: none;
}

.section_point .box_left h5 {
    margin:0 0 20px 20px;
    font-size:20px;
    border-bottom:dotted 1px #c8a85b;
    width:50%;
    display:none;
}

.section_point .box_left h5.title {
    margin: 10px 0 10px 20px;
    font-size: 14px;
    border-left: 5px solid #c8a85b;
    line-height: 1.1;
    padding-left: 4px;
        display:none;

}

.section_point h4{
    font-size: 18px;
    /* width: 90%; */
    margin: 10px 0 15px;
    padding: 0.35em 0.5em 0.35em 1.7em;
}

.section_point .box_right h5{
    margin: 8px 0 0;
    font-size: 1.8em;
    line-height: 1.1;
    /* border-left: 10px solid #d49279; */
    padding: 5px 0 0 5px;
    color: #44403d;
}

.section_point .box_right h5 span {
    font-size: 16px;
    vertical-align: text-top;
    color: #da6d6d;
}

.section_point .box_right p{
    margin: 16px 0 20px 0;
    font-size:16px;
    line-height: 1.8;
}

.section_point .box_right p:last-child{
    margin: 20px 0 0 0;
}

.section_point .box_right h5.title{
    margin: 10px 0 8px 2px;
    font-size: 16px;
    border-left: 6px solid #daab90;
    line-height: 1.1;
    padding-left: 8px;
    border-bottom: none;
    /* background: #ffe3c6; */
}

.section_point .section_point_check{
    background:#fffbf1;
}

.section_point .section_point_check h3{
    margin:50px 50px 10px;
    padding: 2px 0 0 40px;
    font-size:18px;
    background: url(../images/img_point_check.png) no-repeat left .1em;
    background-size: 30px 24px;
}

.point_check_text{
    margin:0 50px 50px;
    font-size:16px;
    line-height: 1.8;
}

.point_check_text2{
    margin:0 50px 20px;
    font-size:16px;
    text-align: right;
    line-height: 1.8;
}

/* .section_column01
-------------------------------------------------------------*/

.section_column01 {
    background: #FFF;
    padding-bottom: 30px;
}

.section_column01_inner {
    padding: 0 7%;
}

.section_column01 img,
.section_column02 img {
    width: 100%;
}

.section_column01 h5 {
    font-size: 26px;
    background: url(/entertainment/panlife/recipe/fun/images/bg_column_ttl.jpg)no-repeat 20px top;
    padding: 40px 15px 35px;
}

.section_column01 .column_imgR {
    padding: 0 0 4% 6%;
}

.section_column01 .column_imgL {
    padding: 0 6% 4% 0;
}

.section_column01 .column_imgR p {
    padding: 6px 0 20px;
    text-align: left;
    font-size: 12px;
}

.section_column01 .column_txt {
    padding: 0 0 4% 0;
}
.section_column01 .column_txt p {
    margin: 5px 0 16px;
    font-size: 15px;
    line-height: 1.8;
}

.section_column02 {
    background: #FFF;
    padding-bottom: 30px;
    margin-top: 50px;
}

.section_column02 h5 {
    font-size: 26px;
    background: url(/entertainment/panlife/recipe/fun/images/bg_column_ttl.jpg)#FFF no-repeat 20px top;
    padding: 75px 0 30px 11%;
}

.section_column02 .column_txt {
    padding: 0 6% 0 0;
}

.section_column02 .column_txt p {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.8;
    padding: 0 0 0 11%;
}

.section_column02 .column_imgR p {
    padding: 6px 10px 20px;
    text-align: left;
    font-size: 12px;
}

.column_imgL {
    float: left;
    text-align: left;
}

.column_imgR {
    float: right;
    text-align: right;
}

/* .section_column01 .column-recipeBasic
-------------------------------------------------------------*/

.section_column01.column-recipeBasic {
    background: #fefbec;
    margin-top: 40px;
    padding: 3.5% 3.5% 2.5%;
}

.section_column01.column-recipeBasic h5 {
    font-size: 148%;
    padding: 20px 8px 14px;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic02.png) no-repeat left 0 bottom;
    margin-bottom: 30px;
    text-align: left;
}

.section_column01.column-recipeBasic .section_column01_inner.bg-recipe02 {
    padding: 30px 0 0;
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic01.png)#fffef5 no-repeat left top;
}

.section_column01.column-recipeBasic .section_column01_inner .bg-recipe02-02 {
    background: url(/entertainment/panlife/recipe/basic/images/bg_column_basic01.png)#fffef8 no-repeat left bottom;
}

.section_column01.column-recipeBasic .column-ttl01 {
    width: 325px;
    margin-left: -15px;
}

.section_column01.column-recipeBasic {
    background: #fffdf2;
    margin-top: 40px;
    padding: 3.5% 3.5% 2.5%;
}

/* .section_column01 .column-recipeOneday
-------------------------------------------------------------*/
.section_column01.column-recipeOneday {
    background: url(/recipe/oneday/images/contentsBgC2_bg.jpg) repeat;
    margin: 0 0 40px;
}

.section_column01.column-recipeOneday .column-ttl01 {
    background-size: 56px;
    padding: 15px 0 15px;
    margin: 0 30px 30px;
}

.section_column01.column-recipeOneday h3.ttlTop {
    width: 393px;
    margin: 0 auto;
}

.section_column01.column-recipeOneday h5 {
    margin: 0 30px;
    padding: 10px 0 0;
    font-size: 24px;
    background: none;
}


/* .section_profile
-------------------------------------------------------------*/
.section_profile h4 {
    width: 100%;
}

.writer_box {
    width: 100%;
}

.writer_box h5{
    text-align: left;
}

.writer_box02{
    max-width:836px;
    margin:0 auto;
    height:200px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box03{
    max-width:836px;
    margin:0 auto;
    height:220px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box04{
    max-width:836px;
    margin:0 auto;
    height:220px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box05{
    max-width:836px;
    margin:0 auto;
    height:260px;
    border: 2px solid;
    border-radius: 3px;
    border-color: #333;
    background-color: #fff;
}

.writer_box_left {
    float: left;
}

.writer_box_right {
    padding: 20px 20px;
}

.writer_box_right h4{
    margin:0;
    font-size:16px;
}


/* #knowledgeRecipeList
-------------------------------------------------------------*/
.knowledgeRecipeTitle {
    font-size: 155%;
    padding: 50px 4% 20px;
    }

#knowledgeRecipeList {
    margin: 0 auto 50px;
    padding: 0 4%;
}
#knowledgeRecipeList li {
    width: 24%;
    margin: 0 20px 20px 0;
    padding: 0;
    line-height: 1.6;
}
#knowledgeRecipeList li span {
    display: block;
    margin: 10px 10px 0 5px;
    padding: 0 0 0 18px;
    background: url(/entertainment/panlife/common/images/img_arrow01.png) no-repeat left .2em;
}
#knowledgeRecipeList li a {
    text-decoration: none;
    color: #94720d;
}

.box_right dl dd ol {
    margin-left: 0;
}

.box_right dl dd li{
    font-size: 16px;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    line-height: 1.8;
}

.box_right dl dd ol > *:first-child,
.box_right dl dd ol > *:first-child + *,
.box_right dl dd ol > *:first-child + * + *,
.box_right dl dd ol > *:first-child + * + * + * {
    background: none;
}

.box_right dl dd li ol {
    margin: 15px 0 0 20px;
}

hr {
    height: 2px;
    margin:30px 0;
    background: url(/entertainment/panlife/recipe/images/hr_line.png) repeat-x 0 0;
}


#footerInner01 {
    margin: 0;
    padding: 0;
    background: #ffffff;
}

#footerInner01_02 {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}

#footerNav01 li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

#topicPath {
    min-height: 44px;
    margin: 0;
    padding: 0 0 0 50px;
    clear: both;
    background: url(/entertainment/panlife/common/images/bg_footer01.jpg) no-repeat left bottom;
    overflow: hidden;
}

/* page top \*/

.toPageTop {
    text-align: center;
    margin:50px 0;
    clear: both;
}

.pagetop {
    width: 50px;
    margin: 0 auto;
}

#snsBox {
    float: right;
    width: 220px;
    margin: 0;
    padding: 16px 0 0 0;
}


}
/*768px 以上の画面幅て適用する CSSここまで*/


/*780px 以下の画面幅て適用する CSS*/
@media screen and (max-width:780px){

.recipe_left dl dt {
    max-width: 220px;
    float: left;
    clear: both;
    font-size: 16px;
    margin: 0;
    line-height: 1.8;
}

}



/*767px 以下の画面幅て適用する CSS*/
@media screen and (max-width:767px){

.span_12 {
    width: 100%;
}

.recipe_main .bg-image,
.recipe_main02 .bg-image {
  width: 90%;
  margin: 0 auto;
}

.section_column01 .column_imgR.span_4,
.section_column02 .column_imgR.span_4 {
    width: 60%;
    margin: 0 auto;
    padding: 0 0 20px;
    float: none;
    text-align: left;
}

.section_column01.column-recipeBasic .column_imgR {
    float: none;
    width: 75%;
    margin: 0 auto;
    padding: 0 0 5px;
}

.section_column01.column-recipeOneday h5 {
    background: none;
}


.section_column01.column-recipeOneday .column_imgR {padding-left: 20px;max-width: 123px;}


#footerInner01 {
    margin: 0;
    padding: 0 0 15px;
    background: #ffffff;
}

#footerInner01_02 {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 ;
    overflow: hidden;
}


#footerNav01 li {
    float: left;
    margin: 0 15px 0 5px;
    padding: 0;
}

#topicPath {
    min-height: 44px;
    margin: 0;
    padding: 0 0 0 50px;
    clear: both;
    background: url(/entertainment/panlife/common/images/bg_footer01.jpg) no-repeat left bottom;
    overflow: hidden;
    display: none;
}

#snsBox {
    width: 220px;
    margin: 0;
    padding: 16px 0 0 0;
}

.recipe_memo_img {
    padding-top: 20px;
}

}
/*767px 以内の画面幅て適用する CSSここまで*/



#footer {
    margin: 0;
    padding: 0;
}


#footerNav01 {
    float: left;
    max-width: 630px;
    margin: 20px 0 14px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}




.snsBtn {
    float: left;
    margin: 0 15px;
}

.snsLine {
    float: left;
    width: 47px;
    padding-left: 10px;
}


#topicPath li.current {
    background: none;
    color: #e78200;
}

#topicPath li {
    float: left;
    margin: 15px 0 0 0;
    padding: 0 20px 0 10px;
    background: url(/entertainment/panlife/common/images/img_arrow02.png) no-repeat right .4em;
}


#footerInner03 {
    margin: 0;
    padding: 35px 0 88px 0;
    border-top: 1px solid #dec172;
    clear: both;
}

#footerInner03 p {
    margin: 0;
    padding: 0;
    text-align: center;
}

#footerInner03 p#copyright {
    margin: 0;
    padding: 10px 0 0 0;
}


img{
max-width: 100%;
height: auto;
width /***/:auto;　/*IE8のみ適用*/
}