@charset "UTF-8";
/*
-------- ふみやクライミングの予約語.css --------

*/

.bg_gray{
	background: #F5F5F5;
	}
.bg_white{
	background: #FFFF;
	}

section.rayout2column,
section.rayout3column,
section.rayout4column{
	max-width: 960px;
	margin: 40px auto!important;
	width: 100%!important;
	}
section.rayout2column .fdt_innner .fdt_ul_text,
section.rayout3column .fdt_innner .fdt_ul_text,
section.rayout4column .fdt_innner .fdt_ul_text{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%!important;
	}

section.rayout2column .fdt_innner .fdt_ul_text li,
section.rayout3column .fdt_innner .fdt_ul_text li,
section.rayout4column .fdt_innner .fdt_ul_text li{
	margin: 0;
	padding: 0;
	}
section.rayout2column .fdt_innner .fdt_ul_text li:before,
section.rayout3column .fdt_innner .fdt_ul_text li:before,
section.rayout4column .fdt_innner .fdt_ul_text li:before{
	content: none;
	}

section.rayout2column .fdt_innner .fdt_ul_text > li{
	width: calc((100% - 20px) / 2);
	}
section.rayout3column .fdt_innner .fdt_ul_text > li{
	width: calc((100% - 40px) / 3);
	}
section.rayout4column .fdt_innner .fdt_ul_text > li{
	width: calc((100% - 60px) / 4);
	}

section.rayout3column .fdt_innner div.tex{
	width: 100%;
	text-align: center;
	}
section.rayout3column .fdt_innner .fdt_ul_img img{
	width: 200px;
	}

section.mainvis .fdt_ul_img{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
	}
section.mainvis .fdt_ul_img li{
	margin: 0;
	padding: 0;
	}
section.mainvis .fdt_ul_img li:nth-child(1){
	width: calc(100% - 220px);
	}
section.mainvis .fdt_ul_img li:nth-child(2){
	width: 200px;
	}


@media (max-width: 768px) {

section.rayout2column .fdt_innner .fdt_ul_text,
section.rayout3column .fdt_innner .fdt_ul_text,
section.rayout4column .fdt_innner .fdt_ul_text{
	display: block;
	}

section.rayout2column .fdt_innner .fdt_ul_text > li,
section.rayout3column .fdt_innner .fdt_ul_text > li,
section.rayout4column .fdt_innner .fdt_ul_text > li{
	width: auto;
	}