@charset "utf-8";
/* CSS Document */
/* タブレット */
@media screen and (min-width:600px) and (max-width:1159px) {
body {
background-color: #fff4eb;
}
a { text-decoration: none; color: #000;}

#head h1 {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/header.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 1140 / 1536 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
}
#head h2 {
font-size: 0em;
}
#gnav {
width: 100%;
height: 0;
padding-bottom: calc( 150  / 1536 * 100%);
background-size: contain;
font-size: 0em;
margin: 0 auto;
margin-top: 3%;
}
#btn_next {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/btn_next.png) no-repeat;
width: 50%;
height: 0;
padding-top:calc( 157 / 1536 * 100%);
background-size: contain;
font-size: 0em;
float: left;
}
#btn_past {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/btn_past.png) no-repeat;
width: 50%;
height: 0;
padding-top:calc( 157 / 1536 * 100%);
background-size: contain;
font-size: 0em;
float: left;
}
.wood {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/bg_wood.jpg);
background-repeat: round;
width: 100vw;
}
main {
font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
#about {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/about.png) no-repeat;
width: 100%;
height: 0;
padding-top:calc( 538 / 1536 * 100%);
background-size: contain;
font-size: 0em;
margin: 5% auto;
}
#banners {
width: 100%;
margin: 0 auto;
}
#banner {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/bioral_logo_yoko_nega.jpg) no-repeat;
width: calc( 1400 / 1536 * 50%);
height: 0;
padding-top:calc( 1053 / 4338 * 50%);
background-size: contain;
font-size: 0em;
margin: 0 2%;
float: left;
}
#bnr_insta {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/bnr_insta.png) no-repeat;
width: calc( 1400 / 1536 * 50%);
height: 0;
padding-top:calc( 372 / 1536 * 50%);
background-size: contain;
font-size: 0em;
margin: 0 2%;
float: left;
}
.nanten {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/nanten.png) no-repeat;
width: calc( 148 / 1536 * 100%);
height: 0;
padding-top:calc( 78 / 1536 * 100%);
background-size: contain;
font-size: 0em;
margin: 5% auto;
}
#next {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/bg_next.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom: calc( 870 / 1536 * 100%);
background-size: contain;
margin: 0 auto;
}
#next h3 {
font-size: 0em;
}
#next dt  {
width: 67%;
padding-top: calc( 240 / 1536 * 100%);
padding-bottom: calc( 50 / 1536 * 100%);
margin-top: 0;
margin-left: 25%;
text-align: center;
font-size: 1.4em;
}
#next .date {
width: 25%;
float: left;
margin-top: 7.5%;
margin-left: 5%;
}
#past {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/bg_past.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom: calc( 440 / 1536 * 100%);
background-size: contain;
margin: 0 auto;
}
#past dt  {
width: 75%;
padding-top: calc( 150 / 1536 * 100%);
padding-bottom: calc( 50 / 1536 * 100%);
margin-left: 25%;
text-align: center;
font-size: 1.4em;
}
#past .date {
width: 25%;
float: left;
margin-top: 1%;
margin-left: 5%;
}
#youtube {
position: relative;
width: 92.75%;
height: 0;
padding-top: 56.25%;
overflow: hidden;
margin: 0 auto;
}
#youtube iframe {
position: absolute;
top: 0;
left:0;
width: 100% !important;
height: 92.75% !important;
}
#items {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/bg_paper.jpg);
background-repeat: round;
width: 100vw;
padding-bottom: 3%;
}
#ttl_youtube {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/ttl_youtube.png) no-repeat;
width: calc( 569 / 1536 * 100%);
height: 0;
padding-bottom: calc( 48 / 1536 * 100%);
background-size: contain;
margin: 0 auto;
margin-bottom: 3%;
font-size: 0em;
}
.past {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/top/bg_past.jpg) no-repeat;
width: 100%;
height: 0;
padding-bottom: calc( 440 / 1536 * 100%);
background-size: contain;
margin: 0 auto;
} 
.past dt  {
width: 75%;
padding-top: calc( 150 / 1536 * 100%);
padding-bottom: calc( 50 / 1536 * 100%);
margin-left: 25%;
text-align: center;
font-size: 1.4em;
}
#next dd,  #past dd, .past dd  {
width: 100%;
text-align: center;
font-size: 1.4em;
line-height: 175%;
}
.past .date {
width: 25%;
float: left;
margin-top: 1%;
margin-left: 5%;
}
#archives {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/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  / 1536 * 100%);
height: 0;
padding-top: calc( 148 / 1536 * 100%);
background-size: contain;
margin: 0 auto;
font-size: 0em;
}
#archives dl {
background-color: #fff;
width: calc( 690 / 750 * 100%);
margin: 3% auto;
} 
#archives dt {
width: 96%;
margin: 0 auto;
padding-top: 2%;
}
#archives dd {
padding: 3% 0 5% 0;
text-align: center;
font-size: 1.1em;
line-height: 150%;
}
#sns {
width: 80%;
margin: 0 auto;
}
div#tw {
height: 100%;
}

#present {
background: url(https://www.tv-osaka.co.jp/joshi_gohan/images/tablet/bg_present.png) no-repeat;
width: calc( 1476  / 1536 * 100%);
height: 0;
padding-top: calc( 1855 / 1536 * 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/tablet/btn_oubo.png) no-repeat;
width: calc( 1234 / 1536 * 100%);
height: 0;
padding-top: calc( 160 / 1536 * 100%);
background-size: contain;
margin: 0 auto;
margin-top: -23%;
font-size: 0em;
}

footer {
border-top: #825b2a 2px dotted;
text-align: center;
font-size: 0.8em;
line-height: 150%;
padding: 5% 0;
color: #000;
}
#smp_movie, #pc_movie, #pagetop, footer br {display:none;}
}