@charset "utf-8";
/* CSS Document */
/* =============================
common
=============================== */
body {
	min-height: 100%;
	background-color: #eedead;
/*	background-image: -moz-linear-gradient(bottom, #eedead, #faf5e6);
	background-image: -o-linear-gradient(bottom, #eedead, #faf5e6);
	background-image: -ms-linear-gradient(bottom, #eedead, #faf5e6);*/
	background-image: -webkit-gradient(linear, left bottom, left top, from(#eedead), top(#faf5e6));
	background-image: linear-gradient(to top, #eedead, #faf5e6);
	background-repeat: no-repeat;
	color: #2b1801;
	font-size: 14px;
}
a:link {
	color: #06f;
}
a:visited {
	color: #909;
}
a:active, a:hover, a:focus {
	color: #f03;
	text-decoration: none;
}
img {
	vertical-align: bottom !important;
}
p+p {
	margin-top: 1em;
}
em {
	color: #f03;
}
@media screen and (min-width: 641px) {
.width-keeper {
	width: 640px;
	margin-left:auto;
	margin-right:auto;
}
}

.width-keeper {
	margin-left:auto;
	margin-right:auto;
	max-width: 640px;/*ie*/
}
body>div {
	background-image: url(../img/common/sp-bg.png);
/*	background-size: 100%;*/
}
#container {
	margin-bottom: 3%;
}
/* h1 */
.h1_title {
	margin-bottom: 4%;
}
.h1_brown {
	margin: 0 auto;
	padding: 0;
	border-radius: 5px;
	background-color: #4c1d12;
	box-shadow: inset 0 3px 3px rgba(255,255,255,.5);
	color: white;
	position: relative;
}
.bg_black {
	background-color: #333;
}
.h1_brown span {
	display: block;
	margin-left: 3%;
	padding: 11px;
	padding-left: 8%;
}
/* block *//*acordion */
.block_white {
	width: 95%;
	line-height: 1.4em;
	margin: 0 auto;
	padding-bottom: 3%;
	border-radius: 5px;
	box-shadow: 1px 2px 2px rgba(54,38,1,.3);
	background-color: white;
}
.block_95 .block_white {
	width: 100%;
}
.block_white p, .block_white>ul, .block_white>dl, .block_white>table, .det_02 p, .det_02>ul, .det_02>dl, .det_02>table {
	margin: 2.5% 2.5% 0;
}
.acordion {
	padding-bottom: 0;
	position: relative;
}
.h1_acordion:after {
	content: url(../img/sp-ico_arrowd30.png);
	position: absolute;
	top: 9px;
	right: 3%;
}
.detail {
	position: absolute;
	top: 9px;
	right: 3%;
}
.det_02 {
	display: none;
	padding-bottom: 3%;
	line-height: 1.4em;
}
/* btn-more */
.btn-more {
	margin-top: 3%;
	padding: 2% 0;
	background-color: #7a5629;
	text-align: center;
}
.btn-more a {
	display: block;
	width: 95%;
	margin: 0 auto;
	border-radius: 10px;
	background-color: #c99654;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(254,235,189,.28)));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(254,235,189,.28));
	box-shadow: 1px 2px 2px rgba(54,38,1,.3), inset 2px 3px 3px rgba(255,255,255,.5);
	text-decoration: none;
}
.btn-more a span {
	position: relative;
	display: block;
	line-height: 22px;
	border-radius: 10px;
	padding: 3% 0;
	background: url(../img/sp-bg_more.png) center top no-repeat;
	background-size: 100%;
	color: #fff;
	text-shadow: 0 0 6px rgba(212,134,0,.5);
	font-size: 16px;
	font-weight: bold;
	font-family: serif;
}
.btn-more a span:after {
	position: absolute;
	width: 22px;
	height: 22px;
	margin-left: 2%;
	content: url(../img/sp-ico_arrowd30.png);
	border-radius: 11px;
	box-shadow: 0 0 6px rgba(82,31,0,.5);
}
/*  */
.enquete_blue {
	color: #06f;
}
.red {
	color: #f03;
}
.pink {
	color: #f06;
}
.blue {
	color: #33f;
}
.c09f {
	color: #09f;
}
.orange {
	color: #f30;
}
.cc90 {
	color: #c90;
}
.c093 {
	color: #093;
}
.purple {
	color: purple;
}
.c60c {
	color: #60c;
}
.large {
	font-size: 18px;
}
.bold {
	font-weight: bold;
}
/* =============================
header
=============================== */
header {
	background-image: url(../img/common/sp-bg.png);
	background-size: 100%;
}
.top {
	padding-bottom: 1%;
	background-image: url(../img/common/sp-bg_top.png);
}
.top h1 {
	width: 72%;
	margin: 0 3%;
	padding-top: 2%;
}
.top ul {
	margin: 0 3%;
}
.top ul li {
	display: inline-block;
	width: 45%;
}
.top ul li:first-child {
	width: 31%;
}
.btn_menu {
	float: right;
	width: 21%;
	margin-top: -10%;
	margin-right: 1%;
}
.btn_tel {
	text-align: center;
}
.btn_tel {
	padding: 2% 0;
}
/* =============================
bottom
=============================== */
#bottom {
	margin-top: 6%;
}
#bottom h1 {
	line-height: 2.4em;
	padding-left: 2.5%;
	background-color: #3f160d;
	color: #fd9a0c;
	font-size: 16px;
	font-weight: bold;
}
#menu ul {
	width: 95%;
	margin: 3% auto;
}
#menu li {
	display: table;
	float: left;
	width: 50%;
	height: 3em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 4px;
	background-color: #eee;
	border: solid 1px #6a473e;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1), color-stop(50%,#f1f1f1), color-stop(50%,#fdfdfd), to(#fdfdfd));
	background-image: linear-gradient(to top, #f1f1f1, #f1f1f1 50%, #fdfdfd 50%, #fdfdfd);
}
#menu li a {
	display: table-cell;
	line-height: 1em;
	padding-left: 2%;
	padding-right: 1%;
	color: #552e24;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}
/* */
#group p {
	margin: 3% 5.1% 3% 5.2%;
}
/*  */
address {
	line-height: 2.4em;
	padding-top: 1%;
	background-color: #3c271b;
	color: white;
	text-align: center;
}
address a:link, address a:visited {
	color: white;
}

/* ============================= index.html =============================== */
#page-index {
	width: 100%;
	position: relative;
}
/* =============================
header
=============================== */
#page-index  header {
	width: 100%;
	padding-bottom: 46%;
	background: url(../img/sp-index_bg-header.png) center top no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 10;
}
#page-index  header h1 {
	position: absolute;
	width: 100%;
	margin-top: 1%;
	text-align: center;
}
#page-index  header h1 img {
	width: 72%;
	margin-left: -3%;
}
.index-shop {
	position: absolute;
	top: 48%;
	width: 100%;
/*	margin-top: 22%;*/
	text-align: center;
}
.index-shop img {
	width: 26%;
}
/* =============================
contents
=============================== */
#index-contents {
	margin-top: -24%;
	padding-top: 20%;
	padding-bottom: 80%;
	background: url(../img/sp-index_bg-contents.jpg) center top no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 0;
}
.index-text {
	width: 100%;
	position: absolute;
}
.index-text_r {
	float: right;
	width: 20%;
	margin-right: 7%;
}
.index-text_l {
	width: 31%;
	margin-left: 7%;
}
.index-status {
	width: 100%;
	position: absolute;
	margin-top: 55%;
}
.index-uketuke {
	float: left;
	width: 36%;
	margin-left: 3%;
	margin-right: 6%;
}
.index-eigyou {
	float: left;
	width: 51%;
}
.index-tel {
	clear: both;
	width: 93%;
	margin-left: 3%;
	margin-right: 4%;
	padding-top: 2%;
}
.index-mail {
	float: left;
	width: 45%;
	padding-top: 2%;
}
/* =============================
bottom
=============================== */
#index-bottom {
	margin-top: -28px;
	padding-top: 28px;
/*	margin-top: -3%;
/*	background-image: -webkit-linear-gradient(bottom, #704280, #eaceee 90%, rgba(248,222,250,0));
	background-image: -moz-linear-gradient(bottom, #704280, #eaceee 90%, rgba(248,222,250,0));
	background-image: -o-linear-gradient(bottom, #704280, #eaceee 90%, rgba(248,222,250,0));
	background-image: -ms-linear-gradient(bottom, #704280, #eaceee 90%, rgba(248,222,250,0));*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249,244,222,0)), color-stop(10%,#f6eed4), to(#d9bd7a));
	background-image: linear-gradient(to bottom, rgba(249,244,222,0), #f6eed4 28px, #d9bd7a);
/*	background-image: -webkit-gradient(linear, left bottom, left top, from(#d9bd7a), color-stop(90%,#f6eed4), to(rgba(249,244,222,0)));
	background-image: linear-gradient(to top, #d9bd7a, #f6eed4 90%, rgba(249,244,222,0));*/
	position: relative;
	z-index: 10;
}
.index-bottom_bg {
	background: url(../img/common/sp-bg.png) left top;
}
.index-bottom {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.index-btn {
	position: absolute;
	width: 100%;
}
.index-btn li {
	float: left;
}
.index-btn_l {
	width: 48%;
	text-align: center;
}
.index-btn_e {
	width: 52%;
	text-align: left;
}
.index-btn_l img {
	width: 86%;
	margin-top: 5%;
}
.index-btn_e img {
	width: 94%;
}
.index-18 {
	margin: 0 auto;
	padding: 22% 0 3%;
	text-align: center;
}
.index-18img {
	margin-right: 1%;
}
.index-18img img {
	vertical-align: middle !important;
}
.index-18text {
	display: inline-block;
	text-align: left;
}
/* =============================
footer
=============================== */
#page-index  footer {
	width: 100%;
	padding: 0;
}
#page-index footer address {
	background-color: transparent;
	color: #2b1801;
	text-align: center;
}
#page-index footer address a {
	color: #2b1801;
}
/* ============================= top.html =============================== */
#page-top {
	width: 100%;
}
/* =============================
top_news
=============================== */
.top_news {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 1%;
	border-radius: 10px;
	box-shadow: 1px 2px 2px rgba(0,0,0,.3), inset 2px 3px 3px rgba(255,255,255,.4);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#e14274), to(#ed6391));
	background-image: linear-gradient(to top, #e14274, #ed6391);
}
.top_news-bg {
	background: url(../img/sp-top_bg-news.png) no-repeat left top;
	background-size: 19%;
}
.top_news-bg>h1 {
	padding-top: 3%;
	padding-bottom: 2%;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 5px rgba(252,3,90,.5);
	font-size: 16px;
	font-weight: bold;
}
.top_news article {
	margin: 1%;
}
.top_news-date {
	color: #fff;
	text-align: right;
}
.top_news-content {
	margin: 1% 0;
	padding: 1% 0;
	border-radius: 5px;
	background-color: #fff;
}
.top_news-content h1 {
	line-height: 1.5em;
	margin: 1%;
	padding: 0 2%;
	border-left: 6px solid #e14274;
}
.top_news-content h1 a {
	color: #222;
	text-decoration: none;
	font-weight: bold;
}
.top_news-article {
	margin: 2%;
	padding: 1%;
	border-left: 1px solid #ccc;
	word-break: break-all;
	height: 30vh;
	overflow: scroll;
}
.top_news-article-imgtext {
	margin: 2% 2% 2% 27%;
	padding: 1%;
	width: 70%;
	border-left: 1px solid #ccc;
}
.top_news-link {
	margin: 1% 0;
	text-align: right;
}
.top_news-link li {
	display: inline-block;
	padding-left: 4px;
	padding-right: 14px;
	background: url(../img/sp-top_ico-arrow.png) right center no-repeat;
}
.top_news-link a {
	color: #fff;
	text-decoration: none;
}
/* =============================
top_menu
=============================== */
.top_menu {
	width: 95%;
	margin: 2% auto;
}
.top_menu li {
	float: left;
	width: 49%;
	margin-top: 2%;
	margin-right: 1%;
}
.top_menu li:nth-child(2n+4) {
	margin-left: 1%;
	margin-right: 0;
}
.top_menu .top_menu-big {
	float: none;
	width: 100%;
}
.top_menu li img {
	border-radius: 10px;
	box-shadow: 1px 2px 2px rgba(54,38,1,.6);
}
/* =============================
top_pickup
=============================== */
.top_pickup {
	width: 95%;
	margin: 2% auto;
	padding-bottom: 1%;
	border: 1px solid #443511;
	border-radius: 10px;
	background-color: #bca780;
}
.top_pickup h1 {
	margin: 1% 3%;
}
.top_pickup ul {
	margin-top: 4px;
}
.top_pickup li {
	float: left;
	width: 25%;
	text-align: center;
}
.top_pickup li a {
	color: #fff;
	text-decoration: none;
}
.top_pickup li img {
	margin-bottom: 4%;
	border: 2px solid #fff;
	border-radius: 10px;
}
/* =============================
top_menu2
=============================== */
.top_menu2 {
	width: 95%;
	margin: 2% auto;
}
.top_menu2 li {
	float: left;
	width: 24%;
	margin-top: 2%;
	margin-right: 1%;
}
.top_menu li:last-child {
	margin-right: 0;
}
.top_menu2 .top_menu2-big {
	width: 49%;
	margin-right: 1%;
}
/* ============================= blog.html =============================== */
.blog li {
	float: left;
	width: 50%;
	margin-bottom: 3%;
}
.blog_box {
	padding: 3% 0;
}
.blog_box h1 {
	margin: 0 2.5%;
	border: 1px solid #d8d6cf;
	border-radius: 5px;
	background: url(../img/sp-bg_box01.png) right bottom no-repeat;
	background-size: 22%;
}
.blog_box h1 a {
	height: 30px;
	display: block;
	padding: 3% 2px 1% 4px;
	color: #333;
	text-decoration: none;
}
.blog_box dl {
	margin: 3% 2.5% 0;
}
.blog_box dt {
	float: left;
	width: 41.6%;
	margin-right: 2%;
}
.blog_box dd {
	float: left;
	width: 55%;
	border: 1px solid #d8d6cf;
	border-radius: 5px;
}
.blog_box li {
	float: none;
	width: 92%;
	margin: 2% auto;
}
.blog_prof {
	color: #f60;
}
.blog_btn-more {
	text-align: center;
}
.blog_btn-more img {
	border-radius: 8px;
/*	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,.3);*/
	box-shadow: 1px 2px 2px rgba(0,0,0,.3);
}
/* ============================= concept.html =============================== */
/* =============================
concept_btn
=============================== */
.concept_btn li {
	float: left;
	width: 30%;
	margin: 0 2.5%;
}
.concept_btn li+li {
	margin-left: 0;
}
.concept_btn li img {
	border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(54,38,1,.3);
}
/* =============================
concept_block
=============================== */
.concept_block {
	margin-top: 3%;
}
.concept_block h1 {
	width: 95%;
	margin: 0 auto;
	padding-top: 2%;
}
.concept_block video {
	margin: 3% 10% 0;
}
.concept_block li img {
	float: left;
}
.concept_block li p {
	float: left;
	width: 46%;
	line-height: 1.2em;
	margin: 0;
	padding-top: 2%;
	padding-left: 2%;
}
.concept_block li+li {
	margin-top: 2%;
}
.concept_photo {
	float: left;
	width: 52%;
}
.concept_block p span {
	color: #b59147;
}
/* ============================= contact.html =============================== */
.contact section+section {
	margin-top: 3%
}
/* ============================= event.html =============================== */
.event_content {
	width: 95%;
	margin: 0 auto;
}
.event_content+section {
	margin-top: 3%;
}
.event_h {
	padding: 2% 4% 1.5%;
	border-radius: 5px;
	background: white url(../img/sp-bg_box02.png) left bottom no-repeat;
	background-size: 5%;
}
.event_link {
	float: left;
	width: 100%;
	margin-top: -3.5%;
}
.event_link a {
	display: block;
	width: 2em;
	margin-top: -0.8em;
	margin-left: 82%;
	padding: 1% 4% 0.5%;
	background-color: #333;
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,.75);
	border: solid 1px #333;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#0a0809), color-stop(51%,#0a0f0b), color-stop(51%,#6d7673), to(#afbdc0));
	background-image: linear-gradient(to top, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0);
	color: white;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.event_content .block_white {
	clear: both;
	width: 94%;
	margin-top: 2%;
	padding: 3%;
}
.event_img {
	width: 80%;
	margin: 0 auto;
}
/* ============================= enquete.html =============================== */
.review .block_white {
	margin-bottom: 3%;
}
.enquete_enter {
	width: 75%;
	margin: 1% auto 0;
	border-radius: 8px;
	background-color: #c99654;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(254,235,189,.28)));
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(254,235,189,.28));
	box-shadow: 1px 2px 2px rgba(0,0,0,.4), inset 2px 3px 3px rgba(255,255,255,.5);
}
.enquete_enter a {
	display: block;
	line-height: 3em;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 6px rgba(212,134,0,.5);
}
/* ============================= enquete_form.html =============================== */
.enquete_form fieldset dl {
	padding: 1% 3%;
}
.enquete_form fieldset dt {
	line-height: 1.3em;
	margin-top: 2%;
}
.enquete_form fieldset dd {
	line-height: 1.8em;
}
.enquete_form div h2 {
	width: 94%;
	margin: 3% auto 0;
	line-height: 2em;
	border: solid 1px #c6b086;
	border-radius: 5px;
	background-color: #f0eddc;
	color: #58471f;
	text-align: center;
}
.form_select {
	height: 1.8em;
	margin-right: 6px;
}
.form_text {
	width: 95%;
	height: 1.8em;
	padding: 0 4px;
}
.form_select2 {
	height: 1.8em;
}
.form_number, .form_tel {
	height: 1.8em;
	width: 20%;
	padding: 0 4px;
}
.form_radio, .form_check {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.form_textarea {
	width: 95%;
	height: 8em;
}
.form_submit, .form_clear, .form_button {
	width: 100%;
	height: 1.8em;
}
.enquete_form div ul {
	width: 97%;
	margin-top: 3%;
	margin-left: 3%;
	text-align: center;
}
.enquete_form div li {
	display: inline-block;
	width: 30%;
}
.enquete_form div li:first-child {
	margin-right: 10%;
}
.enquete>p {
	margin-top: 1.8em;
}
/* ============================= guide.html =============================== */
.guide section {
	margin-top: 3%;
}
.guide h2 {
	margin-top: 4%;
}
/* =============================
block
=============================== */
.guide_choose h1 span,
.profile_intr h1 span {
	background: url(../img/sp-ico_human.png) left center no-repeat;
	background-size: 19px;
}
.guide_area h1 span,
.guide_hotel h1 span,
.hotel_block h1 span {
	background: url(../img/sp-ico_building.png) left center no-repeat;
	background-size: 21px;
}
.guide_time h1 span {
	background: url(../img/sp-ico_time.png) left center no-repeat;
	background-size: 22px;
}
.guide_play h1 span,
.system_platina h1 span,
.profile_option h1 span {
	background: url(../img/sp-ico_fleur.png) left center no-repeat;
	background-size: 23px;
}
.guide_148 h1 span {
	background: url(../img/sp-ico_mphone.png) 6px center no-repeat;
	background-size: 12px;
}
.guide_agree h1 span,
.guide_privacy h1 span,
.guide_medical h1 span,
.guide_health h1 span {
	background: url(../img/sp-ico_caution.png) 6px center no-repeat;
	background-size: 22px;
}
.system_regular h1 span {
	background: url(../img/sp-ico_clover.png) left center no-repeat;
	background-size: 22px;
}
.system_deliver h1 span,
.mailmagazine_pay h1 span {
	background: url(../img/sp-ico_coin.png) left center no-repeat;
	background-size: 22px;
}
.system_card h1 span {
	background: url(../img/sp-ico_card.png) left center no-repeat;
	background-size: 22px;
}
.mailmagazine_recieve h1 span,
.contact_customer h1 span {
	background: url(../img/sp-ico_mail.png) left center no-repeat;
	background-size: 24px;
}
.mailmagazine_day h1 span,
.mailmagazine_reserv h1 span,
.profile_sche h1 span {
	background: url(../img/sp-ico_calendar.png) left center no-repeat;
	background-size: 22px;
}
.profile_revi h1 span {
	background: url(../img/sp-ico_comment.png) left center no-repeat;
	background-size: 22px;
}
.enquete_block h1 span {
	background: url(../img/sp-ico_file.png) left center no-repeat;
	background-size: 22px;
}
.contact_tel h1 span {
	background: url(../img/sp-ico_tel.png) left center no-repeat;
	background-size: 22px;
}

.guide_area a {
	color: #f03;
}
/* =============================
guide_play
=============================== */
.guide_play li {
	float: left;
	width: 50%;
	margin-bottom: 2%;
	text-align: center;
}
.guide_play li:last-child {
	width: 100%;
}
.guide_play li dl {
	width: 88%;
	margin: 0 auto;
}
.guide_play li:last-child dl {
	width: 44%;
}
.guide_play li dt {
	margin-bottom: 3px;
}
/* =============================
guide_148
=============================== */
.guide_148 li {
	padding-top: 2%;
	padding-bottom: 1%;
	border-top: 1px solid #3f160d;
}
.guide_148 li:first-child {
	padding-top: 0;
	border-top: none;
}
.guide_148 li img {
	margin-bottom: 1%;
}
/* =============================
guide_caution
=============================== */
.guide_agree ul {
	list-style-type: disc;
	margin-left: 5%;
	padding-top: 0;
}
.guide_agree dd+dt {
	margin-top: 2%;
}
/* =============================
guide_hotel
=============================== */
.guide_hotel {
	width: 65%;
	margin: 3% auto 0;
}
/* ============================= hotel.html =============================== */
.hotel section+section {
	margin-top: 3%;
}
.hotel_link {
	width: 91%;
	margin: 0 auto 3%;
	padding: 1% 2%;
	border-radius: 5px;
	text-align: center;
}
.hotel_link li {
	display: inline-block;
	margin: 1% 0;
}
.hotel_link li+li {
	border-left: 2px dotted #c96;
	padding-left: 4px;
}
.hotel_link li a {
	color: #fff;
	text-decoration: none;
}
.hotel_block table {
	width: 95%;
}
.hotel_block thead {
	background-color: #4c1d12;
}
.hotel_block tr {
}
.hotel_block th {
	padding: 3px;
	border: 1px solid #8a594e;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.hotel_block td {
	padding: 3px;
	border: 1px solid #8a594e;
}
.hotel section:nth-of-type(1) .det_02 {
	display: block;
}
/* ============================= link.html =============================== */
.link_link {
	width: 60%;
	margin: 0 auto 3%;
	padding: 1% 2%;
	border-radius: 5px;
}
.link_link li {
	display: block;
	margin: 2% 0;
}
.link_link li+li {
	padding-top: 2%;
	border-top: 2px dotted #c96;
}
.link_link li a {
	color: #fff;
	text-decoration: none;
	position: relative;
	padding-right: 12px;
}
.link_link li a:before{
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 6px solid #fff;
}
.link_list {
	list-style-type: square;
	list-style-position: inside;
	margin-left: 2.5%;
}
.link_list li+li {
	margin-top: 0.5em;
}
/* ============================= mailmagazine.html =============================== */
.mailmagazine section {
	margin-top: 3%;
}
/* =============================
mailmagazine_banner
=============================== */
.mailmagazine_banner {
	width: 95%;
	margin: 0 auto;
	box-shadow: 1px 2px 2px rgba(54,38,1,.3);
}
/* =============================
mailmagazine_form
=============================== */
.mailmagazine_form {
	width: 95%;
	margin: 0 auto;
	border: solid 1px #d8d6cf;
	background-color: white;
}
.mailmagazine_form h1 {
	line-height: 1.8em;
	background-color: #b6dffd;
	border-bottom: solid 1px #d8d6cf;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#b6dffd), color-stop(50%,#b9e2f6), color-stop(50%,#d8f0fc), to(#e0f3fa));
	background-image: linear-gradient(to top, #b6dffd, #b9e2f6 50%, #d8f0fc 50%, #e0f3fa);
	font-size: 16px;
	text-align: center;
}
.mailmagazine_form p {
	margin: 2.5% 2.5% 0;
}
.mailmagazine_form ul {
	margin: 1% 2.5% 3%;
}
.mailmagazine_form ul li {
	float: left;
	margin-right: 3%;
}
.mailmagazine_form ul li:first-child {
	width: 95%;
	margin-bottom: 2%;
}
/* =============================
mailmagazine_content
=============================== */
.mailmagazine_pay dd+dt {
	margin-top: 0.5em
}
.mailmagazine_pay dt {
	font-weight: bold;
	text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 0 0 8px rgba(68,68,68,.64);
}
.mailmagazine_pay dt:before, .mailmagazine_pay dt:after {
	content: "★"
}
.mailmagazine_pay dt:nth-of-type(1) {
	color: #70a401;
}
.mailmagazine_pay dt:nth-of-type(2) {
	color: #019fe9;
}
.mailmagazine_pay dt:nth-of-type(3) {
	color: #eb6100;
}
.mailmagazine_pay dt:nth-of-type(4) {
	color: #833f7c;
}
.mailmagazine_pay dt:nth-of-type(5) {
	color: #966e33;
}
/* =============================
mailmagazine_recieve
=============================== */
.mailmagazine_recieve-text li {
	padding: 2% 0;
	border-top: 1px solid #703b8a;
}
.mailmagazine_recieve-text li:first-child {
	border-top: none;
}
.mailmagazine .mailmagazine_recieve-link {
	width: 100%;
	margin: 0 0 1%;
}
.mailmagazine_recieve-link li {
	clear: both;
	padding: 2.5%;
	background-color: #eee;
	border: solid 1px #d8d6cf;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
	background-image: linear-gradient(to top, #ededed, #fff);
}
.mailmagazine_recieve-link li+li {
	border-top: none;
}
.mailmagazine_recieve-link li img {
	float: left;
	margin-bottom: 1%;
}
.mailmagazine_recieve-link .docomo span {
	display: block;
	padding: 10px;
	padding-left: 35%;
	background: url(../img/sp-img_docomo.png) 2% center no-repeat;
	background-size: 30%;
}
.mailmagazine_recieve-link .au span {
	display: block;
	padding: 0;
	padding-left: 35%;
	background: url(../img/sp-img_au.png) 8% center no-repeat;
	background-size: 18%;
}
.mailmagazine_recieve-link .softbank span {
	display: block;
	padding: 19px;
	padding-left: 35%;
	background: url(../img/sp-img_softbank.png) 2% center no-repeat;
	background-size: 30%;
}
/* ============================= movie.html =============================== */
.movie ul {
	width: 95%;
	margin: 0 auto;
}
.movie li {
	float: left;
	width: 49%;
	margin-bottom: 2%;
}
.movie li:nth-child(2n-1) {
	margin-right: 1%;
}
.movie li:nth-child(2n) {
	margin-left: 1%;
}
.movie li .block_white {
	width: 100%;
	padding-top: 3%;
	text-align: center;
}
.movie_box p {
	overflow: hidden;
	width: 80%;
	height: 0;
	margin: 0 auto;
	padding-bottom: 60%;
	border: 1px solid #d8d6cf;
}
.movie li h1 {
	width: 80%;
	margin: 4px auto 0;
	border: 1px solid #d8d6cf;
	border-radius: 5px;
}
.movie li h1 a {
	display: block;
	padding: 3%;
	color: #333;
	text-decoration: none;
}
#page-movied {
	text-align: center;
}
#page-movied header {
	margin-bottom: 2%;
}
#page-movied footer {
	margin-top: 2%;
}
/* ============================= news.html =============================== */
#page-news {
	width: 100%;
}
.news .top_news-bg>ul {
	margin: 1% 2%;
}
.news .top_news-content li+li {
	border-top: 1px dashed #ddd;
	padding-top: 1%;
}
.news .top_news-date {
	padding-left: 1%;
	color: #222;
	text-align: left;
}
.news .top_news h1 a {
	display: block;
}
.news .top_news-link li {
	padding-right: 1%;
	background: none;
}
/* ============================= news_detail.html =============================== */
.news_photo {
	float: left;
	width: 25%;
	margin: 1% 2%;
}
.news_photo+.top_news-article {
	border-left: none;
}
/* ============================= profile.html =============================== */
.ranking_left p img {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ranking_left ul {
	display: table;
	margin-top: 1.5%;
}
.ranking_left li {
	display: table-cell;
	width: 20%;
	border: 1px solid #d8d6cf;
}
.profile .ranking_left li img {
	border: none;
}
.profile_cource,
.profile_movi {
	margin-bottom: 1.5%;
}
.profile_cource dl {
	display: table;
	width: 100%;
}
.profile_cource dt {
	display: table-cell;
	color: #fff;
	vertical-align: middle !important;
	width: 74%;
	box-sizing: border-box;
	line-height: 1.0em;
	/*2015.04.28*/
	/*background-color: #fff;
	border: 1px solid #d8d6cf;
	vertical-align: top !important;*/
}
/*.profile_cource dt {
	vertical-align: top !important;
}*/
dt.cource01 {
	background: #e3296e;
	border: 1px solid #d8d6cf;
}
dt.cource02 {
	background: #2527E0;
	border: 1px solid #d8d6cf;
}
dt.cource03 {
	background: #862DE3;
	border: 1px solid #d8d6cf;
	letter-spacing: -1px;/*2015.04.28*/
}
.profile_cource dd {
	display: table-cell;
	width: 26%;/*34%*/
	background-color: #fff;
	border: 1px solid #d8d6cf;
	vertical-align: middle;
	box-sizing: border-box;/*2015.04.28*/
}
.profile_ico li {
	float: left;
	width: 50%;
}
/* =============================
profile_pass
=============================== */
.profile_pass {
	padding: 2%;
	border: 1px solid #d8d6cf;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
}
.profile_pass .form_text,
.profile_pass .form_button {
	width: 120px;
	margin-top: 4px;
}
/* =============================
profile_realtime
=============================== */
.profile .review_sche p {
	background: #fff url(../img/sp-bg_profile-realtime.png) center bottom no-repeat;
	background-size: 100%;
}
/* =============================
profile_prof
=============================== */
.profile_prof {
	padding-bottom: 2.5em;
}
.tabs {
    width: 100%;
    float: none;
    list-style: none;
    position: relative;
    text-align: left;
}
.tabs li {
    float: left;
    display: block;
    width: 20%;
}
.tabs input[type="radio"] {
    position: absolute;
/*    top: -9999px;
    left: -9999px;*/
    z-index: 0;
}
.tabs label {
    display: block;
    padding: 10%;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-weight: bold;
    background: #e7217e;
    cursor: pointer;
    position: relative;
}
.tabs li:nth-of-type(2n) label {
	background: #a41156;
}
/*.tabs li label:hover {
    background-color: #ffa4ce;
    color: #a70a53;
}*/
.tabs .tab-content {
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 94%;
    line-height: 2.5em;
    padding: 0 3%;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 0;
    background: #ffa4ce;
    color: #a70a53;
}
.tabs [id^="tab"]:checked + label {
    background: #ffa4ce;
    color: #a70a53;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
 display: block;
}
/* =============================
profile_review
=============================== */
.profile .review_day {
	margin-top: 0;
}
.profile_revi dl+dl {
	padding-top: 3%;
	border-top: 1px solid #c6b086;
}
/* =============================
profile_play
=============================== */
.profile .guide_play ul,
.profile .profile_option ul {
	width: 95%;
	margin: 2% auto 0;
}
.profile .guide_play li,
.profile .profile_option li {
	float: left;
	width: 49.5%;
	margin-bottom: 0;
	margin-right: 0.5%;
}
.profile .guide_play li:nth-child(2n),
.profile .profile_option li:nth-child(2n) {
	margin-left: 0.5%;
	margin-right: 0;
}
.profile .guide_play li a,
.profile .profile_option li a {
	display: block;
	padding: 10px 0 10px 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #d8d6cf;
	border-top-width: 0;
	border-radius: 0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
	background-image: linear-gradient(to top, #ededed, #fff);
	color: #333;
	text-decoration: none;
	text-align: left;
}
.profile .guide_play li:nth-of-type(-n+1) a {
	line-height: 14px;
	padding: 6px 0 5px 4px;
}
.profile .guide_play li:nth-of-type(-n+2) dd,
.profile .guide_play li:nth-of-type(-n+2) a,
.profile .profile_option li:nth-of-type(-n+2) dd,
.profile .profile_option li:nth-of-type(-n+2) a  {
	border-top-width: 1px;
}
.profile .guide_play li dl,
.profile .profile_option dl {
	display: table;
	width: 100%;
}
.profile .guide_play li dt,
.profile .profile_option dt {
	display: table-cell;
	width: 85%;
}
.profile .guide_play li dd,
.profile .profile_option dd {
	display: table-cell;
	width: 15%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #d8d6cf;
	border-left-width: 0;
	border-top-width: 0;
	vertical-align: middle;
	text-align: center;
}
/* =============================
profile_sche
=============================== */
.profile_sche .det_02 {
	display: block;
}
.profile_sche dt {
	clear: left;
	float: left;
	width: 48%;
	line-height: 2em;
	padding-left: 2%;
	border-bottom: 1px solid #c6b086;
}
.profile_sche dd {
	float: left;
	width: 50%;
	line-height: 2em;
	border-bottom: 1px solid #c6b086;
	text-align: center;
}
.profile_sche .day {
	font-size: 14px;
	font-weight: bold;
}
.profile_sche .day_sat {
	color: #55bedc;
}
.profile_sche .day_sun {
	color: #e7217e;
}
/* ============================= ranking.html =============================== */
.ranking>section {
	width: 95%;
	margin: 0 auto 3%;
}
.ranking .h1_brown {
	background-color: #67391b;
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(254,235,189,.4));
	box-shadow: inset 2px 3px 3px rgba(255,255,255,.5);
}
.ranking .h1_brown span {
	margin: 0;
	padding-left: 10%;
	background: url(../img/sp-bg_ranking-crown.png) left center no-repeat;
	background-size: 70px;
	text-shadow: 0 0 6px rgba(82,31,0,.5);
	font-size: 18px;
	font-weight: bold;
}
.ranking .h1_brown:after {
	content: url(../img/sp-ico_arrowd28.png);
	border-radius: 11px;
	box-shadow: 0 0 6px rgba(82,31,0,.5);
}
.h1_ranking {
	width: 100%;
	margin: 3% auto 2%;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(49%,#ededed), color-stop(50%,#f3f3f3), to(#fff));
	background-image: linear-gradient(to top, #fff, #ededed 49%, #f3f3f3 50%, #fff);
	text-align: center;
}
.ranking_all .det_02 {
	display: block;
}
/* =============================
ranking_box
=============================== */
.ranking_box {
	width: 94%;
	padding: 2% 3%;
	border-radius: 10px;
	background: #c99654 url(../img/sp-bg_ranking-box.png) right top repeat-y;
	background-size: 34%;
	box-shadow: 1px 2px 2px rgba(54,38,1,.3), inset 2px 3px 3px rgba(255,255,255,.5);
}
.ranking_box .ranking_left {
	float: left;
	width: 44%;/*49%*/
	/*padding-right: 1%;*/
	margin-right: 1%;
}
.ranking_box .ranking_left img {
	border: 2px solid #fff;
}
.ranking_box .ranking_right {
	float: left;
	width: 54%;/*49%*/
	/*padding-left: 1%;*/
	margin-left: 1%;
	text-align: center;
}
.ranking_right .schedule_prof {
	line-height: 1em;
}
.ranking_right .schedule_cico,
.ranking_right .schedule_prof,
.ranking_cmnt,
.ranking_ico {
	margin-bottom: 1.5%;
}
.ranking_cmnt {
	overflow: hidden;
	height: 6em;
	padding: 2%;
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background: #fff url(../img/sp-bg_box03.png) right bottom no-repeat;
	background-size: 49%;
	text-align: left;
	line-height: 1.3em;/*2015.04.24追加*/
}
.ranking_ico li {
	float: left;
	width: 48%;
}
.ranking_ico li+li {
	margin-left: 4%;
}
.ranking_schedule {
	padding: 2%;
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background: #fff url(../img/sp-bg_box01.png) right bottom no-repeat;
	background-size: 23.2%;
	font-weight: bold;
}
/* ============================= realtime.html =============================== */
.realtime_reload {
	position: relative;
	width: 95%;
	margin: 0 auto 3%;
/*	padding-bottom: 12.5%;
	border-radius: 10px;
	background-color: #e14274;
	box-shadow: 1px 2px 2px rgba(0,0,0,.3), inset 2px 3px 3px rgba(255,255,255,.4);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6295), color-stop(49%,#fc6295), color-stop(50%,#fd75a3), to(#ffa8c6));
	background-image: linear-gradient(to top, #fc6295 49%, #fd75a3 50%, #ffa8c6);*/
	border-radius: 10px;
	box-shadow: 1px 2px 2px rgba(0,0,0,.3);
/*	background: url(../img/sp-realtime_bg-reload.png) center center no-repeat;
	background-size: 100%;*/
}
.realtime_reload p {
	position: absolute;
	width: 100%;
	margin-top: 2%;
	text-align: center;
}
.realtime_reload p a {
	color: #fff;
	text-shadow: 0 0 5px rgba(240,0,60,1);
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.realtime .ranking_box {
	background: #c99654 url(../img/sp-bg_ranking-box.png) right -1080% no-repeat;
	background-size: 34%;
}
.realtime .ranking_box dt {
	float: left;
	width: 29.2%;
	margin-left: 4%;
	margin-right: 4%;
}
.realtime .ranking_box dd {
	float: left;
	width: 58.5%;
}
.realtime div.review_sche p {
	background: #fff url(../img/sp-bg_profile-realtime.png) center bottom no-repeat;
	background-size: 100%;
}
.pager {
	width: 95%;
	margin: 0 auto;
}
.pager li {
	float: none;
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0 4px 0 8px;
}
/*.realtime */.pager {
	width: 100%;
	margin: 3% auto 0;
	padding: 1% 0;
	background-color: #c6b086;
	text-align: center;
}
/*.realtime */.pager li+li {
	border-left: 1px solid #333;
}
.pager .active a {
	color: #fff;
	text-decoration: none;
	pointer-events: none;
}
/* ============================= review.html =============================== */
.block_95 {
	width: 95%;
	margin: 0 auto;
}
.block_95>li+li {
	margin-top: 3%;
}
.review_sche {
	margin-bottom: 1.5%;
}
.review_sche table {
	width: 100%;
}
.review_sche th {
	width: 33%;
	padding: 2% 0;
	/*line-height: 2em;*/
	line-height: 1.1em;
	border: 1px solid #d8d6cf;
	background-color: #e9d495;
	text-align: center;
}
.review_sche td {
	padding: 3% 0;
	border: 1px solid #d8d6cf;
	background-color: #fff;
	vertical-align: middle;
	text-align: center;
	line-height: 1.1em;
}
.review_sche p {
	line-height: 1.5em;
	padding: 2%;
	border: 1px solid #d8d6cf;
	border-radius: 5px;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.1);
	background: #fff url(../img/sp-bg_review-realtime.png) center bottom no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.review_sche p em {
	color: #f06;
	font-weight: bold;
}
/* =============================
review_review
=============================== */
.review_review {
	clear: both;
	padding-top: 1%;
}
.review_review dl {
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background-color: #fff;
}
.review_review dt {
	padding-left: 2%;
	border-bottom: 1px solid #d8d6cf;
	line-height: 1.5em;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fec0c9), to(#fecbd2));
	background-image: linear-gradient(to top, #fec0c9, #fecbd2);
}
.review_cust {
	line-height: 1.5em;
	margin: 0 2%;
	border-bottom: 1px dotted #d8d6cf;
}
.review_day {
	float: right;
	color: #f60;
}
.review_cmnt {
	min-height: 3em;
	line-height: 1.5em;
	margin: 0 2%;
	border-bottom: 1px dotted #d8d6cf;
}
.review_poin {
	line-height: 1.5em;
	margin-right: 2%;
	text-align: right;
}
.review_poin span {
	margin-left: 0.4em;
	padding-left: 1.2em;
	background: url(../img/ico_hand.png) left center no-repeat;
	color: #55bedc;
}
/* ============================= schedule.html =============================== */
/* =============================
schedule_class
=============================== */
.schedule_class {
	background: white url(../img/sp-bg_box03.png) right bottom no-repeat;
	background-size: 33.6%;
}
.schedule_class ul {
	padding-top: 3%;
}
.schedule_class li {
	margin-bottom: 1%;
}
.schedule_class li dl {
	display: table;
	width: 100%;
}
.schedule_class li dt{
	display: table-cell;
	width: 33.4%;
}
.schedule_class li dd{
	display: table-cell;
	padding-left: 2%;
	vertical-align: middle;
}
.platina {
	color: #f03;
}
.regular {
	color: #f60;
}
.rookie {
	color: #360;
}
.schedule_hr {
	width: 95%;
	margin: 3% auto;
	padding-bottom: 3.6%;
	border: none;
	background: url(../img/sp-schedule_line.png) center center no-repeat;
	background-size: 100%;
}
/* =============================
schedule_day
=============================== */
.schedule_day {
	width: 95%;
	margin: 0 auto;
}
.schedule_day li {
	float: left;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 2%;
	text-align: center;
}
.schedule_day li a {
	display: block;
	padding: 14% 0;
	border-radius: 3px;
	background: #7a5629 url(../img/sp-bg_box05.png) right bottom no-repeat;
	background-size: 44%;
	box-shadow: 1px 2px 2px rgba(54,38,1,.3), inset 2px 3px 3px rgba(255,255,255,.5);
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.schedule_day li.active a {
	background-color: #e14274;
}
.schedule_day li:nth-child(3) {
	margin-right: 10%;
}
/* =============================
schedule_content
=============================== */
.schedule_box {
	width: 90%;
	margin-top: 3%;
	padding-top: 1%;
	padding-bottom: 3%;
	background: white url(../img/sp-bg_box03.png) right bottom no-repeat;
	background-size: 33.6%;
}
.schedule_box dt {
	float: left;
	width: 29.2%;
	margin-left: 4%;
	margin-right: 4%;
}
.schedule_box dd {
	float: left;
	width: 58.5%;
	text-align: center;
}
.schedule_cico, .schedule_prof, .schedule_time, .schedule_real {
	margin-bottom: 1%;
}
.schedule_cico {
	line-height: 1em;
}
.schedule_prof {
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background-color: #fff;
}
.schedule_prof .schedule_name {
	margin: 0 1%;
	font-size: 14px;
	padding: 2% 0;
}
.schedule_prof .schedule_size {
	margin: 0 1%;
	padding-bottom: 1%;
	color: #f30;
	letter-spacing: -0.2px;
}
.schedule_time {
	padding: 1%;
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background-color: #fff;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}
.schedule_time img {
	margin-right: 1%;
	vertical-align: middle !important;
}
.schedule_real {
	padding: 2%;
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background: #fff url(../img/sp-bg_box01.png) right bottom no-repeat;
	background-size: 19.5%;
}
.schedule_icon li {
	float: left;
	width: 31.25%;
}
.schedule_icon li:last-child {
	width: 37.5%;
}
/* ============================= system.html =============================== */
.system section {
	margin-top: 3%;
}
/* =============================
system_price
=============================== */
.system_platina h1 {
	background-color: #d60a15;
}
.system_regular h1 {
	background-color: #ff7b00;
}
.system_pricetable {
	width: 95%;
	margin: 2% auto;
	border: solid 1px #ddd;
}
.system_pricetable th {
	padding: 1%;
	border: solid 1px #ddd;
	text-align: center;
}
.system_pricetable td {
	border: solid 1px #ddd;
}
.system_pricetable dl {
	display: table;
	width: 90%;
	margin: 1% auto;
}
.system_pricetable dt {
	display: table-cell;
	width: 50%;
}
.system_pricetable dd {
	display: table-cell;
	width: 50%;
	text-align: right;
}
.system_normal {
	width: 50%;
	background-color: #b9e2f6;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#b6dffd), color-stop(50%,#b9e2f6), color-stop(50%,#d8f0fc), to(#e0f3fa));
	background-image: linear-gradient(to top, #b6dffd, #b9e2f6 50%, #d8f0fc 50%, #e0f3fa);
}
.system_hotel {
	background-color: #f5d6b8;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#fcd9b6), color-stop(50%,#f5d6b8), color-stop(50%,#fcebd9), to(#faede1));
	background-image: linear-gradient(to top, #fcd9b6, #f5d6b8 50%, #fcebd9 50%, #faede1);
}
.system_price .system_priceoth {
	width: 90%;
	margin: 2.5% auto 0;
	border: solid 1px #ddd;
	background-color: #6bba70;
}
.system_priceoth li {
	float: left;
	width: 50%;
}
.system_priceoth dl {
	display: table;
	width: 100%;
}
.system_priceoth dl:first-child {
	border-right: 1px solid #ddd;
}
.system_priceoth dt, .system_priceoth dd {
	display: table-cell;
	width: 50%;
	padding: 1% 1% 1% 5%;
}
.system_priceoth dd {
	padding: 1% 5% 1% 1%;
	text-align: right;
}
.system_text {
	letter-spacing: 0.04em;
}
.system_priceno {
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 2.5%;
}
.system_note li:before {
	content: "※";
}
.system_text dt {
	color: #f03;
	font-weight: bold;
}
.system_text dt img {
	margin-right: 1%;
}
/* =============================
system_play
=============================== */
.system .guide_play ul {
	width: 95%;
	margin: 2% auto 0;
}
.system .guide_play li {
	width: 49%;
	margin-bottom: 0;
	margin-right: 1%;
}
.system .guide_play li:nth-child(2n) {
	margin-left: 1%;
	margin-right: 0;
}
.system .guide_play li a {
	display: block;
	padding: 10px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #d8d6cf;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
	background-image: linear-gradient(to top, #ededed, #fff);
	color: #333;
	text-decoration: none;
}
.system .guide_play li:nth-of-type(1) a {
	line-height: 14px;
	padding: 6px 0 5px;
}
.system .guide_play table {
	width: 95%;
	margin: 2% auto 0;
}
.system .guide_play th {
	height: 3em;
	padding: 0 1%;
	border: 1px solid #d8d6cf;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
	background-image: linear-gradient(to top, #ededed, #fff);
	text-align: center;
	vertical-align: middle;
}
.system .guide_play td {
	padding: 0 1%;
	border: solid 1px #d8d6cf;
	vertical-align: middle;
}
.new:before {
	border: 1px solid #ccf;
	background-color: #f06;
	color: #fff;
	font-size: 9px;
	content: "NEW";
}
/* =============================
system_deliver
=============================== */
.system .system_deliver h2 {
	margin-top: 2%;
	text-align: center;
}
.system .system_deliver h2 img {
	margin-right: 1%;
}
.system .fare + h2 {
	margin-top: 4%;
}
.system_fare img {
	box-shadow: 1px 2px 6px 1px rgba(0,0,0,.25);
	border: solid 4px #fff;
	border-radius: 10px;
}
.system .system_deliver p {
	margin: 2% 0;
	text-align: center;
}
.fare {
	width: 95%;
	margin: 2% auto 0;
}
.fare th {
	height: 3em;
	padding: 0 1%;
	border: 1px solid #d8d6cf;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#fff));
	background-image: linear-gradient(to top, #ededed, #fff);
	vertical-align: middle;
	white-space: nowrap;
}
.fare td {
	padding: 0 1%;
	border: solid 1px #d8d6cf;
	vertical-align: middle;
}
.system_deliver .det_02 {
	display: block;
}
/* =============================
system_card
=============================== */
.system_cardbanner {
	border: solid 1px #c6b086;
	border-radius: 8px;
	background-color: #f9f2dc;
	box-shadow: 1px 2px 2px rgba(0,0,0,.15);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#5ba1ff), color-stop(51%,#5ba1ff), color-stop(51%,#82b0ff), to(#82b4ff));
	background-image: linear-gradient(to top, #5ba1ff 51%, #82b0ff 51%, #82b4ff);
	text-align: center;
}
.system_cardbanner a {
	display: block;
	padding-top: 2%;
	padding-bottom: 2%;
	color: #333;
	font-size: 16px;
	text-decoration: none;
}
.system_card .det_02 {
	display: block;
}
/* ============================= wife.html =============================== */
/* ============================= recruit.html =============================== */
.recruit_h {
	padding: 2% 4% 1.5%;
	border-radius: 5px;
	background: white url(../img/sp-bg_box01.png) right bottom no-repeat;
	background-size: 10.2%;
}