@charset "utf-8";

/*-----------------------------------
IZAWA TOWEL CSS layout.css
------------------------------------*/

.caution{
	display:inline-block;
	width:100%;
	font-size:12px;
	}
.wrap-block{
	padding-top:70px;
	margin-top:-70px;
	}


/*-----------------------------------
.left-vis , right-vis
------------------------------------*/


ul.left-vis,
ul.right-vis{
	letter-spacing: -0.4em;
	margin:40px 0 80px 0; padding:0;
	}
ul.left-vis li,
ul.right-vis li{
	letter-spacing: normal;
	display: inline-block;
	margin:0 20px 0 0;
	padding:0;
	vertical-align: top;
	text-align: left;
	}
ul.left-vis li:nth-child(2n),
ul.right-vis li:nth-child(2n){
	margin-right:0;
	}

ul.left-vis li img,
ul.right-vis li img{
	max-width: 100%;
	}
ul.left-vis li.image,
ul.right-vis li.image{width:300px;}

ul.left-vis li.tex,
ul.right-vis li.tex{width:calc(100% - 320px);}

@media screen and (max-width: 786px){

ul.left-vis li.image,
ul.right-vis li.image,
ul.left-vis li.tex,
ul.right-vis li.tex{
	width:calc(100% - 20px);
	margin-right:0;
	margin-bottom:20px;
	text-align: center;
	}


}


/*-----------------------------------
.side-by-side
------------------------------------*/

ul.side-by-side{
	letter-spacing: -0.4em;
	margin:20px; padding:0;
	}
ul.side-by-side li{
	letter-spacing: normal;
	display: inline-block;
	width:calc((100% - 80px) / 3);
	margin:0 40px 0 0;
	padding:0;
	vertical-align: top;
	}

ul.side-by-side li:nth-child(3n){
	margin-right:0;	
	}
ul.side-by-side li img{
	display:block;
	margin:20px auto;
	width:100%;
	}
ul.side-by-side li strong{
    padding-bottom: 10px;
    display: inline-block;
	}
ul.side-by-side li p{
	border-top:1px solid #eee;
	padding-bottom:20px;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	text-align: left;
	font-size:13px;
	}

@media screen and (max-width: 786px){
ul.side-by-side{
	width:100%;
	margin:20px auto;
	}
ul.side-by-side li{
	width:100%;
	margin-right:0;
	margin-bottom:20px;
	text-align: center;
	}	
}