@charset "utf-8";
* {
  font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.wide {
  width: 100%;
}
.bold {
  font-weight: bold;
}
/* テキストを省略せずに表示する */
.ui-header .ui-title,.ui-footer .ui-title,.ui-btn-inner,.ui-li-heading,.ui-li .ui-btn-text a.ui-link-inherit,.ui-li-desc {
  overflow: visible;
  white-space: normal;
}
#map {
  width: 100%;
  height: 300px;
  border: 8px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*入力フォームの背景を調整*/
.ui-input-text.ui-body-c{
  background: #fff;
}
/*見出しとフォーム部品の間の余白を調整*/
.ui-field-contain:first-child {
  padding-top: 0;
}

/* 全体デザイン */
.ui-body-c{
	background: #f5ffe8;
}
.ui-bar-a, .ui-bar-inherit {
	/*border: 1px solid #2a2a2a;*/
	background: #1f8944;
	background-image: -webkit-linear-gradient(top,#1f8944,#065133);
}
.ui-btn-up-a{
	/*border: 1px solid #222;*/
	background: #1f8944;
	background-image: -webkit-linear-gradient(top,#156030,#043c25);
}
.ui-btn-active{
	border-color: #043c25;
	background: #1f8944;
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon{
	background-color: #1f8944;
}
input.ui-input-text,
textarea.ui-input-text,
.ui-input-search{
	background: #fff;
}

/* トップ */
#page-login {
	overflow-y: visible !important;
}
#page-login h1,
#page-top h1{
	text-align: center;
}

/* 店舗リスト */
#page-folder .ui-li-static.ui-li-has-thumb{
/*
	min-height: 37px;
	padding-left: 85px;
*/
}
#page-folder .ui-li-thumb{
	float: left;
	margin: 8px 4px;
}
#page-folder .expire{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 0.5em;
	margin: 0 0.5em 10px 0;
}
#page-folder .ttl{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0 0 .2em;
	font-size: 15px;
}
#page-folder .new{
	position: absolute;
	right: -1px;
	top: -4px;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(../img/message.png);
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
}
#page-folder .ui-link-inherit{
	min-height: 37px;
	padding: .7em 15px .7em 75px;
}
#page-folder ul .ui-icon{
	display: none;
}
#page-folder .point{
/*
	float: right;
	clear: both;
	margin-top: 3px;
	margin-left: 10px;
	font-size: 12px;
*/
	top: 1.2em;
}
#page-folder .ui-li-desc{
/*
	margin-bottom: 3px;
*/
}
#page-folder .maq{
	margin: 1px;
	padding: 1px;
	min-height: 20px;
	overflow: -webkit-marquee;
	overflow: marquee;
	text-overflow: clip;
	-webkit-marquee-style: scroll;
	marquee-style: scroll;
	white-space: nowrap;
}

/* ユーザー登録 */

#page-register div .year #selectmenu,
#page-register div .month #selectmenu2,
#page-register div .day #selectmenu3 {
	font-size: 16px !important;
}

#page-register div.year, #page-register div.month, #page-register div.day {
	display: inline-block;
	padding: 0px;
}

#page-register div.year .ui-select, #page-register div.year .ui-btn,
#page-register div.month .ui-select, #page-register div.month .ui-btn,
#page-register div.day .ui-select, #page-register div.day .ui-btn {
	display: inline-block;
}

#page-register div table {
	float: left;
}

#page-register table tr th {
	text-align: left;
}

#page-register table tr th, #page-register table tr td {
	padding: 0px;
}

#page-register table tr td,
#page-register table tr td div.month,
#page-register table tr td div.day {
      width: 85px;
}

#page-register div.month .ui-select,
#page-register div.day .ui-select {
      width: 85px;
}
#page-register div.year .ui-select{
      width: 115px;
}

#page-register table tr td:first-child,
#page-register table tr td div.year {
      width: 115px;
}

#page-register .zip .ui-input-text{
	width: 25%;
}
#page-register .zip .s,
#page-register .zip .ui-input-text{
	display: inline;
	float: left;
}
#page-register .zip .s{
	margin-top: 5px;
}
@media all and (min-width: 28em){
#page-register .zip .ui-input-text{
	width: 30%;
}
#page-register .zip .s,
#page-register .zip .ui-input-text{
	float: none;
}
#page-register .zip .s{
	margin-top: 0;
}
}
#page-register #zip_1{
	width: 5em;
}
#page-register #zip_2{
	width: 6em;
}
#page-register #zip_1,
#page-register #zip_2{
	display: inline-block;
}
#page-register .ui-field-contain{
	padding: 0.5em 0;
	border: none;
}

#page-register .notice {
	text-align: center;
	font-size: smaller;
}

#page-folder .newly {
	border: solid 1px #f00;
}

#page-folder .share {
	float: right;
	top: auto;
	bottom: 0.2em;
}

#page-folder .row-button {
  height: 34px;
}

#page-share .receive {
	float: right;
	top: auto;
	bottom: 0.2em;
}

#page-trade .offer{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: -.2em 0 .2em;
	font-size: 15px;
}

#page-trade .accept {
	float: right;
}

#page-transfer .pickup {
	float: right;
}


/*
 カードフォルダー広告メッセージのmarquee設定
*/
.marquee {
overflow:hidden;
position:relative;
}

.marquee::after {
content:"";
white-space:nowrap;
display: inline-block;
}

.marquee p {
position: absolute;
top: 0;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  0% { left: 100%; transform: translate(0); }
100% { left: 0; transform: translate(-100%); }
}
@-moz-keyframes marquee {
  0% { left: 100%; transform: translate(0); }
100% { left: 0; transform: translate(-100%); }
}
@-ms-keyframes marquee {
  0% { left: 100%; transform: translate(0); }
100% { left: 0; transform: translate(-100%); }
}
@-o-keyframes marquee {
  0% { left: 100%; transform: translate(0); }
100% { left: 0; transform: translate(-100%); }
}
@keyframes marquee {
  0% { left: 100%; transform: translate(0); }
100% { left: 0; transform: translate(-100%); }
}