/******* 365px 以下*******/

@media(max-width: 365px){

body {
	font-family: "ＭＳ　Ｐゴシック", "MS PGothic";
}

.box1{
	height: auto;
	background-color: #9cf5b0;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.box1 h1{
	font-size: 17px;
	letter-spacing : 1px;
	line-height : 20px;
	//text-align: center;
	//vertical-align: central;
	//vertical-align: middle;
}

/*****************************
.box100{
	height: auto;
	background-color: #9cf5b0;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	letter-spacing : 1px;
	line-height : 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
****************************/

.box100{
	height: auto;
	background-color: #9cf5b0;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	letter-spacing : 1px;
	line-height : 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.boxA:after{
	//content: "boxA";
	display: block;
	clear: both;
}


.boxB{
	//float: right;
	//width: 536px;
	//height: 2145px;
	background-color: #f8fcdc;
	//content: "boxB";
}


.box3{
	height: 150px;  //changed 2021-11-21
	background-color: #edfcaf;
	//border:solid 1px red;
}

.box3 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box3 li a{
	//display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}

.box3 li{
	float: left;
	width: auto
}

.box7{
	background-color: #f8fcdc;
	//background-color: #edfcaf;
	font-size : 12px;
	line-height : 20px;
	letter-spacing : 1px;
	text-decoration: none;
}

.box7 img{
	max-width : 100%;
	height : auto;
}

.box4{
	background-color: #edfcaf;
	font-size : 12px;
	line-height : 20px;
	letter-spacing : 1px;
	text-decoration: none;
}

.box4 h2{
	font-size: 14px;
}

.box4 p{
	letter-spacing : 1px;
}

.box4 img{
	max-width : 100%;
	height : auto;
}

.box4 ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.box40{
	height:5px;
}

.box41{
  	font-size : 12px;
  	line-height : 18px;
  	letter-spacing : 1px;
	text-decoration: none;
	width: auto;
	height:200px;
	overflow-y:scroll;
	text-align: left;
	margin-left: 3px;
}

.box42{
	height:10px;
}

.box5{
	font-size: 14px;
	text-align: right;
	letter-spacing : 1px;
}

.box6{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.box2{
	//float: right;
	//width: 210px;
	font-size : 13px;
	line-height : 23px;
	letter-spacing : 1px;
	text-decoration: none;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	//content: "box2";
}

.box2 ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.box2 li {
	display: block;
}

.box10{
	//height: 90px;
	height: 10px;  //changed 2020-06-13
	//background-color: #60ff80;
	background-color: #edfcaf;
	//border:solid 1px red;
}

.box10 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box10 li a{
	//display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}

.box10 li{
	float: left;
	width: auto
}

.box11{
	height: 80px;
	font-size: 12px;
	//text-align: center;
	padding-top: 5px;
	//border:solid 1px red;
}

.box11 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box11 li a{
	display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}

.box12{
	height: 25px;
	text-align: left;
	font-size: 12px;
	//border:solid 1px red;
}

.copyright{
	font-size: 12px;
}

.att{
	font-weight: bold;
}

.red{
	color: red;
}

.box1, .box100, .box10, .box11, .box12{
	width: auto;
//	margin-left: auto;
//	margin-right: auto;	
}
}		


/******* 366px以上 749px以下*******/

@media(min-width: 366px) and (max-width: 749px){

body {
	font-family: "ＭＳ　Ｐゴシック", "MS PGothic";
}

.box1{
	height: auto;
	background-color: #9cf5b0;
	text-align: left;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
}

.box1 h1{
	font-size: 17px;
	letter-spacing : 1px;
	line-height : 20px;
	//text-align: center;
	//vertical-align: central;
	//vertical-align: middle;
}

.box100{
	height: auto;
	background-color: #9cf5b0;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	letter-spacing : 1px;
	line-height : 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.boxA:after{
	//content: "boxA";
	display: block;
	clear: both;
}


.boxB{
	//float: right;
	//width: 536px;
	//height: 2145px;
	background-color: #f8fcdc;
	//content: "boxB";
}


.box3{
	height: 115px;  //changed 2021-11-21
	background-color: #edfcaf;
	//border:solid 1px red;
}

.box3 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box3 li a{
	//display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}

.box3 li{
	float: left;
	width: auto
}

.box7{
	background-color: #f8fcdc;
	//background-color: #edfcaf;
	font-size : 12px;
	line-height : 20px;
	letter-spacing : 1px;
	text-decoration: none;
}

.box7 img{
	max-width : 100%;
	height : auto;
}

.box4{
	background-color: #edfcaf;
	font-size : 12px;
	line-height : 20px;
	letter-spacing : 1px;
	text-decoration: none;
}

.box4 h2{
	font-size: 14px;
}

.box4 p{
	letter-spacing : 1px;
}

.box4 img{
	max-width : 100%;
	height : auto;
}

.box4 ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.box40{
	height:5px;
}

.box41{
  	font-size : 12px;
  	line-height : 18px;
  	letter-spacing : 1px;
	text-decoration: none;
	width: auto;
	height:200px;
	overflow-y:scroll;
	text-align: left;
	margin-left: 3px;
}

.box42{
	height:10px;
}

.box5{
	font-size: 14px;
	text-align: right;
	letter-spacing : 1px;
}

.box6{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.box2{
	//float: right;
	//width: 210px;
	font-size : 13px;
	line-height : 23px;
	letter-spacing : 1px;
	text-decoration: none;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	//content: "box2";
}

.box2 ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.box2 li {
	display: block;
}

.box10{
	//height: 60px;
	height: 10px;  //changed 2020-06-13
	//background-color: #60ff80;
	background-color: #edfcaf;
	//border:solid 1px red;
}

.box10 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box10 li a{
	//display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}

.box10 li{
	float: left;
	width: auto
}

.box11{
	height: 80px;
	font-size: 12px;
	//text-align: center;
	padding-top: 5px;
	//border:solid 1px red;
}

.box11 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box11 li a{
	display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}

.box12{
	height: 25px;
	text-align: left;
	font-size: 12px;
	//border:solid 1px red;
}

.copyright{
	font-size: 12px;
}

.att{
	font-weight: bold;
}

.red{
	color: red;
}

.box1, .box100, .box10, .box11, .box12{
	width: auto;
//	margin-left: auto;
//	margin-right: auto;	
}
}	


/******* 750px 以上*******/

@media(min-width: 750px){

body {
	font-family: "ＭＳ　Ｐゴシック", "MS PGothic";
}

.box1{
	height: 50px;
	background-color: #9cf5b0;
	font-size: 20px;
	letter-spacing : 1px;
	line-height : 50px;
	text-align: center;
	vertical-align: central;
}

.box100{
	//height: 17px;
	height: 40px;
	line-height : 20px;
	background-color: #9cf5b0;
	font-size: 15px;
	//letter-spacing : 1px;
	//text-align: center;
	text-align: left;
	padding-bottom: 10px;
	vertical-align: central;
}

.boxA:after{
	content: "";
	display: block;
	clear: both;
}

.boxB{
	float: right;
	width: 536px;
	//height: 2100px;
	background-color: #f8fcdc;
}

.box3{
	height: 90px;  //changed 2021-11-21
	width: 536px;
	background-color: #edfcaf;
}

.box3 ul{
	margin: 0;
	padding: 0px;
	list-style: none
}

.box3 li a{
	display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}

.box3 li{
	float: left;
	width: auto
}

.box7{
	width: 536px;
	height: auto;
	background-color: #f8fcdc;
	font-size : 13px;
	line-height : 22px;
	letter-spacing : 1px;
	text-decoration: none;
}

.box4 h2{
	font-size: 16px;
}

.box4 p{
	font-size : 14px;
	line-height : 20px;
	letter-spacing : 1px;
}

.box5{
	font-size: 14px;
	text-align: right;
	letter-spacing : 1px;
}

.box6{
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}

.box2{
	float: right;
	width: 210px;
	font-size : 13px;
	line-height : 23px;
	letter-spacing : 1px;
	text-decoration: none;
}

.box2 ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.box2 li {
	display: block;
}

.box10{
	//height: 25px;
	height: 10px; //chaned 2020-06-13
}

.box10 ul{
	margin: 0;
	padding-left: 100px;
	list-style: none
}

.box10 li a{
	display: block;
	//padding-top:　0px;
	padding-right: 5px;
	//padding-left: 10px;
	//padding-bottom: 0px;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}

.box10 li{  /** リスト横表示　**/
	float: left;
	width: auto
}

.box11{
	height: 25px;
	font-size: 14px;
	padding-top: 0px;
}

.box11 ul{
	//margin-left: auto;
	//margin-right: auto;
	padding-left: 170px;
	//padding-right: auto;
	list-style: none
}

.box11 li a{ 
	padding-right: 10px;
	text-decoration: none;
}

.box11 li{  /** リスト横表示　**/
	float: left;
	width: auto
}

.box12{
	height: 25px;
	font-size: 14px;
	text-align: center;
}

.copyright{
	font-size: 14px;
}

.att{
	font-weight: bold;
}

.red{
	color: red;
}

.right{
	text-align: right;
}
/*
.center{
	text-align: center;
}
*/
.mini{
	font-size: 13px;
}	

.box1, .box100, .boxA, .box10, .box11, .box12{
	width: 750px;
	margin-left: auto;
	margin-right: auto;	
}
}