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

/*----------------------------------
	index用のCSSです
----------------------------------*/

.ttlBlk { overflow:hidden; position:relative; width:960px; height:465px;}
#ttlBtnI { position:absolute; top:14px; left:-286px; width:270px; height:100px;}
#ttlBtnD { position:absolute; bottom:15px; right:-284px; width:270px; height:100px;}
.seo { font-size:14px; margin-top:10px;}

.pointBlk { overflow:hidden; width:960px; height:auto;}
.pointBlk h3 { width:960px; height:120px;}
.pointBlk dl { float:left; width:310px; height:auto;}
.pointBlk dl dt { width:310px; height:80px;}
.pointBlk dl .pointImg { width:310px; height:210px;}
.pointBlk dl .pointTxt { font-size:14px; padding:5px;} 
.bgColor01 { background-color:#cdf1fd;}
.bgColor02 { background-color:#d0f1a9;}
.bgColor03 { background-color:#c4faed;}
.MR15 { margin-right:15px;}

.charmBlk { overflow:hidden; background-color:#efeee6; width:960px; height:auto;}
.charmBox01,
.charmBox02 { float:left; overflow:hidden; width:450px; height:auto; margin-left:20px;}
.charmBox01 dt,
.charmBox02 dt { width:450px; height:34px;}
.charmBox01 dd.charmImg01,
.charmBox02 dd.charmImg02 { float:left; width:265px; height:210px;}
.charmBox01 dd.charmTxt01 { float:right; background:url(/attending/hiking/images/charmTxtBg01.gif) no-repeat; width:175px; height:210px; font-size:14px; padding-left:10px;}
.charmBox02 dd.charmTxt02 { float:right; background:url(/attending/hiking/images/charmTxtBg02.jpg) no-repeat; width:175px; height:210px; font-size:14px; padding-left:10px;}
.charmBox03 { clear:both; width:920px; height:auto; margin:0 auto;}
.charmBox03 dt { width:920px; height:124px;}

.charmL { float:left; width:450px; height:auto;}
.charmR { float:right; width:450px; height:auto;}

.charmSbBox01 { width:450px; height:auto;}
.charmSbBox01 dt { width:485px; height:285px;}
.charmSbBox01 dd { background:url(/attending/hiking/images/charmSbBg01.gif) no-repeat; width:410px; height:99px; padding:5px 5px 0px 40px;}
.charmSbBox02 { overflow:hidden; width:450px; height:auto;}
.charmSbBox02 dt { float:left; width:285px; height:296px;}
.charmSbBox02 dd { float:right; background:url(/attending/hiking/images/charmSbBg02.jpg) no-repeat; width:155px; height:296px; padding-left:10px;}
.charmSbBox03 { overflow:hidden; width:450px; height:auto;}
.charmSbBox03 dt { float:right; width:285px; height:295px;}
.charmSbBox03 dd { float:left; background:url(/attending/hiking/images/charmSbBg03.jpg) no-repeat; width:155px; height:270px; padding:25px 10px 0 0;}
.charmSbBox04 { width:450px; height:auto;}
.charmSbBox04 dt { width:485px; height:285px;}
.charmSbBox04 dd { background:url(/attending/hiking/images/charmSbBg04.gif) no-repeat; width:405px; height:100px; padding:5px 0 0 45px;}
.charmSbBox01 dd,
.charmSbBox02 dd,
.charmSbBox03 dd,
.charmSbBox04 dd { font-size:14px;}
.charmSbBox01 dd p,
.charmSbBox02 dd p,
.charmSbBox03 dd p,
.charmSbBox04 dd p { font-size:16px; font-weight:bold; color:#61b301;}
.charmSbBox01 dd p span,
.charmSbBox02 dd p span,
.charmSbBox03 dd p span,
.charmSbBox04 dd p span { font-size:12px; font-weight:bold; color:#61b301;}

.bnBlk { background-color:#cbdcb7; width:960px; height:auto; margin-bottom:30px;}
.bnBlk ul { overflow:hidden; width:900px; height:auto; margin:20px auto 0; padding-bottom:20px;}
.bnBlk ul .btn { width:435px; height:115px;}


/*--おすすめ特集--*/
.wrapper{
    margin: 60px 0;
}

.recommend {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recommend li {
    margin-bottom: 25px;
}

.sec-title {
    margin-bottom: 25px;
    text-align: center;
    
}

/*a:hover img.hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

a.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}*/

.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

/*--おすすめ特集--*/

/*おすすめ特集*/
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
	margin-top: 50px;
}

#SlideBanner {
	width: 910px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 194px;
}

.bannerCassette_content p {
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word;
}

.bannerCassette_content p.bannerImg {
	width: 194px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/attending/hiking/images/arrow.png) !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/attending/hiking/images/arrow.png) !important;
	transform: scale(-1, 1); /* 左右反転 */
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 5px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 5px;
}

.banner {
	margin-top: 10px;
}

.banner a:hover {
	opacity: 0.7;
}

/*start_リニューアル2021対応*/
:where(.contents) *,
:where(.contents)::after,
:where(.contents)::before {
  box-sizing: content-box;
}

:where(.contents) img {
  width: auto;
}
.contents {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino kaku Gothic ProN", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif !important;
	letter-spacing: 0;
	width:960px;
	margin:0 auto;
}
.meyasu_i img{
	width:100%;
}
.contents a{
	color: #1d3994;
}
.contents a:hover{
	color: #ff9933;
    text-decoration: underline;
}