@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:82.1%;
    height:0;
    background-repeat:no-repeat;
    background-position:left top;
    background-size:contain;
    background-image:url("../images/recipe/title.png");
    padding-top:21.05%;
    text-indent:-9999px;
}


/* text setting */
.section_inner h2 {
    margin-bottom:0.5em;
    line-height:1.6;
    font-size:2.0em;
}
.section_inner h3 {
    margin-bottom:0.5em;
    line-height:1.6;
    font-size:1.4em;
}
.section_inner h4 {
    margin-bottom:0.3em;
    font-size:1.2em;
}
.section_inner p {
    line-height:1.8;
    font-size:1.2em;
}


/* bg01 */
.section_bg01 {
    position:relative;
    width:100%;
    height:700px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    background-image:url("../images/recipe/top_img01.jpg");
}
.section_bg01 .anchor {
    position:absolute;
    width:12em;
}
.section_bg01 .anchor a {
    display:block;
    background:url("../images/recipe/arrow.png") no-repeat center bottom;
    background-size:32px;
    padding-bottom:64px;
    line-height:1.2;
    font-size:1.6em;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}
.section_bg01 .anchor a:hover {
    opacity:0.7;
}
.section_bg01 .anchor1 {
    right:50%;
    bottom:5%;
    margin-right:10%;
}
.section_bg01 .anchor2 {
    left:50%;
    bottom:5%;
    margin-left:10%;
}


/* bg02/03 */
.section_bg02,
.section_bg03 {
    width:100%;
    height:850px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
}
.section_bg02 span,
.section_bg03 span {
    display:none;
}
.section_bg02 {
    background-image:url("../images/recipe/top_img02.jpg");
}
.section_bg03 {
    background-image:url("../images/recipe/top_img03.jpg");
}



/* for recipe */
.section_inner h3.line {
    display:flex;
    align-items:center;
}
.section_inner h3.line:after {
    display:block;
    height:1px;
    background:#000;
    margin-left:0.5em;
    flex-grow:1;
    content:"";
}

.section_inner dl {
    margin-bottom:2em;
    line-height:2.4;
    font-size:1.2em;
}
.section_inner dt {
    float:left;
}
.section_inner dd {
    padding-left:10em;
    border-bottom:1px dotted #ccc;
    text-align:right;
}
.section_inner ol {
    margin-bottom:3em;
    padding-left:1.5em;
    font-size:1.2em;
    list-style:decimal;
}


/* section recipe */
.section_recipe {
    background:url("../images/recipe/main_bg.png");
}
.section_recipe .section_inner {
    width:90%;
    max-width:860px;
    margin:0 auto;
    padding:3% 0;
    text-align:left;
}

.section_recipe .catch {
    width:100%;
    background:#b49c3d;
    margin:0 auto 3em;
    padding:3% 5%;
    line-height:1.4;
    font-size:2.6em;
    color:#fff;
    box-sizing:border-box;
}



/* accrdion section */
input.check {display:none;}
.btn_line {
    width:100%;
    background:#b49c3d;
    margin:0 auto 2px;
}
label.btn {
    display:block;
    width:90%;
    max-width:760px;
    background:url("../images/recipe/btn_open.png") no-repeat right center;
    background-size:auto 64%;
    margin:0 auto;
    padding:0;
    text-align:left;
    line-height:1.2;
    font-size:1.8em;
    color:#fff;
    transition:all 0.3s ease-in;
}
label.btn:hover {
    cursor:pointer;
}
label.btn span {
    margin-right:0.3em;
    vertical-align:middle;
    font-size:2.4em;
}

input.check:checked + label {
    background-image:url("../images/recipe/btn_close.png");
}

.section_standard {
    overflow:hidden;
    width:100%;
    height:0;
    background:#fff;
    padding:0;
    transition:all 0.3s ease-in;
}

input.check:checked ~ .section_standard {
    height:auto;
    padding:3% 0;
}

.section_standard .section_inner {
    width:90%;
    max-width:860px;
    margin:0 auto;
    padding:/*3% */0;
    text-align:left;
}
.section_standard .section_inner p {
    margin-bottom:2em;
}

.btn_line .image {
    width:100%;
    height:275px;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
}
.btn_line .image1 {background-image:url("../images/recipe/recipe01_main.jpg");}
.btn_line .image2 {background-image:url("../images/recipe/recipe02_main.jpg");}
.btn_line .image3 {background-image:url("../images/recipe/recipe03_main.jpg");}
.btn_line .image4 {background-image:url("../images/recipe/recipe04_main.jpg");}



/* arrange */
.section_arrange_title {
    padding:10% 0 0;
}
.section_arrange_title .section_inner h2 {
    width:100%;
    max-width:860px;
    margin:0 auto 0.5em;
    text-align:left;
}

.section_arrange .section_inner {
    width:90%;
    max-width:860px;
    margin:0 auto;
    padding:3% 0;
}
.section_arrange.arrange_bg {
    background:#f0ebd8;
}

.section_arrange .section_inner h3 {
    text-align:left;
}
.section_arrange .section_inner ul {
    width:100%;
    text-align:left;
}
.section_arrange .section_inner ul li {
    float:left;
    width:30%;
    margin-right:5%;
    margin-bottom:1.5em;
}
.section_arrange .section_inner ul li:nth-child(3n) {
    margin-right:0;
}
.section_arrange .section_inner ul li img {
    width:100%;
    height:auto;
    margin-bottom:8px;
}
.section_arrange .section_inner a {
    line-height:1.0;
    font-size:1.2em;
    color:#000;
}
.section_arrange .section_inner a:hover {
    text-decoration:none;
    color:#555;
}
.section_arrange .section_inner a img {
    margin-bottom:0.2em;
}







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


/* bg01 */
.section_bg01 {
    height:0;
    padding-top:64%;
}
.section_bg01 .anchor a {
    background-size:28px;
    padding-bottom:50px;
    font-size:1.4em;
}
.section_bg01 .anchor1 {
    margin-right:5%;
}
.section_bg01 .anchor2 {
    margin-left:5%;
}


/* bg02/03 */
.section_bg02,
.section_bg03 {
    height:0;
    padding-top:60%;
}



/* for recipe */
.section_recipe .catch {
    font-size:2.0em;
}



/* accrdion section */
label.btn {
    font-size:1.5em;
}

.btn_line .image {
    height:0;
    padding-top:40%;
}



/* arrange */
.section_arrange_title .section_inner h2 {
    width:90%;
}






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



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


/* text setting */
.section_inner h2 {
    font-size:1.8em;
}
.section_inner h3 {
    font-size:1.3em;
}
.section_inner h4 {
    font-size:1.1em;
}
.section_inner p {
    font-size:1.1em;
}


/* bg01 */
.section_bg01 {
}
.section_bg01 .anchor a {
    background-size:24px;
    padding-bottom:44px;
    font-size:1.2em;
}



/* for recipe */
.section_recipe .catch {
    font-size:1.8em;
}


/* arrange */
.section_arrange .section_inner a {
    line-height:1.0;
    font-size:1.0em;
}


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



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

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

a#standard {
    display:block;
    padding-top:80px;
	margin-top: -80px;
}
a#arrange {
    display:block;
    padding-top:80px;
}

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


/* 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;
}

/* bg01 */
.section_bg01 {
    height:0;
    background-size:contain;
    background-image:url("../images/recipe/top_img01_sp.jpg");
    padding-top:133.333%;
}
.section_bg01 .anchor {
    width:8rem;
}
.section_bg01 .anchor a {
    background-size:20px;
    padding-bottom:40px;
    font-size:1.0em;
}
.section_bg01 .anchor1 {
    bottom:3%;
    margin-right:3%;
}
.section_bg01 .anchor2 {
    bottom:3%;
    margin-left:3%;
}


/* bg02/03 */
.section_bg02,
.section_bg03 {
    height:0;
    background-size:contain;
}
.section_bg02 {
    background-image:url("../images/recipe/top_img02_sp.jpg");
    padding-top:92.0%;
}
.section_bg03 {
    background-image:url("../images/recipe/top_img03_sp.jpg");
    padding-top:89.333%;
}


/* for recipe */
.section_inner dl {
    font-size:1.0em;
}
.section_inner ol {
    font-size:1.0em;
}
.section_recipe .catch {
    margin:0 auto;
    font-size:1.3em;
}



/* accrdion section */
label.btn {
    width:90%;
    font-size:1.2em;
}
label.btn span {
    font-size:1.8em;
}

.btn_line .image {
    height:0;
    background-size:contain;
    padding-top:49.333%;
}
.btn_line .image1 {background-image:url("../images/recipe/recipe01_main_sp.jpg");}
.btn_line .image2 {background-image:url("../images/recipe/recipe02_main_sp.jpg");}
.btn_line .image3 {background-image:url("../images/recipe/recipe03_main_sp.jpg");}
.btn_line .image4 {background-image:url("../images/recipe/recipe04_main_sp.jpg");}




/* arrange */
.section_arrange_title {
    padding:5% 0 0;
}
.section_arrange .section_inner ul li img {
    margin-bottom:0;
}
.section_arrange .section_inner a {
    font-size:1.0em;
}



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



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



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





/* arrange */
.section_arrange_title .section_inner h2 br {
    display:none;
}
.section_arrange .section_inner ul li {
    float:none;
    width:100%;
    margin:0 auto 5%;
}
.section_arrange .section_inner a {
    font-size:0.9em;
}
.section_arrange .section_inner a br {
    display:none;
}




}
/* - 420px end */

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


/* text setting */
.section_inner h2 {
    font-size:1.3em;
}
.section_inner h3 {
    font-size:1.1em;
}


}
/* - 375px end */



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



/* text setting */
/*.section_inner h2 {
    font-size:1.4em;
}*/


/* accrdion section */
label.btn {
    font-size:1.0em;
}





}
/* - 320px end */