@media screen and (min-width: 769px){.pc_none {display:none;}}
@media screen and (max-width: 768px){.sp_none {display:none;}}

/*共通*/
body {
 "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
section {
background-color:#fff;
font-size: 16px;
}
.c-section-hdfp .c-text-note {
margin-bottom: 0;
font-weight: normal;
font-size:14px;
margin-top: 0;
}
.text-bold {
font-weight: bold;
}
.text-kita {
color:#568bd8;
}
.text-higashi {
color:#4db276;
}
.text-big {
font-size:1.3em;
}
.text-fdared {
color: #d6001d;
}
@media screen and (max-width: 768px){
section {
font-size:14px;
}
.c-section-hdfp .c-text-note {
font-size:12px;
}
}

/*トップバナー*/
.hdfp-top {
background-color:#fff;
}
.hdfp-top img{
width:100%;
}
@media screen and (min-width: 769px){
.hdfp-top img{
margin-top: -20px;
}
}

/*説明文*/
.hdfp-des {
width:980px;
margin:0 auto;
padding:30px 0 40px 0;
line-height: 1.9em;
}
@media screen and (max-width: 768px){
.hdfp-des {
width: 100%;
padding: 20px 15px 40px 15px;
line-height: 1.6em;
text-align: center;
}
}

/*メインコンテンツ*/
.c-section-hdfp {
//background-color:#edf4f9;
background-color:#e3f2e6;
width:100%;
padding:40px 0 450px 0;
position: relative;
}
.c-section-hdfp .hdfp-back-bottom {
background-image: url(https://www.fujidream.co.jp/assets2/campaign/hokkaido-freepass/img/hdfp-back-photo_2308.png);
height: 900px;
width: 100%;
background-size: cover;
background-position: center bottom;
position: absolute;
bottom: 0;
}
.hdfp-contents {
width:980px;
margin:0 auto;
line-height: 1.7em;
z-index: 10;
position: inherit;
}
.hdfp-contents-box {
padding: 0 20px;
}
@media screen and (max-width: 768px){
.c-section-hdfp {
padding:40px 0 220px 0;
}
.c-section-hdfp .hdfp-back-bottom {
height: 500px;
}
.hdfp-contents {
width:100%;
line-height: 1.5em;
}
.hdfp-contents-box {
padding: 0 15px;
}
}

/*白BOX*/
.hdfp-contents-box .hdfp-box-white {
display:flex;
background-color:#fff;
padding:15px 20px;
border-radius: 20px;
align-items: center;
margin-bottom: 20px;
}
.hdfp-contents-box .hdfp-box-white .title {
font-weight: bold;
font-size: 18px;
letter-spacing: 4px;
padding: 0 15px 0 0;
min-width: 110px;
text-align: center;
}
.hdfp-contents-box .hdfp-box-white .text {
font-size: 16px;
border-left: 2px dotted;
padding:20px;
text-align: left;
}
.hdfp-contents-box .hdfp-box-white .text .text-point{
margin-bottom: 10px;
}
@media screen and (max-width: 768px){
.hdfp-contents-box .hdfp-box-white {
flex-direction: column;
}
.hdfp-contents-box .hdfp-box-white .title {
padding: 0 0 15px 0;
min-width: unset;
}
.hdfp-contents-box .hdfp-box-white .text {
font-size: 16px;
border-top: 2px dotted;
border-left: unset;
padding:15px 0 5px 0;
width: 100%;
}
}

/*フリーパス差分*/
.hdfp-box-freepass {
display: flex;
justify-content: space-between;
}
.hdfp-box-freepass .freepass-kita,
.hdfp-box-freepass .freepass-higashi  {
background-color:#fff;
padding:45px 20px 20px 20px;
border-radius: 20px;
width:49%;
margin-top: 20px;
position:relative;
margin-bottom: 20px;
}
.hdfp-box-freepass .freepass-img {
position:absolute;
top:-20px;
left: 50%;
width: 420px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.hdfp-box-freepass .freepass-kita {
border:1px solid #74a1e8;
}
.hdfp-box-freepass .freepass-higashi {
border:1px solid #5ecc8a;
}
.hdfp-box-freepass .freepass-contents {
margin-bottom: 25px;
}
.hdfp-box-freepass .freepass-contents:last-child{
margin-bottom:0px;
}
.hdfp-box-freepass .freepass-contents .title {
color: #fff;
font-weight:bold;
width: 200px;
border-radius: 15px;
margin: 0 auto 15px;
}
.hdfp-box-freepass .freepass-kita .freepass-contents .title {
background-color: #568bd8;
}
.hdfp-box-freepass .freepass-higashi .freepass-contents .title {
background-color: #4db276;
}
.hdfp-box-freepass  .freepass-contents .text .text-point {
margin-bottom: 5px;
}
.hdfp-box-freepass .freepass-contents .table {
width:100%;
font-size: 14px;
}
.hdfp-box-freepass .freepass-contents .table table {
width: 100%;
line-height: 1.3em;
letter-spacing: 0.02em;
}
.hdfp-box-freepass .freepass-contents .table th,
.hdfp-box-freepass .freepass-contents .table td {
border: 2px solid #fff;
padding: 10px;
font-weight: bold;
}
.hdfp-box-freepass .freepass-contents .table th {
width: 50%;
}
.hdfp-box-freepass .freepass-contents .table td {
width: 50%;
}
.hdfp-box-freepass .freepass-contents .table tbody td {
font-size: 16px;
}
.hdfp-box-freepass .freepass-kita .freepass-contents .table thead,
.hdfp-box-freepass .freepass-kita .freepass-contents .table tbody th {
background-color: #cadaf0;
}
.hdfp-box-freepass .freepass-kita .freepass-contents .table tbody td {
background-color: #e7eef9;
}
.hdfp-box-freepass .freepass-higashi .freepass-contents .table thead,
.hdfp-box-freepass .freepass-higashi .freepass-contents .table tbody th {
background-color: #bfe6cf;
}
.hdfp-box-freepass .freepass-higashi .freepass-contents .table tbody td {
background-color: #e3f2e9;
}
.hdfp-box-freepass .freepass-contents .img img {
width: 100%;
}
@media screen and (max-width: 768px){
.hdfp-box-freepass {
flex-direction: column;
}
.hdfp-box-freepass .freepass-kita,
.hdfp-box-freepass .freepass-higashi {
width: 100%;
padding: 35px 15px 15px 15px;
}
.hdfp-box-freepass .freepass-img {
width: 108%;
max-width: 420px;
}
.hdfp-box-freepass  .freepass-contents .text .text-point {
font-size: 18px;
padding-bottom:5px;
line-height: 1.5em;
}
.hdfp-box-freepass .freepass-contents .table {
max-width: 420px;
margin-left: auto;
margin-right: auto;
font-size:12px;
}
.hdfp-box-freepass .freepass-contents .table th {
width:50%;
}
.hdfp-box-freepass .freepass-contents .table td {
width:50%;
}
.hdfp-box-freepass .freepass-contents .img img {
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
}

/*注釈BOX*/
.hdfp-box-annotation {
//background-color: #d1e6f2;
background-color: #b3dfb4;
border-radius: 20px;
width:100%;
padding: 20px;
text-align: left;
margin-bottom: 40px;
}
.hdfp-box-annotation ul {
margin-bottom: 0;
}
.hdfp-box-annotation ul .c-text-note {
margin-bottom: 3px;
}

/*FDAご利用券*/
.hdfp-box-fdaTicket {
background-color: #fff;
border-radius: 20px;
margin-bottom: 60px;
padding: 20px;
position: relative;
}
.hdfp-box-fdaTicket .hdfp-fda-jet {
position: absolute;
top: -55px;
right: -30px;
transform:rotate(8deg);
width: 350px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket-text01 {
margin-top: 10px;
margin-bottom: 10px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket-text02 {
margin-bottom: 20px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket-text02 .text-fdared {
font-size:22px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket {
border:2px solid #d6001d;
border-radius:15px;
display:flex;
align-items: center;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket .hdfp-fdaTicket-title {
color: #d6001d;
font-size: 22px;
padding: 20px;
width: 200px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket .hdfp-fdaTicket-text03 {
border-left:2px solid #d6001d;
padding: 20px;
text-align: left;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket .hdfp-fdaTicket-text03 ul {
list-style: disc;
margin-left: 20px;
}
.hdfp-shop-url {
margin-bottom: 20px;
}
.hdfp-shop-url .hdfp-button a {
padding: 5px 20px;
}
.hdfp-fdaTicket-shop {
margin-top: 20px;
border-radius: 10px;
}
.hdfp-fdaTicket-shop a {
display:flex;
justify-content: center;
transition: 0.3s;
}
.hdfp-fdaTicket-shop a:hover {
opacity:0.7;
}
.hdfp-fdaTicket-shop a.hdfp-fdashop img{
border:2px solid #d6001d;
width:600px;
border-radius: 10px;
margin-bottom:10px;
}
@media screen and (max-width: 768px){
.hdfp-box-fdaTicket .hdfp-fda-jet {
width: 230px;
top: -30px;
right: -15px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket-text01 {
text-align: justify;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket-text02 {
line-height: 1.6em;
text-align: justify;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket-text02 .text-fdared {
font-size: 18px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket {
flex-direction: column;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket .hdfp-fdaTicket-title {
padding: 10px;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket .hdfp-fdaTicket-text03 {
border-top: 2px solid #d6001d;
border-left: unset;
padding: 15px;
width: 100%;
}
.hdfp-box-fdaTicket .hdfp-fdaTicket .hdfp-fdaTicket-text03 ul {
margin-left: 15px;
}
}


/*購入・利用方法*/
.hdfp-box-method {
margin-bottom:40px;
}
.hdfp-box-method .hdfp-box-method-title {
font-size: 22px;
margin-bottom:20px;
font-weight: bold;
}
.hdfp-box-method .hdfp-box-method-contents {
display:flex;
justify-content: space-between;
}
.hdfp-box-method .hdfp-box-method-contents .item {
background-color: #fff;
border-radius:20px;
width: 24%;
text-align: justify;
padding: 20px;
letter-spacing: 0;
}
.hdfp-box-method .hdfp-box-method-contents .item .step {
font-weight:bold;
font-size:18px;
text-align:center;
margin-bottom:30px;
}
.hdfp-box-method .hdfp-box-method-contents .item .image {
max-width: 170px;
margin: 0px auto 30px;
}
.hdfp-box-method .hdfp-box-method-contents .item .text .text-point {
line-height: 1.5em;
margin-bottom:0px;
}
.hdfp-box-method .hdfp-box-method-contents .item .text .c-text-note {
margin-top: 20px;
}
@media screen and (max-width: 768px){
.hdfp-box-method .hdfp-box-method-contents {
flex-wrap: wrap;
}
.hdfp-box-method .hdfp-box-method-contents .item {
width: 49%;
padding: 15px;
}
.hdfp-box-method .hdfp-box-method-contents .item:nth-child(1),
.hdfp-box-method .hdfp-box-method-contents .item:nth-child(2) {
margin-bottom: 5px;
}
.hdfp-box-method .hdfp-box-method-contents .item .step {
margin-bottom:20px;
}
.hdfp-box-method .hdfp-box-method-contents .item .image {
margin: 0px auto 20px;
}
}

/*リンクボタン*/
.c-section-hdfp .hdfp-button {
width: fit-content;
margin: 0 auto;
}
.c-section-hdfp .hdfp-button a{
background-color: #52b24f;
height: 75px;
padding: 30px;
color: #fff;
text-decoraltion: none;
display: block;
tarnsition: 0.3s;
border: 2px solid #52b24f;
border-radius: 37.5px;
display: flex;
align-items: center;
}
.c-section-hdfp .hdfp-button a:hover {
background-color: #fff;
color: #52b24f;
}
.c-section-hdfp .hdfp-button a svg {
width: 10px;
height: 10px;
margin-left: 7px;
}
.c-section-hdfp .hdfp-button a svg .cls-1 {
fill: #fff;
transition: 0.3s;
}
.c-section-hdfp .hdfp-button a:hover svg .cls-1 {
fill: #52b24f;
}
.c-section-hdfp .hdfp-button a {
padding: 15px 20px;
height: auto;
border-radius: 35px;
text-align: justify;
}
@media screen and (max-width: 768px){
.c-section-hdfp .hdfp-button a svg {
width: 25px;
height: 25px;
margin-left: 13px;
max-width: 12px;
}
}

/*空席照会下リンク*/
.hdfp-link-text {
border: 2px solid #2881dd;
width: 980px;
margin: 0 auto 50px auto;
position:relative;
}
.hdfp-link-text a{
padding:20px;
display: block;
background-color:#fff;
transition: .3s;
}
.hdfp-link-text a:hover{
background-color:#2881dd1c;
}
.hdfp-link-text .title{
font-size: 24px;
margin-bottom: 10px;
font-weight: bold;
color:#2881dd;
}
.hdfp-link-text .text{
font-size: 20px;
}
.hdfp-link-text .c-text-note{
font-size: 16px;
}
.hdfp-link-text svg{
position:absolute;
top:10px;
right:10px;
width: 15px;
}
.hdfp-link-text svg .cls-1 {
fill:#2881dd;
}
@media screen and (max-width: 768px){
.hdfp-link-text {
margin: 0 15px 30px 15px;
width:auto;
}
.hdfp-link-text .title{
font-size: 20px;
}
.hdfp-link-text .text{
font-size: 18px;
}
.hdfp-link-text .c-text-note{
font-size: 14px;
}
}

/*空席照会下バナー*/
.hdfp-link-bnr {
padding:0 0 80px 0;
margin:0 auto;
width:980px;
display: flex;
}
.hdfp-link-bnr a {
display:block;
transition:0.3s;
}
.hdfp-link-bnr a {
padding:0 10px 0 0;
}
.hdfp-link-bnr a:last-child {
padding:0 0 0 0;
}
.hdfp-link-bnr a:hover {
opacity:0.8;
}
.hdfp-link-bnr a img {
width:100%;
height:auto;
}
@media screen and (max-width: 768px){
.hdfp-link-bnr {
width: 100%;
padding: 0 15px 50px 15px;
flex-direction: column;
}
.hdfp-link-bnr a {
padding:0 0 10px 0;
}
.hdfp-link-bnr a img {
max-width: 400px;
}
}