@charset "utf-8";

/*============
 0 common setting
 1 breadcrumb
 2 main content
 3 slick
 4 top button
============*/


/*--
 0 common setting
--*/
html,body{overflow-x:hidden; box-sizing: border-box;}
*{box-sizing: border-box;}
html {
font-size: 62.5%;
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-webkit-tap-highlight-color: transparent; /* 3*/
}
/*dl,dt,dd,ul,li,ol,li {
margin:0;
padding:0;
text-decoration:none;
}*/

.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb20 {margin-bottom: 2rem !important;}
.mb40 {margin-bottom: 4rem !important;}
.mt10 {margin-top: 1rem !important;}
.align-c {text-align: center;}
.att{color: #c33;}
.cap{font-size: 13px;}
ul.notes li{
text-indent: -1.5rem;
padding-left: 1.5rem;
}
.link-ar a:after{
content:"";
display: inline-block;
-webkit-mask: url("../fontawesome/f105.svg") no-repeat center center / contain;
mask-image: url("../fontawesome/f105.svg");
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
width: 1.2rem;
height:	1.2rem;
margin-left: 0.5rem;
background-color: #0066cc;
}
.link-ar:hover a:after{
background-color: #ff6600;
}
.link-ar-b a:after{
content:"";
display: inline-block;
-webkit-mask: url("../fontawesome/f078.svg") no-repeat center center / contain;
mask-image: url("../fontawesome/f078.svg");
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
width: 1.2rem;
height:	1.2rem;
margin-left: 0.5rem;
background-color: #0066cc;
}
.link-ar-b:hover a:after{
background-color: #ff6600;
}

@media screen and (max-width:736px) {
/*PCのみ適用*/
.pc_only{
display: none;
}
}/*@media screen and (max-width:736px)*/

@media screen and (min-width:737px) {
/*spのみ適用*/
.sp_only{
display: none;
}
}/*@media screen and (min-width:737px)*/



/*--
 1 breadcrumb
--*/
#breadcrumb{
display: none;
}

@media screen and (min-width:737px) {
#breadcrumb {
display: block;
width: 1000px;
margin: 10px auto 15px;
}
}/*@media screen and (min-width:737px) */



/*--
 2 main content
--*/
/*メイン画像*/
#title_lead{
background: url("../img/asahiyama_main.webp") no-repeat -24rem -2rem;
/*background: url("../img/asahiyama_main.jpg") no-repeat -18rem -2rem;*/
background-size: 365%;
padding-bottom: 1px;
position: relative;
height: 250px;
}
.fullsize{
margin-left: -25%;
margin-right: -2.1%;
padding-left: 25%;
padding-right: 2.1%;
}
#title_lead h1{
font-size: 5.0rem;
font-family: 'Noto Serif JP', serif;
color: #fff;
padding: 2rem 0 0 3rem;
text-shadow: 2px 2px 3px #333;
}
#title_lead h1::before{
content: "PREMIUM HOKKAIDO";
font-size: 1.2rem;
font-family: 'Noto Serif JP', serif;
color: #fff;
display: block;
}
#title_lead h1::after{
content: "ASAHIYAMA ZOO SPECIAL";
font-size: 1.2rem;
font-family: 'Noto Serif JP', serif;
color: #fff;
display: block;
}
#title_lead p{
display: none;
}

@media screen and (min-width:737px) and ( max-width:1000px){
#title_lead{
background-size: 120% auto;
padding-top: 1px;
padding-bottom: 1px;
position: relative;
height: 300px;
}
#title_lead h1{
padding: 3rem 0 0 3rem;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/

@media screen and (min-width:1001px) {
/*メイン画像*/
#title_lead{
background: url("../img/asahiyama_main.webp") no-repeat center top;
/*background: url("../img/asahiyama_main.jpg") no-repeat center top;*/
padding-top: 1px;
padding-bottom: 1px;
position: relative;
height: 435px;
}
.fullsize{
margin-left:-200%;
margin-right: -200%;
padding-left:200%;
padding-right: 200%;
position: relative;
}
#title_lead h1{
font-size: 6.0rem;
padding: 5rem 0 0 3rem;
}
#title_lead h1::before{
font-size: 2.0rem;
}
#title_lead h1::after{
font-size: 2.0rem;
}
#title_lead div.lead{
width: 1000px;
margin: 0 auto;
}
#title_lead p{
display: block;
position: absolute;
font-size: 3rem;
font-family: 'Noto Serif CJK', serif;
font-weight: 500;
color: #1969c7;
bottom: 1rem;
left: 50%;
}
}/*@media screen and (min-width:1001px) */


/*コンテンツ背景*/
div#containbox{
background: url("../img/bg_Contents_Wrap.jpg") repeat-x top;
width: 100%;
padding-top: 2rem;
}

/*コンテンツ枠*/
div#container{
width: 100%;
position: relative;
font-family:'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック',sans-serif;
font-size: 1.5rem;
line-height: 1.6;
font-feature-settings: "palt";
word-wrap: break-word;
overflow-wrap: break-word;
box-sizing: border-box;
}

/*インナーリンク*/
#inner-menu ul li{
text-align: center;
margin-bottom: 0.5rem;
}
#inner-menu ul li:last-of-type{
margin-bottom: 0;
}
#inner-menu ul li img:hover{
opacity: 0.7;
}

@media screen and (min-width:737px) {
/*インナーリンク*/
#inner-menu ul{
display: flex;
justify-content: space-around;
}
#inner-menu ul li{
width: calc((100% - 38px)/3);
}
#inner-menu ul li img{
width: 100%;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:1001px){
div#container{
width: 1000px;
margin: 0 auto;
}
#inner-menu ul li img{
width: auto;
}
}/*@media screen and (min-width:1001px)*/


/*おすすめツアー*/
h2.recommend{
font-size: 1.8rem;
font-family: 'Noto Serif JP', serif;
color: #fff;
margin: 2rem 1rem 1rem;
line-height: 1.3;
background-color: #b82727;
border-radius: 5px;
padding: 0.5rem 1rem;
text-align: left;
}
#recommend-tour{
background: url("../img/bg_travel_link.jpg") no-repeat left top;
margin-bottom: 4rem;
}
#recommend-tour div{
padding: 0 1rem;
width: 100%;
margin-bottom: 2rem;
}
#recommend-tour div.tour-lead{
padding-top: 180px;
}
#recommend-tour div.tour{
background-color: #e9f3f7;
padding: 1rem;
margin: 0 0 1rem;
width: auto;
}
#recommend-tour div ul{
display: flex;
margin-top: 0.5rem;
}
#recommend-tour div.tour img{
margin-right: 1rem;
}
#recommend-tour p.tour-txt{
margin-bottom: 2rem;
}
#recommend-tour p.tour-bnr{
text-align: center;
}
#recommend-tour div.tour h3{
margin-bottom: 0.5rem;
color: #b82727;
}

@media screen and (min-width:737px) {
/*おすすめツアー*/
h2.recommend{
font-size: 2.3rem;
}
#recommend-tour{
background-size: contain;
width: 100%;
padding: 0;
border: 1px solid #5e5e5e;
border-radius: 5px;
}
#recommend-tour div{
margin-bottom: 3rem;
}
#recommend-tour div.tour-lead{
width: 100%;
padding: 35px 10px 0 330px;
margin-bottom: 1rem;
}
#recommend-tour p.tour-txt{
background-color: rgba(255,255,255,0.7);
padding: 1rem;
margin-bottom: 1rem;
}
#recommend-tour p.tour-bnr{
text-align: left;
}
#recommend-tour div.tour-box{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 0;
width: 100%;
}
#recommend-tour div.tour{
width: calc((100% - 30px)/2);
margin: 0 3rem 1rem 0;
background-color: #f4f9fb;
box-shadow: 1px 1px 2px #aaa;
}
#recommend-tour div.tour img{
margin-right: 2rem;
}
#recommend-tour div:nth-of-type(even){
margin-right: 0;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
#recommend-tour{
width: calc(100% - 2rem);
margin: 0 1rem 4rem 1rem;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/

@media screen and (min-width:1001px) {
/*おすすめツアー*/
h2.recommend{
margin: 2rem 0 1rem;
}
}/*@media screen and (min-width:1001px)*/


/* 旭山動物園のみどころ */
section#highlights{
margin-bottom: 4rem;
}
div.highlights-box{
background: url("../img/bg_point.jpg") no-repeat 40% top;
padding: 1rem;
margin-bottom: 4rem;
}
section#highlights h2{
font-size: 2.3rem;
font-family: 'Noto Serif JP', serif;
color: #095084;
margin: 0 0 1rem 0;
}
section#highlights h2::before{
content: "DIGEST OF ASAHIYAMA ZOO";
font-size: 1.2rem;
font-family: 'Noto Serif JP', serif;
color: #095084;
display: block;
}
div.highlights-box h3{
font-size: 1.8rem;
line-height: 1.3;
font-family: 'Noto Serif JP', serif;
background-color: #f1383a;
color: #fff;
padding: 0.5rem 1rem;
border-radius: 5px;
margin-bottom: 2rem;
}
div.point img{
display: block;
margin: 0 auto 2rem;
}
div.point{
margin-bottom: 2rem;
}
div.point:last-child{
margin-bottom: 0;
}
div.point .point-txt p{
margin-bottom: 1rem;
}


/*アクセス*/
div.access-box{
background: url("../img/bg_access.jpg") no-repeat left top;
padding: 8rem 1rem 1rem 1rem;
}
div.access-box h3{
color: #fff;
margin: 1.5rem 0 1.0rem;
background-color: #328d6d;
padding: 0.1rem 0.5rem 0 1rem;
border-radius: 2px;
}
div.access-box dl dd{
  margin-bottom: 1rem;
}
div.access-box dl dd:last-child{
  margin-bottom: 0;
}
div.access-box ul.map_link{
display: flex;
margin-bottom: 0.5rem;
justify-content: space-around;
}
div.access-box ul.map_link li{
width: 104px;
border: 1px solid #328d6d;
background-color: #ebf7f2;
border-radius: 3px;
text-align: center;
margin-right: 9px;
padding: 0.2rem;
}
div.access-box ul.map_link li:last-child{
margin-right: 0;
}
div.access-box ul.map_link li a{
color: #328d6d;
font-weight: bold;
display: block;
}
div.access-box ul.map_link li a:hover{
opacity: 0.7;
}

@media screen and (min-width:737px) {
section#highlights{
display: flex;
}
div.highlights-box{
background: url("../img/bg_point.jpg") no-repeat right top;
margin: 0 2rem 0 0;
border: 1px solid #5e5e5e;
border-radius: 5px;
width: calc(100% - 402px);
}
section#highlights h2{
font-size: 3.3rem;
}
div.highlights-box dl{
display: flex;
flex-wrap: wrap;
}
div.highlights-box dt{
text-align: left;
font-size: 0;
width: 200px;
margin-bottom: 1rem;
}
div.highlights-box dd{
width: 406px;
margin-bottom: 1rem;
}
div.highlights-box dt, div.highlights-box dd{
margin-top: 2rem;
}
div.highlights-box dt:first-of-type, div.highlights-box dd:first-of-type{
margin-top: 0;
}
div.highlights-box dt:last-of-type, div.highlights-box dd:last-of-type{
margin-bottom: 0;
}

/*アクセス*/
div.access-box{
border: 1px solid #5e5e5e;
border-radius: 5px;
width: 382px;
}
div.access-box h3{
margin: 1.5rem 0 0.5rem;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
#highlights{
width: calc(100% - 2rem);
margin: 0 1rem 4rem 1rem;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/

@media screen and (min-width:850px) {
div.point{
display: flex;
margin-bottom: 4rem;
}
div.point img{
width: 188px;
margin-top: 0;
}
div.point .point-txt{
width: calc(100% - 203px);
}
div.point .point-txt p{
padding-left: 1.5rem;
}
}/*@media screen and (min-width:850px)*/


/*園内地図*/
h2#map{
font-size: 1.8rem;
font-family: 'Noto Serif JP', serif;
color: #fff;
margin: 2rem 1rem 1rem;
line-height: 1.3;
background-color: #2b357d;
border-radius: 5px;
padding: 0.5rem 1rem;
text-align: left;
}
section#asahiyama_zoo_map{
padding: 0;
margin-bottom: 4rem;
position:relative;
}
section#asahiyama_zoo_map img{
width: 100%;
}
#asahiyama_zoo_map ol{
display: none;
}
#asahiyama_zoo_map .pop dl{
background:#FFF;
border:2px solid #2c74aa;
margin:1rem 2rem;
padding:1rem;
position:relative;
text-align: center;
}
#asahiyama_zoo_map .pop dt h4 {
font-size:14px;
color:#2c74aa;
margin:0;
padding:0;
margin-bottom:5px;
display: inline-flex;
}
#asahiyama_zoo_map .pop dt h4 span{
line-height: 1.4;
}
#asahiyama_zoo_map .pop dt h4 span.no{
background:#2c74aa;
font-size:11px;
color:#FFFFFF;
width: 22px;
height: 22px;
margin-right:5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
behavior: url(border-radius.htc); /* IE */
text-align:center;
line-height: 2.0;
}
#asahiyama_zoo_map .pop dd {
margin:0;
font-size:12px;
color:#666666;
text-align: left;
}
#asahiyama_zoo_map .pop dd p {
font-size:15px;
line-height:1.6;
}
#asahiyama_zoo_map .pop dl img{
width: auto;
margin: 0 auto 1rem;
}

/* 閉じるボタン */
.button-close {
display: none;
}

p.zoom::before{
content:"";
display: inline-block;
-webkit-mask: url("../fontawesome/f00e.svg") no-repeat center center / contain;
mask-image: url("../fontawesome/f00e.svg");
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
width: 1.3rem;
height:	1.3rem;
margin-left: 1rem;
margin-right: 0.5rem;
background-color: #0066cc;
}
p.zoom:hover::before{
background-color: #ff6600;
}

@media screen and (min-width:737px) {
h2#map{
font-size: 2.3rem;
}
section#asahiyama_zoo_map{
text-align: center;
}
#asahiyama_zoo_map ol{
display: block;
}
#asahiyama_zoo_map .pop dl{
margin:0;
}
#asahiyama_zoo_map .pop dt h4 span.no{
font-size:9px;
}
#asahiyama_zoo_map .btn {
position:absolute;
width:100px;
height:100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
behavior: url(border-radius.htc); /* IE */
background:rgba(255,109,112,0.3);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
opacity: 0;
transition: 0.3s ease;
cursor: pointer;
}
#asahiyama_zoo_map .post01 {top:30%; left:55%;}
#asahiyama_zoo_map .post02 {top:24%; left:64%;}
#asahiyama_zoo_map .post03 {top:29%; left:74%;}
#asahiyama_zoo_map .post04 {top:42%; left:82%;}
#asahiyama_zoo_map .post05 {top:53%; left:78%;}
#asahiyama_zoo_map .post06 {top:68%; left:75%;}
#asahiyama_zoo_map .post07 {top:80%; left:74%;}
#asahiyama_zoo_map .post08 {top:83%; left:65%;}
#asahiyama_zoo_map .post09 {top:80%; left:55%;}
#asahiyama_zoo_map .post10 {top:76%; left:48%;}
#asahiyama_zoo_map .post11 {top:70%; left:41%;}
#asahiyama_zoo_map .post12 {top:53%; left:43%;}
#asahiyama_zoo_map .post13 {top:57%; left:52%;}
#asahiyama_zoo_map .post14 {top:56%; left:63%;}
#asahiyama_zoo_map .post15 {top:66%; left:58%;}
#asahiyama_zoo_map .post16 {top:46%; left:58%;}
#asahiyama_zoo_map .btn:hover {
opacity: 1;
}
section#asahiyama_zoo_map{
position: relative;
}
#asahiyama_zoo_map .pop {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
background-color: #dfdddd;
border-radius: 5px;
z-index: 11;
padding: 2rem;
display: none;
}
#asahiyama_zoo_map .pop dl img{
margin: 0 auto 0.5rem;
}
.button-close {
display: block;
width: 100px;
padding: 0.2em;
margin: 1rem auto 0;
font-size: 1.2rem;
background-color: #2b74aa;
color: #eaeaea;
border-radius: 5rem;
cursor: pointer;
}
/* オーバーレイ */
div#overlayarea{position:relative;}
.overlay {
display: none;
position: absolute;
top: -1rem;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 10;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
#asahiyama_zoo_map .btn {
width:10vw;
height:10vw;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/

@media screen and (min-width:960px){
section#asahiyama_zoo_map img{
width: 960px;
}
}/*@media screen and (min-width:960px)*/

@media screen and (min-width:1001px) {
/*おすすめツアー*/
h2#map{
margin: 2rem 0 1rem;
}
}/*@media screen and (min-width:1001px)*/


/*もぐもぐタイム*/
section#feedingtime{
margin-bottom: 4rem;
}
div.feeding-lead{
width: 100%;
background: url("../img/bg_mogu.jpg") no-repeat left top;
padding: 11rem 1rem 1rem 1rem;
background-size: contain;
}
div.feeding-detail{
width: 100%;
padding: 0;
}
div.feeding-detail h3.period{
background-color: #f57108;
color: #fff;
font-size: 15px;
padding: 0.5rem 0.5rem 0.2rem 1rem;
border-radius: 5px;
margin: 2rem 1rem 1rem;
}
p#mogu_photo01 img{
width: calc(100% - 2rem);
display: block;
margin: 0 auto;
}
p#mogu_photo02{
text-align: center;
}
p#mogu_photo02 img{
width: 80%;
}
#feedingtime .pop {
margin: 1rem 2rem;
background-color: #fff;
border: 3px solid #e56d0f;
border-radius: 5px;
padding: 1rem;
position:relative;
}
#feedingtime .pop h3 {
color: #e56d0f;
font-size: 2rem;
line-height: 1.6;
margin-bottom: 1rem;
border-bottom: 2px solid #e56d0f;
}
#feedingtime .pop p {
font-size: 1.5rem;
line-height: 1.6;
}
#feedingtime .pop p img{
width: auto;
margin: 0 auto 1rem;
}
#feedingtime p.notes{
font-size: 1.3rem;
line-height: 1.6;
color: #f57108;
margin: 1rem 0 0 1rem;
}

@media screen and (min-width:737px) {
section#feedingtime{
display: flex;
padding: 0;
border: 1px solid #5e5e5e;
border-radius: 5px;
}
div.feeding-lead{
width: 401px;
background-size: auto;
}
div.feeding-detail{
width: calc(100% - 401px);
background: url("../img/bg_mogu_detail.jpg") no-repeat right top 3rem;
padding: 1rem;
}
div.feeding-detail h3.period{
margin: 2rem 0 1rem;
}
p#mogu_photo01 img{
width: 100%;
}
p#mogu_photo02{
text-align: left;
}

/*ポップアップ*/
#feedingtime map {
cursor: pointer;
}
#feedingtime .pop {
position:absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
background-color: #fff;
border: 3px solid #e56d0f;
border-radius: 5px;
z-index: 11;
padding: 2rem;
display: none;
font-size: 1.5rem;
}
#feedingtime .pop p img{
margin-bottom: 0.5rem;
}
#feedingtime .button-close {
background-color: #e56d0f;
color: #fff;
text-align: center;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
#feedingtime{
width: calc(100% - 2rem);
margin: 0 1rem 4rem 1rem;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/

@media screen and (min-width:737px) and ( max-width:800px){
p#mogu_photo02 img{
width: 100%;
}
}/*@media screen and (min-width:737px) and ( max-width:800px)*/

@media screen and (min-width:800px) {
p#mogu_photo02 img{
width: auto;
}
}/*@media screen and (min-width:800px)*/

@media screen and (min-width:1000px) {
p#mogu_photo01 img{
width: auto;
}
}/*@media screen and (min-width:1000px)*/



/*動物園の四季*/
section#season{
margin-bottom: 4rem;
}
div.season-lead{
width: 100%;
background: url("../img/bg_siki.jpg") no-repeat left top;
padding: 11rem 1rem 1rem 1rem;
margin-bottom: 2rem;
}
div.season-detail{
width: 100%;
padding: 1rem;
}
.spring{
background: url("../img/siki_spring.jpg") no-repeat left top;
background-size: 100%;
}
.summuer{
background: url("../img/siki_summuer.jpg") no-repeat left top;
background-size: 100%;
}
.autumn{
background: url("../img/siki_autumn.jpg") no-repeat left top;
background-size: 100%;
}
.winter{
background: url("../img/siki_winter.jpg") no-repeat left top;
background-size: 100%;
}
p.siki-txt{
padding: 60% 6rem 1.5rem 1.5rem;
}

@media screen and (min-width:737px) {
section#season{
display: flex;
padding: 0;
border: 1px solid #5e5e5e;
border-radius: 5px;
}
div.season-lead{
width: 450px;
}
.spring{
background-size: contain;
}
.summuer{
background-size: contain;
}
.autumn{
background-size: contain;
}
.winter{
background-size: contain;
}
p.siki-txt{
padding: 19rem 8rem 0 1.5rem;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:600px) {
div.season-detail{
width: 100%;
display: flex;
flex-wrap: wrap;
}
div.season-detail div{
width: calc((100% - 20px)/2);
margin: 0 2rem 1rem 0;
}
div.season-detail div:nth-of-type(even){
margin-right: 0;
}
}/*@media screen and (min-width:600px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
#season{
width: calc(100% - 2rem);
margin: 0 1rem 4rem 1rem;
}

p.siki-txt{
padding: 70% 1rem 1.5rem 1.5rem;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/


/*アドバイス*/
section#advice{
padding: 0 1rem;
margin-bottom: 4rem;
}
section#advice div.advice-box{
padding: 1rem;
border: 1px solid #5e5e5e;
border-radius: 5px;
}
section#advice h2{
font-size: 1.8rem;
font-family: 'Noto Serif JP', serif;
color: #b82727;
margin-bottom: 1rem;
line-height: 1.3;
}
section#advice dt{
	font-weight: bold;
}
section#advice dd{
padding: 0 0 2rem 0;
}
section#advice dd:last-child{
padding: 0;
}

@media screen and (min-width:737px) {
/*アドバイス*/
section#advice{
padding: 0;
}
section#advice h2{
font-size: 2.3rem;
}
section#advice dl{
display: flex;
flex-wrap: wrap;
margin: 0;
}
section#advice dt{
width: 90px;
padding: 0.5rem;
font-weight: normal;
}
section#advice dd{
width: calc(100% - 100px);
position: relative;
padding: 0.5rem 0 0.5rem 1rem;
}
section#advice dd:last-child{
padding:  0.5rem 0 0.5rem 1rem;
}
section#advice dd::before{
position: absolute;
content: "";
border-left: 2px dotted #ccc;
top: 0.5rem;
bottom: 0.5rem;
left: 0;
}
}/*@media screen and (min-width:737px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
#advice{
margin: 0 1rem 4rem 1rem;
}
}/*@media screen and (min-width:737px) and ( max-width:1000px)*/


/*リンクボタン ツアー*/
section#link{
padding: 0 1rem;
margin-bottom: 4rem;
}
section#link ul.tour{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2rem;
}
section#link ul.tour li{
width: calc((100% - 10px) /2);
text-align: center;
}
section#link ul.tour li img{
width: 100%;
}
section#link a:hover{
opacity: 0.7;
}

@media screen and (min-width:737px) {
/*リンク*/
section#link ul.tour{
flex-wrap: nowrap;
}
section#link ul.tour li img{
width: auto;
}
}/*@media screen and (min-width:737px)*/


/*リンクボタン プレミアム*/
section#link ul.pre li{
text-align: center;
font-size: 0;
margin-bottom: 1.5rem;
}
section#link ul.pre li img{
width: auto;
}

@media screen and (min-width:737px) {
/*リンク*/
section#link{
padding: 0;
}
section#link ul.pre{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
section#link ul.pre li{
width: calc((100% - 20px) /3);
text-align: center;
margin-right: 1rem;
margin-bottom: 0;
}
section#link ul.pre li:nth-child(3){
margin-right: 0;
}
section#link ul.pre li img{
width: 100%;
}
}/*@media screen and (min-width:737px)*/

@media screen and (max-width:330px){
/*リンク*/
section#link ul.pre li img{
width: 100%;
}
}/*@media screen and (max-width:330px)*/

@media screen and (min-width:737px) and ( max-width:1000px){
/*リンク*/
section#link{
padding: 0 1rem;
}
}


/*--
 3 slick
-- */
@media screen and (max-width: 737px) {
.slick-slide img{
	height: auto;
	width: 100%;
}
/*.slick-track li.slick-slide:nth-of-type(2) img,
.slick-track li.slick-slide:nth-of-type(9) img{
	height: auto;
	width: 125%;
}*/
.slick-box{position: relative; z-index: 0;}

button.slick-prev{
	left: 0;
	z-index: 1;
	display: inline-block !important;
}
button.slick-next{
	right: 0;
	z-index: 1;
	display: inline-block !important;
}
.slick-prev:before{
content:"";
display: inline-block;
-webkit-mask: url("../fontawesome/f053.svg") no-repeat center center / contain;
mask-image: url("../fontawesome/f053.svg");
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
width: 2.5rem;
height:	2.5rem;
margin-left: -0.5rem;
background-color: #333;
}
.slick-next:before{
content:"";
display: inline-block;
-webkit-mask: url("../fontawesome/f054.svg") no-repeat center center / contain;
mask-image: url("../fontawesome/f054.svg");
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
width: 2.5rem;
height:	2.5rem;
margin-right: 0.5rem;
background-color: #333;
}
}/*@media screen and (max-width: 737px) */



/*--
 4 top button
--*/
/*pagetop*/
#pagetop {
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index:50;
	width:4em;
	height:4em;
	border-radius:50%;
	overflow:hidden;
	text-align: center;
}
#pagetop a {
	position: relative;
	display:block;
	width:100%;
	height:100%;
	padding:0;
	background-image: none;
	background-color:rgba(119,119,119,0.4);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#pagetop a:before{
	content: "▲";
	display: block;
	position: absolute;
	color: #FFF;
	font-size: 2em;
    text-indent: 0;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#pagetop a:hover {
	text-decoration: none;
	background-color: #a5a5a5;
}