@charset "UTF-8";

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */

body {
	font-family: "游ゴシック体", YuGothicM, YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", "Avenir Next", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'), local('Yu Gothic Medium'), local('YuGothic-Regular'); 
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), local('Yu Gothic');    
}
@media screen\0 {
	body{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}

.cx_smartphoneview .narrow_sp{ letter-spacing: -0.2em;}
.opacityzoom_in1_l{
    opacity: 1.0;
    -ms-transform: scale(0.2) translate3d(400px, 200px, 0) rotate(245deg);
    -webkit-transform: scale(0.2) translate3d(400px, 200px, 0) rotate(245deg);
    -moz-transform: scale(0.2) translate3d(400px, 200px, 0) rotate(245deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
    -ms-transition: opacity 0.3s, -ms-transform 0.3s ease-out;
    transition: opacity 0.3s, transform 0.3s ease-out;
}
.opacityzoom_in1_r{
    opacity: 1.0;
    -ms-transform: scale(0.2) translate3d(-400px, 200px, 0) rotate(-245deg);
    -webkit-transform: scale(0.2) translate3d(-400px, 200px, 0) rotate(-245deg);
    -moz-transform: scale(0.2) translate3d(-400px, 200px, 0) rotate(-245deg);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
    -ms-transition: opacity 0.3s, -ms-transform 0.3s ease-out;
    transition: opacity 0.3s, transform 0.3s ease-out;
}
.opacityzoom_in2_l{
    opacity: 1.0;
    -ms-transform: scale(0.2) translate3d(300px, 400px, 0) rotate(145deg);
    -webkit-transform: scale(0.2) translate3d(300px, 400px, 0) rotate(145deg);
    -moz-transform: scale(0.2) translate3d(300px, 400px, 0) rotate(145deg);
    -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_in2_r{
    opacity: 1.0;
    -ms-transform: scale(0.2) translate3d(-300px, 400px, 0) rotate(-145deg);
    -webkit-transform: scale(0.2) translate3d(-300px, 400px, 0) rotate(-145deg);
    -moz-transform: scale(0.2) translate3d(-300px, 400px, 0) rotate(-145deg);
    -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_in3_l{
    opacity: 1.0;
    -ms-transform: scale(0.2) translate3d(600px, 400px, 0) rotate(45deg);
    -webkit-transform: scale(0.2) translate3d(600px, 400px, 0) rotate(45deg);
    -moz-transform: scale(0.2) translate3d(600px, 400px, 0) rotate(45deg);
    -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_in3_r{
    opacity: 1.0;
    -ms-transform: scale(0.2) translate3d(-600px, 400px, 0) rotate(-45deg);
    -webkit-transform: scale(0.2) translate3d(-600px, 400px, 0) rotate(-45deg);
    -moz-transform: scale(0.2) translate3d(-600px, 400px, 0) rotate(-45deg);
    -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_fix1_l{
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(-45deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(-45deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix1_r{
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(45deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(45deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix2_l{
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(-5deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(-5deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(-5deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix2_r{
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(5deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(5deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(5deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix3_l{
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(-25deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(-25deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(-25deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix3_r{
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(25deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(25deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(25deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix4_l{
    opacity: 0.5;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(0deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(0deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix4_r{
    opacity: 0.5;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(270deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(270deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(270deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix5_l{
    opacity: 0.5;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(-50deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(-50deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(-50deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}
.opacityzoom_fix5_r{
    opacity: 0.5;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(0deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(0deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(0deg);
    -ms-transition: opacity 0.2s, -ms-transform 0.4s ease-out;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s, transform 0.4s ease-out;
}

.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(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 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;
}
.move_fix{
    opacity: 1.0;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transition: opacity 0.4s, -ms-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: opacity 0.4s, transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

#fp-wrap{
    background-image:url("../../img/skateLink_bg07.png"),url("../../img/skateLink_bg08.png"),url("../../img/skateLink_bg06.png"),url("../../img/skateLink_bg05.png"),url("../img/bg.png");
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-y, repeat;
	background-position: center 115px, center 0px, center 0px, center 0px, center 0px;
    background-attachment: scroll, scroll, scroll, scroll,fixed;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background-color: #f0fbff;
}

#fp-contents{ padding-top: 20px;}
.cx_smartphoneview #fp-contents{ padding-top: 0.5em;;}
/* ---------------------------------------------
	トップページ
--------------------------------------------- */

/*-------------ヘッダー-------------*/
.pageTop #hdrWrap{
    background-image: url("../img/hdr_bg.png");
    background-repeat: repeat-x;
    background-position: left 0;
    width: 100%;
    border-bottom: solid 3px #b4904d;
    position: relative;
    /*margin-bottom: 10px;*/
    z-index: 5555;
}
.pageTop #hdrWrap::before{
    content: "";
    display: block;
    background-image: url("../img/hdr_bg2.png");
    background-repeat: repeat-x;
    background-position: right 0;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    /*padding-top: 47.07%;*/
    padding-top: 43.07%;
}
.cx_smartphoneview .pageTop  #hdrWrap{
    /*background: url("../photo/mainV_sp.jpg") no-repeat center 0;*/
    /*height: 615px;*/
    height: 600px;
}
.cx_smartphoneview .pageTop #hdrWrap::before{ display: none;}
/*.cx_smartphoneview .toppage  #hdrWrap{
    background-size: cover;
    height: 0;
    padding-top: 47%;
}*/
.pageTop #hdrWrap h1{
    background-image: url("../photo/mainVisual_pc.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    background-size: contain;
    height: 0;
    padding-top: 47.15%;
    /*padding-top: 43.07%;*/
    position: relative;
    z-index: 9999;
}
.cx_smartphoneview .pageTop #hdrWrap h1{
    background-image: url("../photo/mainVisual_sp.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    /*height: 615px;*/
    height: 600px;
    padding-top: 0;
}
@media screen and (min-width: 1298px) {
    .pageTop #hdrWrap{    
        background-size: contain;
    }
    .pageTop #hdrWrap::before,
    .pageTop #hdrWrap h1{
        height: 612px;
       /* height: 560px;*/
        padding: 0;
    }
}
.pageTop #hdrWrap h1,
.pageTop #hdrWrap p{
    width: 100%;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
.pageTop #hdrWrap p{
    position: absolute;
    top: 0;
    left: 0;
}


/*-------------what's new-------------*/
#newsWrap{
    background: #173da5;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3M2RhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQzNjhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzNkYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #173da5 0%, #4368d8 50%, #173da5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#173da5), color-stop(50%,#4368d8), color-stop(100%,#173da5));
background: -webkit-linear-gradient(left,  #173da5 0%,#4368d8 50%,#173da5 100%);
background: -o-linear-gradient(left,  #173da5 0%,#4368d8 50%,#173da5 100%);
background: -ms-linear-gradient(left,  #173da5 0%,#4368d8 50%,#173da5 100%);
background: linear-gradient(to right,  #173da5 0%,#4368d8 50%,#173da5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173da5', endColorstr='#173da5',GradientType=1 );


    padding: 5px 0;
    margin-bottom: 15px;
}
#newsWrap ul{
    /*background-color: rgba(255,255,255,0.7);
    border-radius: 15px;
    display: inline-block;*/
    width: 1000px;
    margin: 0 auto;
    padding: 5px 5px;
    box-sizing: border-box;
}
.cx_smartphoneview #newsWrap ul{ width: 100%;}
#newsWrap li{
    font-size: 110%;
    color: #fff;
    line-height: 1.4;
    text-align: center;
    text-shadow: 1px 1px 10px rgba(47, 49, 54, 0.34);
}
#newsWrap li span{
    color: #ff4680; font-weight: bold;
    text-shadow: 1px 1px 10px #172c72;
}
.cx_smartphoneview #newsWrap li{
    font-size: 106%;
}
@media screen\0 {
	#newsWrap li{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#newsWrap li a{
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
#newsWrap li a:hover{
    text-decoration: underline;
    color: #eee;
}
.cx_smartphoneview #newsWrap li a{
    font-size: 100%;
    text-align: center;
    width: 100%;
    letter-spacing: -0.02em;
    /*display: block;*/
}

/*-------------スペシャル動画-------------*/
#spMovWrap{
    background-color: #fff0fd;
    padding: 2em;
    border-bottom: solid 3px #b4904d;
    position: relative;
    display: none;
    overflow: hidden;
}
#spMovWrap > *{
    width: 1000px;
    margin: 0 auto;
}
.cx_smartphoneview #spMovWrap{ padding: 2em 0;}
.cx_smartphoneview #spMovWrap > *{ width: 100%;}
#spMovWrap h2{
    background: url("../img/spMov_ttl_pc.svg") no-repeat center center;
    height: 4.8em;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0.5em;
    position: relative;
    z-index: 5555;
}
.cx_smartphoneview #spMovWrap h2{
    width: 96%;
    height: 3.6em;
}
.cx_smartphoneview #spMovWrap .mask{
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
#spMovWrap ul{
    display: flex;
    flex-wrap: wrap;
    /*align-items:center;*/
    justify-content:center;
    position: relative;
    z-index: 5555;
}
.cx_smartphoneview #spMovWrap ul{
    width: 180%;
    padding: 0 1em;
}
#spMovWrap li{
    flex-shrink: 0;
    width: 24.4%;
    background-color: #fff;
    margin: 0 0.8% 0 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#spMovWrap li:nth-last-of-type(1){ margin: 0;}
#spMovWrap li.comingsoon{
    background-color: rgba(0,0,0,0.2);
    display: flex;
    align-items:center;
    justify-content:center;
    color: rgba(255,255,255,0.5);
    font-size: 140%;
    font-weight: bold;
    box-shadow: none;
    line-height: 1.2;
}
.cx_smartphoneview #spMovWrap li.comingsoon{ font-size: 125%;}
#spMovWrap dt{
    padding: 0.6em 0.8em;
    font-size: 88%;
    line-height: 1.4;
    font-weight: bold;
    font-feature-settings: "palt";
}
.cx_smartphoneview #spMovWrap dt{ 0.6em 0.6em;}
.cx_smartphoneview #spMovWrap dt .narrowsp{ letter-spacing: -0.03em;}
#spMovWrap .thum{ position: relative;}
#spMovWrap .thum::before{
    content: "";
    display: block;
    position: absolute;
    width: 3.2em;
    height: 3.2em;
    background-color: rgba(0,0,0,0.6);
    border-radius: 50%;
    top: 50%;
    left: 0;
    right: 0;
    margin: -1.6em auto 0;
    border: solid 0.2em rgba(255,255,255,0.9);
    box-sizing: border-box;
}
#spMovWrap .thum::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.6em 0 0.6em 1.0em;
    border-color: transparent transparent transparent rgba(255,255,255,0.9);
    /*border-style: inset;*/
    position:absolute;
    top: 50%;
    left: 50%;
    margin: -0.6em 0 0 -0.4em;
}
.cx_displaydevice #spMovWrap li:hover .thum::before{
    background-color: rgba(0,0,0,0.9);
    border: solid 0.3em rgba(255,255,255,1);
}
.cx_displaydevice #spMovWrap li:hover .thum::after{
    border-color: transparent transparent transparent rgba(255,255,255,1);
}


#spMovWrap .deco{
    width: 1200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 333;
}
.cx_smartphoneview #spMovWrap .deco{
    width: 124%;
    margin-left: -12%;
}
#spMovWrap .sakura{
    background: url("../img/sakura.svg") no-repeat center center;
    width: 112px;
    height: 112px;
    position: absolute;
    top: 24px;
    left: 70px;
}
#spMovWrap .sakura:nth-of-type(2){
    width: 55px;
    height: 55px;
    top: 10px;
    left: 180px;
}
#spMovWrap .sakura:nth-of-type(3){
    width: 33px;
    height: 33px;
    top: 40px;
    left: 20px;
}
#spMovWrap .sakura:nth-of-type(4){
    width: 112px;
    height: 112px;
    top: 24px;
    right: 70px;
    left: auto;
}
#spMovWrap .sakura:nth-of-type(5){
    width: 55px;
    height: 55px;
    top: 10px;
    right: 180px;
    left: auto;
}
#spMovWrap .sakura:nth-of-type(6){
    width: 33px;
    height: 33px;
    top: 40px;
    right: 20px;
    left: auto;
}
#spMovWrap .hanabira{
    background: url("../img/hanabira.svg") no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 24px;
    left: 250px;
}
#spMovWrap .hanabira:nth-of-type(2){
    width: 15px;
    height: 15px;
    top: 140px;
    left: 40px;
}
#spMovWrap .hanabira:nth-of-type(3){
    width: 20px;
    height: 20px;
    top: 24px;
    right: 250px;
    left: auto;
}
#spMovWrap .hanabira:nth-of-type(4){
    width: 15px;
    height: 15px;
    top: 140px;
    right: 40px;
    left: auto;
}

/*-------------コンテンツエリア-------------*/
#fp-l{ margin: 10px 0 40px;}
/*#fp-l > div{
    width: 620px;
    margin: 0 15px 0 5px;
}
.cx_smartphoneview #fp-l > div{ margin: 0 auto;}*/
#fp-l > div > div{ margin-bottom: 40px;}
#fp-l > div > div.cx_anchor_link{ margin-bottom: 0;}
#fp-l > div .ttl{ position: relative; margin: 0 0 10px;}


/*共通レイアウト*/
#contentsWrap{
    background: none;
    padding-top: 0;
}
#contentsWrap > div{ margin-bottom: ;}
#contentsWrap h2{
    border-bottom: none;
    margin-bottom: ;
    /*color: #0c4796;*/
    /*color: #000;*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5MjI3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTIyNzEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(89,34,113,1) 0%, rgba(89,34,113,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(89,34,113,1)), color-stop(100%,rgba(89,34,113,0)));
    background: -webkit-linear-gradient(left,  rgba(89,34,113,1) 0%,rgba(89,34,113,0) 100%);
    background: -o-linear-gradient(left,  rgba(89,34,113,1) 0%,rgba(89,34,113,0) 100%);
    background: -ms-linear-gradient(left,  rgba(89,34,113,1) 0%,rgba(89,34,113,0) 100%);
    background: linear-gradient(to right,  rgba(89,34,113,1) 0%,rgba(89,34,113,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#592271', endColorstr='#00592271',GradientType=1 );
    color: #fff;
    font-weight: bold;
    padding: 0 0.5em;
    /*border-radius: 8px 0 0 0;*/
    font-size: 130%;
}
/*#contentsWrap h2::before{ content: "■";}*/


/*--------共通ナビゲーション--------*/
#navWrap{
    background-color: rgba(222, 227, 242, 1);
    position: relative;
    width: 100%;
    z-index: 1000;
    border-bottom: solid 3px #b4904d;
    box-shadow: 0 10px 15px 10px rgba(255, 255, 255, 0.45) inset, 0 5px 15px 5px rgba(31, 105, 168, 0.16);
}
#navWrap::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.2);
    z-index: 2100;
}
#mainNav{
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    z-index: 2200;
    background: none;
}
.cx_smartphoneview #mainNav{
    width: 98%;
}

#mainNav li{
    float: left;
    position: relative;
    height: auto;
    border-radius: 0;
    /*overflow: visible;*/
}
#mainNav.len3 li{
    width: 33%;
    margin: 0 0.5% 0 0;
}
#mainNav.len3 li:nth-of-type(3n){ margin: 0;}
#mainNav.len4 li{
    width: 24.7%;
    margin: 0 0.4% 0 0;
}
#mainNav.len4 li:nth-of-type(4n){ margin: 0;}
#mainNav.len5 li{
    width: 19.68%;
    margin: 0 0.4% 0 0;
}
#mainNav.len5 li:nth-of-type(5n){ margin: 0;}
#mainNav li a{
    display: block;
    /*width: 247px;*/
    width: 100%;
    height: 74px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    line-height: 74px;
    box-sizing: border-box;
    position: relative;
    background-color: #592271;
}
#mainNav.len5 li a{ font-size: 100%;}
#mainNav li.line2 a{
    line-height: 1.3;
    padding-top: 18px;
}


@media screen\0 {
	#mainNav li a{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
#mainNav li a:hover{ background-color: #7c2c9f;}


#mainNav li a::before{
    content: "";
    display: block;
    background-color: rgba(255,255,255,0.2);
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.cx_smartphoneview #mainNav li{
    /*width: 49.5%;
    margin: 0 1% 2px 0;*/
    width: 33%;
    margin: 0 0.5% 2px 0;
}
.cx_smartphoneview #mainNav.len4 li:nth-of-type(4n),
.cx_smartphoneview #mainNav li.len3:nth-of-type(3n){ margin: 0;}
.cx_smartphoneview #mainNav.len4 li{
    width: 24.7%;
    margin: 0 0.4% 0 0;
}
.cx_smartphoneview #mainNav.len5 li:nth-of-type(1),
.cx_smartphoneview #mainNav.len5 li:nth-of-type(2){
    width: 49.5%;
    margin: 0 1% 4px 0;
}
.cx_smartphoneview #mainNav.len5 li:nth-of-type(2){ margin-right: 0;}
.cx_smartphoneview .pageS #mainNav.len5 li{
    width: 19.68%;
    margin: 0 0.4% 0 0;
}
.cx_smartphoneview .pageS #mainNav.len5 li:nth-of-type(5){ margin-right: 0;}
.cx_smartphoneview .pageS #mainNav.len5{
    width: 112%;
    padding-left: 0.4em;
    padding-right: 0.4em;
}
.cx_smartphoneview .pageS #navWrap{
    overflow-x: scroll;
    overflow-y: hidden;
}

.cx_smartphoneview #mainNav li a{
    width: 100%;
    height: 100px;
    font-size: 82%;
    line-height: 100px;
}

.cx_smartphoneview #mainNav li.line2 a{
    line-height: 1.3;
    padding-top: 18px;
}
.cx_smartphoneview #mainNav li.line2_sp a{
    line-height: 1.3;
    padding-top: 22px;
}
/*.cx_smartphoneview #mainNav li a::before{
    height: 92px;
}*/
.cx_smartphoneview #mainNav li.comingsoon:after{ font-size: 90%;}

.cx_smartphoneview #navWrap.short{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.cx_smartphoneview #navWrap.short ul{
    /*width: 130%;*/
    width: 160%;
    padding: 10px 2%;
    box-sizing: border-box;
}
.cx_smartphoneview #navWrap.short ul li{
    /*width: 24.4%;*/
    width: 19.2%;
    margin: 0 0.8% 0 0;
}
.cx_smartphoneview #navWrap.short ul li.line2 a{
    line-height: 1.3;
    padding-top: 18px;
}
.cx_smartphoneview #navWrap.short ul li:nth-last-of-type(1){ margin: 0;}
.cx_smartphoneview #navWrap.short ul li a{
    height: 86px;
    line-height: 86px;
    font-size: 84%;
}
.cx_smartphoneview #navWrap.short ul li a.line1{ padding: 26px 0 0;}
.cx_smartphoneview #navWrap.short ul li a::before{
    height: 78px;
}
.cx_smartphoneview #navWrap.short  ul li.comingsoon:after{ display: none;}



#mainNav li a.line1{ padding: 25px 0 0;}
#mainNav li a .narrow1{
    letter-spacing: -0.05em;
    -ms-transform: scale(0.9,1.0);
    -webkit-transform: scale(0.9,1.0);
    -moz-transform: scale(0.9,1.0);
    transform: scale(0.9,1.0);
    display:inline-block;
}
#mainNav li a .narrow2{
    letter-spacing: -0.1em;
}

.s01 #mainNav li:nth-of-type(1) a,
.s02 #mainNav li:nth-of-type(2) a,
.s03 #mainNav li:nth-of-type(3) a,
.s04 #mainNav li:nth-of-type(4) a,
.s05 #mainNav li:nth-of-type(5) a{
    background-color: #7c2c9f;
    cursor: default;
}

#mainNav li.new a::after{
    content: "NEW!";
    position: absolute;
    top: 0.3em;
    left: -2.2em;
    font-size: 68%;
    background-color: #ef2664;
    line-height: 1.2;
    padding: 0.2em 2.4em;
    transform: rotate(-32deg);
}

/* ------------------------------
	共通動画エリア
------------------------------ */
.moviePage #movie{ padding-bottom: 60px;}
#movie li .thum{
    border-bottom: ;
}
#movie li a.active .thum,
#movie li a:hover .thum{
    border-bottom: solid 5px #c99a15;
}
#movie li p{ color: ;}

#movie h2{
    background-color: #be000f;
    color: #fff;
    line-height: 1.4;
    padding: 8px 25px 8px 10px;
    cursor: pointer;
    position: relative;
    font-size: 120%;
}
#movie h2:hover{ background-color: #db0011;}
#movie h2::before{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    top: 0;
    left: 0;
}
#movie h2::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 15px;
	margin:-5px 0 0 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
}
.cx_smartphoneview #movie h2::after{
    top: 50%; right: 15px;
	margin:-7px 0 0 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 12px 0 14px;
	border-color: #fff transparent transparent transparent;
}
.moviePage #movie ul{
    margin: 0 0 10px;
}


/* ---------------------------------------------
	トップページ
--------------------------------------------- */
/* -----------------------------------
	SPメッセージ企画
----------------------------------- */
#spMessage{
    background: rgb(255,240,253);
    background: -moz-linear-gradient(-45deg,  rgba(255,240,253,1) 1%, rgba(255,198,212,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(255,240,253,1)), color-stop(100%,rgba(255,198,212,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(255,240,253,1) 1%,rgba(255,198,212,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(255,240,253,1) 1%,rgba(255,198,212,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(255,240,253,1) 1%,rgba(255,198,212,1) 100%);
    background: linear-gradient(135deg,  rgba(255,240,253,1) 1%,rgba(255,198,212,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fd', endColorstr='#ffc6d4',GradientType=1 );
    text-align: center;
    padding: 0.5em 0 1em;
    position: relative;
}
#spMessage::before{
    content: "";
    display: block;
    background: url("../img/sakura.svg") no-repeat center center;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 2em;
    left: 0.5em;
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(-20deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(-20deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(-20deg);
    z-index: 3333;
}
#spMessage::after{
    content: "";
    display: block;
    background: url("../img/sakura.svg") no-repeat center center;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    opacity: 0.3;
    -ms-transform: scale(1.0) translate3d(0, 0, 0) rotate(20deg);
    -webkit-transform: scale(1.0) translate3d(0, 0, 0) rotate(20deg);
    -moz-transform: scale(1.0) translate3d(0, 0, 0) rotate(20deg);
    z-index: 3333;
}
.cx_smartphoneview #spMessage::before{
    width: 100px;
    height: 100px;
    bottom: 6em;
}
.cx_smartphoneview #spMessage::after{
    width: 180px;
    height: 180px;
}
#contentsWrap #spMessage h2{
    background: #ff566f;
    width: 100%;
    padding: 0.3em 0.2em;
    margin-left: -0.2em;
    border-bottom: solid 3px #b4904d;
    line-height: 1.2;
}
#contentsWrap #spMessage h2 span{ font-feature-settings: "palt";}
.cx_smartphoneview #contentsWrap #spMessage h2{
    font-size: 118%;
    letter-spacing: -0.03em;
    line-height: 1.4;
}
#spMessage p{
    padding: 0 1em 0.5em;
    font-size: 94%;
    line-height: 1.7;
    position: relative;
    z-index: 5555;
    font-weight: bold;
}
#spMessage p span{
    font-size: 80%;
    font-weight: normal;
}
#spMessage p a{
    color: #ff4460;
    font-weight: bold;
}

#spMessage #tw_btn{
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 6666;
}
#spMessage #tw_btn a{
    display: block;
    height: 50px;
    line-height: 50px;
    margin: 0 5px 0;
    position: relative;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    font-size: 108%;
    font-weight: bold;
    border-radius: 50px;
    overflow: hidden;
}
#spMessage #tw_btn a::before{
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top:50%;
    left: 20px;
    margin: -16px 0 0;
    background: url("../../img/tw_icn.png") no-repeat 0 0;
}
.cx_smartphoneview #spMessage #tw_btn{
    width: 96%;
    margin: 0.2em auto 0.2em;
}
.cx_smartphoneview #spMessage #tw_btn a{
    height: 74px;
    line-height: 74px;
}

#spMessage .link a{
    /*border: solid 0.3em #fff;*/
    display: inline-block;
    line-height: 1.0;
    padding: 0.8em 2em;
    color: #fff;
    background-color: #ef2664;
    position: relative;
    z-index: 3355;
}
.cx_smartphoneview #spMessage .link a{ padding: 1.2em 2em;}
#spMessage .link.comingsoon{ opacity: 0.3;}
#spMessage .link a::before{
    content: "";
    display: block;
    background-color: rgba(255,255,255,0.2);
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
#spMessage .link a:hover{ background-color: #ff447d;}
#spMessage .link a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 0.5em;
	margin: -0.4em 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.4em 0 0.4em 0.6em;
	border-color: transparent transparent transparent #ffe3eb;
}
#spMessage .link + p{
    font-size: 88%;
    color: #ef2664;
    line-height: 1.2;
    padding: 0.3em 0;
}

/* -----------------------------------
	LIVE配信
----------------------------------- */
#liveBtn a{
    display: block;
    background-color: #ef2664;
    line-height: 1.2;
    padding: 1.6em;
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    position: relative;
}
#liveBtn a::before{
    content: "";
    display: block;
    background-color: rgba(255,255,255,0.2);
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
#liveBtn a:hover{ background-color: #ff447d;}
#liveBtn a::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 1em;
	margin: -8px 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ffe3eb;
}
#liveBtn a span{
    background: #fff url("../img/fod_logo.svg") no-repeat center center;
    width: 80px;
    height: 0;
    padding-top: 6.6%;
    background-size: 80% 80%;
    display: block;
    float: left;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    margin: -0.4em 0.8em 0 0;
}

.cx_smartphoneview #liveBtn a{
    padding: 1.2em 0.8em;
}
.cx_smartphoneview #liveBtn a::after{
    margin: -14px 0 0;
    border-width: 14px 0 14px 22px;
}
.cx_smartphoneview #liveBtn a span{
    width: 134px;
    padding-top: 11.6%;
    margin-top: -0.1em;
}

/* -----------------------------------
	スペシャル動画
----------------------------------- */
#movWrap > div > div{
    border-bottom: solid 2px #cbb064;
    margin-bottom: 1em;
    position: relative;
}
#movWrap h3{
    font-size: 110%; line-height: 1.4;
    padding-bottom: 0.3em;
}
#movWrap h3 + p.attention{
    font-size: 82%;
    position: absolute;
    top: 0.2em;
    right: 0;
    font-feature-settings: "palt";
}

#movWrap li{
    width: 32%;
    margin: 0 2% 10px 0;
    box-sizing: border-box;
    /*border: solid 1px #ccc;*/
    border-bottom: solid 5px #aaa;
    padding: 0 0 5px;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.16);
}
#movWrap li:nth-of-type(3n){
    margin: 0 0 10px 0;
}

.cx_smartphoneview #movWrap li{
    width: 49.5%;
    margin: 0 1% 10px 0;
}
.cx_smartphoneview #movWrap li:nth-of-type(3n){ margin: 0 1% 10px 0;}
.cx_smartphoneview #movWrap li:nth-of-type(2n){ margin: 0 0 10px 0;}

#movWrap li.w100{
    width: 100%;
    float: none;
    margin-right: 0;
}

#movWrap li:hover{ border-bottom: solid 5px #d40d3b;}

#movWrap li .thum{
    margin-bottom: 6px; position: relative;
    min-height: 110px;
}
.cx_smartphoneview #movWrap li .thum{ min-height: 170px;}
#movWrap li .thum::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url("../img/playIcn.png") no-repeat;
    width: 29px;
    height: 29px;
    background-size: contain;
    border: solid 2px rgba(255,255,255,0.4);
    border-radius: 50%;
}
#movWrap li:hover .thum::after{ border: solid 2px rgba(255,255,255,1.0);}

#movWrap li.w100 .thum::after{
    width: 60px;
    height: 60px;
    border: solid 5px rgba(255,255,255,0.4);
}
#movWrap li.w100:hover .thum::after{ border: solid 5px rgba(255,255,255,1.0);}

#movWrap li .thum img{ width: 100%; height: auto;} 
#movWrap li .cap,
#movWrap li dt{ padding: 0 10px;}
#movWrap li .cap{
    font-size: 82%;
    line-height: 1.3;
    color: #555;
}
#movWrap li dt{
    font-weight: bold;
    line-height: 1.4;
    color: #967840;
    font-size: 94%;
}

#movWrap .moreview{
    background-color: #ef2664;
    /*border-radius: 5px;*/
    text-shadow: none;
    font-size: 110%;
    font-weight: bold;
}
#movWrap .moreview:hover{ background-color: #ff3d79;}
#movWrap .moreview::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%; right: 1em;
	margin: -8px 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ffe3eb;
}

/* -----------------------------------
	放送スケジュール
----------------------------------- */
#contentsWrap .h2opt{
    font-size: 90%;
    /*color: #0c4796;*/
    color: #333;
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: 0;
    padding-left: 9em;
    line-height: 1.4;
}
.cx_smartphoneview #contentsWrap .h2opt{
    position: relative;
    top: 0;
    padding-left: 0;
    margin: -5px 0 10px;
}
.pageTop #oaSchedule h3{
    font-size: 110%;
    line-height: 1.4;
}
.pageTop #oaSchedule{ position: relative;}
.pageTop #oaSchedule dl{
    border-left: solid 3px #cbb064;
    border-bottom: solid 1px #cbb064;
    padding-bottom: 4px;
    margin-bottom: 5px;
}
.cx_smartphoneview .pageTop #oaSchedule dl{
    margin-bottom: 5px;
    line-height: 1.4;
}
.pageTop #oaSchedule dt{
    color: #9a731a;
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    min-width: 6.5em;
    float: left;
}
.pageTop #oaSchedule dd.category{
    /*color: #67c6dd;*/
    color: #374576;
    font-weight: bold;
    font-size: 110%;
    float: left;
    /*min-width: 12em;*/
    font-feature-settings: "palt";
}
.pageTop #oaSchedule dd.time{
    color: #555;
    font-size: 104%;
    padding-left: 16em;
}
.pageTop #oaSchedule dd.time.pl2{ padding-left: 16.6em;}
.mb02,
.mb02_pc{ margin-bottom: 0.2em;}
.cx_smartphoneview .mb02_pc{ margin-bottom: 0;}
.cx_smartphoneview .pageTop #oaSchedule dt{
    float: none;
    width: 100%;
}
.cx_smartphoneview .pageTop #oaSchedule dd.category{
    /*min-width: 5.3em;*/
    min-width: auto;
    padding-right: 0.4em;
}
.cx_smartphoneview .pageTop #oaSchedule dd.time{
    padding-left: 0;
    letter-spacing: -0.05em;
}
.pageTop #oaSchedule dd span{
    font-size: 70%;
}
.pageTop #oaSchedule .live::after,
.pageTop #oaSchedule .highlight::after{
    background-color: #be0049;
    float: right;
    padding: 0;
    font-size: 80%;
    line-height: 1.4;
    margin: 0.25em 0 0;
    border-radius: 0;
    min-width: 5em;
    text-align: center;
}
.pageTop #oaSchedule .highlight::after{
    content: "ハイライト";
    background-color: #848484;
    color: #FFF;
    font-feature-settings: "palt";
}
.pageTop #oaSchedule .partlive::after{
    content: "一部LIVE";
    background-color: #c3091c;
    color: #FFF;
    margin: 0 0 0 10px;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 90%;
}
.cx_smartphoneview .pageTop #oaSchedule .live::after,
.cx_smartphoneview .pageTop #oaSchedule .highlight::after{ margin-right: 0.4em;}
@media all and (-ms-high-contrast:none) {
    .pageTop #oaSchedule dd.time{ padding-left: 16.5em;}
    .pageTop #oaSchedule dd.time.pl2{ padding-left: 18em;}
	.pageTop #oaSchedule .live::after,
    .pageTop #oaSchedule .highlight::after,
    .pageTop #oaSchedule .partlive::after{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
        min-width: 6em;
	}
}

.pageTop #oaSchedule dl.add{
    background-color: #e7f8ff;
    border: none;
    text-align: left;
    font-size: 94%;
    margin-bottom: 10px;
}
.pageTop #oaSchedule dl.add dt span{
    font-weight: normal;
    font-size: 70%;
}
.pageTop #oaSchedule dl.add dd{
    color: #555;
    text-align: left;
}
.pageTop #oaSchedule dl.add dd.category{
    float: left;
    font-size: 94%;
    line-height: 1.2;
    background-color: #796121;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    margin-right: 5px;
    min-width: auto;
}
.pageTop #oaSchedule dl.add dd.oadate{
    /*color: #9a731a;*/
    width: 100%;
    display: inline-block;
    padding-left: 0;
}
.cx_smartphoneview .pageTop #oaSchedule .add dd.oadate{ line-height: 1.4;}
.pageTop #oaSchedule dl.add dd.oadate li{ margin-bottom: 0.2em;}
.pageTop #oaSchedule dl.add dd.oadate li::before{
    content: "◆";
    color: #bf9a35;
    margin-right: 0.2em;
}
.pageTop #oaSchedule dl.add .ttl{
    margin-bottom: 0;
    font-weight: bold;
    color: #374576;
    font-size: 110%;
    float: left;
}
.pageTop #oaSchedule .add dd.link a{
    background-color: #ef2664;
    color: #fff;
    font-weight: bold;
    padding: 0.8em 0.6em;
    line-height: 1.0;
    margin: 5px 0 0;
    border-radius: 5px;
    text-align: center;
    display: block;
}
.pageTop #oaSchedule .add dd.link a:hover{ background-color: #ff3d79;}
.pageTop #oaSchedule .add dd.link2 ul{ display: flex;}
.pageTop #oaSchedule .add dd.link2 li{
    flex-shrink: 0;
    width: 49%;
    margin: 5px 2% 0 0;
    box-shadow: 1px 1px 15px #97d2ea;
}
.pageTop #oaSchedule .add dd.link2 li:nth-of-type(2n){ margin-right: 0;}
.pageTop #oaSchedule .add dd.link2 a{
    background-color: #fff;
    height: 3em;
    display: block;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
    background-image: url("../img/fod_logo.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 68%;
    position: relative;
}
.pageTop #oaSchedule .add dd.link2 .tver a{
    background-image: url("../img/tver_logo.png");
    background-size: auto 90%;
    background-position: center 0;
}
.pageTop #oaSchedule .add dd.link2 a::after{
    content: "";
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.06);
}
.cx_displaydevice .pageTop #oaSchedule .add dd.link2 a:hover{ opacity: 0.7;}
/*.cx_smartphoneview .pageTop #oaSchedule .add dt,
.cx_smartphoneview .pageTop #oaSchedule .add dd{ text-align: center !important;}*/


/* ------- アコーディオン ------- */
.pageTop #oaSchedule h2 + a{
    background-color: #57658b;
    font-weight: bold;
    padding: 0.8em 0;
    border-radius: 5px;
    margin-bottom: 10px;
}
.pageTop #oaSchedule h2 + a:hover{ background-color: #6678a8;}
.pageTop #oaSchedule .hide{ display: none;}


/* -----------------------------------
	出演者
----------------------------------- */
#contentsWrap #cast h2::before{ content: "";}
.pageTop #cast{
    margin-top: 20px;
    line-height: 1.6;
}
.pageTop #cast dt{
    float: left;
    min-width: 74px;
    /*background-color: #58006c;*/
    background-color: #796121;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2px;
}
.pageTop #cast dt.mb10{ margin-bottom: 10px;}

@media all and (-ms-high-contrast:none) {
	.pageTop #cast dt{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}
.pageTop #cast dd{
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5.3em;
    color: #374576;
}
.pageTop #cast span{ letter-spacing: -0.06em;}
.pageTop #cast dd .category{
    font-size: 94%;
    color: #9a731a;
    margin-left: -0.5em;
}
.cx_smartphoneview .pageTop #cast dt{ min-width: 5em;}
.cx_smartphoneview .pageTop #cast dt.narrowsp2{ letter-spacing: -0.08em;}
.cx_smartphoneview .pageTop #cast dd{ padding-left: 5.0em;}
.cx_smartphoneview .pageTop #cast .narrowsp{ letter-spacing: -0.2em;}

/* ------------------------------
	注目選手紹介
------------------------------ */
.pageTop #profData dt{ background-color: #4426b2;}
.pageTop #skaterInfo h3{ font-weight: bold;}


/* -----------------------------------
	コメント
----------------------------------- */
#commentThum_list{
    padding: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1) inset;
    /*border-radius: 5px;*/
    overflow: hidden;
    background-color: #e7f8ff;
    margin-bottom: 15px;
}
#commentThum_list h3{
    /*text-align: center;*/
    /*background-color: #ef2664;*/
    color: #9a731a;
    font-size: 110%;
    line-height: 1.2;
    padding: 0.4em 0 0.4em 0.6em;
    /*font-weight: normal;*/
    border-bottom: solid 2px rgba(89,34,113,0.3);
}
#commentThum_list ul{
    margin: 10px 15px;
}
#commentThum_list li{
    float: left;
    width: 15%;
    height: auto;
    background-color: #ddd;
    margin: 0 2% 0 0;
    box-shadow: 1px 1px 10px rgba(23, 61, 165, 0.13);
    border-bottom: solid 4px #9a731a;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}
#commentThum_list li:nth-last-of-type(1){ margin: 0;}
#commentThum_list li img{ width: 100%; height: auto;}
#commentThum_list li:hover{ border-bottom: solid 4px #d40d3b;}

@media screen and (max-width: 750px) {
    #commentThum_list > div{
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
    #commentThum_list ul{ width: 800px; padding-right: 10px;}
}
/* -------------- オーバーレイ -------------- */
#ovrlyBs{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    z-index: 100000;
    display: none;
}
#ovrlyWrap{
    background: rgb(224,181,89);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTBiNTU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhNzMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgb(224,181,89) 0%, rgb(154,115,26) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(224,181,89)), color-stop(100%,rgb(154,115,26)));
    background: -webkit-linear-gradient(-45deg,  rgb(224,181,89) 0%,rgb(154,115,26) 100%);
    background: -o-linear-gradient(-45deg,  rgb(224,181,89) 0%,rgb(154,115,26) 100%);
    background: -ms-linear-gradient(-45deg,  rgb(224,181,89) 0%,rgb(154,115,26) 100%);
    background: linear-gradient(135deg,  rgb(224,181,89) 0%,rgb(154,115,26) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b559', endColorstr='#9a731a',GradientType=1 );

    width: 56vh;
    height: 79vh;
    position: fixed;
    top: 5vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 150000;
    display: none;
    padding: 1vh;
    box-sizing: border-box;
}
#ovrlyWrap .photoWrap{
    width: 100%;
    height: 0;
    padding-top: 141.25%;
    background-size: cover;
    box-shadow: 1px 1px 15px #fff;
}

@media screen and (max-width: 750px) {
    #ovrlyWrap{
        width: 86vw;
        height: auto;
    }
}
#ovrlyWrap .closeBtn{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    border: solid 3px #592271;
    cursor: pointer;
}
#ovrlyWrap .closeBtn span:nth-of-type(1){
    width: 3px;
    height: 30px;
    background-color: #592271;
    display: block;
    position: absolute;
    top: 3px;
    left: 17px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#ovrlyWrap .closeBtn span:nth-of-type(2){
    width: 30px;
    height: 3px;
    background-color: #592271;
    display: block;
    position: absolute;
    top: 17px;
    left: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.cx_smartphoneview #ovrlyWrap .closeBtn{
    width: 56px;
    height: 56px;
    top: -40px;
    right: -10px;
}
.cx_smartphoneview #ovrlyWrap .closeBtn span:nth-of-type(1){ height: 50px; left: 26px;}
.cx_smartphoneview #ovrlyWrap .closeBtn span:nth-of-type(2){ width: 50px; top: 26px;}


/* -----------------------------------
	関連番組
----------------------------------- */
.pageTop #prgrmInfo dl{
    border-left: solid 6px #c99a15;
}
.pageTop #prgrmInfo dt{
    color: #67c6dd;
    font-weight: bold;
    line-height: 1.7;
}
.pageTop #prgrmInfo dt span{ color: #333;}
.pageTop #prgrmInfo dd{ color: #555; line-height: 1.6;}
.pageTop #prgrmInfo dd span{ font-weight: bold;}

/* -----------------------------------
	公式Twitter
----------------------------------- */
#twitterWrap{
    border: none;
    margin-top: 60px;
    margin-bottom: 50px;
    position: relative;
}
#contentsWrap #twitterWrap h2{
    background: none;
    color: #2249b4;
    padding-bottom: 3px;
}
#twEmbed{
    margin: 10px 0 0;
    background-color: #eaf8ff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1) inset;
}
#contentsWrap #twitterWrap h2::before{
    content: "";
    display: block;
    background: url("../img/twIcn.png") no-repeat 0 0;
    width: 43px;
    height: 36px;
    float: left;
    margin-right: 5px;
}
/*#twitterWrap > a{
    background-color: #457eff;
}*/
#contentsWrap #twitterWrap h2 + p{
    font-size: 90%;
    letter-spacing: -0.05em;
}
#twitterWrap > a{
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #1da1f2;
    color: #fff;
    font-weight: bold;
    padding: 0.8em 0.4em;
    border-radius: 5px;
}
.cx_smartphoneview #contentsWrap #twitterWrap h2 + p{
    font-size: 88%;
    margin-top: 10px;
    line-height: 1.2;
}
.cx_smartphoneview #twitterWrap > a{
    position: relative;
    text-align: center;
    margin-top: 10px;
}



/* ---------------------------------------------
	下層ページ
--------------------------------------------- */
.pageS #fp-contents{ padding-top: 0px;}
.pageS #contentsWrap h2{
    background: none;
    text-align: center;
    color: #9a731a;
    font-size: 150%;
    line-height: 1.4;
    padding: 20px 0;
    width: 612px;
    background-color: #fff;
    position: relative;
    z-index: 999;
    margin-bottom: 0;
}
.pageS #contentsWrap h2 + p{
    padding-bottom: 1em;
    line-height: 1.4;
}
/*-------------ヘッダー-------------*/
.pageS #hdrWrap{
    background: url("../img/bg_hdr_s.png") repeat-x 0 0 ;
    width: 100%;
    border-bottom: solid 5px #b4904d;
    position: relative;
}

/*.cx_smartphoneview .toppage  #hdrWrap{
    background-size: cover;
    height: 0;
    padding-top: 47%;
}*/
.pageS #hdrWrap h1{
    background-image: url("../img/hdr_s.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 1000px;
    height: 160px;
    margin: 0 auto;
}
.cx_smartphoneview .pageS #hdrWrap h1{
    background-image: url("../img/hdr_s.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    height: 0;
    padding-top: 25%;
}
.pageS #hdrWrap h1,
.pageS #hdrWrap p{
    width: 100%;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
}
.pageS #hdrWrap p{
    position: absolute;
    top: 0;
    left: 0;
}

/* -----------------------------------
	選手紹介ページ
----------------------------------- */
.skater h2 + p{
    text-align: center;
    padding: 0.6em 0 0.4em;
    color: #ef2664;
    font-weight: bold;
    border: solid 2px #ef2664;
    margin-bottom: 1em;
}
.skater h2 + p a{
    color: #ef2664;
    font-weight: bold;
    text-decoration: underline;
}
.skater #skaterListWrap li{
    float: left;
    width: 32%;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin: 0 2% 15px 0;
   /* border-radius: 5px;*/
    overflow: hidden;
    border-bottom: solid 6px #9a731a;
    padding-bottom: 0.3em;
    position: relative;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
.skater #skaterListWrap li:hover{
    border-bottom: solid 6px #d40d3b;
    /*margin-top: -3px;*/
    -ms-transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
}
.skater #skaterListWrap li:nth-of-type(3n){ margin-right: 0;}
.skater #skaterListWrap li .photoWrap{
    height: 200px;
    overflow: hidden;
}
.skater #skaterListWrap li img{
    width: 100%;
    height: auto;
}
.skater #skaterListWrap li p:nth-of-type(1){
    text-align: center;
    line-height: 1.2;
    padding: 0.3em 0.3em 0;
    font-weight: bold;
    color: #9a731a;
}
.skater #skaterListWrap li p:nth-of-type(2){
    text-align: center;
    line-height: 1.2;
    font-size: 88%;
    padding: 0 0.3em;
}

.cx_smartphoneview .skater .narrowsp{
    letter-spacing: -0.1em;
    -ms-transform: scale(0.9,1.0);
    -webkit-transform: scale(0.9,1.0);
    -moz-transform: scale(0.9,1.0);
    transform: scale(0.9,1.0);
    display:inline-block;
}

.skater #skaterListWrap li::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0.4em; right: 0.3em;
	margin:0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #ffc279;
}

.cx_smartphoneview .skater #skaterListWrap li::after{
    border-width: 12px 0 12px 16px;
    bottom: 0.3em; right: 0.1em;
}


/* -----------------------------------
	配信スケジュールページ
----------------------------------- */
.timetable #dateTab{
    position: relative;
    border-bottom: solid 7px rgba(89,34,113,1);
    width: 612px;
    z-index: 999;
    background-color: #fff;
}
.timetable #dateTab li{
    float: left;
    width: 16.5%;
    margin-right: 0.2%;
    background-color: #ae82c1;
    text-align: center;
    color: #fff;
    line-height: 3.2em;
    cursor: pointer;
}
.timetable #dateTab li:nth-of-type(6){ margin-right: 0;}
.timetable #dateTab li.on,
.cx_displaydevice .timetable #dateTab li:hover{
    line-height: 3.4em;
    margin-top: -0.2em;
    background-color: #592271;
}
.cx_displaydevice .timetable #dateTab li:hover{ background-color: #9966af;}
.cx_displaydevice .timetable #dateTab li.on:hover{ background-color: #592271;}
.cx_smartphoneview .timetable #dateTab li{
    font-size: 94%;
    line-height: 3.4em;
    letter-spacing: -0.05em;
}
.cx_smartphoneview .timetable #dateTab li.on{
    line-height: 3.6em;
    margin-top: -0.2em;
    background-color: #592271;
}

#timetableWrap #category{
    width: 580px;
    padding-left: 32px;
    z-index: 999;
    background-color: #5b6d90;
}
.cx_smartphoneview #timetableWrap #category{
    width: 574px;
    padding-left: 38px;
}
#timetableWrap #category li{
    float: left;
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    border-left: solid 1px #aaa;
    background-color: #5b6d90;
    color: #fff;
    line-height: 1.2;
    padding: 0.3em 0;
    font-size: 94%;
}
#timetableWrap #dayAllWrap{
    position: relative;
    overflow: hidden;
}
#timetableWrap #dayAllWrap > div{ width: 3672px;}
.feat1{
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    -moz-transition:  -moz-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
.feat2{
    -ms-transform: translate3d(-612px, 0, 0);
    -webkit-transform: translate3d(-612px, 0px, 0);
    -moz-transform: translate3d(-612px, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    -moz-transition:  -moz-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
.feat3{
    -ms-transform: translate3d(-1224px, 0, 0);
    -webkit-transform: translate3d(-1224px, 0px, 0);
    -moz-transform: translate3d(-1224px, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    -moz-transition:  -moz-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
.feat4{
    -ms-transform: translate3d(-1836px, 0, 0);
    -webkit-transform: translate3d(-1836px, 0px, 0);
    -moz-transform: translate3d(-1836px, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    -moz-transition:  -moz-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
.feat5{
    -ms-transform: translate3d(-2448px, 0, 0);
    -webkit-transform: translate3d(-2448px, 0px, 0);
    -moz-transform: translate3d(-2448px, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    -moz-transition:  -moz-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
.feat6{
    -ms-transform: translate3d(-3060px, 0, 0);
    -webkit-transform: translate3d(-3060px, 0px, 0);
    -moz-transform: translate3d(-3060px, 0px, 0);
    -webkit-transition:  -webkit-transform 0.2s ease-out;
    -ms-transition:  -ms-transform 0.2s ease-out;
    -moz-transition:  -moz-transform 0.2s ease-out;
    transition:  transform 0.2s ease-out;
}
#timetableWrap .day{
    /*border-top: solid 2px #b4904d;*/
    /*border-bottom: solid 2px #b4904d;*/
    line-height: 1.4;
    position: relative;
    width: 612px;
    float: left;
}
#timetableWrap .day > div{
    margin-bottom: 10px;
    border-top: solid 2px #b4904d;
    border-bottom: solid 2px #b4904d;
    position: relative;
}
#timetableWrap .hour{
    line-height: 5.9em;
    /*border-bottom: solid 0.05em #b4904d;*/
    border-bottom: solid 0.1em #fff;
    padding-left: 0.3em;
    background: rgb(222,234,247);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZWFmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWYzZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(222,234,247) 0%, rgb(234,243,252) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(222,234,247)), color-stop(100%,rgb(234,243,252)));
    background: -webkit-linear-gradient(top,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    background: -o-linear-gradient(top,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    background: -ms-linear-gradient(top,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    background: linear-gradient(to bottom,  rgb(222,234,247) 0%,rgb(234,243,252) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeaf7', endColorstr='#eaf3fc',GradientType=0 );
}
.cx_smartphoneview #timetableWrap .hour{ padding-left: 0.2em;}
#timetableWrap .band{
    position: absolute;
    top: 0;
    left: 32px;
    width: 580px;
}
.cx_smartphoneview #timetableWrap .band{
    left: 38px;
    width: 574px;
}
#timetableWrap .band li{
    float: left;
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    border-left: dashed 1px #727ea2;
    position: relative;
}
#timetableWrap .band li a > div,
#timetableWrap .band li > div{
    background: rgb(234,211,136);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VhZDM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y0ZWFjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWQzODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(234,211,136) 1%, rgb(244,234,200) 50%, rgb(234,211,136) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(234,211,136)), color-stop(50%,rgb(244,234,200)), color-stop(100%,rgb(234,211,136)));
    background: -webkit-linear-gradient(top,  rgb(234,211,136) 1%,rgb(244,234,200) 50%,rgb(234,211,136) 100%);
    background: -o-linear-gradient(top,  rgb(234,211,136) 1%,rgb(244,234,200) 50%,rgb(234,211,136) 100%);
    background: -ms-linear-gradient(top,  rgb(234,211,136) 1%,rgb(244,234,200) 50%,rgb(234,211,136) 100%);
    background: linear-gradient(to bottom,  rgb(234,211,136) 1%,rgb(244,234,200) 50%,rgb(234,211,136) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead388', endColorstr='#ead388',GradientType=0 );
    position: absolute;
    width: 98%;
    left: 1%;
    padding-top: 1em;
    box-sizing: border-box;
}
#timetableWrap .band li div.fade{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZDM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2VhZDM4OCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZWFjOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(234,211,136,1) 0%, rgba(234,211,136,0.9) 10%, rgba(244,234,200,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,211,136,1)), color-stop(10%,rgba(234,211,136,0.9)), color-stop(100%,rgba(244,234,200,0)));
    background: -webkit-linear-gradient(top,  rgba(234,211,136,1) 0%,rgba(234,211,136,0.9) 10%,rgba(244,234,200,0) 100%);
    background: -o-linear-gradient(top,  rgba(234,211,136,1) 0%,rgba(234,211,136,0.9) 10%,rgba(244,234,200,0) 100%);
    background: -ms-linear-gradient(top,  rgba(234,211,136,1) 0%,rgba(234,211,136,0.9) 10%,rgba(244,234,200,0) 100%);
    background: linear-gradient(to bottom,  rgba(234,211,136,1) 0%,rgba(234,211,136,0.9) 10%,rgba(244,234,200,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead388', endColorstr='#00f4eac8',GradientType=0 );
}
#timetableWrap .band li a{
    display: block;
}
.cx_displaydevice #timetableWrap .band li > a:hover > div{
    background: rgb(239,217,151);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZDk5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZjFjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmQ5OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(239,217,151) 0%, rgb(255,241,198) 50%, rgb(239,217,151) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(239,217,151)), color-stop(50%,rgb(255,241,198)), color-stop(100%,rgb(239,217,151)));
    background: -webkit-linear-gradient(top,  rgb(239,217,151) 0%,rgb(255,241,198) 50%,rgb(239,217,151) 100%);
    background: -o-linear-gradient(top,  rgb(239,217,151) 0%,rgb(255,241,198) 50%,rgb(239,217,151) 100%);
    background: -ms-linear-gradient(top,  rgb(239,217,151) 0%,rgb(255,241,198) 50%,rgb(239,217,151) 100%);
    background: linear-gradient(to bottom,  rgb(239,217,151) 0%,rgb(255,241,198) 50%,rgb(239,217,151) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd997', endColorstr='#efd997',GradientType=0 );
}
.cx_displaydevice #timetableWrap .band li a:hover > div.fade{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZDk5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2VmZDk5NyIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjFjNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(239,217,151,1) 0%, rgba(239,217,151,0.9) 10%, rgba(255,241,198,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,217,151,1)), color-stop(10%,rgba(239,217,151,0.9)), color-stop(100%,rgba(255,241,198,0)));
    background: -webkit-linear-gradient(top,  rgba(239,217,151,1) 0%,rgba(239,217,151,0.9) 10%,rgba(255,241,198,0) 100%);
    background: -o-linear-gradient(top,  rgba(239,217,151,1) 0%,rgba(239,217,151,0.9) 10%,rgba(255,241,198,0) 100%);
    background: -ms-linear-gradient(top,  rgba(239,217,151,1) 0%,rgba(239,217,151,0.9) 10%,rgba(255,241,198,0) 100%);
    background: linear-gradient(to bottom,  rgba(239,217,151,1) 0%,rgba(239,217,151,0.9) 10%,rgba(255,241,198,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd997', endColorstr='#00fff1c6',GradientType=0 );
}
#timetableWrap .band li div p:nth-of-type(1){
    font-weight: bold;
}
#timetableWrap .band li div p.live{
    background-color: #be0049;
    display: inline-block;
    color: #fff;
    line-height: 1.2;
    padding: 0 0.8em;
    border-radius: 20px;
}
#timetableWrap .band li div p.tv{
    width: 90%;
    box-sizing: border-box;
    font-size: 92%;
    line-height: 1.2;
    padding: 0.3em 0.7em;
    background-color: rgba(255,255,255,0.7);
    display: inline-block;
    margin-top: 0.3em;
    font-weight: bold;
    /*color: #836619;*/
    color: #e20057;
    border-top: solid 3px #836619;
    border-bottom: solid 3px #836619;
}
#timetableWrap .band li div p.tv span{
    font-weight: normal;
    font-size: 82%;
    color: #333;
    letter-spacing: -0.05em;
}
.cx_smartphoneview #timetableWrap .band li div p.tv{
    font-size: 88%;
    letter-spacing: -0.05em;
    width: auto;
}
#timetableWrap .band li div.start_0{ top: 0;}
#timetableWrap .band li div.start_30{ top: 3em;}
#timetableWrap .band li div.start_45{ top: 4.5em;}
#timetableWrap .band li div.start_52{ top: 5.2em;}
#timetableWrap .band li div.start_57{ top: 5.7em;}
#timetableWrap .band li div.start_60{ top: 6em;}
#timetableWrap .band li div.start_90{ top: 9em;}
#timetableWrap .band li div.start_105{ top: 10.5em;}
#timetableWrap .band li div.start_115{ top: 11.5em;}
#timetableWrap .band li div.start_120{ top: 12em;}
#timetableWrap .band li div.start_121{ top: 12.1em;}
#timetableWrap .band li div.start_140{ top: 14em;}
#timetableWrap .band li div.start_145{ top: 15.5em;}
#timetableWrap .band li div.start_150{ top: 15em;}
#timetableWrap .band li div.start_180{ top: 18em;}
#timetableWrap .band li div.start_195{ top: 19.5em;}
#timetableWrap .band li div.start_210{ top: 21em;}
#timetableWrap .band li div.start_215{ top: 21.5em;}
#timetableWrap .band li div.start_235{ top: 23.5em;}
#timetableWrap .band li div.start_240{ top: 24em;}
#timetableWrap .band li div.start_251{ top: 25.1em;}
#timetableWrap .band li div.start_270{ top: 27em;}
#timetableWrap .band li div.start_325{ top: 32.5em;}
#timetableWrap .band li div.start_330{ top: 33em;}
#timetableWrap .band li div.start_360{ top: 36em;}
#timetableWrap .band li div.start_365{ top: 36.5em;}
#timetableWrap .band li div.start_390{ top: 39em;}
#timetableWrap .band li div.start_405{ top: 40.5em;}
#timetableWrap .band li div.start_420{ top: 42em;}
#timetableWrap .band li div.start_424{ top: 42.4em;}
#timetableWrap .band li div.start_430{ top: 43em;}
#timetableWrap .band li div.start_434{ top: 43.4em;}
#timetableWrap .band li div.start_450{ top: 45em;}
#timetableWrap .band li div.start_480{ top: 48em;}
#timetableWrap .band li div.start_485{ top: 48.5em;}
#timetableWrap .band li div.start_510{ top: 51em;}
#timetableWrap .band li div.start_537{ top: 53.7em;}
#timetableWrap .band li div.start_540{ top: 54em;}
#timetableWrap .band li div.start_595{ top: 59.5em;}
#timetableWrap .band li div.h_30{ height: 3em;}
#timetableWrap .band li div.h_45{ height: 4.5em;}
#timetableWrap .band li div.h_59{ height: 5.9em;}
#timetableWrap .band li div.h_60{ height: 6em;}
#timetableWrap .band li div.h_90{ height: 9em;}
#timetableWrap .band li div.h_150{ height: 15em;}
#timetableWrap .band li div.h_105{ height: 10.5em;}
#timetableWrap .band li div.h_109{ height: 10.9em;}
#timetableWrap .band li div.h_110{ height: 11em;}
#timetableWrap .band li div.h_113{ height: 11.3em;}
#timetableWrap .band li div.h_114{ height: 11.4em;}
#timetableWrap .band li div.h_115{ height: 11.5em;}
#timetableWrap .band li div.h_120{ height: 12em;}
#timetableWrap .band li div.h_125{ height: 12.5em;}
#timetableWrap .band li div.h_130{ height: 13em;}
#timetableWrap .band li div.h_132{ height: 13.2em;}
#timetableWrap .band li div.h_150{ height: 14.8em;}
#timetableWrap .band li div.h_167{ height: 16.7em;}
#timetableWrap .band li div.h_174{ height: 17.4em;}
#timetableWrap .band li div.h_180{ height: 18em;}
#timetableWrap .band li div.h_190{ height: 19em;}
#timetableWrap .band li div.h_230{ height: 23em;}
#timetableWrap .band li div.h_235{ height: 23.5em;}
#timetableWrap .band li div.h_250{ height: 25em;}
#timetableWrap .band li div.h_255{ height: 25.5em;}
#timetableWrap .band li div.h_260{ height: 26em;}
#timetableWrap .band li div.h_270{ height: 27em;}
#timetableWrap .band li div.h_300{ height: 30em;}
#timetableWrap .band li div.h_303{ height: 30.3em;}
#timetableWrap .band li div.h_312{ height: 31.2em;}
#timetableWrap .band li div.h_350{ height: 35em;}
#timetableWrap .band li div.h_356{ height: 35.6em;}


#timetableWrap .band li div.btn_fod-pr,
#timetableWrap .band li div.btn_fod,
#timetableWrap .band li div.btn_tver{
    background: #fff url("../img/fod-pr_logo.png") no-repeat center 5px;
    width: 90%;
    margin: 0.3em auto 0;
    position: relative;
    left: auto;
    background-size: 90%;
    height: 0;
    padding-top: 22.75%;
    text-indent: -300%;
    overflow: hidden;
    white-space: nowrap;
}
#timetableWrap .band li div.btn_fod{
    background: #fff url("../img/fod_logo.png") no-repeat center 5px;
    background-size: 90%;
}
#timetableWrap .band li div.btn_tver{
    background: #fff url("../img/tver_logo.png") no-repeat center 7px;
    background-size: 90%;
}
/*#timetableWrap .band li div.btn_fod-pr::after,
#timetableWrap .band li div.btn_fod::after{
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    right: 0; left: 0;
	margin:0 auto;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #ffc279;
}*/

#timetableWrap .band li div.btn_fod-pr + p,
#timetableWrap .band li div.btn_fod + p,
#timetableWrap .band li div.btn_tver + p,
#timetableWrap .band li p.link + p{
    position: relative;
    background-color: #be0049;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 84%;
    line-height: 1.2;
    font-weight: bold;
    padding: 0.2em 0;
}
#timetableWrap .band li div.btn_fod-pr + p::after,
#timetableWrap .band li div.btn_fod + p::after,
#timetableWrap .band li div.btn_tver + p::after,
#timetableWrap .band li p.link + p::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
	margin:-5px 0 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ffc279;
}
#timetableWrap .band li a:hover div.btn_fod-pr + p,
#timetableWrap .band li a:hover div.btn_fod + p,
#timetableWrap .band li a:hover div.btn_tver + p,
#timetableWrap .band li a:hover p.link + p{ background-color: #e20057;}

/* ---------------------------------------------
	右エリア
--------------------------------------------- */
/*#fp-bhp #fp-bhp-moreoadate{ display: none !important;}
#fp-bhp-overlayWrap #fp-bhp-overlayContents #fp-bhp-sche{ display: none !important;}
#fp-bhp #fp-bhp-infomain h4.nextoatitle{ line-height: 1.6 !important;}
#fp-bhp #fp-bhp-infomain h4.nextoatitle::before{
    content: "NEXT";
    background-color: #9d7f00;
    color: #fff;
    padding: 5px 5px 3px;
    margin-right: 5px;
}*/
#fp-bhp #fp-bhp-rectangle{ display: none !important;}
#fp-bhp .fp-bhpblockPc#fp-bhp-infomain,
#fp-bhp .fp-bhpblockSp#fp-bhp-infomain,
#fp-bhp .fp-bhpblockPc#fp-bhp-twitter,
#fp-bhp .fp-bhpblockSp#fp-bhp-twitter,
#fp-bhp #fp-bhp-fsid1{display: none !important;}
/* fp-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock h2{
	color:#eee;
	background-color:#796121;
}
#fp-bhp #fp-bhp-infomain .nextoadate span{ background: #ef2664 !important;}

header#cx_ui_header, footer#cx_ui_footer{ z-index: 9999;}

.timetable #fp-bhp.fpbhp-sp #fp-bhp-ichioshi.fp-bhpblockSp,
.timetable #fp-bhp.fpbhp-sp #fp-bhp-msg.fp-bhpblockSp,
.timetable #fp-bhp.fpbhp-sp #fp-bhp-infoNav{ display: none !important;}

@media screen and (max-width: 750px){
    .sp_display #gbheader #nav_upper #nav_upper__main{
        position: relative !important;
    }
    .sp_display #gbheader #nav_upper .cx_header_content::after,
    body.sp_display::after,
    #fp-banner5Nav{ display: none !important;}
    .sp_display #gbfooter p{
        font-size: 3vw !important;
        line-height: 1.6 !important;
    }
}