@charset "utf-8";
/* ==========================================================================
 * トラベルインフォ用CSS
 * for /japan-travel-planner/features/
 * for /japan-travel-planner/ideas/features/
 *Last modified 2020/9/25

========================================================================== */

.entry_summary_thumbs{
	margin-bottom:1rem!important;
}

.entry_summary_title{
	font-size:1rem!important;
}

.top_section{
	margin-bottom:4%;
}

.top_section .contentInner{
	padding:0 0.5px;
	margin-left:1%;
}

/*新features用*/
.v1-cardFeaturedColumn__title{
	margin:1.25rem 1rem 0;
}
.v1-cardFeaturedColumn__spot{
	margin-left:1rem; 
}
.v1-features__listItem{
	margin-bottom:4rem;
}
.v1-recommendationItinerariesList__icon{
	bottom:0;
	width:4em;
	height:.285em;
	margin-bottom: -0.5em;
}
/*新features用*/

@media screen and (max-width: 768px){
.top_section{
	margin-bottom:14%;
}
.top_section .contentInner{
	padding:0px;
}
}
.contentsGrid_4{
	margin: 30px auto 60px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.contentsGrid_4 .contentsGrid_item{
	margin-right:1%;
}
.contentsGrid_item.js-hidden{
	display: none;
}

@media screen and (min-width: 769px){
.contentsGrid_4 .contentsGrid_item{
	width: 24%;
	margin-bottom: 5%;
}
}

@media screen and (max-width: 768px){
.contentsGrid_4 .contentsGrid_item{
	width: 48%;
	margin-right:2%;
	margin-bottom: 10%;
}


}/* end max-width: 768px */

/* btn_viewMore
----------------------- */
.btn_viewMore{
	display: block;
	width: 320px;
	margin: 10px auto 0;
	padding: 10px 18px;
	color: #17399a;
	font-size: 1.5rem;
	text-align: center;
}
.btn_viewMore span{
	background-size: 21px;
}
@media screen and (max-width: 768px){
.btn_viewMore{
	width: 80%;
	max-width: 320px;
	margin: 10px auto 0;
	font-size: 1rem;
}
.btn_viewMore span{
	background-size: 10px 10px;
}

}/* end max-width: 768px */

.siteMenu .siteMenuMenu{
	padding: 0 0 80px;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}