@charset 'uft-8';

@media screen and (max-width : 768px) {
	.fixed_container,
	.sidebar .popular_tags .tab_content,
	.sidebar .ranking .tab_content li,
	.bottom_nav .popular {
		box-sizing: border-box;
	}
	.visual{
		min-width: 320px;
	}
	.visual_info{
		margin-top: 0;
		padding: 20px;
	}
	.visual_info_ttl{
		margin:20px 0 15px 0;
	}
    .visual_info_ttl h1 {
        font-size: 18px;
		line-height: 1.5;
    }
    .visual_info_ttl h1 strong { 
		font-size: 24px; letter-spacing: -1px; 
	}	
	.visual_info_ttl2{
		margin:10px 0 10px 0;
	}
    .visual_info_ttl2 h1 {
        font-size: 16px;
    }
    .visual_info_ttl2 h1 strong { 
		font-size: 20px; letter-spacing: -1px; 
	}	
	.visual_info_btm{
	padding-top: 0;
}
.visual_info_btm2{
	padding: 10px 0 10px 0;
}
	
	.visual_info_update{
		font-size: 13px;
	}
.visual_info_update2{
	padding: 0;
	font-size: 13px;
}
	
.visual_info_label{
	margin: 0 0 1px 0;
	width: calc(100% - 200px);
}

.visual_info_label span {
  padding: 8px 16px;
	font-size: 13px;
  line-height: 1;
}

.visual_info_label strong{
	font-weight: bold;
}
	
	.visual_info_sns{
		width: 76px;
	}
	.visual_info_sns .twitter{
		margin-right: 0;
	}
	
	
	.trip_detail{
		padding: 0 0 20px 0;
	}
	.trip_section-full{
		min-width: 320px;
	}
	.trip_section_ttl{
		margin-bottom: 16px;
		font-size: 22px;
		line-height: 30px;
	}
	.trip_section_ttl2{
		margin-bottom: 14px;
		font-size: 22px;
		line-height: 30px;
	}
.trip_section_ttl3{
	padding: 20px 0;
	font-size: 18px;
}
	.trip_section_txt{
		font-size: 16px;
		line-height: 28px;
	}
	.trip_section_img{
		padding: 30px 0;
	}
	.trip_section-full .trip_section_img{
		padding: 0;
	}
	
	.trip_scene_ttl{
		margin-bottom: 40px;
	}
	.trip_scene_ttl span{
	border-bottom: solid 3px #2eb7ae;
		padding-bottom:12px;
		padding-left: 0;
		font-size: 18px;
		line-height: 30px;
	}
	.trip_scene_ttl span .only_sp{
		display: inline-block !important;
	}
	.trip_scene_item{
		margin-bottom: 50px;
	}
	.trip_scene_item.smb20{
		margin-bottom: 20px;
	}
	.trip_scene_item.smb30{
		margin-bottom: 30px;
	}
	.trip_scene_item.smb0{
		margin-bottom: 0px;
	}
	.trip_scene_item:last-child{
		margin-bottom: 0;
	}
	.trip_scene_item_img + .trip_scene_item_img{
		padding-top: 18px;
	}
	
	.mapimg {
	width: 100%;
	margin: 0 auto;
}
	
	.trip_scene_item_txt{
		padding-top: 20px;
		font-size: 16px;
		line-height: 28px;
	}
	.trip_scene_item_txt.spt0{
		padding-top: 0px;
	}

	.trip_scene_item h4{
	  font-size: 14px;
		line-height: 1.4;
		margin: 20px 0 20px;
	}
	.trip_scene_item h4 strong {
  	font-size: 20px;
	}
.trip_scene_item .h4_ttl {
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 1.5 !important;
	text-align: left !important;
	margin: 16px 0 14px;
	padding-left: 13px;
	border-left: 4px solid #2eb7ae;
}
	
	
	.trip_scene_item h5{
	  font-size: 16px;
	}
	
.trip_scene_ttl02 {
	font-size: 20px;
}
	
.trip_scene_ttl03 {
	font-size: 18px;
}
	
/*----------------------
trip_scene_daybtn
-----------------------*/
.trip_scene_daybtn {
	margin:0 20px 0 0;
}
.trip_scene_daybtn_ttl{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
}
.trip_scene_daybtnBox {
	margin:0 10px 0 0;
}

.trip_scene_daybtnBox:nth-child(3n) {
	margin-right:-20px;
}

.trip_scene_daybtnBox a {
	padding-top: 15px;
	font-size:11px;
	line-height:1.4;
	height: 64px;
}

.trip_scene_daybtnBox a strong {
	font-size:14px;
}
	
	/*----------------------
	trip_scene_twocols
	-----------------------*/

	.trip_scene_twocols {
		margin:18px 0 0 0;
	}

	.trip_scene_twocolsBox {
		float: none;
		margin:0 0 40px 0;
		width:100%;
	}
	.trip_scene_twocolsBox:nth-child(2n) {
		margin-right:-40px;
	}

	.trip_scene_twocolsBox img {
		margin:0 0 16px;
	}

	.trip_scene_twocolsBox p {
		font-size:14px;
	}
	
/*----------------------
trip_pointBox
-----------------------*/

.trip_pointBox{
	padding: 30px 16px;
	margin-bottom: 30px;
}

.trip_pointBox.smb0{
	margin-bottom: 0px;
}
	
.trip_pointBox_item_ttl{
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 1.4;
	}
	
.trip_pointBox_item_ttl2{
	margin:10px 0 20px 0;
		font-size: 18px;
		line-height: 1.4;
	text-align: left;
	}
.trip_pointBox_item_ttl3{
	margin:50px 0 20px 0;
	font-size: 16px;
	line-height: 24px;
}	
	
.trip_pointBox_item_ttl4{
	margin:10px 0 20px 0;
		font-size: 18px;
		line-height: 1.4;
	}
.trip_pointBox_item_ttl5{
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 1.4;
	}
	
.trip_pointBox_item_label {
	margin: 0 0 5% 0;
}
.trip_pointBox_item_label span {
	padding: 2% 3%;
	font-size: 14px;
	line-height: 24px;	
}
.trip_scene_item_img + .trip_scene_item_img{
	padding-top: 18px;
}
	
.trip_pointBox_item_txt{
	padding-top: 20px;
	font-size: 14px;
	line-height: 24px;
}
	
.trip_pointBox_item_txt02{
	padding-top: 0px;
	font-size: 16px;
	line-height: 24px;
}
	
/*----------------------
trip_pointBox_twocols
-----------------------*/
	
	.trip_pointBox_twocols {
		margin:18px 0 0 0;
	}

	.trip_pointBox_twocolsBox {
		float:none;
		margin:0 0 0 0;
		padding-bottom: 40px;
		width:100%;
	}

	.trip_pointBox_twocolsBox.smb10 {
		padding-bottom: 10px;
	}	
	.trip_pointBox_twocolsBox:nth-child(2n) {
		margin-right:0;
	}
	
.trip_pointBox_twocolsBox:last-child {
	padding-bottom: 0px; 
  }

	.trip_pointBox_twocolsBox img {
		margin:0 0 16px;
	}
	.trip_pointBox_twocolsBox p.spb22{
	padding-bottom: 22px;
}
	.trip_pointBox_twocolsBox p.trip_pointBoxText_titleName {
		margin-top:0;
		font-size:16px;
		line-height:1.5;

	}

.trip_pointBox_twocolsBox p.trip_pointBoxText_titleName .name {
	font-size:18px;
}
	
/*----------------------
trip_pointBox_itemcols
-----------------------*/
	
	.trip_pointBox_itemcols {
		margin:18px 0 0 0;
	}

	.trip_pointBox_itemcolsBox {
		margin:0 5% 0 0;
		padding-bottom: 30px;
		width:30%;
	}

.trip_pointBox_itemcolsBox:nth-child(3n) {
	margin-right:-10%;
}

.trip_pointBox_itemcolsBox:nth-child(5n) {
	margin-right:5%;
}
	

.trip_pointBox_itemcolsBox:last-child,.trip_pointBox_itemcolsBox:nth-last-child(3):nth-child(odd) {
	margin-bottom: 0px; 
  }
	
.trip_pointBox_itemcolsBox:last-child {
	padding-bottom: 0px; 
  }

	.trip_pointBox_itemcolsBox img {
		margin:0 0 10px;
	}
		
	.trip_section_sns a{
		padding: 0 10px 0 50px;
		background-position: 10px center;
		font-size: 17px;
	}
	.trip_attention{
		padding-top: 20px;
		line-height: 20px;
	}
	.trip_attention ul li{
		margin-left: 1em;
		text-indent: -1em;
		padding-bottom: 8px;
	}
	.trip_btmBtn a{
		width: 100%;
		font-size: 14px;
		line-height: 48px;
		background-size: 21px auto;
		background-position: 21px center;
	}
	.trip_btmnext a{
		width: 90%;
		padding: 16px 0;
		font-size: 16px;
		line-height: 22px;
		background-size: 21px auto;
		background-position: 95% center;
	}

/* ------------------------------------------------------------------------------------------
*
    .section_vanlife
*
------------------------------------------------------------------------------------------ */

.section_vanlife {
    margin: 0 0 40px 0;
}

.section_vanlife img{
    width: 100%;
    height: auto;
}
	
	
	.trip p.linkbtn a {
		width:100%;
		font-size:16px;
	}
	
	
/*----------------------
トーク
-----------------------*/
	
.talk_multi {
margin:0 0 10px 0;
}
.talk_multi:last-child{
margin-bottom: 0;
}
.btm_talk + .talk_multi{
margin-top: 28px;
}
.talk_multi.top_short{
margin-top: 34px;
}
.talk_multi.top_small{
margin-top: 0;
}
.talk_multi.btm_long{
margin-bottom: 45px;
}
.talk_multi.btm_short{
margin-bottom: 40px;
}
.talk_multi.oneimg_after{
margin-top: 0;
}
.talk_multi .talk_inner{
width: 100%;
}
.talk_multi .talk_inner .imgArea{
width: 13.995%;
z-index: 2;
}
.talk_multi.talk01 .talk_inner .imgArea {
margin:0 0 -25px 17px;
}
.talk_multi.talk02 .talk_inner .imgArea {
margin:0 18px -30px 0;
}
.talk_multi .talk_inner .talkArea{
width: 100%;
}
.talk_multi .talk_inner .txt{
padding: 36px 18px 33px 17px;
font-size: 16px;
line-height: 28px;
font-weight: 400;
border-radius: 15px;
}
	
.talk_multi .talk_inner .txt strong strong {
		font-size:16px;
	}

.talk_multi.talk01 .talk_inner .txt::before,
.talk_multi.talk02 .talk_inner .txt::before{
content:none;
}
.talk_multi.talk02 .talk_inner{
margin-left: 0;
}
	
/*----------------------
trip_scene_item_Check
-----------------------*/

.trip_scene_item_Check {
	padding: 25px 20px;
	margin: 30px 0;
}

	/*----------------------
	.campSlide
	-----------------------*/
	.campSlide {
		margin:0 auto;
		padding-bottom: 20px;
		width:100%;
		max-width:100%;
	}

	.campSlide h3 {
		margin-bottom:15px;
		font-size:20px;
		line-height:28px;
	}

.campSlide p {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 30px 0;
    text-align: left;
}

.campSlide p strong {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align:left;
}
	

.slick-prev
{
    left:10%!important;
}

.slick-next
{
    right:8%!important;
}

.slick-prev,
.slick-next
{
    bottom: -28px;
}

.slick-dots
{
    bottom: -20px;
}

.slick-dots li
{
    width: 16px;
}

.slick-dots li button:before
{
    margin-top: 12px;
}
	
.trip .caption {
	padding-top: 10px;
	font-size:12px;
	line-height:1.6;
}


	
}