/* ボディ */
body
{
	margin: 0 ;				/* スペース */
	padding: 0 ;			/* 余白 */
		font-size: 16px ;		/* 文字サイズ */
	font-size: 1.0rem; /* 文字サイズ */

/* 	line-height: 1.618 ;	行の高さ */
word-break: break-all; 
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	/* ボディ */
	body
	{
	/* 	font-size: 13px ;	文字サイズ */
	}
	
}

/* ヘッダー */
.header
{
/* 	border-bottom: 3px solid #888 ;		枠線 */
	text-align: center ;                 /* テキスト、画像の真ん中寄せ */
	padding: 1em 0 ;					/* 上下の余白 */
	margin-bottom: 2em ;				/* 他のブロックとのスペース */
/* 	background: #e8e8e8 ;				背景色(確認用) */
}

/* ロゴ画像を囲む[h1] */
.logo-wrapper
{
	margin: 0 ;			/* スペース */
	padding: 0 ;		/* 余白 */
	line-height: 1 ;	/* 行の高さ */
}

/* ロゴ画像 */
.logo
{
	width: 400px ;		/* 横幅 */
	height: auto ;		/* 高さ */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	/* ロゴ画像 */
	.logo
	{
		width: 150px ;		/* 横幅 */
	}
}


/* フッター */
.footer
{
	/* 	border-top: 3px solid #888 ;	枠線 */
	text-align: center ;				/* テキスト、画像の真ん中寄せ */
	margin-top: 2em ;					/* 他のブロックとのスペース */
	padding: 1em 0 ;					/* 上下の余白 */
/* 	background: #e8e8e8 ; */
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 100% ;
	margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;		/* 上下左右の余白を0にしておく */

	overflow: hidden ;		/* floatを解除する */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	.wrapper
	{
		width: auto ;
		padding: 0 5px ;		/* 左右の余白 */
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 710px ;
	padding: 20px ;							/* 上下左右に20pxの余白 */
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
}

.side
{
	width: 300px ;	/* 右メニューの幅 */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	.main
	{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.side
	{
		width: auto ;
	}
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: left ;		/* 左に寄せる */
}

.side
{
	float: right ;		/* 右に寄せる */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	.main
	{
		float: none ;		/* floatを無効する */
	}

	.side
	{
		float: none ;		/* floatを無効する */
	}
}




/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
   p.forpc {
      display: none;
   }
/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 920px) {
   p.forpc {
      display: block;
   }
}


			div.kesu {
				display: none;
			}

@media all and (min-width: 920px) {
   div.kesu {
      display: block;
   }
}




/* デスクトップ用 */
.tinynav { display: none }

/* モバイル用 */
@media screen and (min-width: 699px) {
  .nav2b { display: none; }      
    .nav2 { display:block; }
}

/* ************************************:::: */

.tsize { font-size:24px; }
#menuNavi ul.menu-m {width: 200px;}
.example {
width: 150px;/*//// 回り込んだ間隔*/
float: left;
}
.example200 {
width: 200px;/*//// 回り込んだ間隔*/
float: left;
}
.example240 {
width: 250px;/*///画像が大きい 240 回り込んだ間隔*/
float: left;
}


.clearLeft {
clear: left;     /*・・・・・<p class="clearLeft"></p> 回り込みを止める*/
}


 /********************************  削除


 ****************************   削除 */





 /******************************** 使用中  **********************/
.box300 {
  display: inline-block;
  width: 300px;
  height: auto ;
  margin: 0em;
  border: #eee solid 0px;
}

.box2 {
  display: inline-block;
  width: 217px;
  height: 45px ;
  margin: 0em;

}


#btnSP {color: #ccc}
#btnPC {color: #ccc;}
@media screen and (max-width: 699px) {
#btnSP {
font-weight: bold;
color: #f00;}
#btnPC {
font-weight: bold;
color: #090;}
}


a{
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
  color: #ff0000;
}

 /*    <p class= "resizeimage">                */
p.resizeimage {
max-width; 334px;
min-width; 100px;
}
@media screen and (max-width: 334px) {
p.resizeimage img {width:100%;}

}

/*                  対策　*******************************************/


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

        .nav2b { display: block; }
        .nav2 { display: none; }
 .tinynav { 
      display: block;
      border: #00a solid 2px; 
font-size:18px; /** 2018/03/17 15:33:11 #nav  nav-2 追加見出しホントサイズ**/   
background: #eeeeff ;  
width:220px;
     }
       
  #nav { display: none   /* */

     }
        #nav2 { display: none }
        #nav3 { display: none }
        .nav5 { display: none }
        .nav3 { display: none }

        .clearLeft2 {clear: left} /* 内容が消えた時に回り込みもやめる*/
}