@charset "Shift_JIS";

/*--------------------------------------------------------
  PC版とスマホ版の共通
--------------------------------------------------------*/

/*************************************
* マウスオーバーでの効果
*************************************/
/* 画像にマウスオーバーで、半透明化の効果 */
.effect{
}

.effect:hover{
  opacity       : 0.7;   /* カーソル時透明度 */
}

/********************************************************
 「ページ先頭へ」ボタンの固定表示
*********************************************************/
.topIcon {
  display       : inline-block;
  position      : fixed;       /* ボタン固定 */
  bottom        : 20px;        /* 下から位置 */
  right         : 20px;        /* 右から位置 */
  padding       : 11px 7px;   /* 余白       */
  background    : #006633;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  opacity       : 0.5;         /* 透明度     */
  border-radius : 20%;        /* 角丸       */
  font-size     : 11pt;        /* 文字サイズ */
  font-weight   : bold;        /* 太字       */
  line-height   : 1.2em;       /* 行の高さ   */
  letter-spacing: 2px;         /* 文字間隔   */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  z-index       : 999;         /* 重ね順位   */
}

.topIcon:hover {
  opacity       : 0.6;   /* カーソル時透明度 */
}

/*************************************
* 文字や図のポジション
*************************************/
.left{
    float: left;
}
.right{
    float: right;
}

.txt-left{	/* テキストの位置 左 */
    text-align: left !important;
}
.txt-right{	/* テキストの位置 右 */
    text-align: right !important;
}
.txt-center{	/* テキストの位置 中央 */
    text-align: center !important;
}

/*************************************
* 文字の色
*************************************/
.red
{
	color: #ff0000 !important;	 /* 強調文字：　赤色 */
}

.blue
{
	color: #0000ff !important;	 /* 強調文字：　青色 */
}

.blue1
{
	color: #0000aa !important;	 /* 強調文字：　青色：濃い */
}

.orange
{
	color: #ff6600 !important;	 /* 強調文字：　オレンジ */
}
.pink
{
	color: #ff00ff !important;	 /* 強調文字：　ピンク */
}

.white
{
	color: #ffffff !important;	 /* 強調文字：　白 */
}
.green
{
	color: green !important;	 /* 強調文字：　緑 */
}

.solarch-color
{
	color: rgb(0,158,170);	/* ソラーチ色 */
}
.color-line{
	color: rgb(255,255,255);	/*LINE緑*/
	background-color : rgb(25,188,3);	/*LINE緑*/
}
/*************************************
* 文字の大きさ
*************************************/

.sizeL{
    font-size: 1.2em; /* 120%;*/
}

.sizeLL{
    font-size: 1.4em; /* 150%;*/
}
.sizeLLL{
    font-size: 1.6em; /* 160%;*/
}
.sizeLLLL{
    font-size: 2.0em; /* 200%;*/
}

.sizeS{
    font-size: 0.9em; /* 90%;*/
}
.sizeSS{
    font-size: 0.8em; /* 80%;*/
}
.sizeSSS{
    font-size: 0.7em; /* 70%;*/
}

/*************************************
* 文字のマーカーライン
*************************************/
/*** 黄色の蛍光ペン(太)  ***/
.marker_yellow_futo{
background:  linear-gradient(transparent 0%, #ffff66 0%);
}
/*** 黄色の蛍光ペン(細)  ***/
.marker_yellow_hoso{
background:  linear-gradient(transparent 60%, #ffff66 60%);
}

/*** 黄緑色の蛍光ペン(太)  ***/
.marker_lime_futo{
background:  linear-gradient(transparent 0%, #66FFCC 0%);
}
/*** 黄緑色の蛍光ペン(細)  ***/
.marker_lime_hoso{
background:  linear-gradient(transparent 60%, #66FFCC 60%);
}

/*** 水色の蛍光ペン(太)  ***/
.marker_water_futo{
background:  linear-gradient(transparent 0%, #66ccff 0%);
}
/*** 水色の蛍光ペン(細)  ***/
.marker_water_hoso{
background:  linear-gradient(transparent 60%, #66ccff 60%);
}

/*** 桃色の蛍光ペン(太)  ***/
.marker_pink_futo{
background:  linear-gradient(transparent 0%, #ffc0cb 0%);
}
/*** 桃色の蛍光ペン(細)  ***/
.marker_pink_hoso{
background:  linear-gradient(transparent 60%, #ff66ff 60%);
}

/********************************************
* 背景色の設定
********************************************/
.back-c1{ /*** 淡いオレンジ ***/
	background-color : rgb(255, 239, 211);
	padding: 10px;
	border-radius: 10px;
}

.back-c1B{ /*** 淡いオレンジ： ボーダー有,  食生活の料理用ボックス ***/
	background-color : rgb(255, 239, 211);
	padding: 10px;
	border-radius: 10px;
	border: 2px solid rgb(255, 200, 200);
}
.back-c2{ /*** 淡い水色 ***/
	background-color : lightcyan; /* honeydew;*/
	padding: 10px;
	border-radius: 10px;
}

.back-c2B{ /*** 淡い水色： ボーダー有 ***/
	background-color : lightcyan; /* honeydew;*/
	padding: 10px;
	border-radius: 10px;
	border: 2px solid skyblue;
}

.back-c3{ /*** 淡い黄色 ***/
	background-color : lemonchiffon;
	padding: 10px;
	border-radius: 10px;
}
.back-c3B{ /*** 淡い黄色 ***/
	background-color : lemonchiffon;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid #F9F06F;
}
.back-c4{ /*** 淡い灰色 ***/
	background-color : whitesmoke;
	padding: 10px;
	border-radius: 10px;
}
.back-c4B{ /*** 淡い灰色： ボーダー有   ***/
	background-color : whitesmoke;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid black;
}

.back-c5{ /*** 草色 ***/
	background-color : #ADB91B;
	padding: 10px;
	border-radius: 10px;
}
.back-c5B{ /*** 草色： ボーダー有  ***/
	background-color : #ADB91B;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid darkgreen;
}
.back-c6{ /*** ピンク色 ***/
	background-color : pink;
	padding: 10px;
	border-radius: 10px;
}
.back-c6B{ /*** ピンク色： ボーダー有  ***/
	background-color : pink;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid red;
}
.back-c7{ /*** ライトブルー色 ***/
	background-color : lightskyblue;
	padding: 10px;
	border-radius: 10px;
}
.back-c7B{ /*** ライトブルー色： ボーダー有  ***/
	background-color : lightskyblue;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid darkskyblue;
}
.back-line{ /*** LINE@用： ボーダー有  ***/
	background-color : rgb(255,255,255); /*LINE緑*/
	padding: 0px;
	border: 5px solid rgb(25,188,3); /*LINE緑*/
}

/* 食生活アドバイザの料理ボックス用、txt-left と　margin-wide を付けなくてもいいように作成 */
/* 写真がセンター */
.back-foodbox{ /*** 淡いオレンジ ボーダー有（back-c1Bを元に作成） ***/
	background-color : rgb(255, 239, 211);
	padding: 5px 10px;
	border-radius: 10px;

	margin: 5px 15px 5px 15px;		/* 外枠から文字までの隙間 [上/右/下/左] */
	border: 4px solid rgb(255, 200, 200);
	text-align: center;

	/*  foodbox にて、ここを追加*/
/*	margin-left: 0px;
	margin-right: 0px;
    	text-align: left;
*/
}
/*************************************
 youtube埋め込み用
*************************************/
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}





/* Q & A バックグランド */
.BOX100{
/**	background-image : url(jiko-qa2.jpg);**/
	background-repeat : no-repeat;
	width : 900px;height : 1200px;
	padding: 150 20 20 20;
}

dt.BOX101
{
    margin-top: 10;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    text-align: left;
    line-height: 30px;
    min-height: 16px;
    font-weight: bold;
    width: 650px !important;	/* 170px　★YM　緑●付きリストの題目表示幅　 */
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 20px; /* 10px */
    padding-left: 20px; /* 35px */

    border-width : 0px 0px 0px 7px;border-color : green;border-style : solid;padding-top : 10px;padding-left : 30px;padding-right : 10px;padding-bottom : 10px;
    background-image : url(q.jpg);
    background-position : 10px 8px;  /* 8px 8px 緑●*/
    background-repeat: no-repeat;
    color : rgb(70, 111, 21);
}

dd.BOX101
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20;
    padding-top: 5px;	/*10*/
    padding-right: 20px;
    padding-bottom: 5px;	/*10*/
    text-align: left;
    line-height: 30px !important;
    padding-left: 30px;
}