/* 観光応援プロ共通  */

.sponly {
    display: none;
}


#kanko_ouen {
	background:#fff;
	width:1040px;
	margin:0 auto 0;
    color:#333;
	}

#kanko_ouen p {
    font-size: 1.5rem;
    line-height: 220%;
    margin:30px 0;
}

#kanko_ouen .hdr {
	width:1040px;
    position: relative;
}

#kanko_ouen .hdr .projectlogo {
    position: absolute;
    top:40px;
    right:40px;
    width:140px;
}

#kanko_ouen .hdr .projectlogo img {
    width:100%;
}



section {
    margin:100px 0;
}

.center {
    text-align: center;
}



.img_block_2 {
    width:100%;
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    margin:20px auto;
}
.img_block_2 li {
    width: 49.5%;
}
.img_block_2 li img {
    width:100%;
}


.ytube,
.gmap {
position: relative;
width: 100%!important;
padding-top: 56.25%;
margin:20px auto 15px;
}

.ytube iframe,
.gmap iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #fff;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #6fba2c;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



/* 箱根 */
	
#kanko_ouen .hakone_hdr {
    background:url(../images/kankoouen/hakone_hdr_bg.jpg) no-repeat;
    background-size:1040px;
    padding:220px 0 50px 0;
}

#kanko_ouen .hakone_hdr h2 {
    display: block;
    width:640px;
    margin:0 auto 100px;
}

#kanko_ouen .hakone_hdr h2 img {
    width:100%;
}

#kanko_ouen .hakone_hdr h2 span {
    display: block;
    color:#fff;
    font-size:2.4rem;
    text-align: center;
}


nav.hakoneouen {
    display: flex;
    width:100%;
    margin:0 auto 0px;
    padding:0 0 20px 0;
    justify-content: space-between;
    justify-content: space-around;
}
nav.hakoneouen a {
    width:calc((100% / 5) - 30px);
    display: block;
    font-size:1.65rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-bottom:1px solid #330909;
    color: #330909;
}


h3.hakone_h3 {
    font-size:3.5rem;
    text-align: center;
    margin:0;
    padding:0;
}
h3.hakone_h3::before {
    content:"頑張れ箱根！ベルマーレ割";
    display: block;
    font-size:1.4rem;
    padding:0 0 10px 0;
}
h3.hakone_h3::after {
    content:"";
    display: block;
    width:70px;
    height:5px;
    margin:25px auto 0;
    background:#6FBA2C;
}

a.hakone_link {
    text-decoration: none;
    text-align: center;
    display: block;
    margin:50px auto;
    width:302px;
    color:#330909;
}
a.hakone_link img {
    width:100%;
}


.hakone_howtouse {
    display: flex;
    justify-content: space-between;
    margin:40px 0;
}

.hakone_howtouse li {
    display: block;
    width:32%;
    padding:0;
    margin:0 0 0 0;
}

.hakone_howtouse li .howtowrap {
    position: relative;
}

.hakone_howtouse li .howtowrap p {
    margin:10px 0 0 0!important;
    font-size: 1.2rem!important;
    text-align: center;
    color: #330909;
}

.hakone_howtouse li .num {
    background:#6FBA2C;
    width:80px;
    height:80px;
    display: flex;
    border-radius: 40px;
    position: relative;
    z-index: 2;
    justify-content: center;
    align-items: center;
    margin:auto;
}
.hakone_howtouse li .num img { width:29px; height:33px;}

.hakone_howtouse li .howtoinner {
    width:calc(100% - 60px);
    background:#330909;
    color:#fff;
    padding:60px 30px 30px;
    text-align: center;
    font-size: 1.8rem;
    margin:-40px 0 0 0;
}

.hakone_howtouse li .howtoinner p {
    color:#fff;
    font-size: 1.4rem!important;
}

.hakone_howtouse li .howtoinner strong {
    display: block;
    font-size: 2.4rem;
}

.howtoicon {
    display: block;
    width:100px;
    margin:0 auto 20px;
}


.supportergoods dl {
    display: table;
    width:100%;
    border-collapse: collapse;
}
.supportergoods dl dt,
.supportergoods dl dd {
    padding:20px;
    border:1px solid #330909;
    display: table-cell;
}
.supportergoods dl dt {
    vertical-align: middle;
    background:#e1dada;
}

.supportergoods dl dt p {
    color:#330909;
    font-weight: bold;
    margin:0 20px!important;
    padding:0;
    font-size: 1.6rem!important;
    line-height: 180%!important;
    text-align: center;
}

.supportergoods ol {
    list-style: decimal;
    margin:0 0 0 3rem;
    padding:0;
}

.supportergoods ol li {
    color:#330909;
    font-size: 1.4rem
}

.supportergoods ol li strong {
    font-weight: bold;
    font-size: 1.55rem
}



.taisho_nav {
    width:90%;
    display: flex;
    justify-content: space-between;
    margin:30px auto;
}
.taisho_nav li {
    border-right:1px solid #330909;
    width:calc(100% / 7);
    text-align: center;
}
.taisho_nav li:last-child {
    border-right:none;
}
.taisho_nav li a {
    text-decoration: none;
    font-weight: bold;
    color:#330909;
    padding:5px 0;
}
.taisho_nav li a:hover {
    border-bottom:2px solid #6FBA2C;
}

.shisetsu_block {
    margin:50px 0;
}
.shisetsu_block h4 {
    display: block;
    background:#6FBA2C;
    color: #fff;
    font-size: 2.2rem;
    padding:8px;
    margin:0;
    text-align: center;
}
.shisetsu_block h4 span { font-size: 1.2rem; }

.shisetsu_wrap {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.shisetsu_wrap .list_inner {
    width:31.5%;
    margin:40px 2.75% 0px 0;
    background:url(../images/kankoouen/hakone_table_bg.gif) repeat-y #e1dada;
    background-size: calc(14px + (1.35rem * 3) + 14px);
    background-size: calc(25% - 14px);
}
.shisetsu_wrap .list_inner:nth-child(3n) {
    margin:40px 0 0px 0;
}

.shisetsu_wrap .list_inner .img,
.shisetsu_wrap .list_inner .img img {
    width:100%;
    display: block;
}
.shisetsu_wrap .list_inner h3 {
    width:100%;
    font-size: 1.8rem;
    padding:10px 0px 3px;
    margin:0;
    color:#330909;
    background:#fff;
}
.shisetsu_wrap .list_inner table {
    width:100%;
    border:none;
    margin:0;
}
.shisetsu_wrap .list_inner table th,
.shisetsu_wrap .list_inner table td {
    border:none;
    vertical-align: top;
    line-height:160% ;
}
.shisetsu_wrap .list_inner table th {
    text-align: left;
    color:#fff;
    white-space: nowrap;
    font-size: 1.35rem;
    letter-spacing: 2px;
    padding:7px;
    width:calc(25% - 14px);
    text-align: center;
}
.shisetsu_wrap .list_inner table tr:nth-child(2) th,
.shisetsu_wrap .list_inner table tr:nth-child(2) td {
    font-size: 1.2rem;
    letter-spacing: 0px;
    line-height: 140%;
}
.shisetsu_wrap .list_inner table tr:first-child td {
    font-weight: bold;
    color:#330909;
}
.shisetsu_wrap .list_inner table td {
    width:80%;
    padding:7px 10px;
    font-size: 1.35rem;
}
	
/* アンカー */

.shisetsu_block,
section {
    margin-top:-120px;
    padding-top:220px;
}


/* フッター */

footer {
    margin:0 0 0 0!important;
}

.hakone_footer {
    padding:40px 0 0 0;
    background:url(../images/kankoouen/footer_bg.png) no-repeat 50% 100%;
    background-size:800px;
    border-bottom:40px solid #6FBA2C;
}

.hakone_footer a {
    width:228px;
    display: block;
    margin:40px auto 70px;
}
.hakone_footer a img {
    width:100%;
}
	
	
@media screen and (max-width: 767px) {



}





@media screen and (max-width: 640px) {

.pconly {
    display: none;
}


/* 観光応援プロ共通  */


#kanko_ouen {
	width:100%;
	margin:0 auto 10px;
    color:#333;
	}

#kanko_ouen p {
    font-size: 1.45rem;
    line-height: 200%;
    margin:30px 0;
}

#kanko_ouen .hdr {
	width:100%;
    position: relative;
}

#kanko_ouen .hdr .projectlogo {
    position: absolute;
    top:20px;
    right:20px;
    width:80px;
}

#kanko_ouen .hdr .projectlogo img {
    width:100%;
}



section {
    margin:0px auto;
    width:92%;
    margin-top:-50px!important;
    padding-top:100px!important;
}

.center {
    text-align: justify;
}


.img_block_2 {
    width:100%;
    display: flex;
    justify-content: space-between;
    margin:20px auto;
}


.gmap {
position: relative;
width: 100%!important;
padding-top: 100%;
margin:20px auto 15px;
}

.gmap iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #fff;
  opacity: 0.5;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 20px;
  color: #6fba2c;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}



/* 箱根 */
	
#kanko_ouen .hakone_hdr {
    background:url(../images/kankoouen/hakone_hdr_bg.jpg) no-repeat 95% 10%;
    background-size: cover;
    padding:120px 0 0px 0;
}

#kanko_ouen .hakone_hdr h2 {
    width:300px;
    margin:0 auto 50px;
}

#kanko_ouen .hakone_hdr h2 img,
#kanko_ouen .hakone_hdr img {
    width:100%;
    display: block;
}
#kanko_ouen .hakone_hdr h2 img {
    width:90%;
    margin:auto;
}

#kanko_ouen .hakone_hdr h2 span {
    font-size:1.4rem;
}


nav.hakoneouen {
    display: flex;
    width:97%;
    margin:0 auto 30px;
    padding:15px 0 10px;
    justify-content: space-between;
}
nav.hakoneouen a {
    width:calc((100% / 5) - 8px);
    display: block;
    font-size:1.2rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-bottom:1px solid #330909;
    color: #330909;
}


h3.hakone_h3 {
    font-size:2.5rem;
}
h3.hakone_h3::before {
    font-size:1.2rem;
    padding:0 0 5px 0;
}
h3.hakone_h3::after {
    width:50px;
    height:3px;
    margin:10px auto 0;
}

a.hakone_link {
    margin:0px auto;
    width:250px;
    color:#330909;
}
a.hakone_link img {
    width:80%;
}


.hakone_howtouse {
    display: block;
    margin:0px 0;
}

.hakone_howtouse li {
    width:100%;
    margin:20px 0 0 0;
}

.hakone_howtouse li .howtowrap {
    position: relative;
}

.hakone_howtouse li .howtowrap p {
    margin:10px 0 0 0!important;
    font-size: 1.2rem!important;
    text-align: center;
    color: #330909;
}

.hakone_howtouse li .num {
    background:#6FBA2C;
    width:60px;
    height:60px;
    display: flex;
    border-radius: 30px;
    position: relative;
    z-index: 2;
    justify-content: center;
    align-items: center;
    margin:auto;
}
.hakone_howtouse li .num img { width:22px; height:25px;}

.hakone_howtouse li .howtoinner {
    text-align: left;
    font-size: 1.5rem;
    margin:-30px 0 0 0;
    overflow: hidden;
    padding:40px 20px 25px;
    width:calc(100% - 40px);
}

.hakone_howtouse li .howtoinner p {
    width:calc(100% - 100px);
    display: block;
    color:#fff;
    text-align: left;
    float:left;
    font-size: 1.4rem!important;
    line-height: 160%!important;
}

.hakone_howtouse li .howtoinner strong {
    display: block;
    font-size: 2.125rem;
    line-height: 180%!important;
}

.howtoicon {
    display: block;
    width:80px;
    margin:0 20px 10px 0;
    float:left;
}


.supportergoods {
    margin:30px 0;
}

.supportergoods dl {
    display: block;
    width:calc(100% - 2px);
    border-collapse: collapse;
    border:1px solid #e1dada;
}
.supportergoods dl dt,
.supportergoods dl dd {
    padding:12px;
    border:none;
    display: block;
}
.supportergoods dl dt {
    vertical-align: middle;
    background:#e1dada;
}

.supportergoods dl dt p {
    color:#330909;
    font-weight: bold;
    margin:0 20px!important;
    padding:0;
    font-size: 1.4rem!important;
    line-height: 160%!important;
    text-align: center;
}

.supportergoods ol {
    list-style: decimal;
    margin:0 0 0 3rem;
    padding:0;
}

.supportergoods ol li {
    color:#330909;
    font-size: 1.35rem;
}

.supportergoods ol li strong {
    font-weight: bold;
    font-size: 1.55rem
}



.taisho_nav {
    width:100%;
    display: flex;
    justify-content: space-between;
    margin:30px auto;
    flex-wrap: wrap;
}
.taisho_nav li {
    border:none;
    border-bottom:1px solid #330909;
    width:calc(100% / 4);
    text-align: center;
    margin:5px 5px;
    padding:0 5px;
}
.taisho_nav li:last-child {
    border-right:none;
}
.taisho_nav li a {
    padding:5px 0;
    font-size: 1.35rem;
}
.taisho_nav li a:hover {
    border-bottom:2px solid #6FBA2C;
}

.shisetsu_block {
    margin:50px 0;
}
.shisetsu_block h4 {
    display: block;
    background:#6FBA2C;
    color: #fff;
    font-size: 1.6rem;
    padding:6px;
    margin:0;
    text-align: center;
}
.shisetsu_block h4 span { font-size: 1.2rem; }

.shisetsu_wrap {
    display: block;
}
.shisetsu_wrap .list_inner {
    width:100%;
}
	
/* アンカー */

.shisetsu_block {
    margin-top:-70px!important;
    padding-top:90px!important;
}



/* フッター */

footer {
    margin:0 0 0 0!important;
}

.hakone_footer {
    padding:20px 0 0 0;
    background:url(../images/kankoouen/footer_bg.png) no-repeat 50% 100%;
    background-size:95%;
    border-bottom:40px solid #6FBA2C;
}

.hakone_footer a {
    width:180px;
    display: block;
    margin:20px auto 40px;
}
.hakone_footer a img {
    width:100%;
}


}