@charset "utf-8";
  /*---PC用　ブレークポイント　600pxーーーーーー*/
body {
	max-width: 768px;
	line-height: 1.7;
	margin: 0px 0px 0px 0px;
	padding : 1px 1em 1px 2em;
	text-align : left;
}
h1{
	display:inline-block;
	font-size:1.5em;
	color : navy;
	padding:0px 0px 0px 1em;
}
/* ---------- li 全体のリンク-------------------------- */
ul li a{
    	display: block;
       	height: 100%;
    	width: 100%
}
/* --------------------------------------------------- */
.daikiti{
 	 font-size : 4em;
  	color : red;
}
.tyuukiti{
	font-size : 3em;
	color : lime;
}
.kiti{
  	font-size : 2.5em;
  	color : green;
}
.suekiti{
 	 font-size : 2em;
  	color : aqua;
}
.syoukiti{
  	font-size : 2em;
  	color : fuchsia;
}
.kyou{
  	font-size : 5em;
  	color : black;
}
.mugai{
 	font-size : 2em;
  	color : gray;
}

.td-L{
  text-align : center;
  width : 33%;
}
.td-r{
  text-align : left;
  padding :0px 0px 0px 20px;
  width : 33%;
}
.midasi{
	text-align: left;
	width : 97%;
	padding:0px 0px 0px 3%;
}
.midasi img {
		margin-left:10%
}
.head2{
  font-size : 3em;
  color : navy;
  text-align : center;
  margin-bottom : 2em;
}
.table-s-m{
  vertical-align : middle;
  text-align : center;
  padding :0px 0px 0px 15px;
  margin : 0px 0px 0px 5px;
}
.head3{
  font-size : 1.5em;
  color : navy;
  text-align : center;
  padding :0px 0px 0px 50px;
}
.tabl-waru{
  font-size : 1.1em;
  color : fuchsia;
  text-align : center;
  right : inherit;
  vertical-align : middle;
  background-color : black;
}
.waru-white{
  background-color : white;
}
.33l {
	width: 33%;
	text-align: center;
	float: left;
}
.33s {
	width: 95%;
	text-align: left;
	padding-left: 3%;
}
.r66 {
	text-align: left;
	float: right;
	width: 66%;
}
.hako {
	text-align:center;
	padding :0px 0px 0px 3%;
}
/*----------　ライン　--------------------------------------------------------*/
.hr100 {
	width: 100%;
	clear: both;
}
.hr-or {
	height: 2px;
	background-color: #FF9900;
	width: 100%;
	border: none;
	clear: both;
}
.hr-n{
	height: 1px;
	width: 100%;
	background-color: rgba(100, 255, 255,0);
	border: none;
	clear: both;
}
/*ーーーーー　ボタン　ーーー*/
.ul-omi{
	margin:0px 1em 0px 1em;
}
.ul-omi li{
	margin:0.5em 0.5em 0.5em 0.5em;
	padding:0.5em 0.5em 0.5em 2em;
	border:1px silver solid;
	border-radius:5px;
}
/*ーーーーーーカラム落ちーーーーー*/
.container {
	  	display: table;
	  	width: 100%;
}
.column_30 {
		display: table-cell;
	   	 width: 30%;
	    	margin: 0px 0px 0px 0px;
	    	padding: 1% 0px 0px 1%;
	    	float :left;
}
.column_30 img {
		 margin: auto;
		 display: block;
}
.column_l {
		display: table-cell;
	 	width: 48%;
	   	 margin: 0px 0px 0px 0px;
	    	padding: 1% 0px 0px 1%;
	    	float : left;
}

.column_r {
		display: table-cell;
	    width: 48%;
	    margin: 0px 0px 0px 0px;
	    padding: 1% 0px 0px 1%;
	    float : right;
}
@media screen and (max-width: 600px) {
/* ----------スマホ用　600px以下　-------- */
body {
	box-sizing:border-box;
	width:98%;	
	padding: 5px 10px 10px 5px;
	text-align : left;
}
.disp-nonn{
	    display:none;
	    clear : both;    
}
.midasi img {
		 margin: auto;
		 display: block;
}
 /*---カラム落ちーーーーーー*/
.container {
		width: 100%;
		
}
.column_30 {
		width: 90%;
		margin-left:10%
}
.column_30 img {
		 margin: auto;
		 display: block;
}
.column_l {
		width: 100%;
}
.column_r {
		width: 100%;
}
 /*---コロン�E�どちらも対象ーーーーーー*/
.33l,.33s{
		width: 100%;
		text-align : left;
}
.r66{
		width: 100%;
		text-align : left;
}
.l40s,.r40s{
		width: 100%;
		text-align : left;
}      
}