@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	swwin用のCSSです
----------------------------------*/
body { background-color:#f2f0e8;}
.swBlk { width:500px; height:auto; border:solid 1px #d2d2d2; background-color:#fff; margin:0 auto; padding:39px;}
.swBlk dl dt.hiking_i { background:url(/attending/hiking/images/kaigai/swMdsBg.gif) no-repeat; width:460px; height:24px; font-size:16px; line-height:1; font-weight:bold; color:#fff; margin-bottom:10px; padding:6px 0 0 40px;}
.swBlk dl dt.hiking_d { background:url(/attending/hiking/images/kokunai/swMdsBg.gif) no-repeat; width:460px; height:24px; font-size:16px; line-height:1; font-weight:bold; color:#fff; margin-bottom:10px; padding:6px 0 0 40px;}
.swBlk dl dt span { font-size:12px; font-weight:bold; line-height:1; color:#FFF; padding-left:10px;}
.image { width:500px; height:375px;}
.copy { border-bottom:dotted 1px #999; font-size:14px; font-weight:bold; line-height:1.5; margin-bottom:10px; padding-bottom:10px; text-align:left; background:#FFF; color:#000000;}
.txt { font-size:14px; line-height:1.5; margin-bottom:20px;}
.pager { background-color:#f2f0e8; font-size:12px; text-align:center; margin-bottom:20px; padding:5px 0;}
.pager span { font-size:12px;}
.pager span a { font-size:12px; color:#1b3596;}
.pager span.prev:before { content: "◀"; font-size:12px; color:#1b3596; margin-right:3px;} 
.pager span.next:after { content: "▶"; font-size:12px; color:#1b3596; margin-left:3px;} 
.clsBtn { width:75px; height:28px; margin:0 auto;}

/* 観光特集ボタン */
.block_btn_ss {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 960px;
    margin: 0 auto;
}
.btn_ss-link {
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
}
.btn_ss-link a {
    position: relative;
    display: block;
    border-radius: 3px;
    background-color: #00a482;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    transition: 0.5s;
}
.btn_ss-link a::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s;
}
.btn_ss-link a:hover {
    background-color: #f2fee4;
    color: #00a482;
    text-decoration: none;
}
.btn_ss-link a:hover::after {
    border-top: 2px solid #00a482;
    border-right: 2px solid #00a482;