@charset "utf-8";
/* CSS Document */

/* スマホ */
@media screen and (min-width:10px) and (max-width:599px) {
body {
background-color: #fff4eb;
}
a { text-decoration: none; color: #000;}
#head h1 {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/header.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 951 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
}
#head h2 {
font-size: 0em;
}
#gnav {
margin: 3% auto;
}
#btn_next {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/btn_next.png) no-repeat;
width: 50%;
height: 0;
padding-top:calc( 157 / 750 * 100%);
background-size: contain;
font-size: 0em;
float: left;
}
#btn_past {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/btn_past.png) no-repeat;
width: 50%;
height: 0;
padding-top:calc( 157 / 750 * 100%);
background-size: contain;
font-size: 0em;
float: left;
}
main {
font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
.wood {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/bg_wood.jpg);
background-repeat: round;
width: 100vw;
}
#about {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/about.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 542 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 5% auto;
background-color: #fff4eb;
}
#banners {
background-color: #fff4eb;
}
#banner {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/bioral_logo_yoko_nega.jpg) no-repeat;
width: calc( 710 / 750 * 100%);
height: 0;
padding-top:calc( 1053 / 4338 * 100%);
background-size: contain;
font-size: 0em;
margin: 5% auto;
}
#bnr_insta {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/bnr_insta.png) no-repeat;
width: calc( 710 / 750 * 100%);
height: 0;
padding-top:calc( 372 / 1536 * 100%);
background-size: contain;
font-size: 0em;
margin: 5% auto;
}
.nanten {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/nanten.png) no-repeat;
width: calc( 110 / 750 * 100%);
height: 0;
padding-top:calc( 58 / 750 * 100%);
background-size: contain;
font-size: 0em;
margin: 5% auto;
}
#next {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/bg_next.png) no-repeat;
width: 100%;
height: 0;
padding-bottom: calc( 610 / 750 * 100%);
background-size: contain;
margin: 0 auto;
background-color: #fff4eb;
} 
#next h3 { font-size: 0em;}
#next dt  {
width: 75%;
padding-top: calc( 140 / 750 * 100%);
padding-bottom: calc( 50 / 750 * 100%);
margin-top: 7%;
margin-left: 25%;
text-align: center;
font-size: 1em;
}
#next .date {
width: 33%;
float: left;
margin-top: 14%;
}
#past {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/bg_archive.png) no-repeat;
width: 100%;
height: 0;
padding-bottom: calc( 350 / 750 * 100%);
background-size: contain;
margin: 0 auto;
} 
.past {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/bg_archive.png) no-repeat;
width: 100%;
height: 0;
padding-bottom: calc( 350 / 750 * 100%);
background-size: contain;
margin: 0 auto;
} 
#past dt, .past dt  {
width: 67%;
padding-top: calc( 100 / 750 * 100%);
padding-bottom: calc( 50 / 750 * 100%);
margin-left: 25%;
text-align: center;
font-size: 1em;
}
#past .date {
width: 33%;
float: left;
margin-top: 0;
}
#next dd, #past dd, .past dd  {
width: 100%;
text-align: center;
font-size: 0.9em;
line-height: 175%;
}
.past .date {
width: 33%;
float: left;
margin-top: 1.5%;
}
#ttl_youtube {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/ttl_youtube.png) no-repeat;
width: calc( 222  / 750 * 100%);
height: 0;
padding-bottom: calc( 148 / 750 * 100%);
background-size: contain;
margin: 0 auto;
margin-bottom: 3%;
font-size: 0em;
}
#youtube {
position: relative;
width: 92.75%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
margin: 0 auto;
}
#youtube iframe {
position: absolute;
top: 0;
left:0;
width: 100% !important;
height: 92.75% !important;
}
#archives, #items {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/bg_paper.jpg);
background-repeat: round;
width: 100vw;
}
#archives h3 {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/top/ttl_recipe.png) center;
width: calc( 370  / 750 * 100%);
height: 0;
padding-top: calc( 148 / 750 * 100%);
background-size: contain;
margin: 0 auto;
margin-bottom: 3%;
font-size: 0em;
}
#archives dl {
background-color: #fff;
width: calc( 690 / 750 * 100%);
margin: 0 auto;
margin-top: 3%;
} 
#archives dt {
width: 96%;
margin: 0 auto;
padding-top: 2%;
}
#archives dd {
padding: 3% 0 5% 0;
text-align: center;
font-size: 0.9em;
line-height: 150%;
}
#sns {
margin-top: 3% ;
}
div#tw {
width: 80%;
height: 515px;
margin:  0 auto;
}
#present {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/bg_present.png) no-repeat;
width: calc( 710  / 750 * 100%);
height: 0;
padding-top: calc( 1970 / 750 * 100%);
background-size: contain;
margin: 0 auto;
padding-bottom: 5%;
font-size: 0em;
}
#btn_oubo {
display: block;
position: relative;
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/smp/btn_oubo.png) no-repeat;
width: calc( 670  / 750 * 100%);
height: 0;
padding-top: calc( 120/ 750 * 100%);
background-size: contain;
margin: 0 auto;
margin-top: -40%;
font-size: 0em;
}
footer {
font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
border-top: #825b2a 2px dotted;
text-align: center;
font-size: 0.8em;
line-height: 150%;
padding: 7% 0;
color: #000;
}
#tab_movie, #pc_movie, #pagetop {display:none;}
}