@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&family=Noto+Serif+JP:wght@900&display=swap');


#photo article	{background-color: none;
	background-image: none;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	border: none;	
	padding: 15px 0 15px 0;
	overflow: hidden;
}

/* ハコ blueのみ変更済み 同様にしたければ、他の色も同じに */


.box	{
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	border: solid 0px;
}



.boxred	{background-color: #e3acae;
	margin: 3px 3% 3px 3%;
	float: left;
	width: 44%;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 230px;
}

.boxred:hover {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	background: #f5cecf;
}

.boxgreen	{
	background-color: #a3d6cc;
	margin: 3px 3% 3px 3%;
	float: left;
	width: 44%;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 230px;
}

.boxgreen:hover {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	background: #b4eadd;
}

.boxblue_photo	{
	background-color: #bbdbf3;
	margin: 3px 3% 3px 3%;
	float: left;
	width: 44%;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 230px;
}

.boxblue_photo:hover {
	height: 1000%;
}


.boxyellow	{
	background-color: #fff3b8;
	margin: 3px 3% 3px 3%;
	float: left;
	width: 44%;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 230px;
}

.boxyellow:hover {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	background: #ffffb7;
}

.boxgrape	{
	background-color: #d1bada;
	margin: 3px 3% 3px 3%;
	float: left;
	width: 44%;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 230px;
}

.boxgrape:hover {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	background: #e0c1ff;
}

.boxmarron	{
	background-color: #e6bfb2;
	margin: 3px 3% 3px 3%;
	float: left;
	width: 44%;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 230px;
}
.boxmarron:hover {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	background: #e8d3ca;
}



.boxs	{background-color: #ffffff;
	margin: 18px 18px 10px 18px;
	padding: 10px;
	width: auto;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	height: 140px;
	font-family: 'Times New Roman','メイリオ','Hiragino Mincho Pro',sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	overflow-y: scroll;
}

.boxs:hover {
	background-color: #f0f0f0;
}


.box1column	{
	border: solid 1px #aaaaaa;
	background-color: #ffffffEE;
	margin: 10px 30px 10px 30px;
	padding: 15px;
	width: auto;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
	box-shadow: 1px 1px 3px #aaaaaa;
	font-family: 'Times New Roman','メイリオ','Hiragino Mincho Pro',sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	overflow: hidden;
}


.box2column	{
	background-color: #ffffff00;
	margin: 10px 10px 10px 10px;
	float: left;
	padding: 0px;
	width: 46%;
	text-decoration: none;
	font-family: 'Times New Roman','メイリオ','Hiragino Mincho Pro',sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	overflow: hidden;
border: solid 0px blue;
}

.boxneutral	{
	border: solid 0px #aaaaaa;
	margin: 0;
	padding:0;
	width: auto;
	text-decoration: none;

	font-size: 12px;
	color: #000000;
	text-align: left;
	overflow: hidden;

}

.boxaccess	{
	/*background-image: linear-gradient(to top left, #034e86 0%, white 5%, white 95%, #034e86 100%);*/
	background-color: #ffffff;
	font-family: 'Times New Roman','メイリオ','Hiragino Mincho Pro',sans-serif;
	margin: 0;
	padding:0;
	width: auto;
	min-width: 800px;
	text-decoration: none;
	font-size: 14px;
	color: #000000;
	text-align: center;
	overflow: hidden;
	border: solid 0px #034e86;
}

.boxaccess2column	{
	background-color: #ffffff00;
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 0px;
	width: 46%;
	min-width: 390px;
	text-decoration: none;
	font-family: 'Times New Roman','メイリオ','Hiragino Mincho Pro',sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	overflow: hidden;
border: solid 0px blue;
}




/* 【767以下の時】 */
@media(max-width: 767px){


/* 1列に */

.boxred	{width: 100%;
	height: auto;
	margin: 3px 0 3px 0;	
}

.boxgreen	{width: 100%;
	height: auto;
	margin: 3px 0 3px 0;	

}
.boxblue_photo	{width: 100%;
	height: auto;
	margin: 3px 0 3px 0;	
}

.boxyellow	{width: 100%;
	height: auto;
	margin: 3px 0 3px 0;	
}

.boxgrape	{width: 100%;
	height: auto;
	margin: 3px 0 3px 0;	
}

.boxmarron	{width: 100%;
	height: auto;
	margin: 3px 0 3px 0;	
}

.boxs	{height: auto;	
	overflow-y: hidden;
}

.box1column	{
	margin: 3px 0 3px 0;	
}

.box2column	{
	width: 100%;

}

.boxaccess	{
	width: 100%;
	min-width: 0px;
}


.boxaccess2column
	{width: 100%;
}

}