@charset "utf-8";
/* デスクトップ＆スマホ共通項目 */
body {background-color: #FFFFFF;}
#cont_tsuruhashi{ background-color:#ff8000; margin: 0 auto; font-size: 0em;}
#cont_karahori{ background-color:#920783; margin: 0 auto; font-size: 0em;}
#cont_travel{ background-color:#ff4d4d; margin: 0 auto; font-size: 0em;}
#cont_oumi{ background-color:#007fff; margin: 0 auto; font-size: 0em;}
@media (min-width: 1180px){
/***ヘッダー***/
#head {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/bg_heder.jpg) center top no-repeat;
height: 900px;
margin: 0 auto;
}
#head h1, #head h2 {
font-size:0em;
}
#gnav {
width: 1180px;
height: 205px;
margin: 0 auto;
margin-top: -160px;
}
#gnav ul {
display: flex;
justify-content: space-around;
}
#btn_archive a {
display: block;
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180526/desktop/btn_archive.png) no-repeat;
width: 570px;
height: 205px;
font-size: 0em;
}
#btn_archive a:hover {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180526/desktop/btn_archive_hover.png) no-repeat;
}
#btn_kanran {
display: block;
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180421/desktop/btn_kanran.png) no-repeat;
width: 570px;
height: 196px;
margin-top: 6px;
font-size: 0em;
}
#btn_kanran a {
display: block;
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180526/desktop/btn_kanran.png) no-repeat;
width: 570px;
height: 196px;
/*margin-top: 6px;*/
font-size: 0em;
}
#btn_kanran a:hover {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180526/desktop/btn_kanran_hover.png) no-repeat;
}
#pc_movie {
display: block;
position: relative;
width: 640px;
height: 360px;
margin: 0 auto;
}
/***メイン***/
#main {
font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
margin: 0;
padding: 0;
}
#main {
margin: 0 auto;
text-align: center;
}
#about {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/about.png) no-repeat;
width: 1151px;
height: 287px;
font-size: 0em;
margin: 50px auto;
}
#about p {
font-size: 0em;
}
#cast {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/bg_cast.png) no-repeat;
width: 1160px;
height: 714px;
font-size: 0em;
margin: 50px auto;
}
/***ページ内メニュー***/
#menu {
width: 1180px;
height: 600px;
font-size: 0em;
margin: 0 auto;
margin-top: -170px;
}
#btn_tsuruhashi {
display: block;
position: relative;
width: 335px;
height: 335px;
margin: 0;
font-size: 0em;
float: left;
}
#btn_oumi {
display: block;
position: relative;
width: 335px;
height: 335px;
margin: 0 0 0 500px;
font-size: 0em;
float: left;
}
#btn_karahori {
display: block;
position: relative;
width: 335px;
height: 335px;
margin: -95px 0 0 245px;
font-size: 0em;
float: left;
}
#btn_travel {
display: block;
position: relative;
width: 335px;
height: 335px;
margin: -95px 0 0 10px;
font-size: 0em;
float: left;
}
/*--- アニメーション用---*/
.karahori li {
opacity: 0;
animation: btn_anim 12s linear infinite 0s;
width: 335px;
height: 335px;
}
.karahori li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_karahori01.png) no-repeat;
}
.karahori li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_karahori04.png) no-repeat;
margin-top: -335px;
animation-delay: 3s;
}
.karahori li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_karahori02.png) no-repeat;
margin-top: -335px;
animation-delay: 6s;
}
.karahori li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_karahori03.png) no-repeat;
margin-top: -335px;
animation-delay: 9s;
}
.travel li {
opacity: 0;
animation: btn_anim 12s linear infinite 0s;
width: 335px;
height: 335px;
}
.travel li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_travel01.png) no-repeat;
}
.travel li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_travel04.png) no-repeat;
margin-top: -335px;
animation-delay: 3s;
}
.travel li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_travel02.png) no-repeat;
margin-top: -335px;
animation-delay: 6s;
}
.travel li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_travel03.png) no-repeat;
margin-top: -335px;
animation-delay: 9s;
}
.tsuruhashi li {
opacity: 0;
animation: btn_anim 12s linear infinite 0s;
width: 335px;
height: 335px;
}
.tsuruhashi li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_tsuruhashi01.png) no-repeat;
}
.tsuruhashi li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_tsuruhashi04.png) no-repeat;
margin-top: -335px;
animation-delay: 3s;
}
.tsuruhashi li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_tsuruhashi02.png) no-repeat;
margin-top: -335px;
animation-delay: 6s;
}
.tsuruhashi li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_tsuruhashi03.png) no-repeat;
margin-top: -335px;
animation-delay: 9s;
}
.oumi li {
opacity: 0;
animation: btn_anim 12s linear infinite 0s;
width: 335px;
height: 335px;
}
.oumi li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_oumi01.png) no-repeat;
}
.oumi li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_oumi04.png) no-repeat;
margin-top: -335px;
animation-delay: 3s;
}
.oumi li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_oumi02.png) no-repeat;
margin-top: -335px;
animation-delay: 6s;
}
.oumi li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/common/btn_oumi03.png) no-repeat;
margin-top: -335px;
animation-delay: 9s;
}
@keyframes btn_anim {
0% { opacity: 0; }
5% { opacity: 1; }
25% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 0; }
} */
/***コンテンツ内共通***/
#cont_karahori, #cont_tsuruhashi, #cont_oumi, #cont_travel {
padding:20px 0 60px 0;
}
#cont_karahori li, #cont_tsuruhashi li, #cont_oumi li, #cont_travel li {
padding-bottom: 4px;
}
/***鶴橋***/
#cont_tsuruhashi li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/tsuruhashi01.jpg) center top no-repeat;
height: 1353px;
}
#cont_tsuruhashi li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/tsuruhashi02.jpg) center top no-repeat;
height: 861px;
}
#cont_tsuruhashi li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/tsuruhashi03.jpg) center top no-repeat;
height: 1020px;
}
#cont_tsuruhashi li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/tsuruhashi04.jpg) center top no-repeat;
height: 1183px;
}
/***近江八幡***/
#cont_oumi li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/oumi01.jpg) center top no-repeat;
height: 1170px;
}
#cont_oumi li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/oumi02.jpg) center top no-repeat;
height: 810px;
}
#cont_oumi li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/oumi03.jpg) center top no-repeat;
height: 1208px;
}
#cont_oumi li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/oumi04.jpg) center top no-repeat;
height: 1082px;
}
/***空堀***/
#cont_karahori li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/karahori01.jpg) center top no-repeat;
height: 1169px;
}
#cont_karahori li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.1/sp/osaka_lover/images/180818_new/desktop/karahori02.jpg) center top no-repeat;
height: 1115px;
}
#cont_karahori li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/karahori03.jpg) center top no-repeat;
height: 1020px;
}
#cont_karahori li:nth-child(4) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/karahori04.jpg) center top no-repeat;
height: 1226px;
}
/***ツアー***/
#cont_travel li:nth-child(1) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/travel01.jpg) center top no-repeat;
height: 1170px;
}
#cont_travel li:nth-child(2) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/travel02.jpg) center top no-repeat;
height: 810px;
}
#cont_travel li:nth-child(3) {
background: url(https://cdn.tv-osaka.co.jp/cdn/v1.0/sp/osaka_lover/images/180818_new/desktop/travel03.jpg) center top no-repeat;
height: 990px;
}
#cont_travel #btn_tour a {
display: block;
position: relative;
background: url(../../images/180818_new/common/btn_tour.png) no-repeat;
width: 690px;
height: 280px;
font-size: 0em;
margin: 0 auto;
}
#cont_travel p {
height:60px;
font-size: 18px;
color: #fff;
}
#tw {
display: block;
width: 580px;
height: 515px;
margin: 30px auto;
border: #000 1px solid;
}
#smp_movie{
display:none;
}
}