@charset "UTF-8";
/*

	静岡朝日テレビ
	Copyright (C) SATV. All Rights Reserved.

*/
/* --------------------------------------------------
　　#headline　
-------------------------------------------------- */
#headline #pageTitle {
    display: none;
}
/* --------------------------------------------------
　　#content　
-------------------------------------------------- */
body#err404 #content {
    background: none !important;
}
body.resort #content {
    background: #CEEAF8 url(../img/bg_001.jpg) no-repeat center bottom -50px;
    background-attachment: fixed;
    background-size: cover;
}
@media screen and (max-width: 767px) {
    body.resort #content {
        background: #13ADE9;
    }
}
/*body.resort.teaser #content {
    background: #CEE9F8 url("../img/bg_001.jpg");
    background-size: cover;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-image: url("../img/bg_001.jpg"), url("../img/bg_002.jpg");
    background-position: center top -320px, center bottom;
    background-repeat: no-repeat, no-repeat;
}
body.resort.teaser #content:before {
    content: '';
    background: inherit;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
}*/
/*　#contHeader　
---------------------------------------- */
#contHeader {
    /*background: url("../img/bg_mainVisual.png") no-repeat center top;*/
}
#contHeader #mainVisual {
    margin: 0;
    max-width: 1170px;
}
@media screen and (max-width: 767px) {
    #contHeader #mainVisual {
        margin: 0;
    }
}
#contHeader #contHeadSide {}
/*　#contNav　
---------------------------------------- */
#contNav ul {
    width: 1170px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    #contNav ul {
        width: 100%;
    }
}
#contNav ul li {
    width: 33.33%;
}
@media screen and (max-width: 767px) {
    #contNav ul li {
        width: 28%;
        white-space: nowrap;
    }
    #contNav ul li:last-child {
        width: 44%;
    }
}
#contNav ul li a {
    width: 100%;
    background: #E71360 url("../img/bg_pink.jpg") repeat-y center top;
    height: 59px;
    line-height: 59px;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 1px 2px 5px #D50D56;
}
@media screen and (max-width: 767px) {
    #contNav ul li a {
        font-size: 16px;
        letter-spacing: 0;
    }
}
#contNav ul li a:hover {
    opacity: 1 !important;
    background: #E71360;
}
#contNav ul li a img {
    vertical-align: middle;
    position: relative;
    top: -3px;
    left: 2px;
}
@media screen and (max-width: 767px) {
    #contNav ul li a img {
        vertical-align: middle;
        position: relative;
        top: -2px;
        left: 0;
    }
}
/*　#contMain　
---------------------------------------- */
#contMain {
    padding: 40px 15px !important;
}
@media screen and (max-width: 767px) {
    #contMain {
        padding: 0 !important;
    }
}
/*　#contMainMain　*/
@media screen and (max-width: 767px) {
    #contMain #contMainMain {
        margin: 0 0 20px;
        padding: 0 !important;
    }
}
#contMain #contMainMain > section#midokoro h2, #contMain #contMainMain > section#overview h2, #contMain #contMainMain > section#present h2 {
    background: rgb(8, 118, 210);
    background: linear-gradient(135deg, rgba(8, 118, 210, 1) 0%, rgba(0, 67, 124, 1) 100%);
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 10px;
    letter-spacing: 2px;
    text-shadow: 1px 2px 5px #00437C;
}
@media screen and (max-width: 767px) {
    #contMain #contMainMain > section#midokoro h2, #contMain #contMainMain > section#overview h2, #contMain #contMainMain > section#present h2 {
        font-size: 17px;
        letter-spacing: 1px;
    }
}
@media screen and (max-width: 767px) {
    #contMain #contMainMain > section  {
    margin:10px 10px 30px!important;
}
}
#contMain #contMainMain > section .sectionInner {
    background: #fff;
}
#contMain #contMainMain > section#midokoro p.alignC {
    margin-bottom: 0;
}
#contMain #contMainMain .photoWrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#contMain #contMainMain .photoWrapper figure {
    width: 35%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #contMain #contMainMain .photoWrapper figure {
        width: 67%;
    }
}
#contMain #contMainMain .photoWrapper figure figcaption {
    padding: 5px 0 30px;
    font-size: 13px;
    color: #FD569B;
    white-space: nowrap;
}
#contMain #contMainMain > section#present h3 {
    margin-bottom: 10px;
    font-size: 16px;
    background: #EDF6FB;
    padding: 5px;
    padding-left: 15px;
    text-align: center;
}
#contMain #contMainMain > section#present .comingsoon {
    display: inline-block;
    margin: 15px 0 25px;
    font-size: 20px;
    padding: 15px;
    min-width: 320px;
    border-radius: 100px;
    background: #B7B7BF;
    text-align: center;
    color: #fff;
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #contMain #contMainMain > section#present .comingsoon {
        min-width: 0;
        width: 80%;
        font-weight: bold;
        line-height: 1.3;
    }
}
#contMain #contMainMain > section#present .comingsoon > span {
    font-size: 14px;
}
#contMain #contMainMain > section#present a.entry, #contMain #contMainMain > section#present a.entry2 {
    display: inline-block;
    margin: 15px 0 25px;
    font-size: 25px;
    padding: 15px;
    min-width: 320px;
    border-radius: 100px;
    background: #FD5199;
    color: #fff;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 1px 2px 5px #D50D56;
}
@media screen and (max-width: 767px) {
    #contMain #contMainMain > section#present a.entry, #contMain #contMainMain > section#present a.entry2 {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }
}
#contMain #contMainMain > section#present a.entry > span {
    letter-spacing: 6px;
}
#contMain #contMainMain > section#present a.entry:hover, #contMain #contMainMain > section#present a.entry2:hover {
    opacity: 0.8;
}
#contMain #contMainMain > section#present ul.attention {
    font-size: 15px;
    margin: 0 0 30px 20px;
    line-height: 1.4;
}
#contMain #contMainMain > section#present ul.attention li {
    line-height: 1.6;
}
#contMain #contMainMain > section#present h3 {
    margin-bottom: 30px;
}
#contMain #contMainMain > section#present .box {
    background: #EDF6FB;
    padding: 30px 30px 1px 30px;
}
#contMain #contMainMain > section#present .box h3 {
    margin-bottom: 30px;
    background: #fff;
}
/*　aide　*/
@media screen and (max-width: 767px) {
    #contMain #contMainSide {
        padding: 0 20px 35px;
    }
}
#contMain #contMainSide .officialSite a {
    display: block;
    padding: 17px;
    background: #DC6981;
    text-align: center;
    font-size: 18px;
    margin: 0 0 20px;
    color: #fff;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
}
#contMain #contMainSide .officialSite a:hover {
    opacity: 0.8;
}
#contMain #contMainSide .officialSite a img {
    vertical-align: middle;
    position: relative;
    top: -3px;
    left: 5px;
}
#contMain #contMainSide .facebook a {
    display: block;
    padding: 17px;
    background: #2e66c1;
    text-align: center;
    font-size: 18px;
    margin: 0 0 20px;
    color: #fff;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
}
#contMain #contMainSide .facebook a:hover {
    opacity: 0.8;
}
#contMain #contMainSide .facebook a img {
    vertical-align: middle;
    position: relative;
    top: -3px;
    left: 5px;
}

#contMain #contMainSide #tw {
    text-align: center;
}