@charset "UTF-8";

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li, dl, dt, dd, address {margin: 0; padding: 0;}
ul, ol {list-style: none;}
img {border: none; vertical-align:bottom; }

/* ---------------------------------------------
	汎用クラス
--------------------------------------------- */
/* clearfix ------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hide from MacIE €*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End Hide from MacIE */

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
@font-face {
  font-family: 'futura'; /* 任意につけれる */
  src: url(../font/futura.ttf); /* パスを指定 */
}

body {
	font-family: "futura", "Avenir Next", Verdana, "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", "ＭＳ Ｐゴシック", sans-serif;
}
/*@media all and (-ms-high-contrast:none) {
	body{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}*/

html>/**/body { font-size: 16px; line-height: normal;overflow-x: hidden; } /* except Win IE */

h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */
html, body {height:100%; color:#000000;}
h1, h2, h3, h4, h5, h6, p, dt, dd, li{
	background:  url("../img/spacer.gif") repeat 0px 0px;
	max-height: 100%;
}

/*共通スタイル*/
.bold {font-weight:bold;}
.center{text-align:center;}

a:link { color:#333; text-decoration:none; font-weight:normal;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#333; text-decoration:none;}
a:active { color:#333; text-decoration:none;}

.clears{ clear:both;}
.fLeft{float: left;}
.fRight{float: right;}

.mt0{margin-top: 0px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}

body{ -webkit-text-size-adjust:100% !important;}
body.cx_smartphoneview{font-size: 162%;}

.cx_smartphoneview .displaypc{ display: none;}
.displaysp{ display: none;}
.cx_smartphoneview .displaysp{ display: block;}



.opacityzoom_in{
    opacity: 1.0;
    border-radius: 50%;
    -ms-transform: scale(0.2) translate3d(0, 0, 0);
    -webkit-transform: scale(0.2) translate3d(0, 0px, 0);
    -moz-transform: scale(0.2) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, border-radius 0.3s, transform 0.2s ease-out;
}
.opacityzoom_fix{
    opacity: 1.0;
    border-radius: 0;
    -ms-transform: scale(1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, border-radius 0.3s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, border-radius 0.3s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, border-radius 0.3s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.opacityzoom_in02{
    opacity: 1.0;
    -ms-transform: scale(0.01,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -moz-transform: scale(0.01,1.0) translate3d(0, 0px, 0);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.opacityzoom_fix02{
    opacity: 1.0;
    -ms-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -webkit-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -moz-transform: scale(1.0,1.0) translate3d(0, 0, 0);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.2s, transform 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.move_in{
    opacity: 0.0;
    -ms-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -webkit-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -moz-transform: translate3d(1500px, 200px, 0) skew(0deg,10deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: opacity 0.2s, -ms-transform 0.2s ease-out;
    transition: opacity 0.2s, transform 0.2s ease-out;
}
.move_fix{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -webkit-transform: translate3d(0, 0, 0) skew(0deg,10deg);
    -moz-transform: stranslate3d(0, 0, 0) skew(0deg,10deg);
    -ms-transition: opacity 0.4s, -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.2s;
}



/*共通レイアウト*/
#fp-wrap{
    border-bottom: solid 1px #ccc;
}

a.linkMore{
    width: 100%;
    display: block;
    text-align: center;
    background-color: #ff7600;
    color: #fff;
    font-size: 113%;
    font-weight: bold;
}
a.linkMore.short{
    height: 42px;
    line-height: 42px;
}
a.linkMore.long{
    height: 48px;
    line-height: 48px;
}
a.linkMore:hover{ background-color: #ff8900;}
.cx_smartphoneview a.linkMore.short{
    height: 62px;
    line-height: 62px;
}
.cx_smartphoneview a.linkMore.long{
    height: 80px;
    line-height: 80px;
}

/* ---------------------------------------------
	トップページ
--------------------------------------------- */
#fp-wrap.topPage{
    background-image: url("../img/bg_l.png"), url("../img/bg_sky_l.jpg"), url("../img/bg_beige.png"), url("../img/bg_beige.png");
    background-repeat: no-repeat, repeat-x, repeat-x, repeat-x;
    background-position: center 0, center -5px, center 0px, center 0px;
    background-color: #fff;
    background-size: auto, auto, 1px 100px, 1px 100px;
}
.cx_smartphoneview #fp-wrap.topPage{
    background-image: url("../img/bg_l.png"), url("../img/bg_sky_l.jpg");
    background-repeat: no-repeat, repeat-x;
    background-position: center 0, center -5px;
    background-color: #fff;
    background-size: auto, auto;
}

/*-------------メインビジュアル-------------*/
.topPage #mainVisual{
    background: url("../photo/mainVisual.png") no-repeat 0 0;
    width: 640px;
    height: 370px;
}
.topPage #mainVisual h1,
.topPage #mainVisual p{
    width: 640px;
    height: auto;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}


/*-------------トップページ コンテンツ-------------*/
.topPage #contentsAllWrap{
    width: 620px;
    margin: 30px 20px 0 0;
}
.cx_smartphoneview .topPage #contentsAllWrap{
    width: 100%;
    margin: 0 0;
}

.topPage #bnr{
    margin:20px 0 40px;
}
.cx_smartphoneview .topPage #bnr{
    padding: 0 10px;
    margin-top: 0px;
}

/*-------------見逃し配信-------------*/
#stream_link{
    /*background-color: #535528;*/
    background-color: #ff7600;
    background-color: #f1efdf;
    text-align: center;
    padding: 0.5em 0.5em 0.8em;
    margin-bottom: 2em;
}
/*.cx_smartphoneview #stream_link{
    margin-left: 10px;
    margin-right: 10px;
}*/
#stream_link > p{
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 0.2em;
    color: #b48600;
    /*color: #f06600;*/
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "futura", "Avenir Next", Verdana, "Lucida Grande", "ＭＳ Ｐゴシック", sans-serif;
    position: relative;
    display: inline-block;
}
.cx_smartphoneview #stream_link > p{ font-size: 120%;}
#stream_link > p:before{
    content: "";
    display: block;
    width: 7em;
    height: 3px;
    background-color: #b48600;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    margin-left: -7.5em;
}
#stream_link > p:after{
    content: "";
    display: block;
    width: 7em;
    height: 3px;
    background-color: #b48600;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    margin-right: -7.5em;
}
.cx_smartphoneview #stream_link > p:before{
    width: 2.6em;
    margin-left: -3em;
}
.cx_smartphoneview #stream_link > p:after{
    width: 2.6em;
    margin-right: -3em;
}
#stream_link ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
#stream_link li{
    flex-shrink: 0;
    width: 49%;
    margin: 0.2em 0.5%;
}
#stream_link li a{
    display: block;
    background-image: url("../img/fod_logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 3em;
    background-size: 100% 2.2em;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
#stream_link li.tver a{
    background-image: url("../img/tver_logo.svg");
}
#preprgramWrap .stream li a.comingsoon{ opacity: 0.5;}

.cx_displaydevice #stream_link li a:hover{
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}
.cx_displaydevice #stream_link li a.comingsoon:hover{ box-shadow: none;}

/*-------------トップページ 放送内容-------------*/
.topPage #oaInfo{
    width: 300px;
    margin: 0 30px 0 0;
    float: left;
}
.topPage #oaInfo h3{
    font-size: 132%;
    line-height: 1.2;
    padding-bottom: 5px;
}
.topPage #oaInfo h3 span{ font-weight: normal;}
.topPage #oaInfo .photo_bs{
    width: 300px;
    height: auto;
    margin: 0 0 8px;
}
.topPage #oaInfo .photo_bs img{
    width: 100%;
    height: auto;
}
.topPage #oaInfo .place{
    font-size: 94%;
    line-height: 1.2;
}
.topPage #oaInfo .dishName{
    line-height: 1.4;
    font-weight: bold;
}
.topPage #oaInfo dt{
    font-size: 113%;
    font-weight: bold;
    line-height: 1.3;
    color: #6d6d6d;
    padding: 3px 0;
}
.topPage #oaInfo .prize{
    font-size: 88%;
    font-weight: bold;
    line-height: 1.2;
    color: #a38400;
    letter-spacing: -0.03em;
}
.topPage #oaInfo a.linkMore{ margin-top: 5px;}

.topPage .linkMore{
    position: relative;
    z-index: 2300;
}

.cx_smartphoneview .topPage #oaInfo{
    width: 320px;
    margin: 0 10px 0;
}
.cx_smartphoneview .topPage #oaInfo h3{font-size: 128%;}
.cx_smartphoneview .topPage #oaInfo .photo_bs{
    width: 100%;
    height: auto;
}

/*-------------トップページ 新着OA動画-------------*/
.topPage #oaMovie{
    width: 290px;
    background: #f1efdf;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNmMWVmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #f1efdf 58%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #f1efdf 58%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f1efdf 58%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1efdf', endColorstr='#ffffff',GradientType=0 );
    float: left;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    min-height: 378px;
}
.topPage #oaMovie::before{
    content: "";
    display: block;
    background: url("../img/oaMovieIllu.png") no-repeat 0 0;
    width: 40px;
    height: 43px;
    position: absolute;
    top: 4px;
    right: 15px;
}

.topPage #oaMovie h3{
    font-size: 132%;
    line-height: 1.2;
    padding-bottom: 5px;
}
.topPage #oaMovie h3 span{ font-weight: normal;}
.topPage #oaMovie .thum{
    width: 100%;
    height: auto;
    margin: 0 0 8px;
    position: relative;
}
.topPage #oaMovie .thum img{
    width: 100%;
    height: auto;
}
.topPage #oaMovie .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    width: 46px;
    height: 46px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -23px auto 0;
    border: solid 3px rgba(255,255,255,0.6);
    border-radius: 50%;
}
.topPage #oaMovie .thum:hover::after{
    border: solid 3px #fff;
}
.topPage #oaMovie .oaDate{
    font-size: 88%;
    line-height: 1.4;
}
.topPage #oaMovie .place{
    font-size: 94%;
    line-height: 1.4;
}
.topPage #oaMovie dt{
    font-weight: bold;
    line-height: 1.4;
    padding: 3px 0 0;
}


/*-------------トップページ くいしん坊の極意-------------*/
.topPage #gokuiWrap{
    background-color: #f1efdf;
    padding: 36px 0;
    margin: 40px 0 0;
}
.cx_smartphoneview .topPage #gokuiWrap{
    padding: 36px 10px;
}

.topPage #gokuiWrap h3{
    font-size: 144%;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: solid 4px #1b1b1b;
    text-indent: 43px;
    position: relative;
}
.topPage #gokuiWrap h3 span{ letter-spacing: -0.1em;}
.topPage #gokuiWrap h3::before{
    content: "";
    display: block;
    background: url("../img/gokuiIllu.png") no-repeat 0 0;
    width: 39px;
    height: 38px;
    position: absolute;
    top: -4px;
    left: 0;
}
.topPage #gokuiWrap h3::after{
    content: "";
    display: block;
    background: url("../photo/syuzo01.png") no-repeat 0 0;
    width: 189px;
    height: 200px;
    position: absolute;
    bottom: 0;
    right: -10px;
    z-index: 2500;
}
.topPage #gokuiWrap ul{
    margin: 22px 0;
}
.topPage #gokuiWrap li{
    float: left;
    margin: 0 22px 0 0;
}
.topPage #gokuiWrap li:nth-of-type(3){ margin: 0;}
.topPage #gokuiWrap dl{ width: 192px;}
.topPage #gokuiWrap .thum{
    width: 192px;
    height: 192px;
    position: relative;
    margin: 0 0 5px;
}
.topPage #gokuiWrap .thum img{
    width: 100%;
    height: auto;
}
.topPage #gokuiWrap .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -30px auto 0;
    border: solid 4px rgba(255,255,255,0.6);
    border-radius: 50%;
}
.topPage #gokuiWrap .thum:hover::after{
    border: solid 4px #fff;
}
.topPage #gokuiWrap dt{
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.05em;
}
.topPage #gokuiWrap .place{
    font-size: 88%;
    line-height: 1.4;
}


/*-------------トップページ Instagram-------------*/
.topPage #instaWrap{
    width: 620px;
    padding: 0;
    margin: 40px auto 0;
}
.topPage #instaWrap h3{
    font-size: 170%;
    font-weight: normal;
    line-height: 1.2;
    border-bottom: solid 4px #1b1b1b;
    text-indent: 33px;
    position: relative;
}
.topPage #instaWrap h3 span{
    font-size: 62%;
    font-weight: bold;
}
.topPage #instaWrap h3::before{
    content: "";
    display: block;
    background: url("../img/instaIcn.png") no-repeat 0 0;
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
}
.topPage #instaWrap .hashtag{
    float: right;
    font-size: 88%;
    letter-spacing: -0.05em;
    line-height: 1.0;
    margin-top: -22px;
}
.cx_smartphoneview .topPage #instaWrap .hashtag{
    float: none;
    margin-top: 8px;
}
.topPage .cx_instagram_target{ height: 236px;}
.topPage #instaWrap ul{
    margin: 22px 0 0;
    display: inline-block;
}
.topPage #instaWrap ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.topPage #instaWrap li{
    width: 192px;
    height: 192px;
    float: left;
    margin: 0 22px 0 0;
    background-color: #f1efdf;
    overflow: hidden;
}
.topPage #instaWrap li:nth-of-type(3){ margin: 0;}
.topPage #instaWrap li img{ width: 100%; height: auto;}

/*-------------トップページ ナビゲーション-------------*/
.topPage #nav{
    width: 100%;
    height: 118px;
    background-color: #f1efdf;
    margin: 65px 0 35px;
    position: relative;
}
.topPage #nav ul{
    position: absolute;
    top: -9px;
    right: 0;
}
.topPage #nav li{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background-color: #58532a;
    margin: 0 7px 0 0;
    float: left;
    overflow: hidden;
}

.topPage #nav li a{
    width: 136px;
    height: 136px;
    display: block;
    color: #fff;
    font-size: 107%;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    padding: 43px 0;
    box-sizing: border-box;
    position: relative;
}
.topPage #nav li a::before,
.topPage #nav li a::after{
    content: "";
    display: block;
    position: absolute;
    width: 66%;
    height: 4px;
    background-color: #9b987f;
    top: 24%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.topPage #nav li a::after{
    top: auto;
    bottom: 24%;
}
.topPage #nav li a:hover::before,
.topPage #nav li a:hover::after{
    background-color: #e6ce00;
}

.topPage #nav li a.comingsoon{
    opacity: 0.3;
}
.topPage #nav li a:hover.comingsoon::before,
.topPage #nav li a:hover.comingsoon::after{ background-color: #9b987f;}

.cx_smartphoneview .topPage #nav li{ width: 146px; height: 146px;}
.cx_smartphoneview .topPage #nav li a{
    width: 146px;
    height: 146px;
    font-size: 77%;
    line-height: 1.4;
    padding: 46px 0;
}


/*-------------トップページ バナーエリア-------------*/
.topPage #bnrWrap{
    position: relative;
    margin: 0 0 38px;
}
.topPage #bnrWrap::after{
    content: "";
    display: block;
    background: url("../img/bnrIllu.png") no-repeat 0 0;
    width: 105px;
    height: 95px;
    position: absolute;
    top: 0;
    right: 20px;
}
.topPage #bnrWrap::before{
    content: "";
    display: block;
    background: url("../photo/syuzo02.png") no-repeat 0 0;
    width: 297px;
    height: 406px;
    position: absolute;
    bottom: -38px;
    left: -50px;
}
.topPage #bnrWrap > div{
    margin: 0 0 0 192px;
}

.cx_smartphoneview .topPage #bnrWrap::before{
    left: -70px;
}

/* ---------------------------------------------
	下層ページ
--------------------------------------------- */
#fp-wrap.sPage{
    background-image: url("../img/bg_sky_l.jpg"), url("../img/bg_beige.png"), url("../img/bg_beige.png");
    background-repeat: repeat-x, repeat-x, repeat-x;
    background-position: center -237px, center 0px, center 0px;
    background-color: #fff;
    background-size: auto, 1px 100px, 1px 100px;
}
.cx_smartphoneview #fp-wrap.sPage{
    background-image: url("../img/bg_sky_l.jpg");
    background-repeat: repeat-x;
    background-position: center -5px;
    background-color: #fff;
    background-size: auto;
}
/*-------------メインビジュアル-------------*/
.sPage #hdr_s{
    background: url("../photo/hdr_s.png") no-repeat 0 0;
    width: 640px;
    height: 138px;
}
.sPage #hdr_s h1,
.sPage #hdr_s p{
    width: 640px;
    height: auto;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}

/*-------------下層ページ コンテンツ-------------*/
.sPage #contentsAllWrap{
    width: 620px;
    margin: 30px 20px 0 0;
}
.cx_smartphoneview .sPage #contentsAllWrap{
    width: 100%;
    margin: 30px 0 0;
}
.sPage #contentsAllWrap h2{
    font-size: 163%;
    text-align: center;
    line-height: 1.0;
    padding-bottom: 25px;
    position: relative;
}
.sPage #contentsAllWrap h2::before,
.sPage #contentsAllWrap h2::after{
    content: "";
    display: block;
    width: 120px;
    height: 60px;
    position: absolute;
    top: -20px;
}
/*-------------下層ページ ナビゲーション-------------*/
.sPage #nav{
    width: 100%;
    height: 118px;
    background-color: #f1efdf;
    margin: 70px 0 45px;
    position: relative;
}
.sPage #nav ul{
    position: absolute;
    top: -9px;
    left: 0;
}
.sPage #nav li{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    background-color: #58532a;
    margin: 0 7px 0 0;
    float: left;
    overflow: hidden;
}

.sPage #nav li a{
    width: 136px;
    height: 136px;
    display: block;
    color: #fff;
    font-size: 107%;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    padding: 43px 0;
    box-sizing: border-box;
    position: relative;
}
.sPage #nav li a::before,
.sPage #nav li a::after{
    content: "";
    display: block;
    position: absolute;
    width: 66%;
    height: 4px;
    background-color: #9b987f;
    top: 24%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.sPage #nav li a::after{
    top: auto;
    bottom: 24%;
}
.sPage #nav li a:hover::before,
.sPage #nav li a:hover::after{
    background-color: #e6ce00;
}
.sPage #nav::after{
    content: "";
    display: block;
    background: url("../img/syuzo_illu01.png") no-repeat 0 0;
    width: 156px;
    height: 210px;
    position: absolute;
    top: -70px;
    right: 0;
}

.sPage #nav li a.comingsoon{
    opacity: 0.3;
}
.sPage #nav li a:hover.comingsoon::before,
.sPage #nav li a:hover.comingsoon::after{ background-color: #9b987f;}


.cx_smartphoneview .sPage #nav ul{ left: 10px;}
.cx_smartphoneview .sPage #nav li{ width: 146px; height: 146px;}
.cx_smartphoneview .sPage #nav li a{
    width: 146px;
    height: 146px;
    font-size: 77%;
    line-height: 1.4;
    padding: 46px 0;
}
.cx_smartphoneview .sPage #nav::after{ right: 10px;}


/* ---------------------------------------------
	これまでの放送ページ
--------------------------------------------- */
.backnumber h2::before{
    background: url("../img/h2illu01.png") no-repeat 0 0;
    left: 50px;
}
.backnumber h2::after{
    background: url("../img/h2illu02.png") no-repeat 0 0;
    right: 50px;
}
.cx_smartphoneview .backnumber h2::before{ left: 10px;}
.cx_smartphoneview .backnumber h2::after{ right: 10px;}

.backnumber h3{
    background-color: #f1efdf;
    text-align: center;
    font-size: 132%;
    color: #f37800;
    line-height: 1.2;
    padding: 14px;
    margin: 0 0 25px;
}
.backnumber h3 span{ font-weight: normal;}

.cx_smartphoneview .backnumber #bnWrap,
.cx_smartphoneview .backnumber #pager{
    margin-left: 10px;
    margin-right: 10px;
}

/*-------------放送内容-------------*/
.backnumber #bnWrap dl{
    border-bottom: solid 4px #000;
    padding: 0 0 48px;
    margin: 0 0 20px;
}
.backnumber #bnWrap .oaDate{
    font-size: 88%;
    font-weight: bold;
    line-height: 1.4;
}
.backnumber #bnWrap .place{ font-size: 82%; line-height: 1.7;}
.backnumber #bnWrap .dishName{ font-size: 94%; font-weight: bold; line-height: 1.4;}
.backnumber #bnWrap .prize{
    font-size: 94%;
    font-weight: bold;
    line-height: 1.2;
    background-color: #a38400;
    color: #fff;
    padding: 5px 5px;
}

.backnumber #bnWrap dt{
    font-size: 107%;
    color: #6d6d6d;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 14px;
}
.backnumber #bnWrap dl:nth-of-type(1) .oaDate{ font-size: 100%; margin: 10px 0 0;}
.backnumber #bnWrap dl:nth-of-type(1) .place{ font-size: 94%;}
.backnumber #bnWrap dl:nth-of-type(1) .dishName{ font-size: 100%;}
.backnumber #bnWrap dl:nth-of-type(1) dt{
    font-size: 113%;
    border-bottom: solid 4px #000;
    padding-bottom: 6px;
}

/*--------写真--------*/
.backnumber #bnWrap .photo_bs.dish{
    width: 300px;
    height: 197px;
    float: right;
    margin: 0 0 20px 20px;
    overflow: hidden;
}
.backnumber #bnWrap dt + .photo_bs{
    width: 300px;
    height: 197px;
    float: left;
    margin: 0 0 20px;
    overflow: hidden;
    background-color: #f1efdf;
}
.backnumber #bnWrap .photo_bs img{ width: 100%; height: auto;}

.backnumber #bnWrap .summary{
    width: 100%;
    font-size: 88%;
    line-height: 2.0;
}
/*.cx_smartphoneview .backnumber #bnWrap .photo_bs.dish,
.cx_smartphoneview .backnumber #bnWrap dt + .photo_bs{ width: 100%; float: none; margin: 0 0 20px;}*/
.cx_smartphoneview .backnumber #bnWrap .photo_bs.dish{ width: 306px; margin: 0 0 20px 8px;}
.cx_smartphoneview .backnumber #bnWrap dt + .photo_bs{ width: 306px;}


.backnumber #bnWrap .thum{
    width: 300px;
    height: auto;
    margin: 20px 0 0 20px;
    position: relative;
    float: right;
}
.cx_smartphoneview .backnumber #bnWrap .thum{  width: 306px; margin: 20px 0 0 8px;}

.backnumber #bnWrap .thum img{
    width: 100%;
    height: auto;
}
.backnumber #bnWrap .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    width: 46px;
    height: 46px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -23px auto 0;
    border: solid 3px rgba(255,255,255,0.6);
    border-radius: 50%;
}
.backnumber #bnWrap .thum:hover::after{ border: solid 3px #fff;}

.backnumber #bnWrap .adress{
    font-size: 88%;
    line-height: 2.0;
    background-color: #f1efdf;
    margin: 20px 0 0;
    padding: 18px;
    box-sizing: border-box;
}
.backnumber #bnWrap .adress .withMov{ display: none;}
.backnumber #bnWrap .thum + .adress{
    width: 300px;
    min-height: 168px;
}
.backnumber #bnWrap .thum + .adress .withMov{ display: block;}
.cx_smartphoneview .backnumber #bnWrap .thum + .adress{ width: 306px;}
.cx_smartphoneview .backnumber #bnWrap .thum + .adress .withMov{ display: none;}
.cx_smartphoneview .backnumber #bnWrap .adress{ line-height: 1.6;}

/*-------------ページャー-------------*/
#pagerWrap{ min-height: 144px;}
#pager{ margin: 0 0 20px;}
#pager li{
    float: left;
    display: inline-block;
    margin: 0 10px 10px 0;
}
#pager li a{
    display: block;
    line-height: 1.2;
    padding: 10px;
    background-color: #ff7600;
    color: #fff;
    font-weight: bold;
    font-size: 94%;
}
#pager li a:hover{ background-color: #ff8900;}
.cx_smartphoneview #pagerWrap{ height: auto;}
.cx_smartphoneview #pager li a{ padding: 20px 10px;}


/* ---------------------------------------------
	くいしん坊の極意ページ
--------------------------------------------- */
.gokui h2::before{
    background: url("../img/h2illu03.png") no-repeat 0 0;
    left: 50px;
}
.gokui h2::after{
    background: url("../img/h2illu04.png") no-repeat 0 0;
    right: 50px;
}
.cx_smartphoneview .gokui h2::before{ left: 10px;}
.cx_smartphoneview .gokui h2::after{ right: 10px;}

.cx_smartphoneview .gokui #gokuiListWrap{ margin: 0 10px;}

.gokui #gokuiListWrap li{
    float: left;
    margin: 0 28px 28px 0;
}
.gokui #gokuiListWrap li:nth-of-type(3n){ margin: 0 0 28px 0;}
.gokui #gokuiListWrap dl{ width: 188px; margin: 0 0 6px;}
.gokui #gokuiListWrap .thum{
    width: 188px;
    height: 188px;
    position: relative;
    margin: 0 0 5px;
}
.cx_smartphoneview .gokui #gokuiListWrap li{ margin: 0 16px 28px 0;}
.cx_smartphoneview .gokui #gokuiListWrap li:nth-of-type(3n){ margin: 0 0 28px 0;}
.cx_smartphoneview .gokui #gokuiListWrap dl{ width: 196px;}
.cx_smartphoneview .gokui #gokuiListWrap .thum{
    width: 196px;
    height: 196px;
}

.gokui #gokuiListWrap .thum img{
    width: 100%;
    height: auto;
}
.gokui #gokuiListWrap .thum::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -30px auto 0;
    border: solid 4px rgba(255,255,255,0.6);
    border-radius: 50%;
}
.gokui #gokuiListWrap .thum:hover::after{
    border: solid 4px #fff;
}
.gokui #gokuiListWrap dt{
    font-size: 94%;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.05em;
}
.gokui #gokuiListWrap .place{
    font-size: 88%;
    line-height: 1.4;
}

.gokui #gokuiListWrap li a.linkMore{
    font-size: 94%;
}

.sPage.gokui #nav::after{
    background: url("../img/syuzo_illu02.png") no-repeat 0 0;
    width: 220px;
    height: 213px;
}


/* ---------------------------------------------
	番組概要ページ
--------------------------------------------- */
.history h2::before{
    background: url("../img/h2illu03.png") no-repeat 0 0;
    left: 50px;
}
.history h2::after{
    background: url("../img/h2illu04.png") no-repeat 0 0;
    right: 50px;
}
.history h2:nth-of-type(2)::before{
    background: url("../img/h2illu01.png") no-repeat 0 0;
    left: 50px;
}
.history h2:nth-of-type(2)::after{
    background: url("../img/h2illu02.png") no-repeat 0 0;
    right: 50px;
}
.history h2 + div{
    margin: 0 0 35px;
}

.history #introWrap{
    padding: 0 0 20px;
    border-bottom: solid 4px #000;
}
.history #introWrap p{
    line-height: 1.8;
}
.history #introWrap .photo_bs,
.history #introWrap .photo_bs img,
.history #historyWrap .photo_bs,
.history #historyWrap .photo_bs img{
    width: 100%;
    height: auto;
}
.history #introWrap .photo_bs{
    margin: 15px 0 5px;
    position: relative;
}

.history #introWrap .photo_bs::before,
.history #historyWrap .photo_bs::before{
    content: "";
    display: block;
    background-color: #ff7600;
    color: #fff;
    position: absolute;
    top: 10px;
    left: -5px;
    padding: 10px;
    font-weight: bold;
    line-height: 1.0;
}
.history #introWrap .photo_bs::before{
    content: "11代目";
    font-size: 120%;
}
.history .kuishinboIntro dt{
    text-align: center;
    font-weight: bold;
    font-size: 140%;
    line-height: 1.4;
}
.history .kuishinboIntro dd{
    text-align: center;
    line-height: 1.6;
}

.cx_smartphoneview .history #introWrap,
.cx_smartphoneview .history #historyWrap{ margin: 0 10px 35px;}
/* ------------歴代------------ */
.history #historyWrap dl{
    width: 300px;
    margin: 0 20px 15px 0;
    float: left;
}
.history #historyWrap dl:nth-of-type(2n){ margin: 0 0 15px;}
.history #historyWrap .photo_bs{
    /*float: left;*/
    position: relative;
    margin: 0 15px 0 0;
}
.history #historyWrap .photo_bs::before{
    font-size: 100%;
    padding: 7px;
}
.history #historyWrap dl:nth-of-type(1) .photo_bs::before{ content: "初代";}
.history #historyWrap dl:nth-of-type(2) .photo_bs::before{ content: "2代目";}
.history #historyWrap dl:nth-of-type(3) .photo_bs::before{ content: "3代目";}
.history #historyWrap dl:nth-of-type(4) .photo_bs::before{ content: "4代目";}
.history #historyWrap dl:nth-of-type(5) .photo_bs::before{ content: "5代目";}
.history #historyWrap dl:nth-of-type(6) .photo_bs::before{ content: "6代目";}
.history #historyWrap dl:nth-of-type(7) .photo_bs::before{ content: "7代目";}
.history #historyWrap dl:nth-of-type(8) .photo_bs::before{ content: "8代目";}
.history #historyWrap dl:nth-of-type(9) .photo_bs::before{ content: "9代目";}
.history #historyWrap dl:nth-of-type(10) .photo_bs::before{ content: "10代目";}
.history #historyWrap dt{
    font-size: 110%;
    font-weight: bold;
    line-height: 1.8;
}
.history #historyWrap dd{ line-height: 1.4;}


.cx_smartphoneview .history #historyWrap dl{ float: none; margin: 0 0 15px; width: 100%;}
.cx_smartphoneview .history #historyWrap .photo_bs{ float: left; width: 50%;}

.sPage.history #nav::after{
    background: url("../img/syuzo_illu03.png") no-repeat 0 0;
    width: 156px;
    height: 210px;
}



/* ---------------------------------------------
	くいしん坊映え大賞ページ
--------------------------------------------- */
.sPage.contest #contentsAllWrap h2{ padding-bottom: 0;}
.contest #samplePhWrap{ margin: 10px 0 15px;}
.contest #samplePhWrap li{
    float: left;
    width: 33%;
    margin: 0 0.5% 5px 0;
    background-color: #000;
}
.contest #samplePhWrap li:nth-of-type(3n){ margin: 0 0 5px 0;}
.contest #samplePhWrap li img{
    width: 100%;
    height: auto;
}

.contest #introWrap p{ line-height: 1.8; font-size: 94%}
.cx_smartphoneview .contest #introWrap p{ padding: 0 10px;}
.contest #introWrap p.attention{
    line-height: 1.6;
    font-size: 88%;
    padding: 15px;
    margin: 10px 0 30px;
    background-color: #f1efdf;
}

.contest #introWrap .prize{
    margin: 10px 0 0;
    text-align: center;
}
.cx_smartphoneview .contest #introWrap .prize{ padding: 0 10px;}
.contest #introWrap .prize dt{
    font-weight: bold;
    color: #d49529;
    font-size: 110%;
    margin-bottom: 6px;
    border-bottom: dotted 3px #d49529;
}
.contest #introWrap .prize dt::before,
.contest #introWrap .prize dt::after{
    content: "★";
}
.contest #introWrap .prize dd{
    font-size: 94%;
    line-height: 1.6;
    padding: 0 0 8px;
}
.contest #introWrap .prize dd span{ color: #c40000; font-size: 108%;}

.contest #summary{ margin: 30px 0 80px;}
.contest #summary h3{
    font-size: 110%;
    line-height: 1.2;
    margin: 0 0 6px;
}
.contest #summary table{
    border: solid 1px #ccc;
    width: 100%;
    box-sizing: border-box;
    font-size: 88%;
    line-height: 1.4;
}
.contest #summary table td{
    border-bottom: solid 1px #ccc;
    padding: 8px 8px;
}
.contest #summary table td:nth-of-type(1){
    border-right: solid 1px #ccc;
    background-color: #f1efdf;
    min-width: 100px;
}
.contest #summary table td span{ font-size: 88%;}
.contest #summary table td span.bold{ font-size: 100%;}
.contest #summary table td li::before{
    content: "・";
}
.contest #summary table td li{
    padding-left: 1em; text-indent: -1em;
    margin-bottom: 6px;
}