@import "common.css";

/* 丹念仕込み特設サイト */
/* 原材料・製法へのこだわり */

#navHeader {
    display:none;
}

.fb-like iframe {
    z-index:1;
}


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* title */
#title {
    width:100%;
    background:#b49c3d;
}
#title_inner {
    position:relative;
    max-width:950px;
    height:auto;
    margin:0 auto;
}
#title_inner h1 {
    display:block;
    width:67.37%;
    height:0;
    background-repeat:no-repeat;
    background-position:left top;
    background-size:contain;
    background-image:url("../images/method/title.png");
    padding-top:21.05%;
    text-indent:-9999px;
}

/* text setting */
.section_inner .txt {
    width:90%;
    max-width:680px;
    margin:0 auto 5%;
    text-align:left;
}
.section_inner h2 {
    background:#b49c3d;
    background:-moz-linear-gradient(left, #b49c3d 0%, #ffffff 100%);
    background:-webkit-linear-gradient(left, #b49c3d 0%,#ffffff 100%);
    background:linear-gradient(to right, #b49c3d 0%,#ffffff 100%);
    margin-bottom:0.5em;
    padding:0 0.5em;
    line-height:1.8;
    font-size:1.8em;
    color:#fff;
}
.section_inner h3 {
    margin-bottom:0.5em;
    border-bottom:1px solid #000;
    line-height:1.6;
    font-size:1.6em;
}
.section_inner p {
    margin-bottom:1.0em;
    line-height:2.0;
    font-size:1.2em;
}

.section_inner h3 span {
    font-size:0.8em;
}
.section_inner p.lead {
    margin-bottom:1.5em;
    font-size:1.3em;
}


/* main image */
.section_img01 {
    width:100%;
    height:600px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    background-image:url("../images/method/img01.jpg");
    margin-bottom:5%;
}

/* images common */
.section_img {
    width:100%;
    height:450px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    margin-bottom:5%;
}
.section_img.img06 {margin-bottom:0;}

.img02 {background-image:url("../images/method/img02.jpg");}
.img03 {background-image:url("../images/method/img03.jpg");}
.img04 {background-image:url("../images/method/img04.jpg");}
.img05 {background-image:url("../images/method/img05.jpg");}
.img06 {background-image:url("../images/method/img06.jpg");}
.img07 {background-image:url("../images/method/img07.jpg");}
.img08 {background-image:url("../images/method/img08.jpg");}

.section_figure {
    width:90%;
    max-width:680px;
    height:0;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:contain;
    background-image:url("../images/method/img09.png");
    margin:0 auto 5%;
    padding-top:37.0%;
}











/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {


/*.section_inner {
    font-size:0.9m;
}*/








}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 768px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {






}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

ul#sns_top {
    position:static;
    width:98%;
    margin:0 1%;
    padding-top:0;
}

/*.section_inner {
    font-size:1.0em;
}*/


/* text setting */
.section_inner h2 {
    font-size:1.6em;
}
.section_inner h3 {
    font-size:1.2em;
}
.section_inner h4 {
    font-size:1.0em;
}
.section_inner p {
    font-size:1.0em;
}


/* title */
#title {
}
#title_inner {
    padding:3% 0 0 2%;
}
#title_inner h1 {
    width:69.33%;
    background-size:contain;
    background-image:url("../images/method/title_sp.png");
    padding-top:17.332%;
}

br.sp {display:none;}



/* main image */
.section_img01 {
    height:0;
    background-size:contain;
    background-image:url("../images/method/img01_sp.jpg");
    padding-top:133.33%;
}

/* images common */
.section_img {
    height:0;
    background-size:contain;
    margin-bottom:5%;
}

.img02 {background-image:url("../images/method/img02_sp.jpg");}
.img03 {background-image:url("../images/method/img03_sp.jpg");}
.img04 {background-image:url("../images/method/img04_sp.jpg");}
.img05 {background-image:url("../images/method/img05_sp.jpg");}
.img06 {background-image:url("../images/method/img06_sp.jpg");}
.img07 {background-image:url("../images/method/img07_sp.jpg");}
.img08 {background-image:url("../images/method/img08_sp.jpg");}

.img02,.img03,.img04,.img05 {
    padding-top:63.33%;
}
.img06,.img08 {
    padding-top:60.66%;
}
.img07 {
    padding-top:100%;
}

.section_figure {
    background-image:url("../images/method/img09.png");
    padding-top:56.647%;
}





}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */



/* - 375px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 375px) {










}
/* - 375px end */



/* - 320px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 320px) {










}
/* - 320px end */