@charset "utf-8";

/* フローボックス
----------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:990px){
div.FlowBox {
   /* ■ボックス全体■ */
   /*border: 1px solid darkblue; /* 枠線:濃青 */
   width: auto;               /* 横幅:390px */
	margin-bottom: 20px;
}

div.FlowBox div.FlowBoxTitle {
   /* ■タイトル文字列■ */
   margin-top:10px;
   margin-left: 20px;
	font-size:12px;
}

div.FlowBox div.FlowBoxBody{
   /* ■本文枠■ */
   margin: 0px;
   padding: 5px;
/*   background-color: #eeeeff;*/ /* 背景色:淡青 */
   color: #000055;            /* 文字色:暗青 */
   display: none;  /* 標準で非表示状態に */
	line-height:1.5em;
}

div.FlowBoxBody{
	font-size : 13px;
}
}

/******（481px～800px）環境の設定 ここまで*************************************/


/**************************************************************************/
/*スマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
	div.FlowBoxBody{font-size : 40px;}
}