@charset "UTF-8";

/* ------------------------------------
 * Member nav
 * ------------------------------------ */
.nav_admission {
	width: 93%;
	margin: 0 auto;
}
.nav_admission img {
	width: 100%;
}

/* ------------------------------------
 * Pickup
 * ------------------------------------ */
.pickup_area {
	width: 93%;
	margin: 2% auto;
	font-size: 0;
}
.pickup_area li {
	display: inline-block;
	width: 49.9%;
	padding: 0 1.2%;
	font-size: 16px;
	vertical-align: top;
}
.pickup_area li:first-of-type {
	padding-left: 0;
}
.pickup_area li:last-of-type {
	padding-right: 0;
}
.pickup_area li dl dt {
	position: relative;
}
.pickup_area li dl dt img {
	width: 100%;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
}
.pickup_area li dl dt:after {
	position: absolute;
	top: .4em;
	left: .4em;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	line-height: 0;
	content: " ";
}
.pickup_area li.entry_category_1 dl dt:after {
	width: 24%;
	padding-top: 80.2%;
	background: url(../img/common/icon_program_1.png) no-repeat left top;
	background-size: contain;
}
.pickup_area li.entry_category_2 dl dt:after {
	width: 36.9%;
	padding-top: 59%;
	background: url(../img/common/icon_program_2.png) no-repeat left top;
	background-size: contain;
}
.pickup_area li dl dd {
	padding: 6%;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	background: #60cbff;
	color: #ffffff;
}
.pickup_area li.entry_category_2 dl dd {
	background: #fd8d1f;
}
.pickup_area li dl dd span {
	display: block;
}
.pickup_area li dl dd span.entry_category_name {
	font-size: 74%;
}
.pickup_area li dl dd span.entry_title {
	font-weight: 700;
	font-size: 100%;
}
.pickup_area li dl dd span.entry_author {
	font-size: 78%;
}
.pickup_area li dl dd .read_more {
	width: 100%;
	font-size: 81%;
	text-align: right;
}
.pickup_area li dl dd .read_more a {
	display: inline-block;
	color: #ffffff;
}

/* ------------------------------------
 * New : Tab Navigation
 * ------------------------------------ */
#new_arrivals_area {
	width: 93%;
	margin: 0 auto;
}
#new_arrivals_area h2 {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 17%;
	background: url(/img/common/title_new_arrivals.png) no-repeat center center;
	background-size: 100%;
	line-height: 0;
}

@media projection, screen {
	.tab_nav .ui-tabs-hide {
		display: none;
	}
}
@media print {
	.tab_nav .ui-tabs-nav {
		display: none;
	}
}
.tab_nav .ui-tabs-nav {
	display: table;
	width: 100%;
	background: #ffffff;
}
.tab_nav .ui-tabs-nav li {
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}
.tab_nav .ui-tabs-nav li a {
	display: block;
	width: 100%;
	padding: .8em 0 .6em;
	background: #ffffff;
	font-weight: 400;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
}
.tab_nav .ui-tabs-nav li a span {
	display: table-cell;
	width: 1000px;
	text-align: center;
	vertical-align: middle;
}
.tab_nav .ui-tabs-nav li.ui-tabs-selected a span {
	font-weight: 700;
}
#new_tab .ui-tabs-nav li.panel01 h3 {
}
#new_tab .ui-tabs-nav li.panel01 a {
	border-bottom: solid 3px #f9bd03;
	color: #f9bd03;
}
#new_tab .ui-tabs-nav li.panel02 a {
	border-bottom: solid 3px #91e4d2;
	color: #91e4d2;
}
#new_tab .ui-tabs-nav li.panel03 a {
	border-bottom: solid 3px #b3e6ff;
	color: #b3e6ff;
}
#new_tab .ui-tabs-nav li.panel04 a {
	border-bottom: solid 3px #f5aaaf;
	color: #f5aaaf;
}

/* ------------------------------------
 * Present
 * ------------------------------------ */
#present_area {
	width: 93%;
	margin: 2% auto;
}
#present_area h2 {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 17%;
	background: url(/img/common/title_present.png) no-repeat center center;
	background-size: 100%;
	line-height: 0;
}

/* ------------------------------------
 * Mailmagazine
 * ------------------------------------ */
#mailmagazine_area {
	width: 93%;
	margin: 2% auto;
}
#mailmagazine_area h2 {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 17%;
	background: url(/img/common/title_mailmagazine.png) no-repeat center center;
	background-size: 100%;
	line-height: 0;
}

/* ------------------------------------
 * Horoscope
 * ------------------------------------ */
#horoscope_area {
	width: 93%;
	margin: 0 auto;
}
#horoscope_area h2 {
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	background: #7473e8;
}
#horoscope_area h2 dfn {
	font-size: 0;
}
#horoscope_area h2 b {
	font-style: normal;
}
#horoscope_area h2 b:first-of-type {
	display: inline-block;
	width: 60%;
	padding: .3em 0 .3em 2%;
	font-size: 16px;
	vertical-align: middle;
}
#horoscope_area h2 b:first-of-type span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
	padding-top: 11.3%;
	background: url(/img/horoscope/title_ohaasauranai.png) no-repeat center center;
	background-size: 100%;
	line-height: 0;
}
#horoscope_area h2 b:last-of-type {
	display: inline-block;
	width: 40%;
	padding: .3em 2% .3em 0;
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
}
#horoscope_area h2 b:last-of-type a {
	display: inline;
	color: #ffffff;
	font-size: 70%;
}
#horoscope_area > div {
	display: block;
	width: 100%;
	margin: 0 auto;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
	background: #ffffff;
}
#horoscope_area ul {
	font-size: 0;
}
#horoscope_area ul li {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	font-size: 16px;
}
#horoscope_area ul li#starsign_box {
	width: 25.5%;
	padding: .5em;
}
#horoscope_area ul li#fortune_box {
	width: 49%;
	padding: 0;
}
#horoscope_area ul li#fortune_rank_box {
	width: 25.5%;
	padding: .5em;
}

#horoscope_area ul li#starsign_box p {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	position: relative;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#horoscope_area ul li#starsign_box.starsign_1 p {
	background-image: url(../img/horoscope/starsign_1.png);
}
#horoscope_area ul li#starsign_box.starsign_2 p {
	background-image: url(../img/horoscope/starsign_2.png);
}
#horoscope_area ul li#starsign_box.starsign_3 p {
	background-image: url(../img/horoscope/starsign_3.png);
}
#horoscope_area ul li#starsign_box.starsign_4 p {
	background-image: url(../img/horoscope/starsign_4.png);
}
#horoscope_area ul li#starsign_box.starsign_5 p {
	background-image: url(../img/horoscope/starsign_5.png);
}
#horoscope_area ul li#starsign_box.starsign_6 p {
	background-image: url(../img/horoscope/starsign_6.png);
}
#horoscope_area ul li#starsign_box.starsign_7 p {
	background-image: url(../img/horoscope/starsign_7.png);
}
#horoscope_area ul li#starsign_box.starsign_8 p {
	background-image: url(../img/horoscope/starsign_8.png);
}
#horoscope_area ul li#starsign_box.starsign_9 p {
	background-image: url(../img/horoscope/starsign_9.png);
}
#horoscope_area ul li#starsign_box.starsign_10 p {
	background-image: url(../img/horoscope/starsign_10.png);
}
#horoscope_area ul li#starsign_box.starsign_11 p {
	background-image: url(../img/horoscope/starsign_11.png);
}
#horoscope_area ul li#starsign_box.starsign_12 p {
	background-image: url(../img/horoscope/starsign_12.png);
}

#horoscope_area ul li#fortune_box p  {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	position: relative;
	margin-bottom: .3em;
	padding-top: 13.3%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#horoscope_area ul li#fortune_box p:last-of-type  {
	margin-bottom: 0;
}
#horoscope_area ul li#fortune_box p#fortune_love.fortune_love_0  {
	background-image: url(../img/horoscope/fortune_love_0.png);
}
#horoscope_area ul li#fortune_box p#fortune_love.fortune_love_1  {
	background-image: url(../img/horoscope/fortune_love_1.png);
}
#horoscope_area ul li#fortune_box p#fortune_love.fortune_love_2  {
	background-image: url(../img/horoscope/fortune_love_2.png);
}
#horoscope_area ul li#fortune_box p#fortune_love.fortune_love_3  {
	background-image: url(../img/horoscope/fortune_love_3.png);
}
#horoscope_area ul li#fortune_box p#fortune_love.fortune_love_4  {
	background-image: url(../img/horoscope/fortune_love_4.png);
}
#horoscope_area ul li#fortune_box p#fortune_love.fortune_love_5  {
	background-image: url(../img/horoscope/fortune_love_5.png);
}

#horoscope_area ul li#fortune_box p#fortune_health.fortune_health_0  {
	background-image: url(../img/horoscope/fortune_health_0.png);
}
#horoscope_area ul li#fortune_box p#fortune_health.fortune_health_1  {
	background-image: url(../img/horoscope/fortune_health_1.png);
}
#horoscope_area ul li#fortune_box p#fortune_health.fortune_health_2  {
	background-image: url(../img/horoscope/fortune_health_2.png);
}
#horoscope_area ul li#fortune_box p#fortune_health.fortune_health_3  {
	background-image: url(../img/horoscope/fortune_health_3.png);
}
#horoscope_area ul li#fortune_box p#fortune_health.fortune_health_4  {
	background-image: url(../img/horoscope/fortune_health_4.png);
}
#horoscope_area ul li#fortune_box p#fortune_health.fortune_health_5  {
	background-image: url(../img/horoscope/fortune_health_5.png);
}

#horoscope_area ul li#fortune_box p#fortune_synthesis.fortune_synthesis_0  {
	background-image: url(../img/horoscope/fortune_synthesis_0.png);
}
#horoscope_area ul li#fortune_box p#fortune_synthesis.fortune_synthesis_1  {
	background-image: url(../img/horoscope/fortune_synthesis_1.png);
}
#horoscope_area ul li#fortune_box p#fortune_synthesis.fortune_synthesis_2  {
	background-image: url(../img/horoscope/fortune_synthesis_2.png);
}
#horoscope_area ul li#fortune_box p#fortune_synthesis.fortune_synthesis_3  {
	background-image: url(../img/horoscope/fortune_synthesis_3.png);
}
#horoscope_area ul li#fortune_box p#fortune_synthesis.fortune_synthesis_4  {
	background-image: url(../img/horoscope/fortune_synthesis_4.png);
}
#horoscope_area ul li#fortune_box p#fortune_synthesis.fortune_synthesis_5  {
	background-image: url(../img/horoscope/fortune_synthesis_5.png);
}

#horoscope_area ul li#fortune_rank_box p {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	position: relative;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#horoscope_area ul li#fortune_rank_box.rank_1 p {
	background-image: url(../img/horoscope/rank_1.png);
}
#horoscope_area ul li#fortune_rank_box.rank_2 p {
	background-image: url(../img/horoscope/rank_2.png);
}
#horoscope_area ul li#fortune_rank_box.rank_3 p {
	background-image: url(../img/horoscope/rank_3.png);
}
#horoscope_area ul li#fortune_rank_box.rank_4 p {
	background-image: url(../img/horoscope/rank_4.png);
}
#horoscope_area ul li#fortune_rank_box.rank_5 p {
	background-image: url(../img/horoscope/rank_5.png);
}
#horoscope_area ul li#fortune_rank_box.rank_6 p {
	background-image: url(../img/horoscope/rank_6.png);
}
#horoscope_area ul li#fortune_rank_box.rank_7 p {
	background-image: url(../img/horoscope/rank_7.png);
}
#horoscope_area ul li#fortune_rank_box.rank_8 p {
	background-image: url(../img/horoscope/rank_8.png);
}
#horoscope_area ul li#fortune_rank_box.rank_9 p {
	background-image: url(../img/horoscope/rank_9.png);
}
#horoscope_area ul li#fortune_rank_box.rank_10 p {
	background-image: url(../img/horoscope/rank_10.png);
}
#horoscope_area ul li#fortune_rank_box.rank_11 p {
	background-image: url(../img/horoscope/rank_11.png);
}
#horoscope_area ul li#fortune_rank_box.rank_12 p {
	background-image: url(../img/horoscope/rank_12.png);
}