/**
 * sy.css
 * アプリ間共通の定義
 */

/* YahooPFのCSS打ち消し用*/
#bkrs_area *:not[.headline-inner]{
	font-weight:initial;
}

#bkrs_area img:not[.image_data2]:not[.stove]{
	width:initial;
}

#bkrs_area img[width="200"]{
	width:200px;
}

#bkrs_area img[width="256"]{
	width:256px;
}

#bkrs_area img[width="80"]{
	width:80px;
}

#bkrs_area img[width="30"]{
	width:30px;
}

#bkrs_area img[width="15"]{
	width:15px;
}

#bkrs_area img[width="12"]{
	width:12px;
}

/**
 * common
 */
body {
	font-size:16px;
	/*font-family: "Hiragino Kaku Gothic Pro","Droid Sans","メイリオ","Meiryo","Lucida Grande","Helvetica", "Arial","MS P Gothic", sans-serif;*/
	font-family: 'Helvetica', 'Hiragino Kaku Gothic Pro', 'Hiragino Sans', sans-serif;
	line-height:1.2;
	-webkit-text-size-adjust: 100%;
}
body, p, ul, ol, li {
	margin:0;
	padding:0;
}
ul, ol, li {
	list-style-type:none;
}
img {
	border:none;
}
a {
	text-decoration:none;
}

/**
 * clearfix
 */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}

/**
 * header
 */
div.header {
	font-weight:bold;
	text-align:center;
}

/**
 * footer
 */
div.footer {
	font-weight:bold;
	text-align:center;
}

/**
 * image-list (horizontal)
 */
ul.image-list > li {
	float:left;
}
ul.image-list > li > img {
	display:block;
}
ul.image-list > li > p {
	text-align:center;
}

/**
 * text-menu (horizontal)
 */
ul.text-menu > li {
	float:left;
}

/**
 * image-menu (horizontal)
 */
ul.image-menu > li {
	float:left;
}
ul.image-menu > li > a {
	display:block;
	width:100%;
	height:100%;
}
ul.image-menu > li > span,
ul.image-menu > li > a > span {
	display:none;
}

/**
 * tab-menu & tab-contents
 */
ul.tab-menu > li {
	float:left;
}
div.tab-contents {
	position:relative;
}
div.tab-contents > div,
div.tab-contents > ul {
	display:none;
}
div.tab-contents > div.selected,
div.tab-contents > ul.selected {
	display:block;
}

/**
 * gauge
 */
div.gauge {
	display:inline-block;
}

/**
 * icon
 */
img.icon {
	position:absolute;
	z-index:1;
}

@charset "UTF-8";

/**
 * app.css
 * アプリ内共通の定義
 */
*{
	word-break:break-all;
}


/**
 * common
 */
body {
	background-color:#ffe5a2;
	color:#906500;
}

/**
 * header & footer
 */
div.header,
div.footer {
	padding:5px 0;
	background-color:#906500;
	color:#fff;
}
div.header > img {
	display:block;
	margin:0 auto;
}

/**
 * header-menu
 */
div.header-menu > div {
	margin:0 auto;
}

/**
 * generic-link
 */
p.generic-link,
div.generic-link {
	text-align:center;
	color:#906500;
}
p.generic-link > a,
div.generic-link > a {
	text-decoration:underline;
	/*color:#34958c;*/
}

/**
 * shop-buy
 */
a.shop-buy {
	display:inline-block;
	width:66px;
	height:22px;
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/shop/shop_buy_button.png?v=701);
}
a.shop-buy > span {
	display:none;
}

/**
 * generic-text
 */
p.generic-text {
	font-weight:bold;
	text-align:center;
	color:#906500;
}

/**
 * decoration-text
 */
p.decoration-text {
	margin:0 auto;
	width:240px;
	padding:5px 0;
	border:3px solid #fff;
	background-color:#ff9721;
	font-weight:bold;
	text-align:center;
	color:#fff;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:10px;
}

/**
 * button-group
 */
div.button-group {
	text-align:center;
}
div.button-group > img {
	vertical-align:top;
}

/**
 * gauge
 */
div.gauge {
	padding:1px;
	border-width:2px;
	border-color: #A3850B;
	background-color:#000000; /* ゲージの背景色 */
	-webkit-border-radius:4px;
}
div.gauge > div {
	-webkit-border-radius:3px;
	background-color:#ff5800; /* ゲージの色 */
}

div.gauge > div.yellow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
}

div.gauge > div.green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
}

/**
 * text-list & item-list
 */

/**
 * sp-text-list & sp-item-list
 */
ul.text-list {
	margin:0 auto;
	width:300px;
}

ul.text-list > li,
ul.item-list > li {
	margin:5px;
	margin:auto;
	padding:5px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #ffecba), color-stop( 100%, #fde198)
	);
}


ul.text-list > li:not(.text-list-header .text-list:last-child),
ul.item-list > li:not(.text-list-header) {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
	);
}

ul.text-list > li.text-list-header:first-child {
	border: 3px #a3850b solid;
	border-width: 0px 0px 3px 0px;
	color:#ffffff;
	text-shadow:1px 0px 1px #ffffff;
	font-weight: bold;
	text-align:center;
	/*background-color:#ffb65b;*/ /* 背景色が複数存在するので、color.css のスタイルを適用して下さい */
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
}
ul.text-list > li.text-list-header {
	border: 3px #a3850b solid;
	border-width: 0px 0px 3px 0px;
	color:#ffffff;
	text-shadow:1px 1px 1px #999999;
	font-weight: bold;
	/*background-color:#ffb65b;*/ /* 背景色が複数存在するので、color.css のスタイルを適用して下さい */
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
}

ul.text-list > li > p,
ul.item-list > li > p {
	word-break:break-all;
}
ul.text-list > li.message > a {
	float:right;
}
ul.text-list > li.message > a > img {
	vertical-align:top;
}
ul.text-list > li.cooking > img,
ul.text-list > li.help > img {
	vertical-align:top;
}
/**
 * footer-menu
 */
div.footer-menu {
	background-color:#906500;
}
div.footer-menu > ul {
	padding:10px 0;
}
div.footer-menu > ul {
	margin:0 auto;
	width:300px;
}

/**
 * tab-menu & tab-contents
 */
ul.tab-menu {
	margin:0 auto;
	position:relative;
	/*top:3px;*/ /* 位置がズレてしまうため、コメントアウトしました */
	z-index:1;
}
ul.tab-menu > li {
	margin-left:-3px; /* border の値分、左に移動 */
	padding:5px 0;
	border:3px solid #a3850b;
	font-weight:bold;
	text-align:center;
	-webkit-box-sizing:border-box;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #614d0d), color-stop( 49%, #695207),
		color-stop(50%, #5e4e17), color-stop( 100%, #5c480d)
	);
	color:#4a3e1f;
}
ul.tab-menu > li > a {
	color:#4a3e1f;
}

ul.tab-menu > li:first-child {
	margin-left:0;
}
ul.tab-menu > li.selected {
	border-bottom-color:#251516;
	color:#ffffff;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #422b00), color-stop( 49%, #553703),
		color-stop(50%, #2d1f04), color-stop( 100%, #251516)
	);
}
div.tab-contents {
	top:-3px; /* border の値分、上に移動 */
	margin:0 auto;
	width:316px;
	padding:10px 6px;
	border:3px solid #fff;
	background-color:#fff3c8;
	-webkit-box-sizing:border-box;
	-webkit-border-radius:10px;
}


div.tab-contents-header {
	margin:0 auto;
	max-width:320px; /* width:320px; */
	padding-top:10px;
	border-top:3px solid #a3850b;
	border-left:3px solid #a3850b;
	border-right:3px solid #a3850b;
	background-color:#fff3c8;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 10px 10px 0px 0px;
	z-index:1;
}
div.tab-contents-body {
	margin:0 auto;
	max-width:320px; /* width:320px; */
	padding:4px 0px;
	border-left:3px solid #a3850b;
	border-right:3px solid #a3850b;
	background-color:#fff3c8;
	-webkit-box-sizing:border-box;
}
div.tab-contents-footer {
	margin:0 auto;
	max-width:320px; /* width:320px; */
	padding-bottom:10px;
	border-bottom:3px solid #a3850b;
	border-left:3px solid #a3850b;
	border-right:3px solid #a3850b;
	background-color:#fff3c8;
	-webkit-box-sizing:border-box;
	-webkit-border-radius: 0px 0px 10px 10px;
}


/**
 * image-list
 */
ul.image-list {
	margin:0 auto;
	width:290px;
	padding:0 3px;
	-webkit-box-sizing:border-box;
}
ul.image-list.stoves {
	padding: initial;
}
ul.image-list > li {
	padding:0 7px; /* margin による重なりを回避するため、padding で余白を指定 */
}
ul.image-list > li > img:not(.icon),
ul.image-list > li > a {
	margin-top:4px;
	padding-bottom: 2px;
	display: block;
}
ul.image-list > li > p > span {
	font-size:x-small;
}

/**
 * center-button
 */
div.center-button {

}
div.center-button > img,
div.center-button > span,
div.center-button > a {
	display: block;
	margin: auto;
}

/**
 * link-filter
 */
ul.link-filter {
	margin: auto;
}
ul.link-filter > li {
	float: left;
}


/**
 * line
 */
div.line {
	margin:0 auto;
}

/**
 * popup-menu
 */
div.popup-menu {
	position:relative;
	opacity:0;
}
div.popup-menu > img {
	position:absolute;
}
div.popup-menu > ul {
	display:-webkit-box;
	padding:10px;
	background-color:#fff;
	border:3px solid #906500;
	color:#906500;
	-webkit-border-radius:20px;
}
div.popup-menu > ul > li > a {
	display:block;
	width:100%;
	height:100%;
}

div.popup-menu > ul > li > span,
div.popup-menu > ul > li > a > span {
	display:none;
}

.sp-orange-button,
.interior-button span > a
{
	padding:2px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
		color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
	);
	border:2px solid #684728;
	-webkit-border-radius:10px;
	width:135px;
}

/* .sp-orange-button > a, */
.interior-button span > a > span,
a.sp-orange-button > span{
	display:block;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #ff9934), color-stop( 49%, #f4af6a),
		color-stop(50%, #ff8001), color-stop( 100%, #ff7d00)
	);
	border:2px #b93500 solid;
	-webkit-border-radius:7px;
	color:#FFFFFF !important;
	text-decoration:none;
	padding:3px 5px;
	line-height:120%;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	height:25px;
}

/* center-linkなどでつかう赤いボタン */
.confirm-button div,
.sp-red-button{
	padding:2px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
		color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
	);
	border:2px solid #684728;
	-webkit-border-radius:10px;
	width:180px;
	font-weight: bold;
	text-shadow: 0px -2px 3px #33333;
}
.confirm-button input[type="submit"],
.sp-red-button > a{
	display:block;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #e61511), color-stop( 49%, #ff5851),
		color-stop(50%, #fe0002), color-stop( 100%, #d00000)
	);
	border:1px #ff5656 outset;
	-webkit-border-radius:7px;
	color:#FFFFFF !important;
	text-decoration:none;
	padding:10px 10px;
	line-height:120%;
	text-align:center;
	font-weight:bold;
	text-shadow: 0 -2px 3px #000000;
}


/* submitボタンに赤いボタンリンクを */
.confirm-button div{
	margin:0 auto 10px;
}

.confirm-button input[type="submit"]{
	width:180px;
}


.sp-red-button > a > span{
	color: #ffffff !important;
}

.interior-button{
	display:inline-block;
}

.interior-button > a > span{
	color:#ffffff !important;
	line-height:25px;
	text-decoration: none;
}

.interior-button span > a{
	display:inline-block;
	width:80px;
}
/* フレーム */
.sp-frame{
	width:300px;
	margin:auto;
	margin-bottom:10px;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop( 0%, #a3850b), color-stop( 49%, #bfc084),
		color-stop(50%, #bfc084), color-stop( 100%, #a3850b)
	);
	-webkit-border-radius:10px;
	padding:3px;
	-webkit-box-shadow:1px 1px 5px #251516;
}
.sp-frame > div.sp-text,
.sp-frame div.sp-image-text {
	/* background: -webkit-gradient( */
	/* 	linear, */
	/* 	left top, */
	/* 	left bottom, */
	/* 	color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d) */
	/* ); */
	padding:2px 5px;
}

.sp-frame-first-child {
	padding: 1px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}


.sp-bar-right{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/bar_right_2.png?v=701);
	background-size:29px 17px;
	width:29px;
	height:17px;
	display:inline-block;
	position:relative;
	top:3px;
}

.sp-bar-left{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/bar_left_2.png?v=701);
	background-size:29px 17px;
	width:29px;
	height:17px;
	display:inline-block;
	position:relative;
	top:3px;
}

.sp-status-image{
	background-size:320px 27px;
	width:320px;
	height:27px;
	margin:0px auto;
	padding: 0;
	line-height: 0px;
}

.sp-banner-image{
	background-size:320px 27px;
	width:300px;
	height:27px;
	margin:0px auto;
	padding: 0;
	line-height: 0px;
}

.sp-status-middle{
	border:solid;
	border-width:0px 3px;
	border-color:#6e5e00;
	background-color:#f6bf6f;
	width:314px;
	margin:0px auto;
	-webkit-box-shadow:3px 3px 5px #251516;
}

.sp-christmas-middle{
	border:solid;
	border-width:0px 3.5px;
	border-color:#e0a603;
	width:268px;
	margin:0px auto;
	-webkit-box-shadow:1px -1px 0.4px -1px #e0a603,1px 1px 0.4px -1px #e0a603,-1.3px -0.8px 0.5px -1px #e0a603,-1.3px 0.8px 0.5px -1px #e0a603,inset 1px 0px 0.5px -1px #e0a603,inset -1.4px 0px 0.5px -1px #e0a603;
}

.sp-banner-image2{
	background-size:320px 27px;
	margin:0px auto;
	padding: 0;
	line-height: 0px;
}

.sp-newyear-bannerbg{
	width:287px;
	margin:0px auto;
}

/* 外フレーム */
.sp-newyear-line-out{
	border:solid;
	border-width:0px 2px;
	border-color:#a59265;
	width:271px;
	margin:0px auto;
	-webkit-box-shadow:
		1.7px -1px 0.4px -1px #a59265,/* 右枠外側(上) */
		1.7px 1px 0.4px -1px #a59265,/* 右枠外側(下) */
		-2.1px -1px 0.5px -1px #a59265,/* 左枠外側(上) */
		-2.1px 1.3px 1px -1px #a59265,/* 左枠外側(下) */
		inset 1px 0px 0.5px -1px #a59265,/* 左枠内側ぼかし */
		inset -1.4px 0px 0.5px -1px #a59265;/* 右枠内側 */
}
/* 内フレーム */
.sp-newyear-line-in{
	border:solid;
	border-width:0px 1.5px;
	border-color:#a59265;
	width:264px;
	margin:0px auto;
	-webkit-box-shadow:
		1.1px -1px 0.4px -1px #a59265,/* 右枠外側(上) */
		1.1px 1px 0.4px -1px #a59265,/* 右枠外側(下) */
		-1.7px -1px 0.5px -1px #a59265,/* 左枠外側(上) */
		-1.7px 1.3px 1px -1px #a59265,/* 左枠外側(下) */
		inset 1px 0px 0.5px -1px #a59265,/* 左枠内側ぼかし */
		inset -1.4px 0px 0.5px -1px #a59265;/* 右枠内側 */
}

ul.sp-profile{
	list-style-type:none;
	margin:0px 10px 0px 10px;
	border:2px solid #543100;
	-webkit-border-radius:10px;
	padding:0px;
}

.sp-profile li{
	list-style-type:none;
	border-bottom:2px dotted #543100;
	padding:5px 10px;
}

.sp-profile li:first-child{
	border-bottom:2px solid #543100;
	text-align:center;
}

.sp-profile li:last-child{
	border-bottom:none;
}

.sp-profile li > img.guage{
	width:130px;
	height:15px;
	margin-top:2px;
	float:right;
}

ul.sp-status-data{
	list-style-type:none;
	margin:0 auto;
	padding:10px 0px;
	display:inline-block;
}

.sp-status-data li{
	float:left;
	width:60px;
	height:65px;
	margin-left:15px;
	background-size:60px 65px;
	text-align:center;
	padding: 0px;
}

.sp-status-data li > a{
	color:#f8fe00;
	text-decoration:none;
	display:block;
	padding-top:40px;
	font-size:12px;
}

.sp-status-data li.recipe{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/recipe.gif?v=701);
}

.sp-status-data li.friend{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/friend.gif?v=701);
}

.sp-status-data li.good{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/good.gif?v=701);
}

.sp-status-data li.deco{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/deco.gif?v=701);
}

.sp-more{
	text-align:center;
	margin:auto;
	width:150px;
}

ul.sp-image-text{
	list-style-type:none;
	padding:0px;
	width:280px;
	margin:auto;
}

.sp-image-text li{
	display:inline-block;
}

.sp-image-text li > div{
	float:left;
}

ul.sp-menu-list{
	padding:0px;
	margin:0px;
	list-style-type:none;
	height:380px;
	background-color: #4f3100;
}
div.menu_back {
	background-color: #4f3100;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

.sp-menu-list li{
	float:left;
	display:ineline-block;
	margin:4px;
}

.sp-menu-list li:nth-child(4n+1){
	clear:both;
}

.sp-menu-list li > a{
	display:block;
	width:100%;
	height:100%;
	color:transparent;
}

ul.sp-kitchen{
	padding:5px;
	margin:0px;
	-webkit-border-radius:8px;
	list-style-type:none;
	background-color:#FFFFFF;
}

.sp-kitchen li {
	display:inline-block;
}

.sp-kitchen li > a{
	display:block;
	height:100%;
	width:100%;
}

ul.sp-notice-news{
	list-style-type:none;
	margin:auto;
	margin-bottom:10px;
	padding:0px 7px;
	display:inline-block;
}

.sp-notice-news li{
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop( 0%, #a3850b), color-stop( 49%, #bfc084),
		color-stop(50%, #bfc084), color-stop( 100%, #a3850b)
	);
	float:left;
	width:304px;
	text-align:center;
	border:1px solid #684728;
	border-top:none;
	border-bottom:none;
}

.sp-notice-news li.sp-last{
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border:1px solid #684728;
	border-top:none;
}

.sp-notice-news li.sp-active, li.sp-inactive{
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	width:151px;
	border:1px solid #684728;
}

.sp-notice-news li > div{
	text-align:center;
}

.sp-notice-news li.sp-active > div, li.sp-inactive > div{
	margin:2px;
	padding:5px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}

.sp-notice-news li.sp-active > div{
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #422b00), color-stop( 49%, #553703),
		color-stop(50%, #2d1f04), color-stop( 100%, #251516)
	);
	color:#FFFFFF;
}

.sp-notice-news li.sp-inactive > div{
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #614d0d), color-stop( 49%, #695207),
		color-stop(50%, #5e4e17), color-stop( 100%, #5c480d)
	);
	color:#4a3e1f;
}

.sp-notice-news li.sp-notice > div, li.sp-news > div {
	text-align:left;
	padding:5px 10px;
	word-break:break-all;
	color:#301d00;
	margin:0px 2px;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #ffecba), color-stop( 100%, #fde198)
	);
}

.sp-notice-news li.sp-last > div{
	margin: 0px 2px 2px 2px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}

.sp-notice-news li.sp-last > div > a{
	display:block;
	color:#6f582e;
	text-decoration:none;
	text-align:center;
}

.separator-green {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop( 0%, #97790b), color-stop( 49%, #c5ba8c),
		color-stop(50%, #c5ba8c), color-stop( 100%, #97790b)
	);
	height:5px;
	width:320px;
	margin:10px auto;
}

.sp-separator-header{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/separator_header.gif?v=701);
	background-size:320px 15px;
	width:320px;
	height:15px;
	margin:0px auto;
}

.sp-separator-footer{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/separator_footer.gif?v=701);
	background-size:320px 15px;
	width:320px;
	height:15px;
	margin:0px auto;
}

.shop-header{
	background-color: #ffb658;
	padding:5px;
}

ul.sp-main-menu{
	width:300px;
	list-style-type:none;
	display:inline-block;
	padding:0px 10px;
	text-align:center;
}

.sp-main-menu li{
	float:left;
	margin:5px 0px;
	overflow:hidden;
}

.sp-main-menu li:nth-child(3){
	clear:both;
}

ul.sp-main-menu > li:first-child > div
,ul.sp-main-menu > li:nth-child(3) > a.common_icon_red {
	position:absolute;
	margin:-15px 0 0 55px;
	padding-left:2px;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	-webkit-box-sizing:border-box;
	text-indent:0px;
}



.sp-chat-bubble {
	background-color:#fffdeb;
	line-height:1.3em;
	margin-left:10px;
	padding:10px;
	position:relative;
	width:170px;
	font-size:12px;
	-webkit-border-radius:5px;
	-webkit-box-shadow:inset 0 0 2px #888888;
	z-index:9998;
}

.sp-chat-bubble-arrow-border {
	background-color:#fffdeb;
	position:absolute;
	width:10px;
	height:10px;
	-webkit-box-shadow:inset 0 0 1px #888888;
	top:14px;
	left:-4.5px;
	-webkit-transform: rotate(45deg);
}

/*
.sp-chat-bubble-arrow {
	background-color:#ffcc00;
	position:absolute;
	width:7px;
	height:14px;
	top:10px;
	left:-6px;
}
*/
.sp-chat-bubble-arrow {
	border-color: transparent transparent transparent #fffdeb;
	border-style: solid;
	border-width: 9.2px;
	height:0;
	width:0;
	position:absolute;
	top:11.5px;
	left:1px;
	-webkit-box-shadow:inset 0 0 2px #888888;
}

.sp-chat-bubble > p > a{
	color:#ff00dd;
}

.os-space,
/* .sp-app-dot, */
/* .app-dot, */
.sp-border,
.sp-app-image-border,
b.sp-app-image-border
{
	display:none;
}

/* button */

.beige-button {
	-webkit-box-shadow:inset 0px 0px 0px 0px #fae7b9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fce397), color-stop(1, #ebc573) );
	background-color:#fce397;
	-webkit-border-radius:3px;
	border:1px solid #a68c63;
	display:inline-block;
	color:#664e1e !important;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin:auto;
}.beige-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebc573), color-stop(1, #fce397) );
	background-color:#ebc573;
}.beige-button:active {
	position:relative;
	top:1px;
}

.orange-button {
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffab2e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7e0d), color-stop(1, #f5ac64) );
	background-color:#ff7e0d;
	-webkit-border-radius:3px;
	border:1px solid #cf5d0c;
	display:inline-block;
	color:#ffffff !important;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #383838;
}.orange-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac64), color-stop(1, #ff7e0d) );
	background-color:#f5ac64;
}.orange-button:active {
	position:relative;
	top:1px;
}

/* menu pannel */
ul.top-menu, ul.bottom-menu {
	width:320px;
	height:50px;
	list-style-type: none;
}
ul.top-menu > li, ul.bottom-menu > li{
	width:64px;
	float:left;
}

ul.top-menu > li > a, ul.bottom-menu > li > a{
	background-size:320px 50px;
	display:block;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	width: 64px;
	height: 50px;
}

.tabmenu_top {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/my_header_2.gif?v=701);
	background-position: 0px;
}

.tabmenu_my {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/header_footer_2.gif?v=701);
	background-position: 0px;
}

.tabmenu_cook {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/header_footer_2.gif?v=701);
	background-position: -64px;
}

.tabmenu_floor {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/header_footer_2.gif?v=701);
	background-position: -128px;
}

.tabmenu_event {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/header_footer_2.gif?v=701);
	background-position: -192px;
}

.tabmenu_menu {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/common/header_footer_2.gif?v=701);
	background-position: -256px;
}

/* menu pannel */

div#menu-pannel{
	display:none;
	z-index:9999;
}

div#shop-modal{
	display:none;
	z-index:9999;
}

ul.sp-friend-list{
	list-style-type:none;
	margin:auto;
	margin-top:10px;
	padding:0px 10px;
	display:inline-block;
}
.sp-friend-list li{
	float:left;
	text-align:center;
}

.sp-friend-list li div {
	background-color: #382500;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border:1px solid #684728;
}

.sp-friend-list li.sp-active, li.sp-inactive{
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border:1px solid #684728;
}

.sp-friend-list li:first-child {
	width:58px;
}
.sp-friend-list li:nth-child(2),
.sp-friend-list li:nth-child(3) {
	width:118px;
}
.sp-friend-list li > div{
	text-align:center;
}
.sp-friend-list li.sp-active > div, li.sp-inactive > div{
	margin:2px;
	padding:5px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}
.sp-friend-list li.sp-active > div{
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #422b00), color-stop( 49%, #553703),
		color-stop(50%, #2d1f04), color-stop( 100%, #251516)
	);
	color:#FFFFFF;
}
.sp-friend-list li.sp-inactive > div{
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop( 0%, #614d0d), color-stop( 49%, #695207),
		color-stop(50%, #5e4e17), color-stop( 100%, #5c480d)
	);
}
.sp-friend-list li a{
	text-decoration:none;
}
.sp-friend-list li a > span{
	color:#fff !important;
}

.sp-friend-list li.sp-last > div > a{
	display:block;
	color:#ffffff;
	text-align:center;
}

/* ガチャバナー一覧 */
/* .gacha-banner { */
/* padding: 0 0 20px 0; */
/* } */

.sp-clear-both {
	clear:both;
}

.sp-frame-text-list {
	line-height:200%;
}


div.sp-board ul{
	padding: 5px;
}

/* sp版のボーダー */
.sp-app-dot {
	padding: 0;
	margin:0px;
}
hr {
	padding: 0;
	margin: 0 auto;
	line-height: 0px;
	border:none;
	width:100%;
	border-top:dashed 1px #000;
}
hr.full_hr {
	padding: 0;
	margin: 0 auto;
	line-height: 0px;
	border:none;
	width:100%;
	border-top:dashed 1px #000;
}

/* 画像と背景の間などにすきまができてしまうことを防ぐ、計算してはいけない空白をなくす */
.line-height-reset {
	line-height: 1px;
}


.sp-frame-footer {
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	padding: 3px;
	margin: 0 auto;
	text-align:center;
}

textarea,
input[type=text] {
	margin: 0 auto;
	width: 260px;
	line-height: 1.5em;
}


.sp-app-mylink input[type=text]{
	width: 80px;
}

.comment {
	-webkit-border-radius:7px;
}
/**
 * layout.css
 */

/**
 * postion
 */
.pos-relative { position: relative !important; }
.pos-absolute { position: absolute !important; }
.pos-fixed    { position: fixed    !important; }

/**
 * overflow
 */
.over-auto      { overflow:   auto    !important; }
.over-hidden    { overflow:   hidden  !important; }
.over-visible   { overflow:   visible !important; }
.over-x-auto    { overflow-x: auto    !important; }
.over-x-hidden  { overflow-x: hidden  !important; }
.over-x-visible { overflow-x: visible !important; }
.over-y-auto    { overflow-y: auto    !important; }
.over-y-hidden  { overflow-y: hidden  !important; }
.over-y-visible { overflow-y: visible !important; }

/**
 * font-size
 */
.fsize-ss { font-size: xx-small !important; }
.fsize-s  { font-size: x-small  !important; }
.fsize-m  { font-size: small    !important; }
.fsize-l  { font-size: medium   !important; }
.fsize-ll { font-size: large    !important; }

.fw_b {font-weight: bold;}
/**
 * float
 */
.left  { float: left  !important; }
.right { float: right !important; }

/**
 * clear
 */
.clear   { clear: both  !important; }
.clear-l { clear: left  !important; }
.clear-r { clear: right !important; }

/**
 * text-align
 */
.align-left   { text-align: left   !important; }
.align-center { text-align: center !important; }
.align-right  { text-align: right  !important; }

/**
 * vertical-align
 */
.align-middle { vertical-align: middle !important;}
.align-bottom { vertical-align: bottom !important;}
.align-top    { vertical-align: top    !important;}

/**
 * margin
 */
.mar-auto    { margin: auto !important; }
.mar-0       { margin: 0px  !important; }
.mar-4       { margin: 4px  !important; }
.mar-2       { margin: 2px  !important; }
.mar-6       { margin: 6px  !important; }
.mar-8       { margin: 8px  !important; }
.mar-10      { margin: 10px !important; }
.mar-12      { margin: 12px !important; }
.mar-14      { margin: 14px !important; }
.mar-16      { margin: 16px !important; }
.mar-18      { margin: 18px !important; }
.mar-20      { margin: 20px !important; }
.mar-22      { margin: 22px !important; }
.mar-24      { margin: 24px !important; }
.mar-26      { margin: 26px !important; }
.mar-26      { margin: 26px !important; }
.mar-30      { margin: 30px !important; }
.mar-t-auto  { margin-top: auto !important; }
.mar-t-0     { margin-top: 0px     !important; }
.mar-t-2     { margin-top: 2px     !important; }
.mar-t-4     { margin-top: 4px     !important; }
.mar-t-6     { margin-top: 6px     !important; }
.mar-t-8     { margin-top: 8px     !important; }
.mar-t-10    { margin-top: 10px    !important; }
.mar-t-12    { margin-top: 12px    !important; }
.mar-t-14    { margin-top: 14px    !important; }
.mar-t-16    { margin-top: 16px    !important; }
.mar-t-18    { margin-top: 18px    !important; }
.mar-t-20    { margin-top: 20px    !important; }
.mar-t-22    { margin-top: 22px    !important; }
.mar-t-24    { margin-top: 24px    !important; }
.mar-t-26    { margin-top: 26px    !important; }
.mar-t-28    { margin-top: 28px    !important; }
.mar-t-30    { margin-top: 30px    !important; }
.mar-l-auto  { margin-left: auto   !important; }
.mar-l-0     { margin-left: 0px    !important; }
.mar-l-2     { margin-left: 2px    !important; }
.mar-l-4     { margin-left: 4px    !important; }
.mar-l-6     { margin-left: 6px    !important; }
.mar-l-8     { margin-left: 8px    !important; }
.mar-l-10    { margin-left: 10px   !important; }
.mar-l-12    { margin-left: 12px   !important; }
.mar-l-14    { margin-left: 14px   !important; }
.mar-l-16    { margin-left: 16px   !important; }
.mar-l-18    { margin-left: 18px   !important; }
.mar-l-20    { margin-left: 20px   !important; }
.mar-l-22    { margin-left: 22px   !important; }
.mar-l-24    { margin-left: 24px   !important; }
.mar-l-26    { margin-left: 26px   !important; }
.mar-l-28    { margin-left: 28px   !important; }
.mar-l-30    { margin-left: 30px   !important; }
.mar-r-auto  { margin-right: auto  !important; }
.mar-r-0     { margin-right: 0px   !important; }
.mar-r-2     { margin-right: 2px   !important; }
.mar-r-4     { margin-right: 4px   !important; }
.mar-r-6     { margin-right: 6px   !important; }
.mar-r-8     { margin-right: 8px   !important; }
.mar-r-10    { margin-right: 10px  !important; }
.mar-r-12    { margin-right: 12px  !important; }
.mar-r-14    { margin-right: 14px  !important; }
.mar-r-16    { margin-right: 16px  !important; }
.mar-r-18    { margin-right: 18px  !important; }
.mar-r-20    { margin-right: 20px  !important; }
.mar-r-22    { margin-right: 22px  !important; }
.mar-r-24    { margin-right: 24px  !important; }
.mar-r-26    { margin-right: 26px  !important; }
.mar-r-28    { margin-right: 28px  !important; }
.mar-r-30    { margin-right: 30px  !important; }
.mar-b-auto  { margin-bottom: auto !important; }
.mar-b-0     { margin-bottom: 0px  !important; }
.mar-b-2     { margin-bottom: 2px  !important; }
.mar-b-4     { margin-bottom: 4px  !important; }
.mar-b-6     { margin-bottom: 6px  !important; }
.mar-b-8     { margin-bottom: 8px  !important; }
.mar-b-10    { margin-bottom: 10px !important; }
.mar-b-12    { margin-bottom: 12px !important; }
.mar-b-14    { margin-bottom: 14px !important; }
.mar-b-16    { margin-bottom: 16px !important; }
.mar-b-18    { margin-bottom: 18px !important; }
.mar-b-20    { margin-bottom: 20px !important; }
.mar-b-22    { margin-bottom: 22px !important; }
.mar-b-24    { margin-bottom: 24px !important; }
.mar-b-26    { margin-bottom: 26px !important; }
.mar-b-28    { margin-bottom: 28px !important; }
.mar-b-30    { margin-bottom: 30px !important; }
.mar-v-auto  { margin-top:  auto !important; margin-bottom: auto !important; }
.mar-v-0     { margin-top:  0px  !important; margin-bottom: 0px  !important; }
.mar-v-2     { margin-top:  2px  !important; margin-bottom: 2px  !important; }
.mar-v-4     { margin-top:  4px  !important; margin-bottom: 4px  !important; }
.mar-v-6     { margin-top:  6px  !important; margin-bottom: 6px  !important; }
.mar-v-8     { margin-top:  8px  !important; margin-bottom: 8px  !important; }
.mar-v-10    { margin-top:  10px !important; margin-bottom: 10px !important; }
.mar-v-12    { margin-top:  12px !important; margin-bottom: 12px !important; }
.mar-v-14    { margin-top:  14px !important; margin-bottom: 14px !important; }
.mar-v-16    { margin-top:  16px !important; margin-bottom: 16px !important; }
.mar-v-18    { margin-top:  18px !important; margin-bottom: 18px !important; }
.mar-v-20    { margin-top:  20px !important; margin-bottom: 20px !important; }
.mar-v-22    { margin-top:  22px !important; margin-bottom: 22px !important; }
.mar-v-24    { margin-top:  24px !important; margin-bottom: 24px !important; }
.mar-v-26    { margin-top:  26px !important; margin-bottom: 26px !important; }
.mar-v-28    { margin-top:  28px !important; margin-bottom: 28px !important; }
.mar-v-30    { margin-top:  30px !important; margin-bottom: 30px !important; }
.mar-h-auto  { margin-left: auto !important; margin-right:  auto !important; }
.mar-h-0     { margin-left: 0px  !important; margin-right:  0px  !important; }
.mar-h-2     { margin-left: 2px  !important; margin-right:  2px  !important; }
.mar-h-4     { margin-left: 4px  !important; margin-right:  4px  !important; }
.mar-h-6     { margin-left: 6px  !important; margin-right:  6px  !important; }
.mar-h-8     { margin-left: 8px  !important; margin-right:  8px  !important; }
.mar-h-10    { margin-left: 10px !important; margin-right:  10px !important; }
.mar-h-12    { margin-left: 12px !important; margin-right:  12px !important; }
.mar-h-14    { margin-left: 14px !important; margin-right:  14px !important; }
.mar-h-16    { margin-left: 16px !important; margin-right:  16px !important; }
.mar-h-18    { margin-left: 18px !important; margin-right:  18px !important; }
.mar-h-20    { margin-left: 20px !important; margin-right:  20px !important; }
.mar-h-22    { margin-left: 22px !important; margin-right:  22px !important; }
.mar-h-24    { margin-left: 24px !important; margin-right:  24px !important; }
.mar-h-26    { margin-left: 26px !important; margin-right:  26px !important; }
.mar-h-28    { margin-left: 28px !important; margin-right:  28px !important; }
.mar-h-30    { margin-left: 30px !important; margin-right:  30px !important; }

/**
 * padding
 */
.pad-auto { padding: auto !important; }
.pad-0    { padding: 0px  !important; }
.pad-2    { padding: 2px  !important; }
.pad-4    { padding: 4px  !important; }
.pad-6    { padding: 6px  !important; }
.pad-8    { padding: 8px  !important; }
.pad-10   { padding: 10px !important; }
.pad-12   { padding: 12px !important; }
.pad-14   { padding: 14px !important; }
.pad-16   { padding: 16px !important; }
.pad-18   { padding: 18px !important; }
.pad-20   { padding: 20px !important; }
.pad-22   { padding: 22px !important; }
.pad-24   { padding: 24px !important; }
.pad-26   { padding: 26px !important; }
.pad-28   { padding: 28px !important; }
.pad-30   { padding: 30px !important; }
.pad-t-0  { padding-top:    0px  !important; }
.pad-t-2  { padding-top:    2px  !important; }
.pad-t-4  { padding-top:    4px  !important; }
.pad-t-6  { padding-top:    6px  !important; }
.pad-t-8  { padding-top:    8px  !important; }
.pad-t-10 { padding-top:    10px !important; }
.pad-t-12 { padding-top:    12px !important; }
.pad-t-14 { padding-top:    14px !important; }
.pad-t-16 { padding-top:    16px !important; }
.pad-t-18 { padding-top:    18px !important; }
.pad-t-20 { padding-top:    20px !important; }
.pad-t-22 { padding-top:    22px !important; }
.pad-t-24 { padding-top:    24px !important; }
.pad-t-26 { padding-top:    26px !important; }
.pad-t-28 { padding-top:    28px !important; }
.pad-t-30 { padding-top:    30px !important; }
.pad-l-0  { padding-left:   0px  !important; }
.pad-l-2  { padding-left:   2px  !important; }
.pad-l-4  { padding-left:   4px  !important; }
.pad-l-6  { padding-left:   6px  !important; }
.pad-l-8  { padding-left:   8px  !important; }
.pad-l-10 { padding-left:   10px !important; }
.pad-l-12 { padding-left:   12px !important; }
.pad-l-14 { padding-left:   14px !important; }
.pad-l-16 { padding-left:   16px !important; }
.pad-l-18 { padding-left:   18px !important; }
.pad-l-20 { padding-left:   20px !important; }
.pad-l-22 { padding-left:   22px !important; }
.pad-l-24 { padding-left:   24px !important; }
.pad-l-26 { padding-left:   26px !important; }
.pad-l-28 { padding-left:   28px !important; }
.pad-l-30 { padding-left:   30px !important; }
.pad-r-0  { padding-right:  0px  !important; }
.pad-r-2  { padding-right:  2px  !important; }
.pad-r-4  { padding-right:  4px  !important; }
.pad-r-6  { padding-right:  6px  !important; }
.pad-r-8  { padding-right:  8px  !important; }
.pad-r-10 { padding-right:  10px !important; }
.pad-r-12 { padding-right:  12px !important; }
.pad-r-14 { padding-right:  14px !important; }
.pad-r-16 { padding-right:  16px !important; }
.pad-r-18 { padding-right:  18px !important; }
.pad-r-20 { padding-right:  20px !important; }
.pad-r-22 { padding-right:  22px !important; }
.pad-r-24 { padding-right:  24px !important; }
.pad-r-26 { padding-right:  26px !important; }
.pad-r-28 { padding-right:  28px !important; }
.pad-r-30 { padding-right:  30px !important; }
.pad-b-0  { padding-bottom: 0px  !important; }
.pad-b-2  { padding-bottom: 2px  !important; }
.pad-b-4  { padding-bottom: 4px  !important; }
.pad-b-6  { padding-bottom: 6px  !important; }
.pad-b-8  { padding-bottom: 8px  !important; }
.pad-b-10 { padding-bottom: 10px !important; }
.pad-b-12 { padding-bottom: 12px !important; }
.pad-b-14 { padding-bottom: 14px !important; }
.pad-b-16 { padding-bottom: 16px !important; }
.pad-b-18 { padding-bottom: 18px !important; }
.pad-b-20 { padding-bottom: 20px !important; }
.pad-b-22 { padding-bottom: 22px !important; }
.pad-b-24 { padding-bottom: 24px !important; }
.pad-b-26 { padding-bottom: 26px !important; }
.pad-b-28 { padding-bottom: 28px !important; }
.pad-b-30 { padding-bottom: 30px !important; }
.pad-v-0  { padding-top:    0px  !important; padding-bottom: 0px  !important; }
.pad-v-2  { padding-top:    2px  !important; padding-bottom: 2px  !important; }
.pad-v-4  { padding-top:    4px  !important; padding-bottom: 4px  !important; }
.pad-v-6  { padding-top:    6px  !important; padding-bottom: 6px  !important; }
.pad-v-8  { padding-top:    8px  !important; padding-bottom: 8px  !important; }
.pad-v-10 { padding-top:    10px !important; padding-bottom: 10px !important; }
.pad-v-12 { padding-top:    12px !important; padding-bottom: 12px !important; }
.pad-v-14 { padding-top:    14px !important; padding-bottom: 14px !important; }
.pad-v-16 { padding-top:    16px !important; padding-bottom: 16px !important; }
.pad-v-18 { padding-top:    18px !important; padding-bottom: 18px !important; }
.pad-v-20 { padding-top:    20px !important; padding-bottom: 20px !important; }
.pad-v-22 { padding-top:    22px !important; padding-bottom: 22px !important; }
.pad-v-24 { padding-top:    24px !important; padding-bottom: 24px !important; }
.pad-v-26 { padding-top:    26px !important; padding-bottom: 26px !important; }
.pad-v-28 { padding-top:    28px !important; padding-bottom: 28px !important; }
.pad-v-30 { padding-top:    30px !important; padding-bottom: 30px !important; }
.pad-h-0  { padding-left:   0px  !important; padding-right:  0px  !important; }
.pad-h-2  { padding-left:   2px  !important; padding-right:  2px  !important; }
.pad-h-4  { padding-left:   4px  !important; padding-right:  4px  !important; }
.pad-h-6  { padding-left:   6px  !important; padding-right:  6px  !important; }
.pad-h-8  { padding-left:   8px  !important; padding-right:  8px  !important; }
.pad-h-10 { padding-left:   10px !important; padding-right:  10px !important; }
.pad-h-12 { padding-left:   12px !important; padding-right:  12px !important; }
.pad-h-14 { padding-left:   14px !important; padding-right:  14px !important; }
.pad-h-16 { padding-left:   16px !important; padding-right:  16px !important; }
.pad-h-18 { padding-left:   18px !important; padding-right:  18px !important; }
.pad-h-20 { padding-left:   20px !important; padding-right:  20px !important; }
.pad-h-22 { padding-left:   22px !important; padding-right:  22px !important; }
.pad-h-24 { padding-left:   24px !important; padding-right:  24px !important; }
.pad-h-26 { padding-left:   26px !important; padding-right:  26px !important; }
.pad-h-28 { padding-left:   28px !important; padding-right:  28px !important; }
.pad-h-30 { padding-left:   30px !important; padding-right:  30px !important; }

/**
 * round
 */
.round-0  { overflow: hidden !important; -webkit-border-radius:  0px !important; }
.round,
.round-5  { overflow: hidden !important; -webkit-border-radius:  5px !important; }
.round-10 { overflow: hidden !important; -webkit-border-radius: 10px !important; }
.round-15 { overflow: hidden !important; -webkit-border-radius: 15px !important; }
.round-20 { overflow: hidden !important; -webkit-border-radius: 20px !important; }

/**
 * display
 */
.disp-none {
	display: none !important;
}
.disp-block {
	display: block !important;
}
.disp-inline {
	display: inline !important;
}

.disp-inline-block{
	display: inline-block !important;
}

/**
 * visibility
 */
.show {
	visibility: visible !important;
}
.hide {
	visibility: hidden !important;
}

/**
 * width
 */
.width-0   { width:   0%; }
.width-5   { width:   5%; }
.width-10  { width:  10%; }
.width-15  { width:  15%; }
.width-20  { width:  20%; }
.width-25  { width:  25%; }
.width-30  { width:  30%; }
.width-35  { width:  35%; }
.width-40  { width:  40%; }
.width-45  { width:  45%; }
.width-50  { width:  50%; }
.width-55  { width:  55%; }
.width-60  { width:  60%; }
.width-65  { width:  65%; }
.width-70  { width:  70%; }
.width-75  { width:  75%; }
.width-80  { width:  80%; }
.width-85  { width:  85%; }
.width-90  { width:  90%; }
.width-95  { width:  95%; }
.width-100 { width: 100%; }

/**
 * list horizontal
 */
ul.list-horizontal {
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
}
ul.list-horizontal > li {
	overflow-x: hidden;
	overflow-y: auto;
	display: inline;
	float: left;
}

/**
 * list vartical
 */
ul.list-vartical {
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
}
ul.list-vartical > li {
	overflow-x: hidden;
	overflow-y: auto;
	clear: both;
}
.center{
    text-align: center;
}

/**
 * color.css
 * 文字色、背景色関連
 */

/**
 * a
 */
a:link,
a:visited {
    /*color :#11608d;*/
}
a.fcolor-white:link,
a.fcolor-white:visited {
    color:#fff;
}
a.fcolor-yellow:link,
a.fcolor-yellow:visited {
    color:#ff0;
}
a.fcolor-brown:link,
a.fcolor-brown:visited {
    color:#906500;
}

/**
 * font color
 */
.fcolor-white {
    color: #ffffff;
}
.fcolor-black {
    color: #000000;
}
.fcolor-wheat {
    color: #fff3c8;
}
.fcolor-yellow {
    color: #ffe798;
}
.fcolor-orange {
    color: #ffb658;
}
.fcolor-brown {
    color: #906500;
}
.fcolor-red {
    color: #ff0000;
}
.fcolor-blue {
    color: #0000ff;
}
.fcolor-green {
    color: #4a3e1f;
}

/**
 * font weight
 */
.fweight-normal {
    font-weight: normal;
}
.fweight-bold {
    font-weight: bold;
}
.fweight-lighter {
    font-weight: lighter;
}
.fweight-bolder {
    font-weight: bolder;
}

/**
 * background color
 */
.bgcolor-default {
    background-color: #ffffff !important;
    background-image: none !important;
}

.bgcolor-white {
    background-color: #ffffff;
}
.bgcolor-black {
    background-color: #000000;
}
.bgcolor-wheat {
    background-color: #fff3c8;
}
.bgcolor-yellow {
    background-color: #ffe5a2;
}
.bgcolor-orange {
    background-color: #ffb658;
}
.bgcolor-lightorange {
    background-color: #f6bf6f
}
.bgcolor-brown-ultradark {
    background-color: #382500;
}
.bgcolor-red {
    background-color: #ff0000;
}
.bgcolor-lightgreen {
    background-color: #c5ff97;
}
.bgcolor-palegreen {
background-color: #E6F5CE ;
}
.bgcolor-paleyellow{
background-color: #FEF6CE;
}
.bgcolor-green {
    background-color: #a3850b;
}
.bgcolor-lightpink {
    background-color: #ffdeed;
}
.bgcolor-beige {
    background-color: #fffce9;
}
.bgcolor-mixi-xmas {
    background-color:#fff0f0 !important;
}
.bgcolor-palepink {
background-color: #FFE5D7;
}
.bgcolor-paleblue{
background-color: #DEFFFA;
}
.bgcolor-headline{
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #422b00), color-stop( 49%, #553703),
        color-stop(50%, #2d1f04), color-stop( 100%, #251516)
    ) !important;
}

.bgcolor-gradient-yellow{
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
    );
}

.bgcolor-gradient-yellow-start{
    background-color: #ffebbc !important;
}

.bgcolor-gradient-yellow-end{
    background-color: #fed88d !important;
}

.bgcolor-gradient-brown{
    background: -webkit-gradient(
        linear, left top, right top,
        color-stop( 0%, #141100), color-stop( 49%, #3e3100),
        color-stop(50%, #3e3100), color-stop( 100%, #141100)
    );
}




.bgcolor-orange-light {
    background-color: #f6bf6f;
}
.bgcolor-orange-light2 {
    background-color: #4f3100;
}
.bgcolor-yellow-light {
    background-color: #ffe4a2;
}
/*
 * ランキングトップ3へのリンク削除時に削除可能
 */
.bgcolor-yellow-base {
    background-color: #FFEE61;
}
.bgcolor-yellow-ultralight {
 background-color: #fffce9;
}
.bgcolor-brown-ultradark {
background-color: #382500;
}
.bgcolor-brown-dark{
background-color: #563800;}
.bgcolor-orange-dark{
background-color: #f88000;
}

.spcampaign_header {
background-color: #7caf0d;
}
.spcampaign_body {
background-color: #f1ffdc;
}
.spcampaign_contents {
background-color: #ffffff;
}
.bgcolor_festa1308_light{
background-color: #00094e;
}
.bgcolor_festa1308_dark{
background-color: #00094e;
color: #ffffff;

}
.bgcolor_festa1308_notice{
background-color: #ffffff !important;
}
.bgcolor_festa1308_white{
background-color: #ffffff !important;
}
.bgcolor_festa1306_light{
background-color: #ffffff;
}
.bgcolor_festa1306_dark{
background-color: #8fabff;
color: #681a03;
}
.bgcolor_festa1306_notice{
background-color: #ffffff !important;
}

/**
 * border
 */
.bdstyle   { border-style: solid; }
.bdstyle-t { border-top-style: solid; }
.bdstyle-l { border-left-style: solid; }
.bdstyle-b { border-bottom-style: solid; }
.bdstyle-r { border-right-style: solid; }
.bdstyle-v { border-top-style: solid; border-bottom-style: solid; }
.bdstyle-h { border-left-style: solid; border-right-style: solid; }
.bdstyle-dashed { border-style: dashed; }
.bdstyle-t-dashed { border-top-style: dashed; }
.bdstyle-l-dashed { border-left-style: dashed; }
.bdstyle-b-dashed { border-bottom-style: dashed; }
.bdstyle-r-dashed { border-right-style: dashed; }
.bdstyle-v-dashed { border-top-style: dashed; border-bottom-style: dashed; }
.bdstyle-h-dashed { border-left-style: dashed; border-right-style: dashed; }
.bdstyle-b-dotted { border-bottom-style: dotted; }

.bdwidth-1 { border-width: 1px; }
.bdwidth-2 { border-width: 2px; }
.bdwidth-3 { border-width: 3px; }
.bdwidth-t-1 { border-top-width: 1px; }
.bdwidth-t-2 { border-top-width: 2px; }
.bdwidth-t-3 { border-top-width: 3px; }
.bdwidth-l-1 { border-left-width: 1px; }
.bdwidth-l-2 { border-left-width: 2px; }
.bdwidth-l-3 { border-left-width: 3px; }
.bdwidth-b-1 { border-bottom-width: 1px; }
.bdwidth-b-2 { border-bottom-width: 2px; }
.bdwidth-b-3 { border-bottom-width: 3px; }
.bdwidth-r-1 { border-right-width: 1px; }
.bdwidth-r-2 { border-right-width: 2px; }
.bdwidth-r-3 { border-right-width: 3px; }
.bdwidth-v-1 { border-width: 1px 0px; }
.bdwidth-v-2 { border-width: 2px 0px; }
.bdwidth-v-3 { border-width: 3px 0px; }
.bdwidth-h-1 { border-width: 0px 1px; }
.bdwidth-h-2 { border-width: 0px 2px; }
.bdwidth-h-3 { border-width: 0px 3px; }

.bdcolor-white {
    border-color: #ffffff;
}
.bdcolor-black {
    border-color: #000000;
}
.bdcolor-wheat {
    border-color: #fff3c8;
}
.bdcolor-yellow {
    border-color: #ffe798;
}
.bdcolor-orange {
    border-color: #ffb658;
}
.bdcolor-brown {
    border-color: #906500;
}
.bdcolor-red {
    border-color: #ff0000;
}
.bdcolor-dark-brown {
    border-color: #654400;
}

.bdcolor-green {
    border-color: #a3850b;
}
/** ameba招待のorange*/
.bgcolor-newcomer-orange {
    background-color: #fe7e01;
}

/**
 * gradient color
 */
.gradient-orange {
    background:-webkit-gradient( linear, center top, center bottom, from(#ff9a00), color-stop(50%, #ffb600), to(#f90) );
}
/**
 * ui.css
 * UIに関するアニメーション等の定義
 */
@-webkit-keyframes fadein{
	0%{
			opacity:0;
	}
	100%{
			opacity:1.0;
	}
}

.fadein{
	-webkit-animation-name:fadein;
	-webkit-animation-duration:0.2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:running;
	opacity:1.0;
}

@-webkit-keyframes fadeout{
	0%{
		opacity:1.0;
	}
	100%{
		opacity:0;
	}
}

.fadeout{
	-webkit-animation-name:fadeout;
	-webkit-animation-duration:0.2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:running;
	opacity:0;
}

@-webkit-keyframes up{
	0%{
			opacity:1.0;
			-webkit-transform: translate3d(74px, 100px, 0px);
	}
	100%{
			opacity:0;
			-webkit-transform: translate3d(74px, 50px, 0px);
	}
}

.up{
	-webkit-animation-name:up;
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-play-state:running;
	oacity:0;
}

@-webkit-keyframes fall{
	0%{
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	5%{
		-webkit-transform: translate3d(4px, 4px, 0px);
	}
	10%{
		-webkit-transform: translate3d(8px, 13px, 0px);
	}
	15%{
		-webkit-transform: translate3d(12px, 27px, 0px);
	}
	20%{
		-webkit-transform: translate3d(16px, 50px, 0px);
	}
	25%{
		-webkit-transform: translate3d(20px, 78px, 0px);
	}
	30%{
		-webkit-transform: translate3d(24px, 100px, 0px);
	}
	35%{
		-webkit-transform: translate3d(28px, 84px, 0px);
	}
	40%{
		-webkit-transform: translate3d(32px, 75px, 0px);
	}
	45%{
		-webkit-transform: translate3d(36px, 72px, 0px);
	}
	50%{
		-webkit-transform: translate3d(40px, 75px, 0px);
	}
	55%{
		-webkit-transform: translate3d(44px, 84px, 0px);
	}
	60%{
		-webkit-transform: translate3d(48px, 100px, 0px);
	}
	65%{
		-webkit-transform: translate3d(52px, 88px, 0px);
	}
	70%{
		-webkit-transform: translate3d(56px, 83px, 0px);
	}
	75%{
		-webkit-transform: translate3d(60px, 84px, 0px);
	}
	80%{
		-webkit-transform: translate3d(64px, 90px, 0px);
	}
	85%{
		-webkit-transform: translate3d(68px, 98px, 0px);
	}
	90%{
		-webkit-transform: translate3d(70px, 96px, 0px);
	}
	95%{
		-webkit-transform: translate3d(72px, 100px, 0px);
	}
	100%{
		-webkit-transform: translate3d(74px, 100px, 0px);
	}
}

.fall{
	-webkit-animation-name:fall;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-play-state:running;
	-webkit-transform-origin:50% 50%;
	-webkit-transform: translate3d(74px, 100px, 0px);
	position:relative;
}

@-webkit-keyframes blink{
	0%{
			opacity:1;
	}
	50%{
			opacity:0.2;
	}
	100%{
			opacity:1;
	}
}

.blink {
	-webkit-animation-name:blink;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count: infinite;
}

/**
 * ヘッダータイプ１
 */

div.header{
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
}

div.header table{
    margin:auto;
}

/**
 * ヘッダータイプ２
 */
div.header2{
    margin: 0;
    padding: 5px 0;
    background-color: #ffb658;
    font-size: small;
    text-align: center;
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

div.header2 table{
    margin:auto;
}

/**
 * bkrs2/header
 */
div.bkrs2-header-default-color >table {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #422b00), color-stop( 49%, #553703),
        color-stop(50%, #2d1f04), color-stop( 100%, #251516)
    );
}

div.sp-headline-text > div > table{
    background: #422b00;
    margin:0 auto;
    text-align: center;
    width:100%;
}

div.sp-headline-text >table,
div.bkrs2-header >table{
    color:#FFFFFF;
    text-align:center;
    width:100%;
}

div.sp-headline-text{
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop( 0%, #a3850b), color-stop( 49%, #bfc084),
        color-stop(50%, #bfc084), color-stop( 100%, #a3850b)
    );
    padding:3px 0px;
}

div.bkrs2-header span{
    color:#ffffff !important;
}

div.bkrs2-header-orange > table{
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffab2e;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7e0d), color-stop(1, #f5ac64) );
}

div.headline-text table{
    margin:auto;
}

div.headline-text2{
    margin: 0 auto -5px auto;
    width: 300px;
    padding: 5px 0;
    border: 3px solid #a28704;
    border-bottom:none;
    font-weight: bold;
    text-align: center;
    color: #ffffff !important;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 10px 10px 0px 0px;
    box-sizing: border-box;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #422b00), color-stop( 49%, #553703),
        color-stop(50%, #2d1f04), color-stop( 100%, #251516)
    );
    text-shadow: 0 -2px 3px #555555;
}

div.headline-text2 span{
    color:#ffffff !important;
}

div.headline-text2 table{
    margin:auto;
}



.sp-headline >div{
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #422b00), color-stop( 49%, #553703),
        color-stop(50%, #2d1f04), color-stop( 100%, #251516)
    );
    color:#FFFFFF !important;
    text-align:center;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    padding: 5px;
    text-shadow: 0px 1px 2px #000000;
}

.sp-headline{
    /* background: -webkit-gradient( */
    /* 	linear, */
    /* 	left top, */
    /* 	right top, */
    /* 	color-stop( 0%, #a3850b), color-stop( 49%, #bfc084), */
    /* 	color-stop(50%, #bfc084), color-stop( 100%, #a3850b) */
    /* ); */
    font-weight: bold;
    text-shadow: 0px 1px 2px #000000;
    padding-bottom:3px;
}


div.bkrs2-main-navi{
    text-align:center;
}

div.bkrs2-progressbar{
    background-color:#ffffff;
    text-align:center;
    height:25px;
    line-height:25px;
}

div.bkrs2-tutorial-button span{
    text-align:center;
}

div.bkrs2-image{
    text-align:center;
}

div.bkrs2-image div{
    color:#11608d;
    font-size:16px;
}

div.bkrs2-form-tag{
    margin:auto;
    text-align:center;
}

div.bkrs2-roi-footer{
    padding: 5px 0;
    background-color: #906500;
    color: white;
    font-weight: bold;
    text-align: center;
}

div.bkrs2-roi-footer table{
    margin:auto;
}

div.bkrs2-invite-banner {
    text-align:center;
    font-size:16px;
    color:#11608d;
}

div.bkrs2-invite-banner div{
    color:#11608d;
}

table.bkrs2-payment-price{
    margin:auto;
}

table.bkrs2-payment-price td div{
    font-size:16px;
    color:#000000;
    text-align:left;
}

div.bkrs2-activity-gauge table{
    margin:auto;
}

div.bkrs2-rstn-genre-list table{
    margin: -8px auto 10px auto;
    width: 300px;
    padding: 5px;
    border: 3px solid #a28704;
    border-top:none;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
    );
    text-align: right;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 0px 0px 10px 10px;
    box-sizing: border-box;
}

div.bkrs2-rstn-genre-list table div a span{
    color:#11608d;
}

div.bkrs2-room-image{
    text-align:center;
}

div.bkrs2-image-deco{
    text-align:center;
}

div.bkrs2-official-form-text{
    font-size:16px;
    text-align:center;
}

/**
 * 幅240pxのボタン
 */

.button240{
    text-align:center;
    color:#000000;
    margin:5px;
}


div.button240>a {
    text-decoration: none;
}
div.button240>a>span{
    color:#11608d !important;
}

/**
 * 幅90pxのボタン
 */
.button90{
    display:block;
    color:#ffffff;
    background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/button90.png?v=701);
    width:90px;
    height:30px;
    text-align:center;
    line-height:30px;
}

.button90>a>span{
    color:#ffffff;
}


/**
 * 外枠
 */
div.image-text-begin{
    width:300px;
    margin:5px auto;
    border: 3px solid #a3850b;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 10px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
    );
    padding:5px;
}

/**
 * image-textのヘッダー
 */
div.image-text-header{
    background-color: #ffb658;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

div.image-text-header table{
    margin:auto;
}

/**
 * image-text内の各行
 */
div.image-text{
    padding: 5px 10px;
    color:#5b3800;
    font-size:16px;
    /* background: -webkit-gradient( */
    /* 	linear, */
    /* 	left top, */
    /* 	left bottom, */
    /* 	color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d) */
    /* ); */
}

div.image-text-side{
    padding: 5px 10px;
    width:274px;
    margin:-8px auto 0px auto;
    border: 3px solid white;
    border-top:none;
    border-bottom:none;
    background-color:#fff3c8;
    color:#5b3800;
    font-size:16px;
}


/**
 * spacerは非表示（cssのmarginなどで設定できるため）
 */
div.spacer{
    display:none;
}

/**
 * リンクの色
 */
span.link{
    color:#11608d;
}

/**
 * center-link
 */
div.sp-center-link {
   display: block;

}
div.center-link,
a.center-link{
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    -width:180px;
}

a.center-link{
    display:block;
    text-decoration: none;
}

div.center-link > a,
div.center-link span,
a.center-link span{
    display:block;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #e61511), color-stop( 49%, #ff5851),
        color-stop(50%, #fe0002), color-stop( 100%, #d00000)
    );
    border:1px #ff5656 outset;
        -webkit-border-radius:7px;
        color:#FFFFFF !important;
        text-decoration:none;
        padding:10px 10px;
        line-height:120%;
        text-align:center;
        font-weight:bold;
    text-shadow: 0 -2px 3px #000000;
}



/* a.center-link span{ */
/* color: #ffffff; */
/* } */


/**
 * global-navi
 */
div.bkrs2-global-navi{
    padding:5px;
    margin:0 auto;
}
div.bkrs2-global-navi >div>span{
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    margin:5px auto;
    display:table;
    text-align:center;
    text-decoration:none;
    text-shadow: 0px -2px 3px #33333;
}
div.bkrs2-global-navi  a{
    margin:0 auto;
    width:160px;
    display:table;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ff9934), color-stop( 49%, #f4af6a),
        color-stop(50%, #ff8001), color-stop( 100%, #ff7d00)
    );
    border:1px #b93500 outset;
    -webkit-border-radius:7px;
    color:#FFFFFF !important;
    text-decoration:none;
    padding:3px 5px;
    line-height:120%;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    height:25px;
    line-height:25px;
    text-shadow: 0px -2px 3px #33333;
}

div.bkrs2-global-navi a span{
    color:#ffffff !important;
    text-shadow: 0px -2px 3px #33333;
}

/**
 * navi-more
 */
div.navi-more{
    margin: -8px auto 10px auto;
    width: 300px;
    padding: 5px;
    border: 3px solid #a28704;
    border-top:none;
    font-weight: bold;
    text-align: right;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 0px 0px 10px 10px;
    box-sizing: border-box;
    border:3px #a28704 solid;
    border-width:0px 3px 3px 3px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
    );
}

div.navi-more a{
    color:#11608d;
}

/**
 * navi-more-inner
 */
div.navi-more-inner{
    padding: 5px;
    border-top: 3px solid white;
    background-color: #fff3c8;
    font-weight: bold;
    text-align: right;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 0px 0px 10px 10px;
    box-sizing: border-box;
}

div.navi-more-inner a{
    color:#11608d;
}

/**
 * bkrs2/quote
 */
div.bkrs2-quote{
    width:320px;
    margin:auto;
}

div.bkrs2-quote table td{
    vertical-align:top;
}

div.bkrs2-quote table div.quote_left{
    background-image:url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/quote_left.png?v=701);
    width:14px;
    height:15px;
    float:left;
    z-index:2;
    position:relative;
    top:10px;
}

div.bkrs2-quote table div.quote_content{
    position:relative;
    left:11px;
    z-index:1;
    width:170px;
    font-size:15px;
    padding:10px;
    border:solid 3px #592f00;
    -webkit-border-radius: 10px;
    background-color:#ffffff;
}

div.form-radio-image{
    margin-bottom:1px;
}

div.form-text{
    margin:auto;
    margin-bottom:8px;
    text-align:center;
}

div.form-text > input{
    -webkit-border-radius: 10px;
    border: solid 2px #906500;
    padding: 4px;
}

div.form-textarea {
    width:auto;
    margin:auto;
}

div.form-textarea > textarea {
    -webkit-border-radius: 10px;
    border: solid 2px #906500;
}

table.box{
    margin:auto;
    width:300px;
    border:solid 2px #d2ba8a;
    background-color:#fff3c8;
}

div.form-pulldown{
    font-size:16px;
    text-align:center;
}

div.form-pulldown-multi{
    text-align:center;
}

div.form-pulldown-multi select{
    width:100px;
}

div.form-pulldown-submit{
    font-size:16px;
    text-align:center;
}

div.form-pulldown-submit select{
    -webkit-appearance: menulist;
    box-sizing: border-box;
    -webkit-box-align: center;
    border: 1px solid;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
}

div.form-radio{
    font-size:16px;
    width:240px;

    margin:auto;
}

div.image{
    margin:0 auto;
    padding: 0;
    text-align:center;
}
div.image>img {
    vertical-align:bottom;
}

div.round-top{
    -webkit-border-radius:7px 7px 0px 0px;
}

div.round-bottom{
    -webkit-border-radius:0px 0px 7px 7px;
}

div.width300{
    width:300px;
    margin:auto;
}

/* 要素をまとめる */
div.text-top{
    border:3px #a28704 solid;
    border-width:3px 3px 0px 3px;
    margin: 5px auto 0px auto;
    padding:5px 10px;
    width:274px;
    /* background: -webkit-gradient( */
    /* 	linear, */
    /* 	left top, */
    /* 	left bottom, */
    /* 	color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d) */
    /* ); */
    -webkit-border-radius:10px 10px 0px 0px;
    font-size:medium !important;
}

div.text-middle{
    border:3px #a28704 solid;
    border-width:0px 3px;
    margin: 0px auto 0px auto;
    padding:5px 5px;
    width:284px;
    /* background: -webkit-gradient( */
    /* 	linear, */
    /* 	left top, */
    /* 	left bottom, */
    /* 	color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d) */
    /* ); */
    font-size:medium !important;
}
div.text-bottom{
    border:3px #a28704 solid;
    border-top:none;
    /* background: -webkit-gradient( */
    /* 	linear, */
    /* 	left top, */
    /* 	left bottom, */
    /* 	color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d) */
    /* ); */
    -webkit-border-radius:0 0 10px 10px;
    margin: -8px auto 8px auto;
    padding:5px 10px;
    width:274px;
    font-size:medium !important;
}
div.text-top td > div,
div.text-middle td > div,
div.text-bottom td > div,
sp-text {
  font-size:medium !important;}
}

div.text-top a{
    color:#11608d;
}

div.text-middle a{
    color:#11608d;
}

div.text-bottom a{
    color:#11608d;
}

div.text-noborder{
    border:none;
    margin:auto;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
    );
}

div.text-border{
    border: 3px solid #a28704;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ffebbc), color-stop( 100%, #fed88d)
    );
    -webkit-border-radius:10px;
}

div.noborder{
    border:none;
}

div.noborder a{
    border:none;
}

div.text-top table{
    margin:auto;
}

div.text-middle table{
    margin:auto;
}

div.text-bottom table{
    margin:auto;
}

div.align-center table{
    margin:auto;
}

div.form-submit{
    text-align:center;
}

.map > img{
    margin-left:-10px;
}

div.text-transparent{
    background-color:transparent;
}

a.menu-link{
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    width:180px;
}

a.menu-link > span{
    display:block;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #e61511), color-stop( 49%, #ff5851),
        color-stop(50%, #fe0002), color-stop( 100%, #d00000)
    );
    border:2px #4c0702 solid;
    -webkit-border-radius:7px;
    color:#FFFFFF !important;
    text-decoration:none;
    padding:10px 10px;
    line-height:120%;
    text-align:center;
    font-weight:bold;
}
.floor-status img {
    width:220px;
    height:30px;
}
.kitchen-status img {
    width: 220px;
    height:30px;
}
.sp-app-restaurant-status,
.sp-app-restaurant-status > div {
}

.sp-app-restaurant-status > div > span{
    display:block;
    clear:both;
}

/**
 * image-text-childs
 */
.sp-image-text td >div>span,
.sp-button-orange div>span>a>span{
    font-size:medium !important;
}

.image-text-childs td > img {
font-size:xx-small !important;
line-height: 0px;
}
.image-text-childs a {
    display:inline-block;
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    float:right;
    margin-right:10px;
    text-decoration:none;
    font-size:medium !important;
}

.image-text-childs  a > div,
.image-text-childs  a > span {
    display:inline;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ff9934), color-stop( 49%, #f4af6a),
        color-stop(50%, #ff8001), color-stop( 100%, #ff7d00)
    );
    border:2px #b93500 solid;
    -webkit-border-radius:7px;
    color:#FFFFFF !important;
    padding:5px 7px;
    line-height:120%;
    text-align:center;
    float:right;
    font-weight:normal;
    font-size:medium !important;
    float:right;
}

div.image-text-childs  a > :first-child{
    color:#ffffff !important;
    text-decoration:none;
}

.text-button-orange > div{
    margin:0;
    padding:0;
}
.js-send-button-orange > div > a,
.text-button-orange a,
.sp-button-orange a {
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    margin:5px auto;
    display:table;
    text-align:center;
    text-decoration:none;
    text-shadow: 0px -2px 3px #33333;

}
.js-send-button-orange > div > a > span,
.text-button-orange a > span,
.sp-button-orange a > span{
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffab2e;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ff9934), color-stop( 49%, #f4af6a),
        color-stop(50%, #ff8001), color-stop( 100%, #ff7d00)
    );
    border:2px #b93500 solid;
    background-color:#ff7e0d;
    -webkit-border-radius:5px;
    border:1px outset #cf5d0c;
    display:inline-block;
    color:#ffffff !important;
    padding:5px 20px;
    margin:0px auto;
    text-decoration:none;
    text-shadow:1px 1px 0px #383838;
}

.sp-button-orange a > span {
    font-size:large !important;
}


.sp-ornge a > span :hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac64), color-stop(1, #ff7e0d) );
    background-color:#f5ac64;
}.sp-orange a > span :active {
    position:relative;
    top:1px;
}

.js-send-button-red > div,
.sp-button-red div:first-child {
    margin:10px;
}
.js-send-button-red > div > a,
.sp-button-red a{
    text-decoration: none;
}

.sp-os-comment,
.js-send-button-red > div,
.sp-button-red span:first-child{
        /*
        padding:2px;
        background: -webkit-gradient(
                linear,
                left top,
                left bottom,
                color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
                color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
        );
        border:2px solid #684728;
        -webkit-border-radius:10px;
        */
        text-decoration: none;
        font-weight: bold;
        text-shadow: 0 2px 3px #000000;

}
.sp-os-comment a,
.js-send-button-red > div > a,
.sp-button-red a > :first-child{
        display:block;
        background: -webkit-gradient(
                linear,
                left top,
                left bottom,
                color-stop( 0%, #e61511), color-stop( 49%, #ff5851),
                color-stop(50%, #fe0002), color-stop( 100%, #d00000)
        );
        border:2px #4c0702 solid;
                -webkit-border-radius:7px;
                color:#FFFFFF !important;
                text-decoration:none;
                padding:5px 5px;
                line-height:120%;
                width:180px;
                margin:0 auto;
                text-align:center;
}

.sp-os-comment a,
.js-send-button-red > div > a{
    padding: 10px;
    text-align: center;
}

.sp-os-comment,
.js-send-button-red >div {
    width:210px;
    margin: 0 auto;
}
.sp-red a > span :hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac64), color-stop(1, #ff7e0d) );
    background-color:#f5ac64;
}.sp-red a > span :active {
    position:relative;
    top:1px;
}

div.headline-inner {
    color:#ffffff;
    text-shadow:1px 0 1px black;
    font-weight: bold;
    margin:5px 0;
}
.sp-app-banner{
    text-decoration: none;
    margin:0px;
}


.navi-link {
padding: 5px 0 0 0;
margin:0 auto;
text-align:center;
}


.text-large div > span,
.text-large div > span > a >span {
    font-size:large;
}

.text-small div > span,
.text-small div > span > a >span {
    font-size:small;
}

table.headline-wrapper{
width:100%;
text-align: center;

}

/* センターボタン2*/
.center-link2 {
    /* ボタンの文字 */
    width: 260px;
    color: #ffffff;
    text-decoration: none;
    display:block;

    /* ボタンのレイアウト */
    position:relative;
    padding: 0.5em 0;
    margin: 0px auto;

    /* 角を丸くする */
    border-radius: 12px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 12px;

    /* 背景グラディエーション */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9a00), color-stop(0.5, #ffb600), to(#ff9900));
    background: -moz-linear-gradient(top, #ffb600, #ff9a00);

    transition: background-color 0.5s ease-in-out;
    border : 2px solid #654400;

    /* 影 */
    -webkit-box-shadow: 0px 2px 2px 0px #a93;
    -moz-box-shadow: 0px 2px 2px 0 #a93;
    box-shadow: 0px 2px 2px 0px #a93;
    vertical-align:top;
}

.center-link2 > a,
.center-link2 > a > span,
.linkless {
    text-decoration:none;
    color:#ffffff !important;
}

/**
 * center-link
 */
div.sp-center-link2 {
   display: block;

}
div.center-link2,
a.center-link2{
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    -width:180px;
}
div.center-link2 > a,
div.center-link2 span,
a.center-link2 span{
    display:block;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #e61511), color-stop( 49%, #ff5851),
        color-stop(50%, #fe0002), color-stop( 100%, #d00000)
    );
    border:1px #ff5656 outset;
        -webkit-border-radius:7px;
        color:#FFFFFF !important;
        text-decoration:none;
        padding:9px 2px;
        line-height:120%;
        text-align:center;
    text-shadow: 0 -1px 2px #000000;
    font-size:16px !important;
}


/* orange2 */

.js-send-button-orange2 > div > a,
.text-button-orange2 a,
.sp-button-orange2 a {
    width: 260px;
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    margin:0px auto;
    display:table;
    text-align:center;
    text-decoration:none;
    text-shadow: 0px -2px 3px #33333;


}
.js-send-button-orange2 > div > a > span,
.text-button-orange2 a > span,
.sp-button-orange2 a > span{
    width: 254px;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffab2e;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ff9934), color-stop( 49%, #f4af6a),
        color-stop(50%, #ff8001), color-stop( 100%, #ff7d00)
    );
    border:2px #b93500 solid;
    background-color:#ff7e0d;
    -webkit-border-radius:5px;
    border:1px outset #cf5d0c;
    display:inline-block;
    color:#ffffff !important;
    padding:5px 2px;
    margin:0px auto;
    text-decoration:none;
    text-shadow: 0 -1px 1px #000000;
}

.sp-button-orange2 a > span {
    font-size:15px !important;
}

.sp-orange2 a > span :hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac64), color-stop(1, #ff7e0d) );
    background-color:#f5ac64;
}.sp-orange2 a > span :active {
    position:relative;
    top:1px;
}



/* red2 */

.js-send-button-red2 > div > a,
.text-button-red2 a,
.sp-button-red2 a {
    width: 260px;
    padding:2px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:10px;
    margin:0px auto;
    display:table;
    text-align:center;
    text-decoration:none;
    text-shadow: 0px -2px 3px #33333;


}
.js-send-button-red2 > div > a > span,
.text-button-red2 a > span,
.sp-button-red2 a > span{
    width: 254px;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffab2e;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #e61511), color-stop( 49%, #ff5851),
        color-stop(50%, #fe0002), color-stop( 100%, #d00000)
    );
    border:2px #b93500 solid;
    background-color:#ff7e0d;
    -webkit-border-radius:5px;
    border:1px outset #cf5d0c;
    display:inline-block;
    color:#ffffff !important;
    padding:5px 2px;
    margin:0px auto;
    text-decoration:none;
    text-shadow: 0 -1px 1px #000000;
}

.sp-button-red2 a > span {
    font-size:16px !important;
}

.sp-red2 a > span :hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac64), color-stop(1, #ff7e0d) );
    background-color:#f5ac64;

}.sp-red2 a > span :active {
    position:relative;
    top:1px;
}




/* orange3 */

.js-send-button-orange3 > div > a,
.text-button-orange3 a,
.sp-button-orange3 a {
    width: 70px;
    padding:1px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #a38d1e), color-stop( 49%, #baad5f),
        color-stop(50%, #a9860e), color-stop( 100%, #ab8f22)
    );
    border:2px solid #684728;
    -webkit-border-radius:8px;
    margin:0px auto;
    display:table;
    text-align:center;
    text-decoration:none;
    text-shadow: 0px -1px 1px #33333;


}
.js-send-button-orange3 > div > a > span,
.text-button-orange3 a > span,
.sp-button-orange3 a > span{
    width: 70px;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffab2e;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop( 0%, #ff9934), color-stop( 49%, #f4af6a),
        color-stop(50%, #ff8001), color-stop( 100%, #ff7d00)
    );
    border:1px #b93500 solid;
    background-color:#ff7e0d;
    -webkit-border-radius:7px;
    border:1px outset #cf5d0c;
    display:inline-block;
    color:#ffffff !important;
    padding:4px 0px;
    margin:0px auto;
    text-decoration:none;
    text-shadow: 0 -1px 1px #000000;
}

.sp-button-orange3 a > span {
    font-size:13px !important;
}

.sp-orange3 a > span :hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5ac64), color-stop(1, #ff7e0d) );
    background-color:#f5ac64;
}.sp-orange3 a > span :active {
    position:relative;
    top:1px;
}

/* base-header */
div.ticker-header-color{
    background-color:#3b2402;
    color:#ffcb2b;
}



.center_btn button {
    background: -webkit-gradient(linear, left top, left bottom, from(#fd773f), to(#fd773f));
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    -moz-box-shadow: 2px 2px 4px #ffffff;
    -webkit-box-shadow: 2px 2px 4px #ffffff;
    -webkit-border-radius: 20px;
    width:240px;
    padding: 5px 20px;
}
.center_btn button:hover  {
    background: -webkit-gradient(linear, left top, left bottom, from(#e56c39), to(#e56c39));
    padding: 5px 20px;
}
.center_btn button:active {
    background: #ff0000;
    padding: 5px 20px;
}


.btn_main {
    width:230px;
    background-color: #510707;
    border-radius: 15px;
    border:1px solid #706e62;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,237,218,1)), color-stop(50%,rgba(242,237,218,1)), color-stop(50%,rgba(206, 201, 179, 1)), color-stop(98%,rgba(206, 201, 179, 1)));
    margin:0px auto;
}

.btn_main p { padding:5px 0px; margin:0px; }
.btn_main a { display:block; color:#7a6128 !important; font-weight:bold;
              text-decoration:none;
            }
/* for .my_item */
.my_item {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -299px -257px;
	width: 65px;
	height: 43px;
}

/* for .common_floor */
.common_floor {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -116px -256px;
	width: 59px;
	height: 46px;
}

/* for .common_out */
.common_out {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -404px -208px;
	width: 57px;
	height: 47px;
}

/* for .common_cook */
.common_cook {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -297px -208px;
	width: 53px;
	height: 48px;
}

/* for .my_menu */
.my_menu {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -245px -208px;
	width: 52px;
	height: 42px;
}

/* for .my_icon */
.my_icon {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -194px -208px;
	width: 51px;
	height: 45px;
}

/* for .my_shop */
.my_shop {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -143px -208px;
	width: 51px;
	height: 41px;
}

/* for .friend_help */
.friend_help {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -368px -153px;
	width: 45px;
	height: 42px;
}

/* for .my_suteki */
.my_suteki {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -323px -153px;
	width: 45px;
	height: 43px;
}

/* for .my_open */
.my_open {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -278px -153px;
	width: 45px;
	height: 55px;
}

/* for .my_help */
.my_help {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -233px -153px;
	width: 45px;
	height: 42px;
}

/* for .my_close */
.my_close {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -188px -153px;
	width: 45px;
	height: 55px;
}

/* for .other_recipe */
.other_recipe {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -153px -153px;
	width: 35px;
	height: 41px;
}

/* for .friend_suteki */
.friend_suteki {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: 0 -153px;
	width: 153px;
	height: 28px;
}

/* for .bar_my */
.bar_my {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -399px -113px;
	width: 68px;
	height: 32px;
}

/* for .friend_gift */
.friend_gift {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -333px -113px;
	width: 66px;
	height: 40px;
}

/* for .header_my */
.header_my {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -270px -113px;
	width: 63px;
	height: 37px;
}

/* for .bar_all */
.bar_all {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -209px -113px;
	width: 61px;
	height: 30px;
}

/* for .my_itembox */
.my_itembox {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -152px -113px;
	width: 57px;
	height: 39px;
}

/* for .bar_interior */
.bar_interior {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -97px -113px;
	width: 55px;
	height: 29px;
}

/* for .my_gift */
.my_gift {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -47px -113px;
	width: 50px;
	height: 37px;
}

/* for .bar_gps */
.bar_gps {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: 0 -113px;
	width: 47px;
	height: 31px;
}

/* for .header_floor */
.header_floor {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -433px -73px;
	width: 46px;
	height: 36px;
}

/* for .my_eat */
.my_eat {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -387px -73px;
	width: 46px;
	height: 39px;
}

/* for .friend_eat */
.friend_eat {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -341px -73px;
	width: 46px;
	height: 39px;
}

/* for .header_out */
.header_out {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -296px -73px;
	width: 45px;
	height: 37px;
}

/* for .bar_event */
.bar_event {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -251px -73px;
	width: 45px;
	height: 30px;
}

/* for .bar_shop */
.bar_shop {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -207px -73px;
	width: 44px;
	height: 30px;
}

/* for .other_itembox */
.other_itembox {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -164px -73px;
	width: 43px;
	height: 32px;
}

/* for .my_gacha */
.my_gacha {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -121px -73px;
	width: 43px;
	height: 40px;
}

/* for .header_cook */
.header_cook {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -80px -73px;
	width: 41px;
	height: 37px;
}

/* for .other_quest */
.other_quest {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -40px -73px;
	width: 40px;
	height: 34px;
}

/* for .other_suteki */
.other_suteki {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: 0 -73px;
	width: 40px;
	height: 37px;
}

/* for .my_bell */
.my_bell {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/my/bell.png?v=701);
	background-repeat: no-repeat;
	background-size: 22px 31px;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 22px;
	height: 31px;
}

/* for .my_restaurant */
.my_restaurant {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -402px -35px;
	width: 38px;
	height: 38px;
}

/* for .my_room */
.my_room {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -364px -35px;
	width: 38px;
	height: 38px;
}

/* for .other_faq */
.other_faq {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -327px -35px;
	width: 37px;
	height: 37px;
}

/* for .other_history */
.other_history {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -290px -35px;
	width: 37px;
	height: 31px;
}

/* for .other_gacha */
.other_gacha {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -255px -35px;
	width: 35px;
	height: 35px;
}

/* for .other_community */
.other_community {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -220px -35px;
	width: 35px;
	height: 33px;
}

/* for .other_setup */
.other_setup {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -186px -35px;
	width: 34px;
	height: 35px;
}

/* for .bar_friend */
.bar_friend {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -153px -35px;
	width: 33px;
	height: 29px;
}

/* for .common_icon_red */
.common_icon_red {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -122px -35px;
	width: 31px;
	height: 32px;
}

/* for .my_new */
.my_new {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -91px -35px;
	width: 31px;
	height: 31px;
}

/* for .stop_stop */
.stop_stop {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -60px -35px;
	width: 31px;
	height: 32px;
}

/* for .other_arrow */
.other_arrow {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -30px -35px;
	width: 30px;
	height: 30px;
}

/* for .loading */
.loading {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: 0 -35px;
	width: 30px;
	height: 28px;
}

/* for .header_top */
.header_top {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -449px 0;
	width: 30px;
	height: 35px;
}

/* for .bar_top */
.bar_top {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -420px 0;
	width: 29px;
	height: 31px;
}

/* for .common_delet */
.common_delet {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -391px 0;
	width: 29px;
	height: 29px;
}

/* for .common_memo */
.common_memo {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -362px 0;
	width: 29px;
	height: 29px;
}

/* for .separator */
.separator {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -66px 0;
	width: 296px;
	height: 13px;
}

/* for .floor_exp */
.floor_exp {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -49px 0;
	width: 17px;
	height: 17px;
}

/* for .floor_hp */
.floor_hp {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -32px 0;
	width: 17px;
	height: 15px;
}

/* for .comment */
.comment {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: -15px 0;
	width: 17px;
	height: 14px;
}

/* for .floor_peco */
.floor_peco {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/icons.png?v=701);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	background-position: 0 0;
	width: 15px;
	height: 19px;
}

/* for .kitchen_clock */
.kitchen_clock {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -165px;
width: 65px;
height: 55px;
}

/* for .kitchen_cook */
.kitchen_cook {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -130px -110px;
width: 65px;
height: 55px;
}

/* for .kitchen_storage */
.kitchen_storage {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -65px -110px;
width: 65px;
height: 55px;
}

/* for .kitchen_extension */
.kitchen_extension {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -110px;
width: 65px;
height: 55px;
}

/* for .kitchen_floor */
.kitchen_floor {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -130px -55px;
width: 65px;
height: 55px;
}

/* for .kitchen_gastable */
.kitchen_gastable {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -65px -55px;
width: 65px;
height: 55px;
}

/* for .kitchen_oneclick */
.kitchen_oneclick {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -55px;
width: 65px;
height: 55px;
}

/* for .kitchen_revival */
.kitchen_revival {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -130px 0;
width: 65px;
height: 55px;
}

/* for .kitchen_shop */
.kitchen_shop {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -65px 0;
width: 65px;

height: 55px;
}

/* for .kitchen_dustbox */
.kitchen_dustbox {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/kitchen_icons.png?v=701);
background-size:195px 220px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 0;
width: 65px;
height: 55px;
}
/* for .menu_community */
.menu_community {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -335px;
width: 67px;
height: 67px;
}

.menu_guild {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -402px;
width: 67px;
height: 67px;
}

.menu_collection {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px -402px;
width: 67px;
height: 67px;
}

.menu_coinshop {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px -402px;
width: 67px;
height: 67px;
}

/* for .menu_deco */
.menu_deco {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px -268px;
width: 67px;
height: 67px;
}

/* for .menu_friend */
.menu_friend {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px -268px;
width: 67px;
height: 67px;
}

/* for .menu_gacha */
.menu_gacha {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -268px;
width: 67px;
height: 67px;
}

/* for .menu_help */
.menu_help {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px -201px;
width: 67px;
height: 67px;
}

/* for .menu_history */
.menu_history {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px -201px;
width: 67px;
height: 67px;
}

/* for .menu_item */
.menu_item {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -201px;
width: 67px;
height: 67px;
}

/* for .menu_profile */
.menu_profile {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px -134px;
width: 67px;
height: 67px;
}

/* for .menu_quest */
.menu_quest {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px -134px;
width: 67px;
height: 67px;
}

/* for .menu_recipe */
.menu_recipe {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -134px;
width: 67px;
height: 67px;
}

/* for .menu_school */
.menu_school {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px -67px;
width: 67px;
height: 67px;
}

/* for .menu_search */
.menu_search {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px -67px;
width: 67px;
height: 67px;
}

/* for .menu_set */
.menu_set {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 -67px;
width: 67px;
height: 67px;
}

/* for .menu_shop */
.menu_shop {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px 0;
width: 67px;
height: 67px;
}

/* for .menu_suteki */
.menu_suteki {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px 0;
width: 67px;
height: 67px;
}

/* for .menu_top */
.menu_top {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: 0 0;
width: 67px;
height: 67px;
}

/* for .menu_exchange */
.menu_exchange {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -67px -335px;
width: 67px;
height: 67px;
}

.menu_cmission {
background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/icons/menu_icons_5.png?v=701);
background-size:201px 469px;
background-repeat: no-repeat;
text-indent:-9999px;
overflow: hidden;
display:block;
background-position: -134px -335px;
width: 67px;
height: 67px;
}
/* for .main_menu_cook */
.main_menu_kitchen
{
	overflow: hidden;
	display:block;
	width:150px;
	height:70px;
}

.main_menu_kitchen > img
{
	width:150px;
	height:70px;
}

/* for .main_menu_floor */
.main_menu_floor
{
	overflow: hidden;
	display:block;
	width:150px;
	height:70px;
}

.main_menu_floor > img
{
	width:150px;
	height:70px;
}

/* for .main_menu_help */
.main_menu_help
{
	overflow: hidden;
	display:block;
	width:100px;
	height:62px;
}

.main_menu_help > img
{
	width:100px;
	height:62px;
}

/* for .main_menu_gacha */
.main_menu_gacha
{
	overflow: hidden;
	display:block;
	width:100px;
	height:62px;
}

.main_menu_gacha > img
{
	width:100px;
	height:62px;
}

/* for .main_menu_quest_feature */
.main_menu_quest_feature
{
	overflow: hidden;
	display:block;
	width:100px;
	height:62px;
}

.main_menu_quest_feature > img
{
	width:100px;
	height:62px;
}

/* for .profile_menu_friend */
.profile_menu_friend {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img/button/SP/friend_page/friend_l.gif?v=701);
	background-size:146px 60px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 146px;
	height: 60px;
	margin:0px 2px;
}

/* for .profile_menu_good */
.profile_menu_good {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img/button/SP/friend_page/good.gif?v=701);
	background-size:146px 60px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 146px;
	height: 60px;
	margin:0px 2px;
}

/* for .profile_menu_help */
.profile_menu_help {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/friend/help.gif?v=701);
	background-size:96px 74px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 96px;
	height: 56px;
	margin:0px 2px;
}

/* for .profile_menu_eat */
.profile_menu_eat {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/friend/eat.gif?v=701);
	background-size:96px 74px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 96px;
	height: 56px;
	margin:0px 2px;
}

/* for .profile_menu_event */
.profile_menu_event {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/friend/event.gif?v=701);
	background-size:96px 74px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 96px;
	height: 56px;
	margin:0px 2px;
}

/* for .profile_menu_present */
.profile_menu_present {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/new/friend/present.gif?v=701);
	background-size:150px 60px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	width: 150px;
	height: 60px;
	margin-left:75px;
}


.newcomer_icon {
	background-image: url("https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/myrstn/icon/newcomer_icon.png?v=701");
	background-repeat: no-repeat;
	background-size:contain;
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
div.img-common-line-art {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/line_art.png?v=701);
	background-size: 300px 16px;
	background-repeat: no-repeat;
	width: 300px;
	height: 16px;
}

a.img-common-floor {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/floor.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

a.img-common-itembox {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/itembox.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

a.img-common-kitchen {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/kitchen.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

div.img-common-cook {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/cook.png?v=701);
	background-size: 85px 50px;
	background-repeat: no-repeat;
	width: 85px;
	height: 50px;
}

a.img-common-details {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/details.png?v=701);
	background-size: 60px 50px;
	background-repeat: no-repeat;
	width: 60px;
	height: 50px;
}

div.img-common-before {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/before.png?v=701);
	background-size: 75px 36px;
	background-repeat: no-repeat;
	width: 75px;
	height: 36px;
}
div.img-common-next {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/common/next.png?v=701);
	background-size: 75px 36px;
	background-repeat: no-repeat;
	width: 75px;
	height: 36px;
}

div.footer-menu > ul.image-menu > li {
	width:75px;
	height:40px;
	-webkit-box-sizing:border-box;
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b6200), color-stop(100%,#654400));
	border-top: solid #654400 2px;
	border-left: solid #654400 2px;
	border-bottom: solid #654400 2px;
}
div.footer-menu > ul.image-menu > li:nth-child(1) {
	border-top-left-radius: 10px;
}
div.footer-menu > ul.image-menu > li:nth-child(4) {
	border-top-right-radius: 10px;
	border-right: solid #654400 2px;
}
div.footer-menu > ul.image-menu > li:nth-child(5) {
	border-bottom-left-radius: 10px;
}
div.footer-menu > ul.image-menu > li:nth-child(8) {
	border-bottom-right-radius: 10px;
	border-right: solid #654400 2px;
}
div.footer-menu > ul.image-menu > li div {
	margin: auto;
	margin-top: 3px;
}

/**
 * img/balloon
 */
div.img-balloon-1-b-1,
div.img-balloon-1-b-2,
div.img-balloon-1-b-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/1_center.png?v=701);
	background-size: 75px 90px;
	background-repeat: no-repeat;
	width: 75px;
	height: 90px;
}

div.img-balloon-2-b-1 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/2_left.png?v=701);
	background-size: 150px 90px;
	background-repeat: no-repeat;
	width: 150px;
	height: 90px;
}
div.img-balloon-2-b-2 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/2_center.png?v=701);
	background-size: 150px 90px;
	background-repeat: no-repeat;
	width: 150px;
	height: 90px;
}
div.img-balloon-2-b-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/2_right.png?v=701);
	background-size: 150px 90px;
	background-repeat: no-repeat;
	width: 150px;
	height: 90px;
}
div.img-balloon-3-b-1 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/3_left.png?v=701);
	background-size: 225px 90px;
	background-repeat: no-repeat;
	width: 225px;
	height: 90px;
}
div.img-balloon-3-b-2 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/3_center.png?v=701);
	background-size: 225px 90px;
	background-repeat: no-repeat;
	width: 225px;
	height: 90px;
}
div.img-balloon-3-b-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/3_right.png?v=701);
	background-size: 225px 90px;
	background-repeat: no-repeat;
	width: 225px;
	height: 90px;
}
div.img-balloon-4-b-1 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/4_left.png?v=701);
	background-size: 300px 90px;
	background-repeat: no-repeat;
	width: 300px;
	height: 90px;
}
div.img-balloon-4-b-2 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/4_center.png?v=701);
	background-size: 300px 90px;
	background-repeat: no-repeat;
	width: 300px;
	height: 90px;
}
div.img-balloon-4-b-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/4_right.png?v=701);
	background-size: 300px 90px;
	background-repeat: no-repeat;
	width: 300px;
	height: 90px;
}

/**
 * img/floor
 */
a.img-floor-promo {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/floor/promo.png?v=701);
	background-size: 180px 46px;
	background-repeat: no-repeat;
	width: 180px;
	height: 46px;
}

a.img-floor-buy {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/floor/buy.png?v=701);
	background-size: 80px 28px;
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	display: block;
}

/**
 * img/interior
 */
a.img-interior-edit {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/interior/edit.png?v=701);
	background-size: 100px 40px;
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
}

a.img-interior-choose {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/interior/choose.png?v=701);
	background-size: 100px 40px;
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
}

a.img-interior-add {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/interior/add.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

a.img-interior-item {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/interior/item.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}


/**
 * img/kitchen
 */
a.img-kitchen-help {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/help.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

a.img-kitchen-time {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/time.png?v=701);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

a.img-kitchen-cook {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/cook.png?v=701);
	background-size: 130px 46px;
	background-repeat: no-repeat;
	width: 130px;
	height: 46px;
}

a.img-kitchen-helper {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/helper.png?v=701);
	background-size: 63px 45px;
	background-repeat: no-repeat;
	width: 63px;
	height: 45px;
}

a.img-kitchen-item {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/item.png?v=701);
	background-size: 63px 45px;
	background-repeat: no-repeat;
	width: 63px;
	height: 45px;
}

a.img-kitchen-clean {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/clean.png?v=701);
	background-size: 63px 45px;
	background-repeat: no-repeat;
	width: 63px;
	height: 45px;
}

a.img-kitchen-food {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/kitchen/food.png?v=701);
	background-size: 60px 50px;
	background-repeat: no-repeat;
	width: 60px;
	height: 50px;
}


div.img-balloon-t1-1 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/t1_left.png?v=701);
	background-size: 218px 77px;
	background-repeat: no-repeat;
	width: 218px;
	height: 77px;
}
div.img-balloon-t1-2 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/t1_center.png?v=701);
	background-size: 218px 77px;
	background-repeat: no-repeat;
	width: 218px;
	height: 77px;
}
div.img-balloon-t1-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/t1_right.png?v=701);
	background-size: 218px 77px;
	background-repeat: no-repeat;
	width: 218px;
	height: 77px;
}

div.img-balloon-t2-1 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/t2_left.png?v=701);
	background-size: 290px 77px;
	background-repeat: no-repeat;
	width: 290px;
	height: 77px;
}
div.img-balloon-t2-2 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/t2_center.png?v=701);
	background-size: 290px 77px;
	background-repeat: no-repeat;
	width: 290px;
	height: 77px;
}
div.img-balloon-t2-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v701/img-sp/balloon/t2_right.png?v=701);
	background-size: 290px 77px;
	background-repeat: no-repeat;
	width: 290px;
	height: 77px;
}