/* -----------------------------------------------------------------------------
スマートフォン・スタイルシート
最終更新：2012/07/10
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
行全体をクリック
----------------------------------------------------------------------------- */
.SelectLine {
    display: block;
    width: 100%;
}
/* -----------------------------------------------------------------------------
テキスト入力欄
----------------------------------------------------------------------------- */
.TextInput {
    width: 90%;
    height: 33px;
}
/* -----------------------------------------------------------------------------
チェックボックス項目名
----------------------------------------------------------------------------- */
.CheckBoxItem {
    vertical-align: middle;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    width: 100%;
    height: 40px;
    background-position: 100% 100%;
    font-size: large;
}
/* -----------------------------------------------------------------------------
選択リスト
----------------------------------------------------------------------------- */
.SelectOption {
    width: 90%;
    height: 33px;
    font-size: large;
}

/* ------------------------------------------------------------------------------
ボタン（機能ごと）
------------------------------------------------------------------------------ */
/* ボタン（灰色） */
.btnGray {
    font-size: large;
    height: 50px;
    width: 100%;
	background: -moz-linear-gradient(top,#E0E0E0 0%,#909090);
	background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0),to(#909090));
	color:#000000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #808080;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(192,192,192,1);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(192,192,192,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0),0px 1px 0px rgba(0,0,0,0.5);
}

/* ボタン（灰色） */
.btnGray50p {
    font-size: large;
    height: 50px;
    width: 50%;
	background: -moz-linear-gradient(top,#E0E0E0 0%,#909090);
	background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0),to(#909090));
	color:#000000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #808080;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(192,192,192,1);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(192,192,192,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0),0px 1px 0px rgba(0,0,0,0.5);
}

/* ボタン（緑） */
.btnGreen {
    font-size: large;
    height: 50px;
    width: 100%;
border:1px solid #588a31; -webkit-border-radius: 3px; -moz-border-radius: 0px;border-radius: 0px; color: #FFFFFF; background-color: #72B340;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #72B340), color-stop(100%, #224B09));
 background-image: -webkit-linear-gradient(top, #72B340, #224B09);
 background-image: -moz-linear-gradient(top, #72B340, #224B09);
 background-image: -ms-linear-gradient(top, #72B340, #224B09);
 background-image: -o-linear-gradient(top, #72B340, #224B09);
 background-image: linear-gradient(top, #72B340, #224B09);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#72B340, endColorstr=#224B09);
}

.btnGoodsMonitor
{
	background-image: url('img/prd_enq_btn.png');
	height:90px;  
	width:320px; 
	border:none;
	background-repeat:no-repeat;
	background-color:#ffffff;
}
.btnMonitor 
{
	background-image: url('img/seika_enq_btn.png');
	height:90px;  
	width:320px; 
	border:none;
	background-repeat:no-repeat;
	background-color:#ffffff;
}

.btnFruits 
{
	background-image: url('img/fruits_enq_btn.png');
	height:90px;  
	width:320px; 
	border:none;
	background-repeat:no-repeat;
	background-color:#ffffff;
}

.btnFVMonitor 
{
	background-image: url('img/seika_bosyu_btn.png');
	height:90px;  
	width:320px; 
	border:none;
	background-repeat:no-repeat;
	background-color:#ffffff;
}

.btnSeikaClaim 
{
	background-image: url('img/seika_claim_btn.png');
	height:90px;  
	width:320px; 
	border:none;
	background-repeat:no-repeat;
	background-color:#ffffff;
}


/*ボタン（赤）*/
.btnRed{
    font-size: large;
    height: 50px;
    width: 100%;
	border:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px; color: #FFFFFF; background-color: #FF0000;
 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF0000), color-stop(100%, #85111D));
 	background-image: -webkit-linear-gradient(top, #FF0000, #85111D);
 	background-image: -moz-linear-gradient(top, #FF0000, #85111D);
 	background-image: -ms-linear-gradient(top, #FF0000, #85111D);
 	background-image: -o-linear-gradient(top, #FF0000, #85111D);
 	background-image: linear-gradient(top, #FF0000, #85111D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF0000, endColorstr=#85111D);
}

/*ボタン（青）*/
.btnBlue{
    font-size: large;
    height: 50px;
    width: 100%;
	border:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px; color: #FFFFFF; background-color: #0000FF;
 	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0000FF), color-stop(100%, #0D0945));
	background-image: -webkit-linear-gradient(top, #0000FF, #0D0945);
	background-image: -moz-linear-gradient(top, #0000FF, #0D0945);
	background-image: -ms-linear-gradient(top, #0000FF, #0D0945);
	background-image: -o-linear-gradient(top, #0000FF, #0D0945);
	background-image: linear-gradient(top, #0000FF, #0D0945);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0000FF, endColorstr=#0D0945);
}



/*ボタン（汎用：白）*/
.btnNormal {
    font-size: large;
    height: 50px;
    width: 100%;
	background: -moz-linear-gradient(top,#FFFFFF 0%,#c0c0c0);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),to(#c0c0c0));
	color:#000000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #888888;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(0,0,0,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0),0px 1px 0px rgba(0,0,0,0.5);
}

/*ボタン（更新系：赤）*/
.btnUpdate {
    font-size: large;
    height: 50px;
    width: 100%;
	background: -moz-linear-gradient(top,#FFCCCC 0%,#d50000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCCCC),to(#d50000));
	color:#FFF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #b2022a;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(201,74,0,1);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(201,74,0,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0),0px 1px 0px rgba(0,0,0,0.5);
}


/*ボタン（検索系：青）*/
.btnSearch {
    font-size: large;
    height: 50px;
    width: 100%;
	background: -moz-linear-gradient(top,#cce6ff 0%,#006bd5);
	background: -webkit-gradient(linear, left top, left bottom, from(#cce6ff),to(#006bd5));
	color:#FFF;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #0282b2;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(0,74,201,1);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),inset 0px -1px 0px rgba(0,74,201,1);
	text-shadow: 0px -1px 0px rgba(000,000,000,0),0px 1px 0px rgba(0,0,0,0.5);
}

/*ボタン（お気に入りとは？/メールアドレス認証について）*/
.btnInfo {
    font-size: small;
    height: 60px;
    width: 100%;
	background-color:#a9a9a9;
	color:#000;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px;
}

.btnAbout{border:1px solid #247DA3; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;font-size:16px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #3B3B3B; background-color: #54B1F7;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54B1F7), color-stop(100%, #E3E6E8));
 background-image: -webkit-linear-gradient(top, #54B1F7, #E3E6E8);
 background-image: -moz-linear-gradient(top, #54B1F7, #E3E6E8);
 background-image: -ms-linear-gradient(top, #54B1F7, #E3E6E8);
 background-image: -o-linear-gradient(top, #54B1F7, #E3E6E8);
 background-image: linear-gradient(top, #54B1F7, #E3E6E8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#54B1F7, endColorstr=#E3E6E8);
}

/*ボタン ヘルプ・ログアウト */
.btnMenuHelp { border:2px solid #5D97D9; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;font-size:23px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: 0px 0px 0 rgba(0,0,0,0.3); text-align: center; color: #FFFFFF; background-color: #3093c7;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);}

.btnMenuLogout { border:2px solid #5D97D9; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;font-size:23px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: 0px 0px 0 rgba(0,0,0,0.3); text-align: center; color: #FFFFFF; background-color: #3093c7;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);}

/* -----------------------------------------------------------------------------
見出し
----------------------------------------------------------------------------- */
.CaptionTable {
    width: 100%;
    border: 0px;
    border-spacing: 1px;
    background-color: #505050;
}

.CaptionFont {
    color: #FFFFFF;
    font-size: small;
}

.CaptionTable_Menu {
    width: 100%;
    border: 0px;
    border-spacing: 1px;
    background-color: #537a3b;
}

/* フッター */
.footer {
	height:50px;
}


/* ------------------------------------------------------------------------------
リスト
------------------------------------------------------------------------------ */
/* チェックボックスの大きさ */
input[type=checkbox] {  -webkit-transform: scale(2,2);}

/* リストのスタイル（共通） */
ul {
	width:100%;
	margin: 0;
	padding: 0;
	margin-bottom:10px;/*border-top:1px solid #b4b4b4;*//*border:1px solid #b4b4b4;*//*border-radius:5px;*/
	list-style: none;
}

/* 色なしリスト */
ul > li {
	border-top:1px solid #afae93;
	background-color:#ffffff;
	border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background:-webkit-linear-gradient(-90deg, #ffffff, #ffffff);
	background:linear-gradient(-90deg, #ffffff, #ffffff);
}
ul > li a {
	display:compact;
	background-repeat:no-repeat;
	background-position:10px center, right center;
	border-top:2px solid #ffffff;
	height:50px;
	color:#272727;
	font-size:14px;
	line-height:50px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #272727;
	padding-left: 3px;
}

/* ul:GCmailについてのリスト用 */
ul > li.gcmail {
	border-top:1px solid #afae93;
	background-color:#ffffff;
	border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eff4fa));
	background:-webkit-linear-gradient(-90deg, #ffffff, #eff4fa);
	background:linear-gradient(-90deg, #ffffff, #eff4fa);
}
ul > li.gcmail a {
	display:block;
	background-repeat:no-repeat;
	background-position:10px center, right center;
	border-top:2px solid #ffffff;
	height:47px;
	color:#3b737a;
	font-size:14px;
	line-height:50px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #3b737a;
	padding-left: 3px;
}

/* ul:メインメニュー用 */
ul > li.menu {
	background-color:#e7f4dc;
	background:-webkit-gradient(linear, left top, left bottom, from(#f4f8f1), to(#f4faef));
	background:-webkit-linear-gradient(-90deg, #f4f8f1, #f4faef);
	background:linear-gradient(-90deg, #f4f8f1, #f4faef);
}
ul > li.menu a {
	display:block;
	background: url(./img/icon_arrowL_next.png) no-repeat right center;
	background-repeat:no-repeat;
	border-top:2px solid #ffffff;
	height:55px;
	color:#406a15;
    font-size: large;
	line-height:47px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #406a15;
	padding-left: 3px;
}


/* ul:お気に入りリスト用 */
ul > li.fav {
	background-color:#f0f0f0;
	background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
	background:-webkit-linear-gradient(-90deg, #f0f0f0, #f0f0f0);
	background:linear-gradient(-90deg, #f0f0f0, #f0f0f0);
}
ul > li.fav a {
	display:block;
	background: url(./img/fav_arrowL_next.png) no-repeat right center;
	background-repeat:no-repeat;
	border-top:2px solid #ffffff;
	height:50px;
	color:#272727;
    font-size: large;
	line-height:47px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #272727;
	padding-left: 3px;
}

/* お気に入り登録チェックボックスリスト */
.favTable {
	background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
	background:-webkit-linear-gradient(-90deg, #f0f0f0, #f0f0f0);
	background:linear-gradient(-90deg, #f0f0f0, #f0f0f0);
	border-top:2px solid #ffffff;
}
.favTable a {
	display:block;
	background: url(./img/fav_arrowL_next.png) no-repeat right center;
	background-repeat:no-repeat;
	color:#000000;
    font-size: medium;
	text-decoration:none;
	-webkit-text-stroke:0.4px #272727;
	padding-left: 3px;
}


/* ul:アンケート一覧用 */
ul.enqlist {
	background-color:#ffffff;
}

li.enqlist a {
	margin-top:2px;
	display:block;
	background: url(./img/greenpoint.gif) no-repeat right center;
	background-repeat:no-repeat;
	border:1px solid green;
	height:50px;
	color:#000000;
	line-height:47px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #406a15;
	padding-left: 3px;
}


/* ul:青果アンケート一覧用 */
ul > li.seikamenu {
	background-color:#e7f4dc;
	background:-webkit-gradient(linear, left top, left bottom, from(#f4f8f1), to(#f4faef));
	background:-webkit-linear-gradient(-90deg, #f4f8f1, #f4faef);
	background:linear-gradient(-90deg, #f4f8f1, #f4faef);
}
ul > li.seikamenu a {
	display:block;
	background: url(./img/greenpoint.gif) no-repeat right center;
	background-repeat:no-repeat;
	border-top:1px solid #000000;
	height:45px;
	color:#406a15;
    font-size: medium;
	line-height:45px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #ffffff;
	padding-left: 3px;
}
ul > li.seikamenu div {
	display:block;
	background: url(./img/greenpoint.gif) no-repeat right center;
	background-repeat:no-repeat;
	border-top:1px solid #ffffff;
	height:45px;
	color:#406a15;
    font-size: medium;
	line-height:45px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #ffffff;
	padding-left: 3px;
}


/* リンクをボタンに見せたいとき用 */
.btnLink a {
	display:block;
	background: -moz-linear-gradient(top,#E0E0E0 0%,#909090);
	background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0),to(#909090));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #808080;
	height:50px;
    width: 100%;
	color:#000000;
    font-size: large;
	line-height:50px;
	text-decoration:none;
	-webkit-text-stroke:0.4px #272727;
	padding-left: 3px;
}


.btnMemberMenu {border:1px solid #76A341; background-color:#ffffff;
	-webkit-appearance: none; border-radius: 0;
}

dl 
{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
}

dt,dd 
{
	border: 1px solid #BFBFBF;
	padding: 10px 4px 10px 4px;
	font-size: 14px;
	margin:0;
    width:100%;
}

dt
{
	width:100%;
}

.kindCheck 
{
	width:30%;
}

.kindComment
{
	width:60%;
}

.kindbox {
    margin: 0.5em 0;
    padding: 0;
}


.kindbox .kindTitle label {
    display: block;
    margin: 1.0px 0;
    padding : 11px 12px;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
    font-size: 15px;
    width:100%;
    height:15px;
    
}
.kindTitle 
{
    color:#406a15;
    background:#e7f4dc;
}

.kindbox .kindTitle label:hover {
}

.kindbox .kindTitle input {
    display: none;
}

.kindbox .kindTitle dl dd input 
{
    display: block;
}

.kindbox .kindTitle dl dd input[type=checkbox] {
    -moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	float:left;
}

.kindbox .kindTitle dl dd label {
	padding-left: 26px;
	padding-top: 0;
}

.kindbox .kindshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    margin: 0;
}

input:checked + label + .kindshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}