/* xタップ時のハイライトカラーの設定 */
/* o意図しない画像やテキスト選択の可能性もあるのでハイライトカラーを透明に設定 */
*{
	##-webkit-tap-highlight-color: rgba(0,0,0,0);  /* button active action も効かなくなる */
	##-webkit-tap-highlight-color: transparent;   /* button active action  も効かなくなる */
/*セレクトさせない
	-webkit-touch-callout: none;
	-webkit-user-select: none;
*/
	#-webkit-text-size-adjust: none;
	#box-sizing: border-box;
    #font-size: 1.0rem;

#color: #111111;

}
*:not{
	-webkit-user-select: none;
} 
input, textarea { /* 除外：noneだとtype=textに入力できない */
 -webkit-user-select : auto;
}

/*
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ff0000; }
a:active { color: #ffffff; }
*/
/* -------------------------------------------------------------- */
a {cursor : pointer;}
a.disabled {
pointer-events: none;
}

/* ##### textエリアにフォーカスでzoomさせない＆ピンチインアウトは無効にしたくない #####*/
/*
input[type=text]{
  font-size: 16px  !important;
  transform: scale(0.8)  !important;
}
*/

html, body{
-webkit-text-size-adjust: 100%;		/* iphoneでlandscapeにしたとき文字サイズが大きくなるのを抑制 */
													/* portrateの大きさを保持 */
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;

margin: 0;
#background-color: #b0c4de;
#background-color: gray;
/*WOW Food*/
background-color: #F2F3F7;
color: #424242;
	
	/* smooth scrolled for mobile safari */
	height: 100%;
	#overflow: auto;
    -webkit-overflow-scrolling: touch;
overflow-y: auto;
#overflow-x: hidden;	/* width:320以上はhidden領域（一部スクロールバー領域orFrameを確保） */
}

.base{
#background-color: #F2F3F7 !important;
#color: #424242 !important;
#color: red;
}

.mainWrapper{
position: relative;
#position: absolute;
/* centering */
top: 0px;

width: 320px;
height: 100%;
#background-color: white;

overflow-y: visible;
overflow-x: hidden;	/* width:320以上はhidden領域（一部スクロールバー領域を確保） */
z-index: 2;
}

/* Button's */
.button {
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: bold;
    display:inline-block;
    #padding:5px 10px;
    padding-top:5px;
    padding-bottom:5px;
    width: 200px;
    height: 25px;
    #border-radius: 15px;
    #background-color:#69c;
    #color:#ffffff;
    color: black;
    
/*    border:1px solid #69c;*/
    border:1px solid #aaCCaa;
    text-align: center;
    text-decoration:none;
    font-size:16px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    background-color: white;
#background: rgb(245,246,246); /* Old browsers */
#background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 15%, rgba(184,186,198,1) 34%, rgba(221,223,227,1) 66%, rgba(245,246,246,1) 100%); /* FF3.6-15 */
#background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 15%,rgba(184,186,198,1) 34%,rgba(221,223,227,1) 66%,rgba(245,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
#background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 15%,rgba(184,186,198,1) 34%,rgba(221,223,227,1) 66%,rgba(245,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
##filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}
/*
.button:hover{
    background-color:#79acdf;
    -webkit-box-shadow:inset 0px 0px 3px #fff;
    -moz-box-shadow:inset 0px 0px 3px #fff;
    box-shadow:inset 0px 0px 3px #fff;
}
*/
.button:active{
    padding-top:6px;
    padding-bottom:4px;
	border:1px solid #334c66;
    background-color:#69c;
    color:#e0ebf5;
    -webkit-box-shadow:inset 0px 0px 8px #334c66;
    -moz-box-shadow:inset 0px 0px 2px #3a6da0;
    box-shadow:inset 0px 0px 2px #3a6da0;
}
.back{
width: 100px;
background-color: lightgray;
}

.msg1{
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: normal;
font-size: 10px;
}