@charset "utf-8";
* { margin: 0; padding: 0; }
@media only screen and (max-width: 768px){
#ct_recipe #footer_menu h2.search { display: none; }
}

/* HEADER
---------------------------------------------------------*/
#recipe47_header    { width: 100%; background: rgba(171,213,97,.4); }
#recipe47_header h1 { float: left; margin: 0; width: 728px; height: 106px; background: url(../img/common/header_47.png) center no-repeat; }
#recipe47_header h2 { float: right; margin: 0; margin-top: 10px; margin-right: 10px; width: 228px; height: 85px; background: rgba(255,255,255,.8) url(../img/common/catch_47.png) center no-repeat; }
#recipe47_header p  { display: none; }
@media only screen and (max-width: 768px){
#recipe47_header h1   { float: none; margin: 0; padding-top:14.7%; width: 100%; height: auto; background: url(../img/common/header_47_sp.png) center no-repeat; background-size: contain; }
#recipe47_header h2   { float: none; margin: .5em; padding: .5em; width: auto; height: auto; background: rgba(255,255,255,.8); }
#recipe47_header h2 p { display: block; text-align: center; font: normal 400 3.5vw/1.5 sans-serif; color: #333; }
}

/* 共通
---------------------------------------------------------*/
.pc_only { display: block; }
.sp_only { display: none; }
@media only screen and (max-width: 768px){
.pc_only { display: none; }
.sp_only { display: block; }
}
/* header下 navi */
#recipe47_hnavi li     { float: left; width: 490px; }
@media only screen and (max-width: 768px){
#recipe47_hnavi li     { float: left; width: 50%; }
#recipe47_hnavi li img { width: 100%; }
}

.area                       { margin-top: 40px; }
.area .title_head           { margin: 0 20px; padding: 10px 10px 10px 18px; background: #fff; position: relative; }
.area .title_head h3        { margin: 0; float: left; }
.area .title_head p         { float: right; }
.area ul                    { margin: 0 10px; position: relative; }
.area ul li                 { margin: 20px 10px 0 10px; float: left; }
.area ul li:nth-child(4n+4) { margin-right: 0; overflow: hidden; }
@media only screen and (max-width: 768px){
.area                     { margin-top: 2em; }
.area .title_head         { margin: 0 1em; padding: .5em; background: #fff; position: relative; }
.area .title_head h3      { margin: 0; float: left; }
.area .title_head h3 img  { width: auto; height: 7vw; }
.area .title_head p img   { height: 5.5vw; }
.area ul                  { margin: 0 1em; position: relative; }
.area ul li               { margin: 1em 0 0 0; float: left; width: 50%; padding-right: .5em; box-sizing: border-box; }
.area ul li:nth-child(2n) { padding-right: 0; padding-left: .5em; }
.area ul li img           { width: 100%; }
}

#recipe47_fnavi               { padding: 30px; text-align: center; }
#recipe47_fnavi ul            { margin: 0 auto; display: inline-block; text-align: center; }
#recipe47_fnavi li            { display: inline-block; }
#recipe47_fnavi li.sepa:after { content: ' ｜ '; }
#recipe47_fnavi li a:link     { text-decoration: underline !important; }
@media only screen and (max-width: 768px){
#recipe47_fnavi      { padding: 2em 0; }
#recipe47_fnavi li a { font-size: 12px; }
}

/* index.html --> X
---------------------------------------------------------*/
#recipe47_navi                     { padding: 30px 10px 10px 10px; }
#recipe47_navi li                  { /*float: left;*/ margin: 10px auto; width: 500px; background: #fff; border: 1px solid #ff6e00; }
#recipe47_navi #profile            { /*margin-top: 20px; width: 460px;*/ padding: 1em; }
#recipe47_navi #profile .photo     { float: left; margin-right: 14px; }
#recipe47_navi #profile .photo img { border: 1px solid #cac2b6; }
#recipe47_navi #profile .title     { font-weight: bold; color: #bc0031; }
#recipe47_navi #profile .copy      { font-size: 12px; line-height: 1.5; }
@media only screen and (max-width: 768px){
#recipe47_navi                 { padding: 1em 1em 0 1em; }
#recipe47_navi li              { float: none; margin: 1em 0; width: 100%; }
#recipe47_navi li img          { width: 100%; }
#recipe47_navi #profile        { /*margin-top: 1em;*/ width: 100%; box-sizing: border-box; }
#recipe47_navi #profile .photo { /*float: left;*/ margin-right: 1em; max-width: 33.33%; }
}

/* jimoto.html --> index.html
---------------------------------------------------------*/
#jimoto_hnavi    { margin: 10px 0 40px 0; padding-bottom: 18px; background: #aad81c; }
#jimoto_hnavi ul { margin: 0; }
#jimoto_hnavi li { margin: 18px 0 0 30px; float: left; }
@media only screen and (max-width: 768px){
#jimoto_hnavi    { margin: 1em 0 2em 0; padding-bottom: 2vw; }
#jimoto_hnavi ul { margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; box-sizing: border-box; }
#jimoto_hnavi li { margin: .5vw 0 0 0; float: none; width: 33.333%; }
#jimoto_hnavi li img { padding: 0 0 0 1vw; width: auto; height: 4.2vw; }
}

#jimoto_wrap .title_head { border: 2px solid #aad81c; }

/* tips.html
---------------------------------------------------------*/
#tips_hnavi     { margin: 10px 0 40px 0; padding: 10px 0 16px 0; background: rgba(255,110,0,1); }
#tips_hnavi ul  { margin: 0; }
#tips_hnavi li  { margin: 6px 0 0 40px; float: left; width: 450px; }
@media only screen and (max-width: 768px){
#tips_hnavi        { margin: 1em 0 2em 0; padding: 1em; background: rgba(255,110,0,1); }
#tips_hnavi li     { margin: 0; float: none; width: 100%; }
#tips_hnavi li img { height: 7vw; }
}
#tips_wrap .area             { padding: 19px; background: #fff; border: 1px solid #ff6e00; }
#tips_wrap .area .title_head { margin: 0; padding: 0; position: relative; }
#tips_wrap .area p.copy      { margin-top: 20px; }
#tips_wrap .area p.copy img  { margin-left: 1em; float: right; }
@media only screen and (max-width: 768px){
#tips_wrap .area             { margin: 1em 1em 0 1em; padding: 1em; background: #fff; border: 1px solid #ff6e00; }
#tips_wrap .area p.copy      { margin-top: 1em; }
}