/**
 * 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/v710/img-sp/shop/shop_buy_button.png?v=710);
}
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/v710/img-sp/common/bar_right_2.png?v=710);
	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/v710/img-sp/common/bar_left_2.png?v=710);
	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/v710/img-sp/new/common/recipe.gif?v=710);
}

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

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

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

.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/v710/img-sp/new/common/separator_header.gif?v=710);
	background-size:320px 15px;
	width:320px;
	height:15px;
	margin:0px auto;
}

.sp-separator-footer{
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/new/common/separator_footer.gif?v=710);
	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/v710/img-sp/new/common/my_header_2.gif?v=710);
	background-position: 0px;
}

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

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

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

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

.tabmenu_menu {
	background-image:url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/new/common/header_footer_2.gif?v=710);
	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/v710/img-sp/common/button90.png?v=710);
    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/v710/img-sp/common/quote_left.png?v=710);
    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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/new/my/bell.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/common/icons.png?v=710);
	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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/kitchen_icons.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img-sp/new/icons/menu_icons_5.png?v=710);
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/v710/img/button/SP/friend_page/friend_l.gif?v=710);
	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/v710/img/button/SP/friend_page/good.gif?v=710);
	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/v710/img-sp/new/friend/help.gif?v=710);
	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/v710/img-sp/new/friend/eat.gif?v=710);
	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/v710/img-sp/new/friend/event.gif?v=710);
	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/v710/img-sp/new/friend/present.gif?v=710);
	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/v710/img-sp/myrstn/icon/newcomer_icon.png?v=710");
	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/v710/img-sp/common/line_art.png?v=710);
	background-size: 300px 16px;
	background-repeat: no-repeat;
	width: 300px;
	height: 16px;
}

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

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

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

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

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

div.img-common-before {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/common/before.png?v=710);
	background-size: 75px 36px;
	background-repeat: no-repeat;
	width: 75px;
	height: 36px;
}
div.img-common-next {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/common/next.png?v=710);
	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/v710/img-sp/balloon/1_center.png?v=710);
	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/v710/img-sp/balloon/2_left.png?v=710);
	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/v710/img-sp/balloon/2_center.png?v=710);
	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/v710/img-sp/balloon/2_right.png?v=710);
	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/v710/img-sp/balloon/3_left.png?v=710);
	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/v710/img-sp/balloon/3_center.png?v=710);
	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/v710/img-sp/balloon/3_right.png?v=710);
	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/v710/img-sp/balloon/4_left.png?v=710);
	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/v710/img-sp/balloon/4_center.png?v=710);
	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/v710/img-sp/balloon/4_right.png?v=710);
	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/v710/img-sp/floor/promo.png?v=710);
	background-size: 180px 46px;
	background-repeat: no-repeat;
	width: 180px;
	height: 46px;
}

a.img-floor-buy {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/floor/buy.png?v=710);
	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/v710/img-sp/interior/edit.png?v=710);
	background-size: 100px 40px;
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
}

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

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

a.img-interior-item {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/interior/item.png?v=710);
	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/v710/img-sp/kitchen/help.png?v=710);
	background-size: 140px 46px;
	background-repeat: no-repeat;
	width: 140px;
	height: 46px;
}

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

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

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

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

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

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


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

div.img-balloon-t2-1 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/balloon/t2_left.png?v=710);
	background-size: 290px 77px;
	background-repeat: no-repeat;
	width: 290px;
	height: 77px;
}
div.img-balloon-t2-2 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/balloon/t2_center.png?v=710);
	background-size: 290px 77px;
	background-repeat: no-repeat;
	width: 290px;
	height: 77px;
}
div.img-balloon-t2-3 {
	background-image: url(https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/balloon/t2_right.png?v=710);
	background-size: 290px 77px;
	background-repeat: no-repeat;
	width: 290px;
	height: 77px;
}
/* //////////////////////////////リニューアルCSS対応///////////////////////////////////// */
/* CSS Document */
/*
CSS+html使用ルール

・上下の幅は
　【　<hr class="space_○"> (10px空ける)　】
　主にこのタグを入れて調整する。
　s,m,l等。<hr class="space_s">
・要素を作る際には、上下幅が膨らんでも対応出来るようにする。
　【position:relative;】【position:absolute;】
　この二つで枠、要素を作ると中の要素の縦幅が変わっても、外の要素の縦幅は変わらないため
　要素によってfloat等を使い分けること。
・floatを使った際には【clear:both;】を使用して回り込みを必ず解除する。
・要素に対してのmargin指定は基本行わず、paddingを使用する。
・ボタン等の<a>タグの構成は必ず<div><a href="">taeget</a></div>必ずこの形をとる。
・
・
・構成の大きさや確認等、困ったときは要素に【border:1px solid #ffffff;】で確認・修正。
・ユーザーアバターなど、内容が変わる画像以外は基本CSSにて上下幅共に記述する事。
*/


/*=================hrタグで使用する縦空欄調整用=================*/
.space5   { height: 5px; margin: 0px; padding: 0px;   }
.space10  { height: 10px; margin: 0px; padding: 0px;  }
.space15  { height: 15px; margin: 0px; padding: 0px;  }
.space20  { height: 20px; margin: 0px; padding: 0px;  }
.space25  { height: 25px; margin: 0px; padding: 0px;  }
.space30  { height: 30px; margin: 0px; padding: 0px;  }
.space35  { height: 35px; margin: 0px; padding: 0px;  }
.space40  { height: 40px; margin: 0px; padding: 0px;  }
.space45  { height: 45px; margin: 0px; padding: 0px;  }
.space50  { height: 50px; margin: 0px; padding: 0px;  }
.space55  { height: 55px; margin: 0px; padding: 0px;  }
.space60  { height: 60px; margin: 0px; padding: 0px;  }
.space65  { height: 65px; margin: 0px; padding: 0px;  }
.space70  { height: 70px; margin: 0px; padding: 0px;  }
.space75  { height: 75px; margin: 0px; padding: 0px;  }
.space80  { height: 80px; margin: 0px; padding: 0px;  }
.space85  { height: 85px; margin: 0px; padding: 0px;  }
.space90  { height: 90px; margin: 0px; padding: 0px;  }
.space95  { height: 95px; margin: 0px; padding: 0px;  }
.space100 { height: 100px; margin: 0px; padding: 0px; }

.space_s   { height: 5px; margin: 0px; padding: 0px;   }
.space_m  { height: 10px; margin: 0px; padding: 0px;  }
.space_l  { height: 20px; margin: 0px; padding: 0px;  }
.space_xl  { height: 30px; margin: 0px; padding: 0px;  }
.space_2xl  { height: 40px; margin: 0px; padding: 0px;  }

hr.s { height: 5px; margin: 0px; padding: 0px; }
hr.m { height: 10px; margin: 0px; padding: 0px; }
hr.l { height: 20px; margin: 0px; padding: 0px; }

/*原則使わないけど使いたいサイズ*/
hr.xl { height: 35px; margin: 0px; padding: 0px; }
hr.xxl { height: 50px; margin: 0px; padding: 0px; }

/* hrの線の色だけ変更する */
.color_brown { border-color: #906500 !important }

/*=================横幅調整用=================*/
.width10  { width: 10px;  }
.width20  { width: 20px;  }
.width30  { width: 30px;  }
.width40  { width: 40px;  }
.width50  { width: 50px;  }
.width60  { width: 60px;  }
.width70  { width: 70px;  }
.width80  { width: 80px;  }
.width90  { width: 90px;  }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width130 { width: 130px; }
.width140 { width: 140px; }
.width150 { width: 150px; }
.width160 { width: 160px; }
.width170 { width: 170px; }
.width180 { width: 180px; }
.width190 { width: 190px; }
.width200 { width: 200px; }
.width210 { width: 210px; }
.width220 { width: 220px; }
.width220 { width: 230px; }
.width240 { width: 240px; }
.width250 { width: 250px; }
.width260 { width: 260px; }
.width270 { width: 270px; }
.width280 { width: 280px; }
.width290 { width: 290px; }
.width300 { width: 300px; }
.width310 { width: 310px; }
.width320 { width: 320px; }


/*=================横幅調整用=================*/
.space-1  { margin: -1px 0px 0px 0px;  }
.space-2  { margin: -2px 0px 0px 0px;  }
.space-3  { margin: -3px 0px 0px 0px;  }
.space-4  { margin: -4px 0px 0px 0px;  }
.space-5  { margin: -5px 0px 0px 0px;  }
.space-6  { margin: -6px 0px 0px 0px;  }
.space-7  { margin: -7px 0px 0px 0px;  }
.space-8  { margin: -8px 0px 0px 0px;  }
.space-9  { margin: -9px 0px 0px 0px;  }
.space-10 { margin: -10px 0px 0px 0px; }
.space-15 { margin: -15px 0px 0px 0px; }
.space-20 { margin: -20px 0px 0px 0px; }
.space-25 { margin: -25px 0px 0px 0px; }
.space-30 { margin: -30px 0px 0px 0px; }

/*=================パディング調整用=================*/
.padding_w5  { padding: 0px 5px;  }
.padding_w10 { padding: 0px 10px; }
.padding_w15 { padding: 0px 15px; }
.padding_w20 { padding: 0px 20px; }
.padding_w25 { padding: 0px 25px; }
.padding_w30 { padding: 0px 30px; }


/*=================フォントサイズ=================*/
.font_l { font-size: 16px; }
.font_m { font-size: 14px; }/*標準文字サイズ*/
.font_s { font-size: 12px; }
.font_xs { font-size: 10px; }



/*=================wrapper群=================*/

/*通常*/
#wrapper_default {
	width: 320px;
	margin: 0px auto;
	padding:0px;
	text-align: center;
/*     background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/default.png?v=710") no-repeat 0px 0px; */
/*     background-size: 100% auto; */
	position: relative;
/*     overflow: hidden; */
	font-size:12px;
	background-color: #ffe4a2;
}

/*美食王用*/
#wrapper_delicious {
	width: 320px;
	margin: 0px auto;
	padding:0px;
	text-align: center;
/*     background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/default.png?v=710") no-repeat 0px 0px #700201; */
/*     background-size: 100% auto; */
	position: relative;
/*     overflow: hidden; */
	font-size:12px;
}

/*=================/wrapper群/=================*/


/*=================ヘッダー、フッター=================*/

header {
	background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/header_bg.png?v=710") no-repeat 0px 0px;
	background-size:100%;
	width: 320px;
	height:58px;
	position:relative;
}
header .title_logo {
	position:absolute;
	top:2px;
	left:2px;
	width:  108px;
	height: 36px;
}
header .menu {
	position:absolute;
	top:2px;
	right:2px;
	background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_menu.png?v=710") no-repeat center center;
	background-size:90%;
	width:  60px;
	height: 52px;
}
header .menu span.effect {
	visibility:hidden;
}
header .text_hp {
	position:absolute;
	top:5px;
	left:120px;
	text-shadow:
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500;
}
header .bar_hp {
	position:absolute;
	top:6px;
	left:160px;
	background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/bar_bg_hp.png?v=710") no-repeat center center;
	background-size:100% 100%;
	padding:3px 4px 0px 4px;
	width:  80px;
	height: 9px;
	text-align:right;
	text-shadow:
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500;
}
header .bar_hp p {
	margin:0px; padding:0px;
	height: 6px;
	background: -moz-linear-gradient(top,  #ffbb00 0%, #ffde00 40%, #ffbb00 65%, #ffbb00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(40%,#ffde00), color-stop(65%,#ffbb00), color-stop(100%,#ffbb00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffbb00 0%,#ffde00 40%,#ffbb00 65%,#ffbb00 100%); /* Chrome10+,Safari5.1+ */
}

header .news {
	position:absolute;
	bottom:2px;
	left:2px;
	width:252px;
	text-align:left;
	color:#783412;
}

/*===ボタン群===*/
.btn_main , .btn_main_gold {
	margin:0px auto;
	width:280px;
	line-height:2.5;
	border-radius:10px;
	border:2px solid #ffef58;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.8),inset 0px 0px 10px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(169,1,1,1) 0%, rgba(218,2,2,1) 45%, rgba(174,0,0,1) 53%, rgba(96,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,1,1,1)), color-stop(45%,rgba(218,2,2,1)), color-stop(53%,rgba(174,0,0,1)), color-stop(100%,rgba(96,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(169,1,1,1) 0%,rgba(218,2,2,1) 45%,rgba(174,0,0,1) 53%,rgba(96,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
}

.btn_main a , .btn_main_gold a{
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

.btn_main a {
	color:#ffffff !important;
}
.btn_main_gold a{
	color:#ffdd00 !important;
}

.btn_sub {
	margin:0px auto;
	width:280px;
	line-height:2.5;
	border-radius:10px;
	border:2px solid #ffef58;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.8),inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(255,97,1,1) 0%, rgba(255,199,65,1) 45%, rgba(255,131,0,1) 68%, rgba(255,68,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,97,1,1)), color-stop(45%,rgba(255,199,65,1)), color-stop(68%,rgba(255,131,0,1)), color-stop(100%,rgba(255,68,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,97,1,1) 0%,rgba(255,199,65,1) 45%,rgba(255,131,0,1) 68%,rgba(255,68,0,1) 100%); /* Chrome10+,Safari5.1+ */
}
.btn_sub a {
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}

.btn_mini {
	margin:0px auto;
	width:280px;
	line-height:2;
	border-radius:20px;
	border:2px solid #ffef58;
	-webkit-box-shadow:
		0px 0px 3px rgba(0,0,0,0.8),
		inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(255,97,1,1) 0%, rgba(255,199,65,1) 45%, rgba(255,131,0,1) 68%, rgba(255,68,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,97,1,1)), color-stop(45%,rgba(255,199,65,1)), color-stop(68%,rgba(255,131,0,1)), color-stop(100%,rgba(255,68,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,97,1,1) 0%,rgba(255,199,65,1) 45%,rgba(255,131,0,1) 68%,rgba(255,68,0,1) 100%); /* Chrome10+,Safari5.1+ */
}
.btn_mini a {
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}

.btn_mini_gray {
	margin:0px auto;
	width:280px;
	line-height:2;
	border-radius:20px;
	border:2px solid #d5d5d5;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.8),inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(134,134,134,1) 0%, rgba(205,205,205,1) 45%, rgba(175,175,175,1) 60%, rgba(133,133,133,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,134,134,1)), color-stop(45%,rgba(205,205,205,1)), color-stop(60%,rgba(175,175,175,1)), color-stop(100%,rgba(133,133,133,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(134,134,134,1) 0%,rgba(205,205,205,1) 45%,rgba(175,175,175,1) 60%,rgba(133,133,133,1) 100%); /* Chrome10+,Safari5.1+ */
	/*aリンク無しでも文字装飾*/
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
.btn_mini_gray a {
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}


/*メニューリストボタン*/
.menu_list {
	width:310px;
	padding:2px 2px 3px 2px;
	display:table;
	text-align:center;
	border:2px solid #fd7014;
	background:#ffb145;
	border-radius:5px;
}
.menu_list div {
	margin:0px;
	padding:0px 2px;
	height:30px;
	width:1%;
	display:table-cell;
}
.menu_list div a {
	padding:10px 0px 8px 0px;
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-shadow:
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707;
	background:#ff8034;
	-webkit-box-shadow:
		inset 1px 1px 1px rgba(255,255,255,0.6),
		inset 2px 2px 2px rgba(255,255,255,0.6);
		border-radius:7px;
}
.menu_list a:first-child {
	border-left:none;
}
.menu_list a:last-child {
	border-right:none;
}


/*プレーンなボタン*/
.btn_plain_brown {
margin:0px auto;
padding:2px 3px 3px 2px ;
width:280px;
height:30px;
line-height:30px;
border-radius:10px;
border:2px solid #bd6212;
background:#ffb144;
}
.btn_plain_brown a {
display:block;
height:29px;
padding:1px 0px 0px 0px ;
text-shadow:
	0px 0px 6px rgba(0,0,0,0.8),
	0px 0px 6px rgba(0,0,0,0.8);
color:#ffffff !important;
font-size:16px;
font-weight:bold;
text-decoration:none;
background:#bd6212;
-webkit-box-shadow:
	inset 1px 1px 1px rgba(255,255,255,0.6),
	inset 2px 2px 2px rgba(255,255,255,0.6);
border-radius:7px;
}

.btn_plain_red ,.submit_plain_red{
	margin:0px auto;
	padding:2px 3px 3px 2px ;
	width:280px;
	height:30px;
	line-height:30px;
	border-radius:10px;
	border:2px solid #db2b02;
	background:#ff7044;
}
.btn_plain_red a ,.btn_submit_red {
	display:block;
	height:29px;
	padding:1px 0px 0px 0px ;
	text-shadow:
		0px 0px 6px rgba(0,0,0,0.8),
		0px 0px 6px rgba(0,0,0,0.8);
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background:#e62e04;
	-webkit-box-shadow:
		inset 1px 1px 1px rgba(255,255,255,0.6),
		inset 2px 2px 2px rgba(255,255,255,0.6);
	border-radius:7px;
}
.btn_submit_red{
	width: 100%;
	padding:0px;
	border-radius:9px;
}
.btn_plain_orange {
	margin:0px auto;
	padding:2px 3px 3px 2px ;
	width:280px;
	height:30px;
	line-height:30px;
	border-radius:10px;
	border:2px solid #db2b02;
	background:#ffb144;
}
.btn_plain_orange a {
	display:block;
	height:29px;
	padding:1px 0px 0px 0px ;
	text-shadow:
		0px 0px 6px rgba(0,0,0,0.8),
		0px 0px 6px rgba(0,0,0,0.8);
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background:#ff723f;
	-webkit-box-shadow:
		inset 1px 1px 1px rgba(255,255,255,0.6),
		inset 2px 2px 2px rgba(255,255,255,0.6);
	border-radius:7px;
}
.btn_plain_gray {
	margin:0px auto;
	padding:2px 3px 3px 2px ;
	width:280px;
	height:30px;
	line-height:30px;
	border-radius:10px;
	border:2px solid #979797;
	background:#d1d1d1;
}
.btn_plain_gray a {
	display:block;
	height:29px;
	padding:1px 0px 0px 0px ;
	text-shadow:
		0px 0px 6px rgba(0,0,0,0.8),
		0px 0px 6px rgba(0,0,0,0.8);
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	border-radius:6px;
	background:#d1d1d1;
	-webkit-box-shadow:
		inset 1px 1px 1px rgba(255,255,255,0.8),
		inset 2px 2px 2px rgba(255,255,255,0.8);
		border-radius:7px;
}





/*ボタン用各サイズ*/
.size_f {
	width:auto;
}
.size_l {
	width:200px;
}
.size_m {
	width:150px;
}
.size_s {
	width:100px;
}
.size_s_long {
	width:160px;
}

/*ボタンリスト用定義*/

.button,
.btn_list {
	text-align:center;
}
.btn_list2 {
	text-align:center;
}
.btn_list2 div {
	margin-top:2px;
	margin-bottom:2px;
	width:40%;
	display:inline-block;
}
.btn_list2 div > a{
	font-size: 0.9em;
}
.btn_list3 {
	text-align:center;
}
.btn_list3 div {
	width:28%;
	display:inline-block;
}
.btn_list3 div a {
	font-size:16px;
}

.btn_list4 {
	text-align:center;
}
.btn_list4 div {
	width:20%;
	display:inline-block;
}
.btn_list4 div a {
	font-size:10px;
}

/*ウィンドウ*/
ul.window_boost_info {
	margin:0px auto;
	padding:0px;
	width:3000px;
	border-radius:5px;
	border:2px solid #fd7014;
	background:#ffb144;
	font-size:16px;
	list-style:none;
}
ul.window_boost_info li.title{
	margin:0px;
	padding:6px 0px 2px 0px;
	background:#ff8034;
	-webkit-box-shadow:inset 1px 1px 1px #fea472;
	/*border-radius:5px 5px 0px 0px;*/
	border-bottom:2px solid #fd7014;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	text-shadow:
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707;
}
ul.window_boost_info li {
	text-align:left;
	margin:3px;
	padding:3px;
	background:#FFFBEB;
	color:#702700;
}
ul.window_boost_info li span {
	color:#fd7014;
	font-weight:bold;
}
ul.window_boost_info li:first-child {
	border-radius:5px 5px 0px 0px;
}
ul.window_boost_info li:nth-child(2n) {
	border-radius:3px 3px 0px 0px;
}

ul.window_boost_info li:last-child {
	border-radius:0px 0px 3px 3px;
}

/*ニュース用*/
ul.window_news {
	margin:0px auto;
	padding:3px;
	width:274px;
	border-radius:5px;
	border:2px solid #fd7014;
	background:#ffb144;
	font-size:16px;
	list-style:none;
	text-align:left;
}
ul.window_news li {
	margin:0px 0px 5px 0px;
	padding:3px;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 260px center #FFFBEB;
	background-size:12px;
	border-radius:3px;
	color:#702700;
	font-size:14px;
}
ul.window_news li:last-child {
	margin:0px 0px 0px 0px;
}
ul.window_news li a {
	padding:10px 7px;
	display:block;
	color:#76320e;
	font-weight:bold;
	text-decoration:none;
}


/*タブウィンドウ*/
.tab_wrapper {
	margin:0px auto;
	padding:0px;
}


.tab2 div.active , .tab3 div.active , .tab4 div.active {
	margin:0px;
	padding:4px 0px 4px 0px;
	color:#ffffff;
	background: #ff723f;
	-webkit-box-shadow:inset 1px 1px 1px #f8a14d;
}

.tab2 , .tab3  {
	margin:0px auto;
	padding:0px;
	font-size:14px;
	text-align:center;
}

.tab4 {
	margin:0px auto;
	padding:0px;
	font-size:12px;
	text-align:center;
}

.tab2 div , .tab3 div  , .tab4 div {
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	display:inline-block;
	background:#a0532d;
	border-top:2px solid #a0532d;
	border-left:2px solid #a0532d;
	border-right:2px solid #a0532d;
	border-bottom:none;
	border-radius:5px 5px 0px 0px;
	text-align:center;
	font-weight:bold;
	text-shadow:
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707,
		0px 0px 4px #a63707;
	vertical-align:bottom;
}
.tab2 div a , .tab3 div a  , .tab4 div a {
	display:block;
	margin:0px; padding:0px;
	text-decoration:none;
	color:#b0b0b0;
}
.tab2 {
}
.tab2 div {
	width:136px;
}
.tab2 div a {
}
.tab3 {
}
.tab3 div {
	width:88px;
}
.tab3 div a {
}
.tab4 {
}
.tab4 div {
	width:68px;
}
.tab4 div a {
}
.tab_contents {
	margin:0px auto;
	width:300px;
	border-radius:0px 0px 5px 5px;
	border:2px solid #fd7014;
	/*background:#ffb144;*/
	font-size:14px;
	list-style:none;
	text-align:left;
		background: #FFFBEB;
}
.tab_contents span.effect {
	color:#fd7014;
	font-weight:bold;
}
.tab_contents_radius_all {
	margin:0px auto;
	width:300px;
	border-radius:5px 5px 5px 5px;
	border:2px solid #fd7014;
	/*background:#ffb144;*/
	font-size:14px;
	list-style:none;
	text-align:left;
		background: #FFFBEB;
}

.sp-image-grid.grid {
	background: #FFFBEB;
}
.list-window, ul.window_floor{
	border:2px solid #A0522D;
	background:#FFF3D3;
	margin:0px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

}
ul.window_floor {
	width:300px;
}

/*ウィンドウwindow_infoの中に入れ子で表示するウィンドウ*/
ul.window_nest {
	border:2px solid #A0522D;
	background:#FFFBEB;
	width:277px;
	margin:0px 10px;
	position:relative;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*ウィンドウ*/
ul.window_info {
	border:2px solid #A0522D;
	background:#FFF3D3;
	width:300px;
	margin:0px 10px;
	position:relative;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

ul.window_info li.title {
margin: 0;
padding: 5px 5px 20px 5px;
width: 100%;
color: #fff;
text-align: center;
font-size: 14px;
border-radius: 2px 2px 0 0 !important;
border:1px solid #F2914F;
background:#c56a11;
text-shadow:
-1px -1px 1px #975500,
1px -1px 1px #975500,
-1px 1px 1px #975500,
1px 1px 1px #975500;
}

ul.window_info.modal {
	border:2px solid #A0522D;
	background:#FFF3D3;
		width: 297px;
	position:relative;
		margin: 0px 0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

ul.window_bold_info li > p {
		width:294px;

		padding-left:7px;
}

.bgwhite {
	background: #FFFBEB;
}
.bgwindow {
	background:#FFF3D3 !important;
}

ul.window_info.bgwhite {
	border:2px solid #A0522D;
		background: #FFFBEB;
	width:300px;
	margin:0px 10px;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*ul.window_info > .sp-text{
	background:#FFFBEB;
}*/


ul.window_info li {
	background:#FFFBEB;
	width:292px;
	margin:2px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

ul.window_info.modal li {
	background:#FFFBEB;
	/*width:292px;*/
		width: 290px;
	margin:2px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

ul.window_info.notice li {
	background:#FFFBEB;
	width:292px;
	margin:2px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 275px center #FFFBEB;
		background-size: 12px;
}

ul.window_info div.title, ul.window_floor > .title {
	background:#CE6900;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:14px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #F2914F;
	border-bottom:none;
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border:1px solid #F2914F;
	border-bottom:none;
	width:296px;
}
ul.window_info div.title div,ul.window_floor > .title > div {
	text-shadow:
	-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

ul.window_info li p {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 70px;
}

ul.window_info li span.effect {
	color:#fd7014;
	font-weight:bold;
}

ul.window_info li .btn_mini_center {
	margin:0px 0px 0px 80px;
	width:120px;
	text-align:center;
}




ul.window_info li img.image_data { /*絵文字対策*/
	width:60px;
	height:60px;
	-webkit-border-radius:10px;
	border:2px solid #fd7014;
}
ul.window_info li img.image_data2 { /*絵文字対策*/
	width:60px;
}

/*
ul.window_info li img { /*絵文字対策前
	position:absolute;
	top:5px;
	left:5px;
	width:60px;
	height:60px;
	-webkit-border-radius:10px;
	border:2px solid #fd7014;
}
*/



ul.window_info li:first-child {
	min-height:inherit;
	max-height:20px;
	border-radius:5px 5px 0px 0px;
}
ul.window_info li:last-child ,
ul.window_caution li:last-child {
	border-radius:0px 0px 3px 3px;
}
ul.window_info li .btn_mini {
	margin:0px 0px 0px 140px;
	width:120px;
	text-align:center;
}
ul.window_info li .btn_mini_gray {
	margin:0px 0px 0px 140px;
	width:120px;
	text-align:center;
}
ul.window_info li.link {
	border-radius:0px 0px 3px 3px;
	font-size:12px;
	text-align:center;
}

ul.window_info li.link .btn_mini {
	margin:0px auto;
}

ul.ranking li {
	min-height:inherit;
	min-height:70px;
		background: #FFFBEB;
}

ul.ranking li > .text {
	min-height: 40px;
}
ul.ranking li img.image_data,ul.ranking li img.image_data_re { /*絵文字対策*/
	position:absolute;
	top:5px;
	left:5px;
	-webkit-border-radius:10px;
	border:2px solid #fd7014;
		float:left;
}
ul.ranking li img.image_data {
	width:60px;
	height:60px;
}

ul.ranking li img.image_data2 { /*絵文字対策*/
	position:absolute;
	top:65px;
	left:7px;
	width:60px;

}



ul.window_yellow {
	border:2px solid #fd9a23;
	background:#ffcf4f;
}
ul.window_yellow li.title {
	background:#ffaa39;
	-webkit-box-shadow:
		inset 1px 1px 1px #febf7a,
		inset 1px 1px 3px #febf7a;
	border-bottom:2px solid #fc9313;

}
ul.window_yellow li {
	background:#FFFBEB;
	min-height:inherit;
}

ul.window_caution {
	margin:0px auto;
	padding:0px;
	width:300px;
	border-radius:5px;
	border:2px solid #646464;
	background:#a4a4a4;
	font-size:14px;
}

ul.window_caution li.title {
	margin:0px;
	padding:6px 0px 2px 0px;
	background:#737373;
	-webkit-box-shadow:inset 1px 1px 1px #c3c3c3;
	border-bottom:2px solid #646464;
	border-radius:3px 3px 0px 0px;
	color:#ffffff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-shadow:
		0px 0px 4px #5a5a5a,
		0px 0px 4px #5a5a5a,
		0px 0px 4px #5a5a5a,
		0px 0px 4px #5a5a5a,
		0px 0px 4px #5a5a5a;
	list-style:none;
}
ul.window_caution li {
	position:relative;
	text-align:left;
	margin:3px;
	padding:3px 0px 0px 10px;
	background:#e9e9e9;
	color:#3f3f3f;
	list-style-type:square;
	list-style-position:inside;
}
ul.window_caution li span.effect {
	color:#ed4901;
	font-weight:bold;
}

ul.window_item li {
	font-size:12px;
}
ul.window_item div.item {
	position:inherit;
	display:table;
	width:100%;
	text-align:center;
}
ul.window_item li img {
	position:static;
	margin:0px;
	padding:0px;
}
ul.window_item div.item div {
	position:inherit;
	display:table-cell;
	width:1%;
	line-height:1.2;
	color:#ff6f21;
}
ul.window_item div.item div a {
	margin:0px;
	padding:0px;
	color:#ff6f21;
	font-weight:bold;
	text-decoration:none;
}




/*ページネーション*/
.page_number {
	margin:4px auto 4px auto;
	font-size:12px;
	color:#702700;
}

.pagenation {
	margin:4px auto 4px auto;
	width:95%;
	display:table;
}
.pagenation .back ,
.pagenation .next ,
.pagenation .back_gray ,
.pagenation .next_gray {
	width:60px;
	display:table-cell;
}
.pagenation .back {
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/pagenation_left.png?v=710") no-repeat center center;
	background-size:100%;
}
.pagenation .next {
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/pagenation_right.png?v=710") no-repeat center center;
	background-size:100%;
}
.pagenation .back_gray {
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/pagenation_left_gray.png?v=710") no-repeat center center;
	background-size:100%;
}
.pagenation .next_gray {
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/pagenation_right_gray.png?v=710") no-repeat center center;
	background-size:100%;
}

.pagenation .back a ,
.pagenation .next a ,
.pagenation .back_gray a ,
.pagenation .next_gray a {
	display:block;
}
.pagenation .back , .pagenation .back_gray {
	padding:8px 0px 4px 8px;
	color:#666666;
}
.pagenation .next , .pagenation .next_gray {
	padding:8px 8px 4px 0px;
	color:#666666;
}
.pagenation .back_gray a , .pagenation .next_gray a {
	color:#666666;
}

.pagenation div {
	height:20px;
	width:150px;
	display:table-cell;
}



.pagenation a {
	margin:0px;
	padding:2px;
	color:#702700;
	font-weight:bold;
	text-decoration:none;
}


.tab_contents .data {
	position:relative;
	text-align:left;
	width:300px;
	margin:0px 0px 5px 0px;
	padding:5px;
	background:#FFFBEB;
	border:none;
	color:#702700;
}
.tab_contents .data:first-child {
	min-height:inherit;
	max-height:20px;
	border-radius:5px 5px 0px 0px;
}
.tab_contents .data:last-child {
	margin:0px 0px 0px 0px;
	border-radius:0px 0px 3px 3px;
}
.tab_contents .data p {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 00px;
}

.news_header {
	width:300px;
	margin:0px auto;
	padding:2px 0px;
	border-radius:10px;
	border:2px solid #fd7014;
	background:#ffb145;
	color:#712702;
	font-weight:bold;
}
.news_header_long {
	width:100%;
	margin:0px auto;
	padding:2px 0px;
	border-top:2px solid #fd7014;
	border-bottom:2px solid #fd7014;
	background:#ffb145;
	color:#712702;
	font-weight:bold;
}

/*フキダシ用CSS*/
ul.comment_info {
	margin:0px auto;
	padding:0px;
	width:320px;
	list-style:none;
	font-size:14px;
}
ul.comment_info li {
	position:relative;
	text-align:left;
	margin:3px;
	padding:3px;
	min-height:70px;
}
ul.comment_info li img.image_data { /*絵文字対策*/
	position:absolute;
	top:4px;
	left:5px;
	width:60px;
	height:60px;
	-webkit-border-radius:10px;
	border:2px solid #fd7014;
}

/*フキダシ*/
.arrow_box {
	position: relative;
	background: #FFFBEB;
	border: 2px solid #fd7014;
	border-radius:7px;
	margin:0px 0px 0px 80px;
	padding:7px 5px 0px 5px;
	color:#702700;
	width:210px;
	height:55px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 238, 210, 0);
	border-right-color: #FFFBEB;
	border-width: 10px;
	top: 50%;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(253, 112, 20, 0);
	border-right-color: #fd7014;
	border-width: 13px;
	top: 50%;
	margin-top: -13px;
}

.category_table div {
	display:table;
	margin:5px 5px;
}
.category_table .title {
	display:table-cell;
	vertical-align:middle;
	width:70px;
	text-align:center;
	font-weight:bold;
	padding:2px 0px 0px 0px;
	border-radius:5px;
	background:#ff9654;
}
.category_table .data {
	display:table-cell;
	vertical-align:middle;
	width:180px;
	padding:0px 0px 0px 7px;
}

.profile_table div {
	display:table;
	margin:5px 5px;
}

.profile_table .profile_title {
	display:table-cell;
	vertical-align:middle;
	width:120px;
	text-align:center;
	font-weight:bold;
	padding:2px 0px 0px 0px;
	border-radius:5px;
	background:#FFCA95;
}

.profile_table .data {
	display:table-cell;
	vertical-align:middle;
	width:180px;
	padding:0px 0px 0px 7px;
}
.arrow_box_left {
position: relative;
margin: 0 0 0 20px;
padding: 5px;
background: #fffeed;
border: 2px solid #f5b705;
border-radius: 10px;
width:80%;
min-height:40px;
}

/*=================プルダウン、チェックボックス=================*/

input,
textarea {
	-webkit-user-select: auto;
}
select {
	font-size: 16px;
}
.input_text_button input[type=submit] {
	border:none;
	font-weight:bold;
	color:#ffd21f;
	margin:0px; padding:0px;
	/*line-height:2.1;*/
}
.btn_black_xs input[type=submit] {
	margin:0px; padding:0px;
}
.btn_black_xs input[type=submit] {
	margin:0px; padding:0px;
}





/*プルダウン*/

.pulldown_s {
	-webkit-appearance: none;
	width: 95px;
	height: 30px;
	color: #702700;
	font-size: 12px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border:none;
	background:url("../image/common/pulldown_m.png") no-repeat;
	background-size:100%;
}
.pulldown_m {
	-webkit-appearance: none;
	width: 140px;
	height: 30px;
	color: #702700;
	font-size: 12px;
	font-weight:bold;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border:none;
	background:url("../image/common/pulldown_m.png") no-repeat;
	background-size:100%;
}
.pulldown_l {
	-webkit-appearance: none;
	width: 215px;
	height: 30px;
	color: #702700;
	font-size: 14px;
	font-weight:bold;
	vertical-align:middle;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border:none;
	background:url("../image/common/pulldown_l.png") no-repeat;
	background-size:100%;
}
.btn_submit {
	display:inline-block;
	height: 28px;
	padding: 0px 5px;
	margin: 0px;
	color:#702700;
	font-weight:bold;
	text-align:center;
	background:url("../image/common/pulldown_l.png") no-repeat;
	-webkit-appearance: none;
	-webkit-box-shadow:
		inset 1px 1px 1px #ffb144,
		inset -1px 1px 1px #ffb144,
		inset 1px -1px 1px #ffb144,
		inset -1px -1px 1px #ffb144;
	background-size:100%;
	background: #FFFBEB;
	border: 2px solid #fd7014;
	border-radius:7px;
}

/*チェックボックス*/
.check_group ,
.check_group_l {
	margin:0px; padding:0px;
}

.check_group input ,
.check_group_l input {
	display: none;
}

.check_group span.effect ,
.check_group_l span.effect {
	padding:0px 0px 0px 5px;
}

.check_group label {
	width:110px;
	display:inline-block;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	background: url("../image/common/checkbox_off.png") no-repeat 5px center #e9e9e9;
	background-size: 15px 15px;
	color: #702700;
	text-align: left;
	-webkit-box-shadow:
		inset 1px 1px 1px #a8a8a8,
		inset -1px 1px 1px #a8a8a8,
		inset 1px -1px 1px #a8a8a8,
		inset -1px -1px 1px #a8a8a8;
	border: 2px solid #676767;
	border-radius:7px;
}
.check_group input:checked+label {
	width:110px;
	display:inline-block;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	background: url("../image/common/checkbox_on.png") no-repeat 5px center #FFFBEB;
	background-size: 15px 15px;
	text-align: left;
	-webkit-box-shadow:
		inset 1px 1px 1px #ffb144,
		inset -1px 1px 1px #ffb144,
		inset 1px -1px 1px #ffb144,
		inset -1px -1px 1px #ffb144;
	border: 2px solid #fd7014;
	border-radius:7px;
}

.check_group_l label {
	width:180px;
	display:inline-block;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	background: url("../image/common/checkbox_off.png") no-repeat 5px center #e9e9e9;
	background-size: 15px 15px;
	color: #702700;
	text-align: left;
	-webkit-box-shadow:
		inset 1px 1px 1px #a8a8a8,
		inset -1px 1px 1px #a8a8a8,
		inset 1px -1px 1px #a8a8a8,
		inset -1px -1px 1px #a8a8a8;
	border: 2px solid #676767;
	border-radius:7px;
}
.check_group_l input:checked+label {
	width:180px;
	display:inline-block;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	background: url("../image/common/checkbox_on.png") no-repeat 5px center #FFFBEB;
	background-size: 15px 15px;
	text-align: left;
	-webkit-box-shadow:
		inset 1px 1px 1px #ffb144,
		inset -1px 1px 1px #ffb144,
		inset 1px -1px 1px #ffb144,
		inset -1px -1px 1px #ffb144;
	border: 2px solid #fd7014;
	border-radius:7px;
}


/*メニューリストボタン*/

.menu_list_switch {
	width:300px;
	margin:0px auto;
	display:table;
}
.menu_list_switch a {
	margin:0px;
	padding:10px 0px 8px 0px;
	width:1%;
	display:table-cell;
}

.menu_list_switch a.on {
	color: #702700;
	font-weight:bold;
	text-decoration:none;
	background:#FFFBEB;
	-webkit-box-shadow:
		inset 1px 1px 1px #ffb144,
		inset -1px 1px 1px #ffb144,
		inset 1px -1px 1px #ffb144,
		inset -1px -1px 1px #ffb144;
	border-top: 2px solid #fd7014;
	border-bottom: 2px solid #fd7014;
}

.menu_list_switch a.off {
	color: #702700;
	text-decoration:none;
	background:#e9e9e9;
	-webkit-box-shadow:
		inset 1px 1px 1px #a8a8a8,
		inset -1px 1px 1px #a8a8a8,
		inset 1px -1px 1px #a8a8a8,
		inset -1px -1px 1px #a8a8a8;
	border-top: 2px solid #676767;
	border-bottom: 2px solid #676767;
}

/*一番最初と最後のaタグ制御*/
.menu_list_switch a.on:first-child {
	border-left: 2px solid #fd7014;
}
.menu_list_switch a.off:first-child {
	border-left: 2px solid #676767;
}
.menu_list_switch a.on:last-child {
	border-right: 2px solid #fd7014;
}
.menu_list_switch a.off:last-child {
	border-right: 2px solid #676767;
}

/*角丸ちゃん*/
.menu_list_switch a:first-child {
	border-radius:7px 0px 0px 7px;
}
.menu_list_switch a:last-child {
	border-radius:0px 7px 7px 0px;
}








/* 満足度（boss_damage）の追加 */

/* アニメーション：左右からのスライド */
.motion_left2right {
	-webkit-animation-name: left2right, left2right_opacity;
	-webkit-animation-duration: 0.5s;
	animation-timing-function: ease-in;
}
@-webkit-keyframes left2right {
	0% { -webkit-transform: translateX(-80px); }
	100% { -webkit-transform: translateX(0); }
}
@-webkit-keyframes left2right_opacity {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.motion_right2left {
	-webkit-animation-name: right2left, right2left_opacity;
	-webkit-animation-duration: 0.5s;
}
@-webkit-keyframes right2left {
	0% { -webkit-transform: translateX(80px); }
	100% { -webkit-transform: translateX(0); }
}
@-webkit-keyframes right2left_opacity {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* アニメーション：バウンスインから消えるまで */
.motion_bounceIn {
	-webkit-animation-name: bounceIn, bounceIn_opacity;
	-webkit-animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}
@-webkit-keyframes bounceIn {
	0% { -webkit-transform: scale(.3); }
	35% { -webkit-transform: scale(1.05); }
	40% { -webkit-transform: scale(.9); }
	50% { -webkit-transform: scale(1); }
	90% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(.3); }
}
@-webkit-keyframes bounceIn_opacity {
	0% { opacity: 0; }
	35% { opacity: 1; }
	40% { opacity: 1; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}

/* アニメーション：フェードイン */
.motion_fadeIn {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-timing-function: ease-in;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/* //////////////////////////////--乙訓作業 ここまで--///////////////////////////////////// */

.submit_btn_mini[type=submit] {
	background: #FFCA95;
	-webkit-box-shadow: inset 1px 1px 1px #fea472;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	color: #702700;
	text-align: center;
	border: 2px solid #A0522D;
	height: 26px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

.renewal_copy_area {
	-webkit-border-radius: 10px;
	border: solid 2px #906500;
	padding: 5px;
}

.renewal_copy_btn {
	background: #FFCA95;
	-webkit-box-shadow: inset 1px 1px 1px #fea472;
	color: #702700;
	text-align: center;
	border: 2px solid #A0522D;
	padding: 5px 0px;
}

.renewal_copy_btn > a{
	text-decoration: none;
	color: #702700;
}

.submit_sort , .submit_sort_mini {
	/*background: #FFCA95;*/
	-webkit-box-shadow: inset 1px 1px 1px #fea472;
	color: #702700;
	text-align: left;
	border: 2px solid #A0522D;
	height: 26px;
	min-width: 140px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 30px;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/common/checkbox.png?v=710") no-repeat center #FFFBEB;
	background-size:25px 25px;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.submit_sort_mini {
	min-width: 70px;
}

ul.ranking li.no_link {
	display:block;
	/*width:100%;*/
		height:100%;
		min-height:75px;
	text-decoration:none;
	/*background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 250px center #FFFBEB;*/
	background-size:12px;
	color:#702700;
}

ul.ranking li.text >a , ul.ranking li.long >a {
	display:block;
	width:100%;
		height:100%;
			min-height:32px;
	text-decoration:none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;
	background-size:12px;
	color:#702700;
	padding-right: 20px;
}





ul.ranking li.long >a {
	width: 95%;
}
ul.ranking li.friend >a{
	display: block;
	width:auto;
		height: 100%;
		min-height: 14px;
	text-decoration: none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;
	background-size: 12px;
	color: #702700;
	padding-right: 0px;
	padding-left: 150px;
}

ul.ranking li.write >a{
	display: block;
	width:auto;
		height: 100%;
		min-height: 14px;
	text-decoration: none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;
	background-size: 12px;
	color: #702700;
	padding-right: 0px;
	padding-left: 190px;
}
ul.ranking li.text >a.more{
	display:block;
	width:30%;
		height:100%;
			min-height: 14px;
		/*margin-left: 205px;*/
	text-decoration:none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;
	background-size:12px;
	color:#702700;
		padding-left: 180px;
}

/*20130315追加分*/

ul.ranking li > a {
	display:block;
	width:100%;
		height:100%;
		min-height:65px;
	text-decoration:none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;
	background-size:12px;
	color:#702700;
}


.l-min-height, ul.ranking li.l-min-height > a{
min-height:14px;
}

#wrapper_delicious ul.ranking li > a {
	display:block;
	width:100%;
		height:100%;
		min-height:65px;
	text-decoration:none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 250px center #ffffff;
	background-size:12px;
	color:#702700;
}


.button .btn_yellow,
.btn_list .btn_yellow,
.btn_list .btn_brown,
.btn_list .btn_gray,
.btn_list .btn_red {
	display:inline-block;
	margin:0px;
	width:120px;
	text-align:center;
}

.button,
.btn_list{
	line-height: 2 !important;
	color: #ffffff !important;
	text-decoration:none;
	/*padding: 5px;*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.btn_yellow {
	margin:0px auto;
	line-height:2;
	border-radius:20px;
	border:2px solid #ffef58;
	-webkit-box-shadow:
		0px 0px 3px rgba(0,0,0,0.8),
		inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(255,97,1,1) 0%, rgba(255,199,65,1) 45%, rgba(255,131,0,1) 68%, rgba(255,68,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,97,1,1)), color-stop(45%,rgba(255,199,65,1)), color-stop(68%,rgba(255,131,0,1)), color-stop(100%,rgba(255,68,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,97,1,1) 0%,rgba(255,199,65,1) 45%,rgba(255,131,0,1) 68%,rgba(255,68,0,1) 100%); /* Chrome10+,Safari5.1+ */
}

#wrapper_default .btn_yellow a {
		display:block;
		text-shadow:
				0px 0px 4px rgba(0,0,0,0.8),
				0px 0px 4px rgba(0,0,0,0.8);
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		color: #ffffff !important;
}

.btn_brown {
		margin:0px auto;
		line-height:2;
		border-radius:20px;
		border:2px solid #ffef58;
		-webkit-box-shadow:
			0px 0px 3px rgba(0,0,0,0.8),
			inset 0px 0px 5px rgba(0,0,0,0.8);
		background: #bd6212;

}

.btn_brown a {
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff !important;
}

.btn_gacha_purple {
	padding: 0px;
	line-height: 30px;
	margin: 5px auto;
	text-align: center;
	border: 3px #b23cf0 solid;
	-webkit-border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CA5EF3),color-stop(0.49,#E1AEF3),color-stop(0.5,#E1AEF3), to(#B658F9));
	height: 30px;
	font-size: 12px;

	font-weight: normal;
	text-decoration: none;
}

.btn_gacha_purple a {
	text-decoration: none;
	color: #ffffff !important;
}

.btn_gacha_purple a > span {
	color: #FFFFFF !important;
}

.btn_red {
	margin:0px auto;
	line-height:2;
	border-radius:20px;
	border:2px solid #ffef58;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.8),inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(255,30,1,1) 0%, rgba(255,120,50,1) 45%, rgba(255,70,0,1) 60%, rgba(255,20,0,1) 100%);  /*FF3.6+*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,30,1,1)), color-stop(45%,rgba(255,120,50,1)), color-stop(60%,rgba(255,70,0,1)), color-stop(100%,rgba(255,20,0,1)));  /*Chrome,Safari4+*/
	background: -webkit-linear-gradient(top,  rgba(255,30,1,1) 0%,rgba(255,120,50,1) 45%,rgba(255,70,0,1) 60%,rgba(255,20,0,1) 100%);  /*Chrome10+,Safari5.1+*/

	/*aリンク無しでも文字装飾*/
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
.btn_red a {
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff !important;
}
.btn_gray {
	margin:0px auto;
	line-height:2;
	border-radius:20px;
	border:2px solid #d5d5d5;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.8),inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(134,134,134,1) 0%, rgba(205,205,205,1) 45%, rgba(175,175,175,1) 60%, rgba(133,133,133,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,134,134,1)), color-stop(45%,rgba(205,205,205,1)), color-stop(60%,rgba(175,175,175,1)), color-stop(100%,rgba(133,133,133,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(134,134,134,1) 0%,rgba(205,205,205,1) 45%,rgba(175,175,175,1) 60%,rgba(133,133,133,1) 100%); /* Chrome10+,Safari5.1+ */
	/*aリンク無しでも文字装飾*/
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
.btn_gray a {
	display:block;
	text-shadow:
		0px 0px 4px rgba(0,0,0,0.8),
		0px 0px 4px rgba(0,0,0,0.8);
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff !important;
}





/*20130318追加分*/

#wrapper_delicious .page_number {
	margin:4px auto 4px auto;
	font-size:12px;
	color:#ffffff;
}
ul.myrstn_event li,ul.myrstn_event li > a {
	min-height: 45px;
}
/*20130321追加分*/
.window_info li.text {
	min-height:10px;
	font-size:14px;
}

/*20130327追加分*/
ul.ranking li a p {
	padding:0px 20px 0px 70px;
}

.btn_mini[type=submit] {
	margin:0px auto;
	line-height:2;
	color:#ffffff;
	font-weight:bold;
	border-radius:20px;
	border:2px solid #ffef58;
	text-shadow:
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500,
		0px 0px 3px #975500;
	-webkit-box-shadow:
		0px 0px 3px rgba(0,0,0,0.8),
		inset 0px 0px 5px rgba(0,0,0,0.8);
	background: -moz-linear-gradient(top,  rgba(255,97,1,1) 0%, rgba(255,199,65,1) 45%, rgba(255,131,0,1) 68%, rgba(255,68,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,97,1,1)), color-stop(45%,rgba(255,199,65,1)), color-stop(68%,rgba(255,131,0,1)), color-stop(100%,rgba(255,68,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,97,1,1) 0%,rgba(255,199,65,1) 45%,rgba(255,131,0,1) 68%,rgba(255,68,0,1) 100%); /* Chrome10+,Safari5.1+ */
}

.btn_mini_purple[type=submit] {
	padding:0px;
	line-height:30px;
	margin:5px auto;
	text-align:center;
	border:3px #b23cf0 solid;
	-webkit-border-radius: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CA5EF3),color-stop(0.49,#E1AEF3),color-stop(0.5,#E1AEF3), to(#B658F9));
	/*height:30px;*/
	font-size:16px;
	font-weight:bold;

		color:#ffffff;
		width: 180px;
}


#wrapper_delicious ul.blocklink li > a {
	display:block;
	width:100%;
		height:100%;
	
	text-decoration:none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #ffffff;
	background-size:12px;
	color:#702700;
}

#wrapper_default ul.blocklink li > a {
	display:block;
	width:100%;
		height:100%;
		text-decoration:none;
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;
	background-size:12px;
	color:#702700;
	padding: 4px 0;
	font-weight: normal;
}




ul.blocklink li.text > a {
	width: 85%;
		padding-right: 45px;
}

#wrapper_default ul.notice.blocklink li > a {
	display:block;
	width:100%;
		height:100%;
		text-decoration:none;
	/*background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/feature/common/icon_news_arrow.png?v=710") no-repeat 270px center #FFFBEB;*/
	background-size:12px;
	color:#702700;
	padding: 10px 0;
	width: 260px;
}

#wrapper_default ul.notice.blocklink li.star  > a, #wrapper_default ul.notice.blocklink li.present > a {
	padding-left: 30px;
		width: 230px;
}

ul.blocklink li {

}

ul.blocklink li a p {
	padding:0px 20px 0px 70px;
}

#contents   {

	background:#ffe5a2;
	position:absolute;
}

.arrow_r    {
	background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon/arrow_r.png?v=710") no-repeat center right;
		background-size:12px 19px;
	-webkit-background-size:12px 19px;
}

.arrow_r02 , .arrow_r02_new_line{
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon/arrow_r02.png?v=710") no-repeat;
	background-size:11px 17px;
	-webkit-background-size:11px 17px;
	width:11px;
	height:17px;
	position:absolute;
	right:5px;
	top:6px;
}

.arrow_r02_new_line{
		top: 12px;
}
/* ----- ▼ フレーム ▼ ----- */
#contents .frame    {
	border:2px solid #A0522D;
	background:#E8E1C5;
	width:300px;
	margin:10px;
	position:relative;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#contents .inner    {
	background:#FFFBEB;
	width:292px;
	margin:2px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#contents .inner_n  {
	background:#FFFBEB;
	width:292px;
	margin:2px;
	padding:8px 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* ----- ▲ フレーム ▲ ----- */

/* ----- ▼ ステータス ▼ ----- */
#tb_status  {
}

#tb_status tr td span   {
	/*color:#F2914F;*/
}

#tb_status tr td:nth-child(1){
	background:#FFCA95;
	padding:3px 10px;
	width:60px;

	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#tb_status tr td:nth-child(2){
	padding-left:5px;
	font-size:1.3em;
}

/* ----- ▲ ステータス ▲ ----- */

/* ----- ▼ 伝言板 ▼ ----- */
#contents .frame .f_tit     {
	background:#CE6900;
	padding:5px;
	text-align:center;
	color:#fff;
	font-size:1.2em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	border:1px solid #F2914F;
	border-bottom:none;

	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
}

#contents .frame .f_tit     div     {
text-shadow:
-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

.user   {
	display:inline-block;
	border:2px solid #A0522D;
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.user img   {
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.balloon    {
	width:184px;
	border:2px solid #a0522d;
	margin-top:5px;
	margin-left:78px;
	padding:7px 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	line-height:1.2em;
	/*color:#111;*/

	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	background: #FFFFFF;
		position: relative;
}

.bl_tri     {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/balloon_tri.png?v=710") no-repeat;
	background-size:12px 14px;
	-webkit-background-size:12px 14px;
	width:12px;
	height:14px;
	position:absolute;
	top: 7px;
		left: -12px;
}

.txt_red    {
	color:#E71420;
}

/* ----- ▲ 伝言板 ▲ ----- */

/* ----- ▼ メニュー ▼ ----- */
#menu   {
	border-top:2px solid #A0522D;
	border-bottom:2px solid #A0522D;
	background:#CE6900;
	color:#FFF;
	text-align:center;
	padding:4px 0;

	text-shadow:
-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

#menu_area  {
	text-align:center;
	width:320px;
	padding:5px 0;
}

#menu_area a    {
	display:inline;
}

#menu_area table    {
	margin:0 auto;
	width:310px;
}

/* ----- ▲ メニュー ▲ ----- */
/* ----- ▼ ポップアップ ▼ ----- */
.modal{display:none;}
.modalBody{
	position: absolute;
	z-index:10000000;
	padding:10px 5px 5px 5px;
	background: #ffe5a2;
	border:2px solid #A0522D;
	width:310px;
	left:5px;
	top:70px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.4);
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.modalBK{
	position: absolute;
	z-index:9999999;
	height:0px;
	width:100%;
	top:0;
	left:0;
	background:#000;
	opacity: 0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-webkit-tap-highlight-color:transparent;
}

.modalBody .frame_m     {
	border:2px solid #A0522D;
	background:#E8E1C5;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
}

.modalBody .inner_m     {
		color: #702700;
	background:#FFFBEB;
	width:288px;
	margin:2px;
	padding:8px 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;

	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.modalBody .back_btn    {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/btn/back_btn.png?v=710") no-repeat;
	background-size:158px 36px;
	width:158px;
	height:36px;
	margin:5px auto 0;
	-webkit-tap-highlight-color:transparent;
}

.modalBody span{
	margin-left:24px;
}

.modalBody span.modal , .modalBody ul.modal span{
	margin-left: 0px;
}

.modalBody div.text{
	width: 90%;
}

.modalBody .next{
	margin-left:0;
	margin-right:20px;
}
.icon_com   {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon/icon_com.png?v=710") no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
	width:17px;
	height:17px;
	position:absolute;
	left:5px;
	top:6px;
}

.icon_star , .icon_star_2   {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon_news.png?v=710") no-repeat;
	background-size:18.5px 17px;
	-webkit-background-size:18.5px 17px;
	width:18.5px;
	height:17px;
	position:absolute;
	left:5px;
	top:6px;
}

.icon_star_2    {

	top:15px;
}

.icon_present , .icon_present_2 {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon_present.png?v=710") no-repeat;
	background-size:18.5px 17px;
	-webkit-background-size:18.5px 17px;
	width:18.5px;
	height:17px;
	position:absolute;
	left:5px;
	top:6px;
}

.icon_present_2 {

	top:15px;
}

.m_num  {
	background:#F18D37;
	color:#fff;
	position:absolute;
	top:5px;
	right:22px;
	text-align:center;
	padding:2px 0 4px;
	width:40px;

	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

	body.android .m_num     {
		padding:3px 0;
	}

/* タブ */
ul.tab_tn   {
	padding: 0;
	width: 100%;
	display:table-row;
}

ul.tab_tn li    {
	width: 30%;
	display: table-cell;
	position: relative;
	vertical-align: bottom;
	text-align:center;
}

ul.tab_tn #all a, ul.tab_tn #new_info a, ul.tab_tn #notice a    {
	width:96px;
	padding:5px 0px 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:2px solid #A0522D;
	border-bottom:none;
	background:#CE6900;
	color:#fff;
	margin-bottom:-1px;

	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;

	text-shadow:
-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

ul.tab_tn #all a.selected, ul.tab_tn #new_info a.selected, ul.tab_tn #notice a.selected     {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:2px solid #A0522D;
	border-bottom:none;
	background:#EF7F02;
	color:#fff;
	padding:10px 0 7px;
	margin-bottom:-1px;

	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;

	text-shadow:
-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

ul.tab_tn #notice a     {
	margin-right:-5px;
}

.tab_box {
	width: 100%;
	background: #fcb358;
	border-top: 2px solid #fb6f31;
	border-bottom: 2px solid #fb6f31;
	margin: -2px 0;
}

/* タブ */
/* ----- ▲ ポップアップ ▲ ----- */

/* ----- トマト ----- */
.tmt    {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon/tmt.png?v=710") no-repeat center top;
	background-size:57px 56px;
	-webkit-background-size:57px 56px;
	width:70px;
	height:70px;
	top:11px;
	right:10px;
	position:absolute;
	-webkit-tap-highlight-color:transparent;
}

/* ----- トマト（新着非表示） ----- */
.tmt02  {
		background:url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/myrstn/icon/tmt02.png?v=710") no-repeat;
	background-size:66px 64px;
	-webkit-background-size:66px 64px;
	width:66px;
	height:66px;
	top:10px;
	right:10px;
	position:absolute;
	-webkit-tap-highlight-color:transparent;
}

/* メインボタン
--------------------------------------------------------- */
#mr_btn     {
	background:#FFF;
}

#mr_btn a   {
	display:inline-block;
}

.mb_02  {
	margin-bottom:-2px;
}

	body.android2_3 .mb_02  {
		margin-bottom:-3px;
	}

.btn02  {
	position:relative;
}

.btn_03     {
	position:absolute;
}

.wd1 {

}

/*myrstnお知らせタブ*/
/* タブ */
ul.tab_tn   {
	padding: 0;
	width: 100%;
	display:table-row;
}

ul.tab_tn li    {
	width: 30%;
	display: table-cell;
	position: relative;
	vertical-align: bottom;
	text-align:center;
}

ul.tab_tn #all a, ul.tab_tn #new_info a, ul.tab_tn #notice a    {
	width:96px;
	padding:5px 0px 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:2px solid #A0522D;
	border-bottom:none;
	background:#CE6900;
	color:#fff;
	margin-bottom:-1px;

	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;

	text-shadow:
-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

ul.tab_tn #all a.selected, ul.tab_tn #new_info a.selected, ul.tab_tn #notice a.selected     {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:2px solid #A0522D;
	border-bottom:none;
	background:#EF7F02;
	color:#fff;
	padding:10px 0 7px;
	margin-bottom:-1px;

	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;

	text-shadow:
-1px -1px 1px #975500,
	1px -1px 1px #975500,
	-1px 1px 1px #975500,
	1px 1px 1px #975500;
}

ul.tab_tn #notice a     {
	margin-right:-5px;
}
/* タブ */



img.center{
	border:none;
		margin-left:11px;
}


ul.sp-status-data{
		width: 300px;
		border: 2px solid #A0522D;
		background: #FFFBEB;
		border-radius: 5px;
}

.sp-status-data li{
	margin-left:12px;
}

ul.sp-image-text{
		width: 300px;
		border: 2px solid #A0522D;
		background: #FFFBEB;
}

ul.sp-image-text.profile {
		width: 300px;
		border: 2px solid #A0522D;
		background: #FFFBEB;
	list-style-type:none;
	padding:0px;
	margin:auto;
		border-radius: 5px;
}

.sp-chat-bubble {
		margin-top:10px;
}

textarea,
input[type=text] {
		width: 200px;
}

/* 20250126 二重定義なのでコメントアウト
.btn_plain_gray {
	margin:0px auto;
	padding:2px 3px 3px 2px ;
	width:280px;
	height:30px;
	line-height:2;
	border-radius:10px;
	border:2px solid #bd6212;
	background:#ffb144;
}
.btn_plain_gray a{
	display:block;
	height:29px;
	padding:1px 0px 0px 0px ;
	text-shadow:
		0px 0px 6px rgba(0,0,0,0.8),
		0px 0px 6px rgba(0,0,0,0.8);
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background:#bd6212;
	-webkit-box-shadow:
		inset 1px 1px 1px rgba(255,255,255,0.6),
		inset 2px 2px 2px rgba(255,255,255,0.6);
	border-radius:7px;
}

.btn_plain_gray {
		border:2px solid #979797;
	background:#d1d1d1;
}

.btn_plain_gray a {
		color:#ffffff !important;
		background:#d1d1d1;
}
*/

div.bkrs2-global-navi-top{
	padding:5px;
	margin:0 auto;
}

div.bkrs2-global-navi-top>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-top 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-top a span{
	color:#ffffff !important;
	text-shadow: 0px -2px 3px #33333;
}

div.form-textarea {
	width:auto;
}

textarea {
	resize:none;
	-webkit-border-radius: 10px;
	border: solid 2px #906500;
}

div.message form{
	background: #FFFBEB;
}


.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;
}
div.center-link,
a.center-link{
	margin:0px auto;
	padding:2px 3px 3px 2px ;
	width:280px;
	height:30px;
	line-height:2;
	border-radius:10px;
	border:2px solid #db2b02;
	background:#ff7044;
}
div.center-link > a, a.center-link span{
	display:block;
	height:28px;
	padding:1px 0px 0px 0px ;
	text-shadow:
	0px 0px 6px rgba(0,0,0,0.8),
	0px 0px 6px rgba(0,0,0,0.8);
	color:#ffffff !important;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background:#e62e04;
	-webkit-box-shadow:
	inset 1px 1px 1px rgba(255,255,255,0.6),
	inset 2px 2px 2px rgba(255,255,255,0.6);
	border-radius:7px;
}

.p-page-image-list ul.window_floor li {
	width:80px;
	margin:0 auto;
}
.p-page-image-list ul.window_floor li:nth-of-type(3n+1) {
	clear: both;
}

/*------------------　ページャー　------------------*/
.pager {
	overflow: hidden;
}
.pager ul {
	list-style: none;
	position: relative;
	float: left;
}
.pager ul li {
	margin-right: 6px;
	position: relative;
	left: 8px;
	float: left;
	line-height: 0.4;
}
.pager ul li span,.pager ul li.no-visit,.pager ul li a {
	display: block;
	font-size: 0.8rem;
	padding: 0.2em 0.2em;
}

#wrapper_default .pager ul li a,.visited,.no-visit,.pager ul li a:hover {
	text-decoration: none;
	border-style: solid;
	border-width: 10px;
}

.pager ul li a {/*---　選択できるボタン　---*/
	color: #ffffff;
	border-style: solid;
	-moz-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_orange_2.png?v=710") 39 repeat;
	-webkit-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_orange_2.png?v=710") 39 repeat;
	-o-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_orange_2.png?v=710") 39 repeat;
	border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_orange_2.png?v=710") 39 fill repeat;
}
.visited {/*---　現在のページ　---*/
	color: #ffffff;
	-moz-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_red_2.png?v=710") 39 repeat;
	-webkit-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_red_2.png?v=710") 39 repeat;
	-o-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_red_2.png?v=710") 39 repeat;
	border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_red_2.png?v=710") 39 fill repeat;
}
.no-visit {/*---　いけないページ　---*/
	color: #ffffff;
	-moz-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_gray_2.png?v=710") 39 repeat;
	-webkit-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_gray_2.png?v=710") 39 repeat;
	-o-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_gray_2.png?v=710") 39 repeat;
	border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_gray_2.png?v=710") 39 fill repeat;
}

.pager ul li a:hover {/*---　マウスオーバー(いらないけどw)　---*/
	-moz-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_yellow_2.png?v=710") 39 repeat;
	-webkit-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_yellow_2.png?v=710") 39 repeat;
	-o-border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_yellow_2.png?v=710") 39 repeat;
	border-image: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/staff/btn_yellow_2.png?v=710") 39 fill repeat;
	color: #fdff05;
}

/*spanの高さ調整*/
a.center-link span{
	display:table-cell;
	width:280px;
	vertical-align:middle;
}
div.image a{text-decoration:none}
div.sp-image div a{text-decoration:none}

/* 料理カテゴリアイコン(app/common/deco.css から引用) */
.icon_category {
top: 0;
left: 0;
display: block;
width: 28px !important;
height: 28px;
background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/deco/parts/sprite_icon.png?v=710") no-repeat left top;
background-size: 320px auto;
}
.category01 { background-position: -0.8%  22%; }
.category02 { background-position: 9.8%   22%; }
.category03 { background-position: 20.8%  22%; }
.category04 { background-position: 31.5%  22%; }
.category05 { background-position: 42.8%  22%; }
.category06 { background-position: 53.4%  22%; }
.category07 { background-position: -0.6%  28.8%; }
.category08 { background-position: 10%    28.8%; }
.category09 { background-position: 21%    28.8%; }
.category10 { background-position: 31.8%  28.8%; }
.category11 { background-position: 42.8%  28.8%; }
.category12 { background-position: -0.6%  37%; }
.category13 { background-position: 10.3%  37%; }
.category14 { background-position: 20.8%  37%; }
.category15 { background-position: 31.5%  37%; }
.category16 { background-position: 42.3%  37%; }
.category_special { background-position: 52.8%  37%; }

.category_challenge {
top: 0;
left: 0;
display: block;
width: 28px !important;
height: 28px;
background: url("https://d1guiv7awvbtml.cloudfront.net/v710/img-sp/deco/parts/sprite_icon.png?v=710") no-repeat left top;
background-size: 320px auto;
background-position: 52.8%  37%;
}

/* =========================================================
clear
========================================================= */
.clear {clear:both;}

/* ----- clearfix ----- */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */