.sumimaru { border-radius : 1vh; }

.keywords{ margin : 0 10px; padding : 0em 10px; border-radius : 6px; font-size : calc( 1 * ( 0.8vw + 1.3vh ) );}

.bg-coop { background-color : #ffffff; }
.borderline-coop { border : 1px solid #2b2b2b; }

.bg-lime { background-color : lime; }
.bg-aqua { background-color : aqua; }
.bg-lightskyblue { background-color : lightskyblue; }
.bg-honeydew { background-color : honeydew; }
.bg- { background-color : azure; }
.bg-red { background-color : red; }
.bg-yellow { background-color : yellow; }
.bg-pink { background-color : pink; }
.bg-darkgray { background-color : darkgray; }

.itemize{ display:inline-block; width : 7em; text-align : left; padding-right : 10px; }
.itemize_right{ display:inline-block; width : calc( 100% - 7em - 20px ); text-align : left; }

.fusen-color {

	background-color : lightyellow; 
	border : 1px solid khaki;
	box-shadow: 2px 3px 4px gray;

}

#news-area {

	width : 90% ; min-height : 20vh; 
	margin : 0% auto; padding : 0% 2vw;

	border: 1px solid #2b2b2b;
	border-left : none;
	border-right : none;

}

#banner-area {

	width : 100% ; 
	margin : 0% auto; padding : 0% 0vw;

}


#frame{

	margin : 3% 0 ;
	padding : 2% 2%;
	/*border : 3px solid #29cccc;*/
	border : 3px solid #2b2b2b;

}

#tour-date-box {}

.banner-tile {

	position : relative;

	display : inline-block;

	width : 48%;
	height : 15vh;
	margin : 0.8%;

	border : 1px solid #2b2b2b;
	border-radius : 1vh;

	box-shadow: 2px 3px 4px gray;

}

.banner-square {

	position : relative;

	display : inline-block;

	width : 31.5%;
	height : 30vh;
	margin : 0.8%;

	border: 1px solid #2b2b2b;
	border-radius : 1vh;

	box-shadow: 2px 3px 4px gray;

}

.banner-wide {

	position : relative;

	display : inline-block;

	width : 98%;
	height : 30vh;
	margin : 0.8%;

	border: 1px solid #2b2b2b;
	border-radius : 1vh;

	box-shadow: 2px 3px 4px gray;

}

.products-photo-text-box {
	width : 100%

	margin : 5% 0%;
	padding : 0% 0%;

}

.products-photo-box {

	display : inline-block;

	width : 50%; 

	margin : 0; padding : 0;

}

.products-photo-box img{
	width : 100%;
	object-fit: contain;

	border-radius : 1vh;
	box-shadow: 2px 3px 4px gray;

}

.products-spec-box { 

	display : inline-block;
	vertical-align : top; 

	width : 45%;

	padding-left : 2%;
	padding-right : 2%;

}

.products-text-box { 

	width : 96%;

	padding-left : 2%;
	padding-right : 2%;

}

.rental-box {

	display : inline-block; 

	width : 30%; height : 50%; 

	margin : 1%; 

	text-align : center;

}

.rental-photo-box {

	display : inline-block;

	width : 90%; 
	height : 280px;

	margin : 1% 5%; padding : 0;

	text-align : center;

}

.rental-photo-box img{

	width : 100%;
	height : 100%;
	object-fit: cover;

	border-radius : 1vh;

}

.tour-set{}


.tour-box{

	display : inline-block;

	width : 31vw; height : 15vw;
}

.tour-date-box{

	position : relative; 

	display : inline-block; 
	vertical-align : top;
	
	width : 15vw; height : 15vw; 

}

.tour-month{

	position : absolute; 
	
	top : -15%; left : 0; 
	width : 9vw; height : 9vw; 

	text-align : left; 
	
	font-size : 8vw; font-family : Times New Roman, serif;

}

.tour-day{

	position : absolute; 
	
	bottom : 6%; right : 0; 
	width : 9vw; height : 9vw; 

	text-align : right; 
	
	font-size : 8vw; font-family : Times New Roman, serif;

}

.tour-youbi{

	position : absolute; 
	
	top : -2vw; right : 0; 
	width : 5vw; height : 5vw; 

	text-align : center; 
	
	font-size : 3.5vw; 
	font-family : Times New Roman, serif;

}

.tour-text-box{

	display : inline-block; 
	vertical-align : top;

	width : calc( 100% - 32vw - 2vw ) ; min-height : 15vw;

	padding-left : 2vw
}

.tour-photo-box{

	position : relative;

	display : inline-block;
	vertical-align : top;

	width : 15vw; height : 15vw; 

	box-shadow: 2px 3px 4px gray;

}

.tour-photo-box img{

	width : 100%; 
	height : 100%;

	object-fit: cover;

}

.tour-previous {

	display : inline-block; 

	width : 25%; height :  200px;

	vertical-align : top; 

	margin : 2%; padding : 2%;

	overflow: auto;

}



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

	.banner-tile { height : 18vh; }

	.banner-square { width : 98%; height : 12vh; }

	.banner-wide { width : 98%; height : 20vh; }

	.products-photo-text-box { width : 90%; margin : 0% 5%; }

	.products-photo-box {display : inline-block; width : 100%; height : 48vw;}

	.products-spec-box { width : 100%; padding : 0;}

	.rental-box { width : 45%; }

	.tour-box{

		display : inline-block;

		width : 15vh; height : 30vh;
	}

	.tour-date-box{ width : 15vh; height : 15vh; }

	.tour-month{
	
		top : -15%; left : 0; 
		width : 9vh; height : 9vh; 
	
		font-size : 8vh; font-family : Times New Roman, serif;

	}

	.tour-day{

		position : absolute; 
	
		bottom : 6%; right : 0; 
		width : 9vh; height : 9vh; 
	
		font-size : 8vh; font-family : Times New Roman, serif;

	}

	.tour-youbi{

		position : absolute; 
	
		top : -2vh; right : 0; 
		width : 5vh; height : 5vh; 
	
		font-size : 3.5vh;

	}

	.tour-text-box{ width : calc( 100% - 16vh - 2vw ); min-height : 30vh;}

	.tour-photo-box{ width : 15vh; height : 15vh; }

	.tour-previous { width : 40%; height :  250px; 	}


}