@charset "utf-8";

/* CSS Document */

/******************************************************************************
 * COMMON
*******************************************************************************/

#pagetop {
	margin: 0px;
	padding: 0px;
	height: 76px !important;
	width: 55px !important;
	display: block;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 7000;
}

#pagetop a { display: block; }

#pagetop img {
	height: auto !important;
	width: 100%; !important;
}

.PC { display: none; }
.PC_block { display: none; }

.SP { display: block; }

.spMt20 { margin-top: 20px; }

.spMt50 { margin-top: 50px; }

.resize {
	height: auto !important;
	width: 100% !important;
}

html,
body { overflow-x: hidden; }

body {
	font-size: 13px;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/pc/common/background/bg_main.png);
	background-repeat: repeat;
	background-position: center top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper {
	width: 100%;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/sp/common/header/sp_header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	-moz-background-size: 100%;
	background-size: 100%;
}

.shopLinks br.SP { display: block !important; }

.shopLinks.mt30 { margin-top: 20px !important; }

#dialog {
	width: 220px;
	display: none;
	color: #FFF;
	padding: 20px;
	background-color: #000000;
}

#dialog p {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}

#dialog p.red { color: #F00; }

#dialog #dialogSenpaiRegister table {
	width: 200px;
	margin: 10px auto;
}

#dialog #dialogSenpaiRegister th { font-weight: bold; }

.favorite {
	height: 28px;
	width: 139px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.favorite a { text-indent: -99999px; }

.favorite a.nomal {
	height: 28px;
	width: 139px;
	background-image: url(../img/pc/shop/favorite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.favorite a.active {
	height: 28px;
	width: 139px;
	background-image: url(../img/pc/shop/favorite.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.favorite a.active:hover,
.favorite a.active:active { background-position: 0px -56px; }

.text404 {
	text-align: center;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	line-height: 1.5em;
}

.text404 span { font-weight: bold; }

.text404 a:link,
.text404 a:visited {
	color: #1B1F86;
	text-decoration: underline;
}

.text404 a:hover,
.text404 a:active { text-decoration: none; }

.bg404 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-top: 100px;
}

.bg404 img {
	height: auto !important;
	width: 100% !important;
}

/*ul.snsLink {
	padding: 0px !important;
	height: 31px !important;
	width: 82px !important;
	margin-top: 10px !important;
	margin-right: auto !important;
	margin-bottom: 10px !important;
	margin-left: auto !important;
	position: static;
	float: none !important;
	clear: both !important;
	top: auto !important;
}

ul.snsLink li {
	padding: 0px;
	height: 31px;
	width: 31px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}*/

/******************************************************************************
 * HEADER
*******************************************************************************/





header {
	width: 100%;
	position: relative;
}

header h1 {
	position: relative;
	width: 100%;
	padding-top: 100px;
}

header h1 img {
	width: 94.0625%;
	margin-right: auto;
	margin-left: auto;
}

header #login {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	top: 10px;
}

header #login #loginLeft {
	background-image: url(../img/sp/common/header/login_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 7.96875%;
}

header #login #loginRight {
	background-image: url(../img/sp/common/header/login_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: 100%;
	background-size: 100%;
	width: 7.96875%;
}

header #login #loginCenter {
	background-color: #13007C;
	color: #FFF;
	text-align: center;
	padding: 1em;
}

header #login #loginCenter #userName { margin-bottom: 1em; }

header #login #loginCenter #userName span {
	color: #E3CB1F;
	font-weight: bold;
}

header #login #loginCenter #userPoint {
	width: 49%;
	text-align: right;
	padding-right: 1%;
	float: left;
}

header #login #loginCenter #userPoint span {
	padding: 1px;
	border: 2px solid #87CCEC;
	background-color: #FFF;
	color: #1C1F87;
	margin-left: 0.5em;
	font-weight: bold;
}

header #login #loginCenter #userLogin {
	float: right;
	width: 49%;
	position: relative;
	padding-left: 1%;
}

header #login #loginCenter #userLogin img {
	top: -3px;
	position: absolute;
}

header #login #loginCenter #userLoginMenu {
	width: 152px;
	margin-right: auto;
	margin-left: auto;
}

header #login #loginCenter #userLoginMenu #loginMypage {
	float: left;
	margin-right: 8px;
	position: relative;
	top: -3px;
}

header #login #loginCenter #userLoginMenu #loginLogout {
	float: left;
	position: relative;
	top: -3px;
}

header #login #loginCenter #userLoginPoint {
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}

header #login #loginCenter #userLoginPoint span {
	padding: 1px;
	border: 2px solid #87CCEC;
	background-color: #FFF;
	color: #1C1F87;
	margin-left: 0.5em;
	font-weight: bold;
}

.snsLink {
	height: 31px;
	width: 164px;
	right: auto;
	z-index: 900;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	left: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	bottom: -202px;
}

.snsLink li {
	padding: 0px;
	float: right;
	height: 31px;
	width: 31px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/******************************************************************************
 * mainNav
*******************************************************************************/





#mainNav {
	background-image: url(../img/sp/common/header/menu_bg_border2.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: 360px;
	-moz-background-size: 50px 360px;
	background-size: 50px 360px;
}

#mainNav ul {
	background-image: url(../img/sp/common/header/menu_bg3.png);
	height: 360px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	-moz-background-size: 320px 360px;
	background-size: 320px 360px;
}

#mainNav ul li.bgL {
	background-image: url(../img/sp/common/header/menu_left2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 360px;
	width: 55px;
	position: absolute;
	z-index: 10;
	left: 0px;
	-moz-background-size: 55px 360px;
	background-size: 55px 360px;
}

#mainNav ul li.bgR {
	background-image: url(../img/sp/common/header/menu_right2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 360px;
	width: 55px;
	position: absolute;
	z-index: 10;
	right: 0px;
	-moz-background-size: 55px 360px;
	background-size: 55px 360px;
}

#mainNav ul li {
	float: left;
	position: relative;
	z-index: 20;
}

#mainNav ul li#nav02 {
	margin-top: 152px;
	margin-left: 48px;
}

#mainNav ul li#nav03 {
	margin-top: 152px;
	margin-left: 70px;
}

#mainNav ul li#nav07 {
	margin-top: 37px;
	margin-left: 33px;
}

#mainNav ul li#nav04 {
	margin-top: 37px;
	margin-left: 82px;
}

#mainNav ul li#nav05 {
	margin-top: 37px;
	margin-left: 20px;
}

#mainNav ul li#nav06 {
	margin-top: 37px;
	margin-left: 54px;
}

/* 2016.02.03 
#mainNav ul li#nav01 {
	margin-top: 159px;
	margin-left: 40px;
}

#mainNav ul li#nav02 {
	margin-top: 159px;
	margin-left: 94px;
}

#mainNav ul li#nav03 {
	margin-top: 32px;
	margin-left: 18px;
}

#mainNav ul li#nav04 {
	margin-top: 32px;
	margin-left: 74px;
}

#mainNav ul li#nav05 {
	margin-top: 36px;
	margin-left: 12px;
}

#mainNav ul li#nav06 {
	margin-top: 36px;
	margin-left: 57px;
}
*/


#mainNav ul li a {
	display: block;
	height: 32px;
	text-align: center;
}

/******************************************************************************
 * mainNav
*******************************************************************************/





#mainNavSP {
	background-image: url(../img/sp/common/header/menu_bg_border2.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: 360px;
	-moz-background-size: 50px 360px;
	background-size: 50px 360px;
}

#mainNavSP ul {
	background-image: url(../img/sp/common/header/menu_bg3.png);
	height: 360px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	-moz-background-size: 320px 360px;
	background-size: 320px 360px;
}

#mainNavSP ul li.bgL {
	background-image: url(../img/sp/common/header/menu_left2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 360px;
	width: 55px;
	position: absolute;
	z-index: 10;
	left: 0px;
	-moz-background-size: 55px 360px;
	background-size: 55px 360px;
}

#mainNavSP ul li.bgR {
	background-image: url(../img/sp/common/header/menu_right2.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 360px;
	width: 55px;
	position: absolute;
	z-index: 10;
	right: 0px;
	-moz-background-size: 55px 360px;
	background-size: 55px 360px;
}

#mainNavSP ul li {
	float: left;
	position: relative;
	z-index: 20;
}

#mainNavSP ul li#nav02SP {
	margin-top: 152px;
	margin-left: 48px;
}

#mainNavSP ul li#nav03SP {
	margin-top: 152px;
	margin-left: 70px;
}

#mainNavSP ul li#nav07SP {
	margin-top: 37px;
	margin-left: 33px;
}

#mainNavSP ul li#nav04SP {
	margin-top: 37px;
	margin-left: 82px;
}

#mainNavSP ul li#nav05SP {
	margin-top: 37px;
	margin-left: 20px;
}

#mainNavSP ul li#nav06SP {
	margin-top: 37px;
	margin-left: 54px;
}

/**** 2016.02.03 
#mainNavSP ul li#nav01SP {
	margin-top: 159px;
	margin-left: 40px;
}

#mainNavSP ul li#nav02SP {
	margin-top: 159px;
	margin-left: 94px;
}

#mainNavSP ul li#nav03SP {
	margin-top: 32px;
	margin-left: 18px;
}

#mainNavSP ul li#nav04SP {
	margin-top: 32px;
	margin-left: 74px;
}

#mainNavSP ul li#nav05SP {
	margin-top: 36px;
	margin-left: 12px;
}

#mainNavSP ul li#nav06SP {
	margin-top: 36px;
	margin-left: 57px;
}
*****/

#mainNavSP ul li a {
	display: block;
	height: 32px;
	text-align: center;
}

/******************************************************************************
 * container
*******************************************************************************/

.gc_wrapper {
  max-width: 800px;
  min-width: 300px;
  margin: auto;
}

.responsive-iframe-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    /*padding-top: 30px;*/
    /*height: 0;*/
    height: 400px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
.responsive-iframe-container iframe,
.responsive-iframe-container object,
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 400px;
}

.scheduleBodySP {
	width: 95% !important;
}

.schedule {
	/*height: 400px;*/
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#container { position: relative; }

.sliderWindowSP {
	width: 100%;
	height: auto !important;
	position: absolute;
	z-index: 2;
	top: 0px;
}

.slides li img {
	height: auto !important;
	width: 100% !important;
}

#threeBanner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#threeBanner li {
	background-image: url(../img/sp/top/chain.png);
	width: 90%;
	min-width: 300px;
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: 320px 22px;
	background-size: 320px 22px;
	padding-top: 22px;
	margin-right: auto;
	margin-left: auto;
	line-height: 0px;
}

#threeBanner li img {
	height: auto;
	width: 100%;
}

.topContentArea {
	width: 100%;
	max-width: 480px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/sp/top/bg_shops_l_3.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: 100% auto;
	background-size: 100% 100%;
	height: 975px;
	margin-top: 30px;
	display: block;
}


.topContentArea .topContentTitle {
	text-align: center;
	width: 100%;
	padding-top: 15px;
}

#informationBtn {
	text-align: center;
	padding-top: 30px;
}

#informationBtn a {
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#informationBtn a img {
	height: auto !important;
	width: 270px !important;
}

#scrollArea {
	width: 93.5%;
	margin: 25px auto 0;
	overflow: hidden;
	position: relative;
	height: 710px;
	padding-left: 5px;
}

@media screen and (max-width:465px){
	#scrollArea {
		width: 295px;
		padding-left: 5px;
	}
}



#scrollArea article {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#scrollArea article a {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

#scrollArea article a time {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
	color: #0A50A0 !important;
}

#scrollArea article a div { }

#scrollArea article a div h3 {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
	color: #0A50A0 !important;
}

#scrollArea article a div p {
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
	color: #1B1F86 !important;
}

#informationBtn {
	height: auto !important;
	width: 80% !important;
	margin-right: auto;
	margin-left: auto;
}

#informationBtn a {
	height: 28px !important;
	width: 263px !important;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/sp/top/information_btn.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

#informationBtn a img { display: none; }


/*#shopsArea { height: 1050px; }*/

.shopsAreaTop {
	max-width: 480px;
	background-image: url(../img/sp/top/bg_shops_l_3.png) !important;
	/*height: 1330px !important;*/
}

#shopsArea .shopsAreaWrap {
	width: 320px;
	margin: 0 auto;
	padding-top: 20px;
}
/*
#shopsArea section {
	margin-right: 2.5% !important;
	margin-left: 5% !important;
	margin-top: 25px !important;
	margin-bottom: 0px !important;
}

#shopsArea section .place { float: left; }

#shopsArea section h3 { font-size: 12px; }

#shopsArea section h3 br { display: none; }

#shopsArea section p { font-size: 10px; }

#shopsArea section .photo {
	clear: both;
	text-align: center;
}
*/


#shopsArea section {
	border-bottom: 1px solid #CDB06D;
	width: 300px;
	margin: 0 auto;
	padding: 10px 0;

}

#shopsArea section:hover {
	background-color: rgba(255,255,255,0.4);
}

#shopsArea section a {
	display: block;
	text-decoration: none;
}


#shopsArea section a .shopsAreaInfo {
	display: table;
	min-height: 80px;
}


#shopsArea section a .shopsAreaInfo .photo {
	width: 40%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#shopsArea section a .shopsAreaInfo .photo img {
	width: 85%;
}

#shopsArea section a .shopsAreaInfo .text {
	width: 60%;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}


#shopsArea section a .shopsAreaInfo .text h3 {
	display: block;
	float: left;
	line-height: 1.4em;
	color: #0A509F;
	font-weight: bold;
	letter-spacing: 0em;
	font-size: 12px;
	margin-bottom: 2px;
}

#shopsArea section a .shopsAreaInfo .text p {
	display: block;
	line-height: 1.4em;
	float: left;
	color: #1C1F87;
	letter-spacing: 0em;
	font-size: 12px;
}

#shopsArea .btnShopList {
	text-align: center;
	padding: 20px 0;
}



footer {
	background-image: url(../img/sp/common/footer/bg_01.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px;
	clear: both;
	height: 535px;
	width: 100%;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}

#footerWrap {
	height: 535px;
	width: 100%;
	background-image: url(../img/sp/common/footer/bg_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size: 800px 72px;
	background-size: 800px 72px;
	color: #FFF;
}

#footerWrap p {
	width: 90% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
}

#footerWrap p.contentLinks {
	padding-top: 85px !important;
	line-height: 1.75em !important;
}

#footerWrap p.contentLinks a { color: #FFF; }

#footerWrap p.shopLinks {
	position: absolute;
	top: 185px;
	left: 5%;
	right: 5%;
	line-height: 1.65;
}

#footerWrap p.shopLinks a { color: #FFFF00; }

#footerWrap p.shopLinks br { display: none; }

#footerWrap p.shopLinks em.SP { display: inline !important; }

#footerWrap p#copyright {
	position: absolute;
	bottom: 62px;
	left: 5%;
	right: 5%;
	color: #FFF;
}

.pageTitle {
	background-image: url(../img/sp/common/titleBG.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 320px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 99px;
	position: relative;
	display: block;
}

.pageTitle h2 {
	margin-top: 30px;
	position: absolute;
	top: 5px;
	z-index: 10;
	left: 20px;
	width: auto !important;
	height: 45% !important;
}

.pageTitle h2 img {
	width: 100% !important;
	height: auto !important;
}

.oneColumnWrap {
	background-image: url(../img/sp/common/contentsBG2.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
	background-size: contain;
	margin-top: 30px;
	position: relative;
	margin-bottom: 15px;
}

.oneColumnWrap .oneColumnWrapBody {
	background-image: url(../img/sp/common/contentsBG1.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	background-size: 100%;
	position: relative;
	top: -20px;
}

.oneColumnWrap .oneColumnWrapBody h2 {
	font-size: 15px;
	font-weight: bold;
	color: #191F85;
	padding-top: 7.5%;
	padding-left: 7.5%;
	top: 0.5%;
}

.oneColumnWrap .oneColumnWrapBody .content {
	width: 94.4%;
	margin-right: auto;
	margin-left: auto;
}

.oneColumnWrap .oneColumnWrapBody p {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}

.oneColumnWrap .oneColumnWrapBody .content.mt30 { padding-top: 30px; }

.oneColumnWrap .oneColumnWrapBody h2.shop-recruit {
	color: #FFF;
	background-color: #13007C;
	text-align: center;
	font-size: 23px;
	width: 94.4%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 1.3em;
	padding: 1em;
}

.oneColumnWrap .oneColumnWrapBody .recruitDetail {
	padding: 0px;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

.oneColumnWrap .oneColumnWrapBody .recruitDetail .recruitDetailTitle {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CAB47D;
	border-bottom-color: #CAB47D;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 15px;
	padding-right: 0.3em;
	padding-left: 0.3em;
	font-size: 16px;
	color: #0A509F;
	font-weight: bold;
}

.oneColumnWrap .oneColumnWrapBody .recruitDetail .recruitDetailText {
	margin-bottom: 30px;
	padding-right: 0.3em;
	padding-left: 0.3em;
}

.oneColumnWrap .oneColumnWrapBody .recruitDetail .recruitDetailText li {
	background-image: url(../img/sp/common/umbrella.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 13px 10px;
	padding-left: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.oneColumnWrap .oneColumnWrapBody .recruitDetail p.recruitDetailText2 {
	margin-bottom: 30px;
	padding-right: 0.3em;
	padding-left: 0.3em;
	width: 100%;
}

.loginTitle {
	width: 85%;
	margin-top: 15%;
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
	line-height: 1.3em;
	color: #191F85;
	font-weight: bold;
}

.loginDescription {
	margin-top: 10px;
	margin-bottom: 10px;
}

.errorMessage {
	margin-bottom: 0px;
	color: #C00;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
}

.errorMessage2 {
	margin-top: 0.3em;
	color: #C00;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
}

.loginArea {
	background-size: contain;
	background-image: url(../img/sp/login/loginBG.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 250px;
	width: 265px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#senpai.loginArea {
	background-size: contain;
	background-image: url(../img/sp/login/formBG.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 500px;
	width: 265px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

#senpai.loginArea .errorText {
	position: absolute;
	z-index: 10;
	color: #F00;
	width: 230px;
	left: 20px;
	top: 308px;
	font-size: 12px;
	line-height: 1.3em;
}

#senpai.loginArea .errorText2 {
	position: absolute;
	z-index: 10;
	color: #F00;
	width: 230px;
	left: 20px;
	top: 384px;
	font-size: 12px;
	line-height: 1.3em;
}

.loginArea form {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

#senpai.loginArea form {
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
}

.loginArea p {
	font-size: 13px;
	line-height: 1.5em;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px !important;
}

.loginArea p label { }

.loginArea p label .textForm { width: 174px; }

#senpai.loginArea p label .textForm { width: 70%; }

.submitBtn {
	padding: 0px;
	height: 28px;
	width: 134px;
	background-image: url(../img/sp/login/sendBtn.png);
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 9999em;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 9px;
	line-height: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #13007C;
}

table.recruitForm {
	margin-right: auto;
	margin-left: auto;
	height: auto !important;
	width: 280px !important;
}

table.recruitForm tr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	width: 280px !important;
}

table.recruitForm tr th {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	width: 280px !important;
	font-weight: bold;
}

table.recruitForm tr th label { font-weight: bold; }

table.recruitForm tr td {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 15px;
	width: 280px !important;
}

select#fm01,
select#fm02,
input#fm03,
input#fm04,
input#fm05,
input#fm06,
textarea#fm07,
textarea#fm08,
textarea#fm09 {
	width: 280px;
	line-height: 20px;
}

.fileup label {
	width: 280px;
	clear: both;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}

.fileup label input { width: 240px; }

.sendBtn {
	padding: 0px;
	height: 28px;
	width: 145px;
	background-image: url(../img/sp/login/kakuninBtn.png);
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 9999em;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 9px;
	line-height: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #13007C;
}

/******************************************************************************
 * NEWS
*******************************************************************************/





.pageTitle .selectBox {
	position: absolute;
	z-index: auto;
	top: 19px;
	right: 20px;
}

.pageTitle .selectBox div {
	margin-top: 5px;
	margin-bottom: 5px;
}

.pageTitle .selectBox div.mt20 { margin-top: 28px !important; }

.pageTitle .selectBox div label img {
	position: relative;
	top: 2px;
}

.pageTitle .selectBox div select { }

#grid {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#grid .item {
	width: 100%;
	min-width: 320px;
	background-image: url(../img/sp/news/entryBG01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	padding-top: 15%;
	margin-top: 0px;
	margin-bottom: 20px;
}

#grid .item .entryTop {
	width: 100%;
	min-width: 320px;
	background-image: url(../img/sp/news/entryBG02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding-bottom: 15%;
}

#grid .item .entryTop .entryBottom {
	width: 100%;
	background-image: url(../img/sp/news/entryBG03.png);
	background-repeat: repeat-y;
	background-position: center bottom;
	background-size: contain;
	position: relative;
}

#grid .item .entryTop .entryBottom .shop {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	color: #389FD3;
}

#grid .item .entryTop .entryBottom time {
	width: 98px;
	color: #0A50A1;
	font-weight: bold;
	background-image: url(../img/sp/news/timeBG.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 49px;
	font-size: 12px;
	line-height: 49px;
	text-align: center;
	display: block;
	position: absolute;
	top: -17px;
	right: 5%;
	z-index: 50;
	margin: 0px;
	padding: 0px;
}

#grid .item .entryTop .entryBottom h2 {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
	font-weight: bold;
	color: #1C1F87;
	margin-top: 3%;
	line-height: 1.3em;
}

#grid .item .entryTop .entryBottom h2 a {
	color: #1C1F87;
	font-weight: bold;
}

#grid .item .entryTop .entryBottom .entryBody {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	display: block;
	height: 100%;
}

#grid .item .entryTop .entryBottom .entryBody img { }


#grid .item_s {
	/*
	background-image: url(../img/pc/common/background/newsBG_middle_140.png);
	background-repeat: repeat-y;
	background-position: center;
	*/
	
	background-color: #FFFFFF;
	/*border: 1px solid #0099ff;*/
	border-radius: 4px;
	position: relative;
	width: 138px;
	
	margin: 0 auto 20px;
	
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

#grid .item_s .entryTop {
	background-image: url(../img/pc/common/background/newsBG_top_140.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	position: relative;
	top: -5px;
	height: 18px;
	width: 140px;
}

#grid .item_s .entryBottom {
	background-image: url(../img/pc/common/background/newsBG_bottom_140.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	position: relative;
	bottom: -5px;
	height: 18px;
	width: 140px;
}

#grid .item_s time {
	font-size: 12px;
	font-weight: bold;
	color: #0A50A1;
	display: block;
	margin-bottom: 5px;
	text-align: right;
	background-image: url(../img/pc/top/information_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#grid .item_s h2 {
	/*margin-bottom: 5px;*/
}

#grid .item_s h2 a:link,
#grid .item_s h2 a:visited {
	font-size: 12px;
	line-height: 1.5em;
	color: #1B1F86;
	font-weight: bold;
	text-decoration: underline;
}

#grid .item_s h2 a:hover,
#grid .item_s h2 a:active { text-decoration: none; }

#grid .item_s .entryBody {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	
	background-image: url(../img/pc/top/information_icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#grid .item_s .entryBody img {
	max-width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 5px;
}



.rmn {
	width: 146px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#myPage.oneColumnWrap { background-image: none; }

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage { }

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left {
	background-color: #241285;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status { }

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .userPhoto {
	text-align: center;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .level {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .level h3 {
	font-size: 13px;
	line-height: 1.3em;
	color: #FFF;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .level p {
	font-size: 16px;
	line-height: 1.3em;
	color: #FFF;
	font-weight: bold;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .level p a {
	font-size: 16px;
	line-height: 1.3em;
	color: #FFF;
	font-weight: bold;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .point {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 1.3em;
	color: #FFF;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .point dt { margin-top: 10px; }

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .point dt.umbrella {
	background-image: url(../img/sp/mypage/umbrella.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 13px 10px;
	padding-top: 40px;
	margin-top: 10px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-left .status .point dd {
	background-color: #0067B6;
	padding: 5px;
	color: #FFFF00;
	margin-top: 10px;
}

.editBtn {
	margin-top: 35px;
	padding-bottom: 25px;
}

.editBtn li {
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right { margin-top: 30px; }

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast { }

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast h2 {
	font-size: 13px;
	color: #FFF;
	background-color: #13007C;
	padding: 10px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list {
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li {
	float: left;
	width: 140px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #EFF1F0;
	margin-bottom: 10px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li a {
	width: 140px;
	position: relative;
	text-decoration: none;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li a .level {
	width: 36px;
	font-size: 12px;
	line-height: 52px;
	background-image: url(../img/sp/mypage/level.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 52px;
	background-size: 36px 52px;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 20;
	color: #FFF900;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li a .castPhoto { 
	padding: 5px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li a .castName {
	padding: 5px;
	color: #FFF;
	background-color: #3B429E;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li a .stage {
	padding: 5px;
	background-color: #58A2C3;
	color: #FFF900;
	font-size: 12px;
}

#myPage.oneColumnWrap .oneColumnWrapBody-Mypage .oneColumnWrapBody-Mypage-right .favorite-cast .favorite-cast-list li a .stage span {
	color: #333;
	font-weight: bold;
	font-size: 13px;
}

.rirekiBG {
	background-image: url(../img/sp/common/contentsBG2.png);
	background-repeat: repeat-y;
	background-position: center;
	background-size: contain;
	margin-top: 40px;
	position: relative;
}

.rirekiBG .rireki {
	background-image: url(../img/sp/common/contentsBG1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	width: 100%;
	position: relative;
	top: -10px;
	z-index: 20;
}

.rirekiBG .rireki h3 {
	font-size: 15px;
	line-height: 1.3em;
	color: #1A1F85;
	font-weight: bold;
	padding-top: 7.25%;
	padding-left: 7.25%;
	width: 50%;
}

.rirekiBG .rireki ul {
	margin-top: 15%;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10%;
}

.rirekiBG .rireki ul li {
	display: block;
	margin-bottom: 1em;
}

.rirekiBG .rireki ul li time { display: block; }

.rirekiBG .rireki ul li span {
	color: #13007A;
	font-weight: bold;
	display: inline;
}

.oneColumnWrapBody #shopsArea {
	height: auto;
	max-width: 400px;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10%;
}

.oneColumnWrapBody #shopsArea section {
	width: 42%;
	padding: 0px !important;
	margin-top: auto;
	margin-right: 4% !important;
	margin-bottom: auto;
	margin-left: 4% !important;
	float: left;
}

.oneColumnWrapBody #shopsArea section a { text-decoration: none; }

.oneColumnWrapBody #shopsArea section a h3 { color: #0A50A0; }

.oneColumnWrapBody #shopsArea section a p { color: #666666; }

.shopDetail {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 40px;
}

.shopDetail section { margin-bottom: 40px; }

.shopDetail .shopDetailLeft { }

.shopDetail .shopDetailLeft .shopIcon {
	height: 65px;
	width: 15%;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}

.shopDetail .shopDetailLeft .shopName {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CAB47D;
	border-bottom-color: #CAB47D;
	float: left;
	width: 80%;
	margin-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.shopDetail .shopDetailLeft .shopName h3 {
	font-size: 18px;
	line-height: 1.3em;
	color: #0A509F;
	font-weight: bold;
	padding-left: 2.5%;
	margin-bottom: 5px;
}

.shopDetail .shopDetailLeft .shopName ul { padding-left: 2.5%; }

.shopDetail .shopDetailLeft .shopName ul li { float: left; }

.shopDetail .shopDetailLeft .shopName ul li.category {
	padding: 0px;
	height: 28px;
	width: 95px;
	margin: 0px;
}

.shopDetail .shopDetailLeft .shopName ul li.category span {
	background-color: #996633;
	font-size: 11px;
	color: #FFF;
	padding: 5px;
	width: 95px;
	height: 28px;
	line-height: 18px;
	display: block;
	text-align: center;
}

.shopDetail .shopDetailLeft .shopName ul li.shopBtn { margin-left: 5px; }

.shopDetailLeft .shopInfo {
	font-size: 13px;
	line-height: 1.3em;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	clear: both;
}

.shopDetailLeft .shopInfo dt {
	color: #0066B6;
	font-weight: bold;
}

.shopDetailLeft .shopInfo dd {
	color: #666;
	margin-bottom: 10px;
}

.shopDetailLeft .shopInfo dd.icon {
	color: #FFF;
	background-color: #0066B6;
	text-align: center;
	display: inline-block;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	vertical-align: middle;
}

.shopDetailLeft .shopInfo dd em {
	color: #FFF;
	background-color: #0066B6;
	text-align: center;
	display: inline-block;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	vertical-align: middle;
}

.shopDetailLeft .shopInfo dd.icon.mt10 { margin-top: 10px; }

.shopDetailLeft .masps {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

.shopDetailLeft .masps .map { margin-bottom: 10px; }

.shopDetailRight {
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 20px;
	padding-bottom: 0px;
}

.shopDetailRight img {
	padding: 5px;
	border: 2px solid #CAB47D;
}

header#shopTitle {
	background-image: url(../img/sp/shop/shop_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	width: 320px;
	padding: 0px;
	height: 295px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

header#shopTitle a { text-decoration: none; }

header#shopTitle a #shopLogo {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

header#shopTitle a #shopLogo img {
	height: auto;
	width: 127px;
	margin-right: auto;
	margin-left: auto;
}

header#shopTitle a h2 {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

header#shopTitle a h2 img {
	height: auto;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

header#shopTitle a p {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

header#shopTitle a p span {
	color: #FFF;
	background-color: #999;
	display: inline;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

header#shopTitle a #place {
	text-align: center;
	margin-top: 20px;
}

header#shopTitle a #place img {
	height: auto;
	width: 34px;
	margin-right: auto;
	margin-left: auto;
}

div#shopDetail {
	padding: 0px;
	height: 246px;
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../img/sp/shop/shop_menu_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	top: -8px;
}

div#shopDetail nav {
	width: 278px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 34px;
}

div#shopDetail nav ul {
	margin: 0px;
	padding: 0px;
}

div#shopDetail nav ul li {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 50px;
	width: 139px;
}

div#shopDetail nav ul li.last { width: 278px; }

div#shopDetail nav ul li a { display: block; }

div#shopDetail nav ul li a img {
	height: 50px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

div#shopSlider {
	width: 100%;
	position: relative;
	top: -8px;
}

div#shopSlider .mask {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: auto;
}

section#shopInformation { }

section#shopInformation h2 { }

section#shopInformation > h2 img {
	width: 100%;
	height: auto;
}

div#pageTitle {
	background-image: url(../img/sp/shop/pageTitleBG.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	padding: 0px;
	height: 94px;
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	top: -8px;
}

div#pageTitle h2 {
	position: absolute;
	top: 35px;
	left: 40px;
	z-index: 50;
}

div#pageTitle h2 img {
	width: 75%;
	height: auto;
}

div#pageTitle div.selectBox {
	position: absolute;
	top: 22px;
	right: 30px;
}

p.pager {
	text-align: center;
	margin-bottom: 20px;
}

p.pager a {
	text-align: center;
	color: #FFF;
	background-color: #13007C;
	display: inline-table;
	width: 2em;
	font-size: 9px;
	padding: 0.5em;
	margin: 0px;
	text-decoration: none;
}

p.pager a.current {
	text-align: center;
	color: #FFF;
	background-color: #999999;
	display: inline-table;
	width: 2em;
	font-size: 9px;
	padding: 0.5em;
	margin: 0px;
	text-decoration: none;
}

nav.shopList {
	width: 320px;
	background-image: url(../img/sp/shop/shopListTitle.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 32px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

nav.shopList ul {
	padding: 0px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

nav.shopList ul li {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

nav.shopList ul li a {
	display: block;
	height: 65px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}

nav.shopList ul li a img {
	float: left;
	margin-right: 0.5em;
}

nav.shopList ul li a em {
	display: block;
	color: #0A509F;
	padding-top: 1em;
	font-weight: bold;
	font-size: 18px;
}

nav.shopList ul li a span {
	display: block;
	color: #666;
	font-weight: normal;
	font-size: 16px;
}

div.newsBtn {
	height: 28px;
	width: 263px;
	margin-right: auto;
	margin-left: auto;
}

div.newsBtn a img {
	height: 28px;
	width: 263px;
	margin-right: auto;
	margin-left: auto;
}


.castList #shopInformation {
	width: 100%;
	margin: 30px auto 0;
}

.castList #shopInformation .favorite-cast-list li a {
	padding: 5px;
}

.spWrap #castAfiliaSaga {
	background-image: url(../img/sp/common/contentsBG1.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	background-size: 100%;
	position: relative;
	top: -20px;
}

.spWrap #castAfiliaSaga #contentBody {
	width: 95%;
}

.spWrap #castAfiliaSaga .favorite-cast-list {
	padding-top: 30px;
}

.spWrap #castAfiliaSaga .favorite-cast-list li a {
	padding: 5px;
}


.favorite-cast-list {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.favorite-cast-list li {
	/*float: left;*/
	width: 48%;
	margin: 1%;
	
}

.favorite-cast-list li a {
	display: block;
	padding: 10px;
	background-image: url(../img/sp/shop/castBG.png);
	background-repeat: repeat;
	text-decoration: none;
}

.favorite-cast-list li a .castName {
	color: #FFF;
	background-color: #3F46A8;
	display: block;
	width: 100%;
	padding: 0.5em;
}


.favorite-cast-list li a .castPhoto {
	position: relative;
}

.favorite-cast-list li a .castPhoto .unitLogo {
	position: absolute;
	bottom: 7px;
	right: 5px;
	width: 107px;
}

.favorite-cast-list li a .castPhoto .unitLogo span {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 58px;
	display: block;
}

.favorite-cast-list li a .castPhoto .unitLogo span.afilia_saga {
	background-image: url(../img/common/cast/logo_afilia_saga_list.png?202509);
	background-position: 15px 0;
}
.favorite-cast-list li a .castPhoto .unitLogo span.iketeru_hearts {
	background-image: url(../img/common/cast/logo_iketeru_hearts_list.png);
	background-position: 0px 10px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.purelymonster {
	background-image: url(../img/common/cast/logo_purelymonster_list.png);
	background-position: 17px 2px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.talent {
	background-image: url(../img/common/cast/logo_talent_list.png);
	background-position: 17px 2px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.royal {
	background-image: url(../img/common/cast/logo_royal_list.png);
	background-position: 4px -2px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.next_rico {
	background-image: url(../img/common/cast/logo_next_rico_list.png?202306);
	background-position: -6px 6px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.excellence {
	background-image: url(../img/common/cast/logo_excellence_list.png?202506);
	background-position: 0px 10px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.babyz_breath {
	background-image: url(../img/common/cast/logo_babyz_breath_list.png);
	background-position: 0px 0px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.erabareshi {
	background-image: url(../img/common/cast/logo_erabareshi_list.png?202509);
	background-position: 3px 5px;
}
.favorite-cast-list li a .castPhoto .unitLogo span.committee {
	background-image: url(../img/common/cast/logo_committee_list.png);
	background-position: 0px 10px;
}


section#shopInformation { }

/*section#shopInformation h2#contentTitle {
	width: 320px;
	background-image: url(../img/sp/shop/contentTitleBG.png);
	background-size: contain;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing: border-box;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 30px;
	font-size: 15px;
	color: #191F85;
	font-weight: bold;
	margin-bottom: 0px;
}

section#shopInformation div#contentBody {
	background-image: url(../img/sp/shop/contentBodyBG.png);
	background-size: contain;
	background-repeat: repeat-y;
	background-position: center top;
	height: auto;
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}*/




div.shopMenu {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

div.shopMenu h3.shopMenuTitle {
	font-size: 15px;
	padding: 5px;
	box-sizing: border-box;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #D4C294;
	border-bottom-color: #D4C294;
	margin-bottom: 10px;
	color: #0A509F;
	font-weight: bold;
	width: 100%;
	margin-top: 20%;
}

div.shopMenu dl.shopMenuList { }

div.shopMenu dl.shopMenuList dt {
	background-color: #D4C294;
	display: block;
	padding: 5px;
	width: 100%;
	color: #000;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.shopMenu dl.shopMenuList dd {
	padding-left: 20px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

div.shopMenu dl.shopMenuList dd.mark {
	background-image: url(../img/sp/shop/umbrella.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 14px 11px;
}

div.shopMenu dl.shopMenuList dd span {
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}

ul.shopMenuList2 li {
	padding-left: 20px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

ul.shopMenuList2 li.mark {
	background-image: url(../img/sp/shop/umbrella.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 14px 11px;
}

ul.shopMenuList2 li span {
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}

ul.shopMenuList2 li.ph {
	padding: 0px;
	width: 100%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

ul.shopMenuList2 li.ph img {
	height: auto !important;
	width: 100% !important;
}

.shopMenuList.mt20 { margin-top: 0px !important; }

div.system { margin-top: 18%; }

div.system p.center img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

div.shopDetailLeft { }

div.shopDetailLeft .shopIcon {
	float: left;
	width: 50px;
	margin-right: 10px;
}

div.shopDetailLeft .shopName {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CAB47D;
	border-bottom-color: #CAB47D;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	display: block;
	width: 220px;
}

div.shopDetailLeft .shopName h3 {
	color: #0A509F;
	font-weight: bold;
}

#sliderWaku {
	/*	background-image: url(../img/pc/shop/sliderWaku.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;*/
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.systemSlider {
	padding: 10px;
	position: relative;
}

.slides { position: relative; }

#sliderWaku .flex-control-nav li {
	height: 50px !important;
	width: 50px !important;
	margin: 1px !important;
	padding: 0px !important;
}

#sliderWaku .flex-control-nav li img {
	height: 50px !important;
	width: 50px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.systemSlider .flex-direction-nav { display: none; }

.spWrap {
	background-image: url(../img/sp/common/contentsBG2.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
	background-size: contain;
	margin-top: 30px;
	position: relative;
	margin-bottom: 15px;
}

.spWrap #shopInformation {
	background-image: url(../img/sp/common/contentsBG1.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	background-size: 100%;
	position: relative;
	top: -20px;
}

#contentBody {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

section#shopInformation h2#contentTitle {
	padding-top: 7%;
	padding-right: 10%;
	padding-left: 10%;
	font-size: 15px;
	font-weight: bold;
	color: #191F85;
}

.schedule { margin-top: 18%; }

.shopBanners {
	position: relative;
	top: -14px;
}

form .fm {
	line-height: 1.3em;
	box-sizing: border-box;
	padding-right: 0.125em;
	padding-left: 0.125em;
	padding-top: 3px;
	padding-bottom: 3px;
}

form .fm2 {
	line-height: 1.3em;
	width: 98% !important;
	box-sizing: border-box;
	padding-right: 0.125em;
	padding-left: 0.125em;
}

select.sl {
	padding-top: 3px;
	padding-bottom: 3px;
}

.formButton .returnBtn {
	background-image: url(../img/sp/inquiry/return.png);
	background-repeat: no-repeat;
	width: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 28px;
	float: left;
	text-indent: 99999px;
}

.formButton .sendBtn {
	background-image: url(../img/sp/inquiry/send.png);
	background-repeat: no-repeat;
	width: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 28px;
	float: right;
	text-indent: 99999px;
}

.favorite-cast #streetCast {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

#streetCast {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}

#streetCast li {
	width: 48%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
}

#streetCast li .castWrap {
	background-image: url(../img/sp/street/chain.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
	background-size: 142px 20px
}

#streetCast li .castWrap a .photo {
	background-image: url(../img/pc/street/castBG.png);
	background-repeat: repeat;
	padding: 3%;
}

#streetCast li .castWrap a .photo img {
	height: auto;
	width: 100%;
}

#streetCast li .castWrap a .name {
	color: #FFF;
	background-color: #3C43A0;
	display: block;
	padding: 3%;
}

#streetCast li .stageWrap {
	padding-top: 20px;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	border: 3px solid #D3B453;
	/*	background-image: url(../img/pc/street/castBG.png);
	background-repeat: repeat;*/
	position: relative;
	box-sizing: border-box;
	background-color: #FFF;
}

#streetCast li .stageWrap .stageThumb img {
	height: auto;
	width: 100%;
}

#streetCast li .stageWrap .stage {
	font-size: 10px;
	font-weight: bold;
	color: #13007C;
	margin-top: 5px;
}

#streetCast li .stageWrap .stage span {
	color: #569FBF;
	font-weight: bold;
}

#streetCast li .stageWrap .stageTitle {
	text-align: center;
	position: absolute;
	top: -6.5%;
	display: block;
	width: 94%;
}

#streetCast li .stageWrap .stageTitle img {
	height: auto;
	width: 60%;
}

/* 2022.04 add */
#streetCast .photo {
	position: relative;
}

#streetCast .photo .photo-rank {
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 10px;
	right: 5px;
}

#streetCast .photo .photo-rank img {
	display: block;
	width: 100%;
	height: auto;
}

#visual {
	text-align: center;
	margin-top: 20px;
	position: relative;
}

#visual a.msBtn01,
#visual div.msBtn01 {
	position: absolute;
	z-index: 10;
	bottom: 25%;
	width: 232px;
	right: 5%;
}

#visual a.msBtn02,
#visual div.msBtn02 {
	position: absolute;
	z-index: 10;
	bottom: 7%;
	width: 232px;
	right: 5%;
}

#newsDetail.content {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 10%;
	padding-top: 7.5%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#newsDetail.content .newsEntryMeta li time {
	font-size: 15px;
	color: #0A50A0;
	padding: 7.5%;
	font-weight: bold;
}

#newsDetail.content .newsEntryMeta li .categories {
	font-size: 15px;
	color: #389FD2;
	padding-left: 7.5%;
	padding-top: 10px;
}

.newsEntry h2.newsTitle {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CAB47D;
	border-bottom-color: #CAB47D;
	line-height: 1.5em;
	margin-right: 7.5%;
	margin-left: 7.5%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.newsEntry .newsEntryBody { line-height: 1.5em; }

.newsEntry .newsEntryBody ul {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}

.newsEntry .newsEntryBody ul li { width: 100%; }

.newsEntry .snsBtn {
	width: 100%;
	display: block;
	margin: 7.5%;
}

.newsEntry .snsBtn li {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.newsEntry .pager {
	width: 85%;
	display: block;
	margin: 7.5%;
	position: relative;
	padding-bottom: 30px;
}

.newsEntry .pager li.prev {
	position: absolute;
	left: 0px;
	top: 0px;
}

.newsEntry .pager li.list {
	margin-right: auto;
	margin-left: auto;
	width: 70px;
}

.newsEntry .pager li.next {
	position: absolute;
	top: 0px;
	right: 0px;
}

.newsEntry .pager li a {
	padding-top: 5px;
	background-color: #13007C;
	width: 70px;
	text-align: center;
	display: block;
	padding-bottom: 5px;
	color: #FFF;
	font-size: 10px;
	line-height: 1.3em;
}

.castProfileLeft { margin-top: 50px; }

.castProfileSliderWaku {
	background-image: url(../img/sp/shop/castProfPhotoWaku.png);
	background-repeat: no-repeat;
	width: 274px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 11px;
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
	background-size: 100%;
	box-sizing: border-box;
}

.castProfileSlider {
	position: relative;
}

.castProfileSlider .flex-control-thumbs {
	margin-top: 13px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	/*background-color: #999999;*/
	height: auto !important;
	width: 274px !important;
	left: -14px !important;
	padding-right: 7px !important;
	padding-left: 7px !important;
	padding-bottom: 7px !important;
}

.castProfileSlider .flex-control-thumbs li {
	width: 46px !important;
	height: auto !important;
	margin-right: 3px !important;
	margin-bottom: 0px;
	margin-left: 3px !important;
}

.castProfileSlider .flex-control-thumbs img {
	width: 46px !important;
	height: auto !important;
}

.castProfileSlider .flex-control-thumbs img:hover {
	width: 46px !important;
	height: auto !important;
}

.castProfileSlider .flex-control-thumbs .flex-active {
	width: 46px !important;
	height: auto !important;
}


.castProfileSlider p.unitLogo {
	position: absolute;
	top: 265px;
	right: 5px;
	width: 170px;
	z-index: 6000;
}

.castProfileSlider .unitLogo span {
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 98px;
	display: block;
}

.castProfileSlider .unitLogo span.afilia_saga {
	background-image: url(../img/common/cast/logo_afilia_saga_detail.png?202509);
	background-position: 25px 0;
}
.castProfileSlider .unitLogo span.iketeru_hearts {
	background-image: url(../img/common/cast/logo_iketeru_hearts_detail.png);
	background-position: -2px 15px;
}
.castProfileSlider .unitLogo span.purelymonster {
	background-image: url(../img/common/cast/logo_purelymonster_detail.png);
	background-position: 16px 3px;
}
.castProfileSlider .unitLogo span.talent {
	background-image: url(../img/common/cast/logo_talent_detail.png);
	background-position: 31px 3px;
}
.castProfileSlider .unitLogo span.royal {
	background-image: url(../img/common/cast/logo_royal_detail.png);
	background-position: 23px 3px;
}
.castProfileSlider .unitLogo span.next_rico {
	background-image: url(../img/common/cast/logo_next_rico_detail.png?202306);
	background-position: -2px 22px;
}
.castProfileSlider .unitLogo span.excellence {
	background-image: url(../img/common/cast/logo_excellence_detail.png?202506);
	background-position: -2px 26px;
}
.castProfileSlider .unitLogo span.babyz_breath {
	background-image: url(../img/common/cast/logo_babyz_breath_detail.png);
	background-position: -2px 0px;
}
.castProfileSlider .unitLogo span.erabareshi {
	background-image: url(../img/common/cast/logo_erabareshi_detail.png?202509);
	background-position: 5px 20px;
}
.castProfileSlider .unitLogo span.committee {
	background-image: url(../img/common/cast/logo_committee_detail.png);
	background-position: -2px 20px;
}


.castProfileLeft .badge {
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	min-height: 80px;
}

.castProfileLeft .badge dt { width: 100%; }

.castProfileLeft .badge dt img {
	width: 100%;
	height: auto;
}

.castProfileLeft .badge dd {
	width: 20%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.castProfileLeft .badge dd img {
	width: 100%;
	height: auto;
}


.castProfileDetailText04 {
	padding: 0px;
	height: auto;
	width: 100% !important;
	margin-top: -55px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 34px;
	float: none;
	clear: both;
	z-index: 100;
	position: relative;
}


.badge2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 86%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.badge2 dd {
	width: 33%;
	padding: 0 10px 10px 0;
	margin-bottom: 0 !important;
}

.badge2 dd img {
	width: 100%;
	display: block;
}

.castProfileDetail {
	height: auto;
	width: 86%;
	border: 4px solid #D4C294;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	background-image: url(../img/sp/shop/castBG.png);
	background-repeat: repeat;
	position: relative;
	margin-top: 0%;
}

/*.castProfileDetail {
	height: auto;
	width: 86%;
	border: 4px solid #D4C294;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	background-image: url(../img/sp/shop/castBG.png);
	background-repeat: repeat;
	position: relative;
	margin-top: 45.5%;
}*/



.castProfileDetail .detailTopComing {
	position: relative;
	z-index: 100;
	width: 118%;
	height: auto;
	left: -9%;
	right: -9%;
	margin-top: 0% !important;
}

.castProfileDetail .detailTop {
	position: relative;
	z-index: 100;
	width: 118%;
	height: auto;
	left: -9%;
	right: -9%;
	margin-top: -59% !important;
}

.castProfileDetail .detailTop .castDetail_bgTop {
	width: 100%;
	height: auto;
}

.castProfileDetail .detailTop .force {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: 200;
	position: absolute;
	top: 50%;
	margin-top: -64px;
}

.castProfileDetail .detailTop .force a {
	display: block;
	position: relative;
	height: 143px;
	width: 143px;
	margin-right: auto;
	margin-left: auto;
}

.castProfileDetail .detailTop .force a .force01 {
	position: absolute;
	z-index: 600;
	display: block;
}

.castProfileDetail .detailTop .force a .force02 {
	position: absolute;
	z-index: 700;
	display: block;
}

.castProfileDetailText01 { margin-top: 20px; }

.castProfileDetailText03 { margin-bottom: 24%; }


.castProfileWrap .castProfileMain .castProfileDetail .iframeYoutube {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
	margin: 25px 0 5px;
}

.castProfileWrap .castProfileMain .castProfileDetail .iframeYoutube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 3px solid #CCC;
}



.castProfileDetail dl {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 1.5em;
}

.castProfileDetail dl dt { margin-bottom: 10px; }

.castProfileDetail dl dd { margin-bottom: 20px; }

.detailBottom {
	position: absolute;
	bottom: -10px;
	width: 118%;
	height: auto;
	left: -9%;
	right: -9%;
}

.detailBottom img {
	height: auto;
	width: 100%;
}

.castProfileRank {
	width: 86%;
	height: auto;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.castProfileRank span {
	font-size: 15px;
	color: #FFF;
	position: absolute;
	z-index: 10;
	width: 86%;
	margin-right: 7%;
	margin-left: 7%;
	line-height: 1.5em;
	padding-top: 18.3%;
}

.castProfileRank a:link {
	color: #FFF;
	text-decoration: underline;
}

.castProfileRank a:hover {
	color: #FFF;
	text-decoration: none;
}

.castProfileRank a:visited {
	color: #FFF;
	text-decoration: none;
}

.castProfileRank a:active {
	color: #FFF;
	text-decoration: none;
}

.castProfileRank img {
	width: 100% !important;
	height: auto !important;
	position: absolute;
	z-index: 0 !important;
}

.castProfileRank_none { margin-bottom: -43%; }

.castProfileStage {
	width: 86%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid #D4C294;
	box-sizing: border-box;
	margin-top: 43%;
	position: relative;
	background-image: url(../img/sp/shop/castBG.png);
	display: block;
}

.castProfileStage h2 {
	width: 100% !important;
	text-align: center !important;
	line-height: normal !important;
	margin: 0px !important;
	padding: 0px !important;
	height: auto !important;
	position: absolute;
	top: -13px !important;
}

.castProfileStage h2 img {
	height: 23px;
	width: 167px;
	margin-right: auto;
	margin-left: auto;
}

.castProfileStage h3 {
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.castProfileStage h3 span {
	font-weight: bold;
	color: #130079;
	display: block;
}

.castProfileStage .stageImage {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

.castProfileStage .stageImage img {
	height: auto !important;
	width: 100% !important;
}

.progressMeter {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	background-color: #1C1F87;
	color: #FFF;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.progressMeter span { float: left; }

.progressMeter .mater {
	float: left;
	width: 40%;
	border: 2px solid #DDD;
	height: 18px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFF;
}

.castProfileStageList { padding-bottom: 20px; }

.castProfileStageList img { width: 100%; }

.castProfileStageList li {
	padding: 0px;
	float: left;
	width: 47%;
	text-align: center;
	margin: 1.5%;
	font-weight: bold;
	font-size: 10px;
}

.castProfileStageList li:nth-child(15) span {
	font-size: 9px !important;
	letter-spacing: -1px !important;
}

.castProfileStageList li span {
	display: block;
	/*font-weight: bold;*/
	color: #13007A;
	margin-bottom: 5px;
}

.castProfileTweetBox {
	display: none;
	position: relative;
	border: 1px solid #1446A9;
	border-radius: 8px;
	width: 280px;
	margin: 5px auto 0;
	box-sizing: border-box;
	padding: 10px;
	line-height: 1.4;
	background-color: #FFFFFF;
	z-index: 0;
}

/* 吹き出し */
.castProfileTweetBox:before {
	content: "";
	position: absolute;
	top: -14px;
	left: 10%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 14px 14px 14px;
	border-color: transparent transparent #FFFFFF transparent;
	z-index: 0;
}
.castProfileTweetBox:after {
	content: "";
	position: absolute;
	top: -15px;
	left: 10%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #1446A9 transparent;
	z-index: -1;
}
/* /吹き出し */

.castProfileTweetBox .tweetPic {
	margin-top: 10px;
	
	display: -webkit-flex; /* Safari */
	display: flex;
	
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
	
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
	
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}

.castProfileTweetBox .tweetPic li {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
}

.castProfileTweetBox .tweet_link {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
}

.castProfileTweetBox .tweet_article{
	/*display: none;*/
}
/*
.castProfileTweetBox .tweet_loading {
	background-image: url(../img/common/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20p 20px;
	width: 100%;
	height: 40px;
	display:block;
}
*/
#magicWindow,
#magicWindowNomal,
#magicWindowCritical {
	width: 280px;
	overflow: hidden !important;
	font-size: 12px;
	color: #FFF;
	position: relative;
	display: none;
	background-color : #000000;
	padding: 20px;
}

#magicWindow { height: auto; }

#magicWindowNomal,
#magicWindowCritical { height: 280px; }

#magicWindow { }

#magicWindowNomal,
#magicWindowCritical {
	background-image: url(../img/pc/shop/magicBG.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%
}

#magicWindow img,
#magicWindowNomal img,
#magicWindowCritical img {
	width: 100% !important;
	heigh: auto !important;
}

#magicWindow h2,
#magicWindowNomal h2,
#magicWindowCritical h2 {
	width: 100% !important;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 10px;
}

#magicWindowNomal h2,
#magicWindowCritical h2 { margin-top: 50px !important; }

#magicWindow p,
#magicWindowNomal p,
#magicWindowCritical p {
	width: 100% !important;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-bottom: 1em;
	position: relative;
	z-index: 10;
}

p.investment {
	text-align: center;
	margin-bottom: 1em;
	font-size: 14px;
}

p.investment input {
	border: 2px solid #26ACD1;
	font-size: 16px;
	width: 80px;
	height: 20px;
}

p.caution { color: #26ACD1 !important; }

.currentMP {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	border: 1px solid #1C1F87;
	text-align: center;
	margin-bottom: 1em;
}

.currentMP dt {
	font-size: 16px;
	line-height: 32px;
	background-color: #1C1F87;
	height: 32px;
}

.currentMP dd {
	font-size: 16px;
	line-height: 32px;
	background-color: #000000;
	height: 32px;
}

#vote_submit {
	padding: 10px;
	border: 2px solid #1972C9;
	background-color: #1445A9;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
}

#magicWindowNomal div,
#magicWindowCritical div {
	width: 100%;
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
}

#magicWindowNomal div img,
#magicWindowCritical div img {
	height: auto !important;
	width: 100% !important;
}

p.critical { }

p.critical,
p.wiz { font-size: 20px !important; }

dd#bonus { background-color: #241285!important; }

#bonusBtn {
	background-image: url(../img/pc/mypage/bonusOn.png);
	height: 48px;
	width: 194px;
	text-indent: -9999px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.castProfileRank_none {
	text-align: center;
	height: 23px;
	width: 290px;
	margin-right: auto;
	margin-left: auto;
}

.fancybox-skin {
	background-color : #2a9898 !important;
	padding: 2px !important;
}

.fancybox-inner { height: auto !important; }

.magicalstreetArchive {
	position: absolute;
	top: 10px;
	z-index: 30;
}

.textWrap {
	width: 100% !important;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 1px;
	padding-bottom: 30px;
}

.textWrap hr {
	background-image: url(../img/pc/common/hr.png);
	background-repeat: repeat-x;
	background-position: left center;
	height: 6px;
	width: 85%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 2em;
	margin-right: auto;
	margin-left: auto;
}

.textWrap h3 {
	width: 85% !important;
	padding: 0px;
	margin-top: 15%;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	text-indent: 0;
	font-size: 15px;
	font-weight: bold;
	color: #191F85;
}

.textWrap p {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 0px;
	line-height: 1.5em;
}

.textWrap p strong { font-weight: bold; }

#spTable {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	background-color: #FFF;
	box-sizing: border-box;
	font-size: 9px;
	margin-bottom: 30px;
}

#spTable .bg { background-color: #F0F0F0; }

#spTable tr th,
#spTable tr td {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3em;
	padding: 5px;
}

#spTable tr th { width: 10% !important; }

#spTable tr td { width: 45% !important; }

#pcTable { display: none; }

/*SNS Twitter*/



iframe.twitter-share-button { width: 90px!important; }

/*SNS Google+*/



div#___plusone_0,
div#___plusone_1,
div#___plusone_2,
div#___plusone_3,
div#___plusone_4,
div#___plusone_5 { width: 60px!important; }

#kakunin {
	background-image: url(../img/pc/mypage/button_confirm.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	padding: 0px;
	height: 28px;
	width: 119px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	background-size: 100%
}

#kakunin:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#mp_history li textarea { width: 100%; }

.system div.textWrap {
	width: 90% !important;
	margin-right: auto;
	margin-left: auto;
}


/* system gift card */
.system .modifiedByMages * {
	margin: 0;
	padding: 0;
}
.system .modifiedByMages section {
	margin-bottom: 1em;
}
.system .modifiedByMages h2 {
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 1em;
	border-bottom: 2px solid #000;
}
.system .modifiedByMages p {
	margin-bottom: 0.5em;
}
.system .mbm_guiftcard p.mbm_giftcard_image,
.system .mbm_idolPriority p.mbm_idolPriority_image {
	text-align: center;
}
.system .mbm_guiftcard p.mbm_giftcard_image img,
.system .mbm_idolPriority p.mbm_idolPriority_image img {
	width: auto;
	max-width: 100%;
}
.system .mbm_idolPriority h3 {
	text-align: center;
	font-size: 1.5em;
	line-height: 1em;
	margin: 1em 0;
	color: #f39;
	width: 100% !important;
}
.system ul.mbm_idolPriority_merit {
	list-style: none;
}
.system ul.mbm_idolPriority_merit li::after {
	content: '';
    display: block;
    clear: both;
}
.system ul.mbm_idolPriority_merit p.mbm_idolPriority_icon {
	width: 120px;
	float: left;
	margin-right: 1em;
}
.system ul.mbm_idolPriority_merit[data-mbm_sp] li {
	margin-bottom: 1em;
}
.system ul.mbm_idolPriority_merit[data-mbm_sp] p.mbm_idolPriority_icon {
	float: none;
	margin: 0 auto;
}
.system ul.mbm_idolPriority_merit h4 {
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1em;
	margin-bottom: 0.5em;
	color: #009;
}
.system ul.mbm_idolPriority_merit[data-mbm_sp] h4 {
	text-align: center;
}
.system ul.mbm_idolPriority_merit p.mbm_notice {
	font-size: 0.75em;
	line-height: 1.35em;
}
.system ul.mbm_idolPriority_merit li {
}
.system ul.mbm_idolPriority_merit li div {
	padding-top: 0.5em;
	overflow: hidden;
}


.returnButton {
	background-image: url(../img/pc/common/return.png);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	padding: 0px;
	height: 28px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -9999px;
	cursor: pointer;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.saveButton {
	background-image: url(../img/pc/common/save.png);
	background-repeat: no-repeat;
	background-size: 100%;
	display: block;
	padding: 0px;
	height: 28px;
	width: 120px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.returnButton:hover,
.saveButton:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.btnArea {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
}

#mp_history li img {
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.recruitDetailText li {
	background-image: url(../img/sp/common/umbrella.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 13px 10px;
	padding-left: 18px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p.shopMenuText {
	text-align: center;
	width: 100%;
	margin-top: 60px;
	margin-bottom: -30px;
}

.flex-control-thumbs img {
	width: 108px !important;
	height: 108px !important;
	border: 4px solid #fdf7e4 !important;
	margin: -4px !important;
}

.flex-control-thumbs img:hover {
	width: 108px !important;
	height: 108px !important;
	border: 4px solid #F25091 !important;
	margin: -4px !important;
}

#inquiry_comment {
	width: 100% !important;
	height: 100px;
}

.sliderLinkShop {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.senpaiRanking {
	position: relative;
	margin-top: 50px;
}

.senpaiRanking .senpaiRankingHeader {
	padding: 0px;
	width: 84.6875%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	position: relative;
	z-index: 10;
	bottom: -10px;
}

.senpaiRanking .senpaiRankingFooter {
	padding: 0px;
	width: 84.6875%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	height: auto;
	position: relative;
	top: -20px;
}

.senpaiRanking .senpaiRankingBody {
	padding: 0px;
	width: 84.6875%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	text-align: center;
	position: relative;
	z-index: 200;
}

.textWrap .senpaiRanking h3 {
	padding: 0px !important;
	text-align: center !important;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 42px;
}

.textWrap .senpaiRanking h3 a:link,
.textWrap .senpaiRanking h3 a:visited {
	color: #1C1F87;
	font-weight: bold;
	text-decoration: underline;
}

.textWrap .senpaiRanking h3 a:hover,
.textWrap .senpaiRanking h3 a:active { text-decoration: none; }

.textWrap .senpaiRanking dl {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #1C1F87;
}

.textWrap .senpaiRanking dl dt {
	line-height: 32px;
	color: #FFF;
	background-color: #1C1F87;
	font-weight: bold;
	font-size: 12px;
}

.textWrap .senpaiRanking dl dd {
	line-height: 43px;
	font-weight: bold;
	color: #1C1F87;
	font-size: 12px;
}

.senpaiRanking.height {
	margin-bottom: 30px;
	margin-top: 0px;
}

.senpaiRanking .senpaiRankingNumber {
	font-size: 16px;
	color: #1C1F87;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.senpaiRanking .senpaiRankingNumber span { font-size: 12px; }

hr.senpaiRankingBorder {
	background-image: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}

.selectBoxSP {
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	background-color: #13007C;
	display: block;
	margin-top: 15px;
	margin-bottom: 0px;
}

.selectBoxSP div {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
}

.selectBoxSP .magicalstreetArchive {
	float: left;
	display: block;
	height: 11px;
	width: 55px;
	position: relative;
	left: auto;
	top: 12px;
	right: auto;
	bottom: auto;
}

.selectBoxSP #ranking_archiveSP {
	width: 100px;
	display: block;
	margin-left: 15px;
	position: relative;
	top: 10px;
}

.mainText {
	width: 88.75%;
	margin-right: auto;
	margin-left: auto;
}

.patternA img,
.patternB img {
	clear: both;
	width: 62.5%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

.patternA p,
.patternB p {
	margin-top: 30px;
	margin-bottom: 30px;
}

.patternA p em,
.patternB p em {
	font-weight: bold;
	color: #0B6CB9;
}

.returnMS {
	height: auto;
	width: 62.5% !important;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

.msFooter {
	height: auto;
	width: 87.5%;
	margin-right: auto;
	margin-left: auto;
}

.msFooter img {
	height: auto;
	width: 100%;
}

.returnMS a img {
	height: auto;
	width: 100%;
}

.aboutMain {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 10%;
}

.aboutMain p {
	margin-top: 2em;
	margin-bottom: 2em;
	width: 94% !important;
	margin-right: auto;
	margin-left: auto;
}

.aboutMain p em {
	font-weight: bold;
	color: #0B6CB9;
}

.aboutMain img {
	width: 100%;
	height: auto;
}

.aboutLeft p,
.aboutRight p {
	margin-top: 2em;
	margin-bottom: 2em;
}

.aboutLeft p em,
.aboutRight p em,
p.infotext01 em {
	font-weight: bold;
	color: #0B6CB9;
}

.aboutLeft img,
.aboutRight img {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}

.aboutThree {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.aboutThree img {
	height: auto;
	width: 100%;
}

.content .aboutThreeText {
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}

.aboutThreeText span { display: inline !important; }

.infoMain,
.infoMain2 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10%;
}

.infoMain img,
.infoMain2 img {
	width: 100%;
	height: auto;
}

.infoTitle {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CAB47D;
	border-bottom-color: #CAB47D;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	margin-bottom: 15px;
	padding-right: 0.3em;
	padding-left: 0.3em;
	font-size: 16px;
	color: #0A509F;
	font-weight: bold;
	margin-top: 10% !important;
}

p.infotext01 { }

p.infotext01 img {
	clear: both;
	height: auto;
	width: 80% !important;
	margin-right: 10% !important;
	margin-left: 10% !important;
	margin-bottom: 5%;
}

.recruitMain {
	width: 88.75% !important;
	height: auto !important;
	margin: 5.625% !important;
}

div.recruitText01 {
	width: 88.75% !important;
	border: 3px solid #CAB47D !important;
	padding: 0px !important;
	height: auto;
	display: block !important;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	box-sizing: border-box;
	text-align: center;
}

div.recruitText01 h3 {
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100% !important;
	display: block;
}

div.recruitText01 h3 img {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	height: auto;
}

.recruitDetail h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}

.recruitDetail h4 img {
	height: 38px !important;
	width: auto !important;
}

.recruitLine {
	margin-top: 2em !important;
}
.recruitLineBtn {
	display: block;
	margin: 10px auto;
	width: 116px;
}

.recruitLineBtn2 {
	margin-top: 8px;
}

.castFormBtn {
	clear: both;
	padding: 0px;
	float: none;
	height: 28px;
	width: 233px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	display: block;
	position: relative;
	left: -1em;
}

.castFormBtn img {
	height: 28px;
	width: 233px;
}

.recruitText02 {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.recruitText03 {
	width: 100% !important;
	border: 3px solid #CAB47D !important;
	height: auto;
	display: block !important;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	box-sizing: border-box;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: rgba(255,255,255,0.7);
}

.recruitText03 li {
	background-image: url(../img/pc/recruit/umbrella.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 2em;
	margin: 10px;
}

.arrows {
	text-align: center;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.recruitText04 { }

.recruitText04 h4 {
	background-color: #E1D5B5;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 2em;
}

.recruitText04 h4 a {
	color: #13007B;
	font-weight: bold;
}

.recruitText04 p {
	margin-top: 30px;
	margin-bottom: 30px;
}

ul.recruitText05 {
	margin-top: 30px;
	margin-bottom: 20px;
}

ul.recruitText05 li {
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	box-sizing: border-box;
	font-weight: bold;
	width: 100%;
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	letter-spacing: 0em;
}

ul.recruitText05 li.asterisk {
	background-image: url(../img/pc/top/shops_asterisk.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.dining {
	background-image: url(../img/pc/top/shops_dining.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.egoist {
	background-image: url(../img/pc/top/shops_egoist.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.grandlodge {
	background-image: url(../img/pc/top/shops_grandlodge.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.sherrys {
	background-image: url(../img/pc/top/shops_sherrys.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.stars {
	background-image: url(../img/pc/top/shops_stars.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.oomiya {
	background-image: url(../img/pc/top/shops_oomiya.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li.chronicle_s {
	background-image: url(../img/pc/top/shops_chronicle_s.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.recruitText05 li ul.shift {
	background-color: #FFF !important;
	padding: 10px;
	float: left;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul.recruitText05 li ul.shift li {
	margin: 0px;
	padding: 0px;
	color: #0B6CB9;
	box-sizing: border-box;
	width: 100%;
	font-size: 13px;
	line-height: 1.75em;
}

ul.recruitText05 li ul.shift li.border {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

ul.recruitText05 li ul.shift li span {
	color: #FFF;
	background-color: #0067B6;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	line-height: 14px;
	height: 14px;
	letter-spacing: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.recruitText06 {
	background-color: #E1D5B5;
	padding: 10px;
}

.recruitText06 li {
	margin: 10px;
	text-indent: -1em;
	padding-left: 1em;
}

ul.recruitText07 {
	background-color: rgba(255,255,255,0.7);
	border: 2px double #CAB47D;
	width: 100%;
	margin: 20px 0 10px;
	box-sizing: border-box;
	padding: 8px;
}

ul.recruitText07 li {
	background-image: url(../img/pc/recruit/umbrella.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 1.5em;
	margin: 5px 5px 10px;
}

ul.recruitText07 li span {
	font-weight: bold;
	font-size: 14px;
	color: #0B6CB9;
	display: block;
}
ul.recruitText07 li em {
	display: none;
}

div.recruitText08 {
	margin-top: 15px;
	margin-bottom: 20px;
	border-bottom: 2px dotted #CCCCCC;
}

div.recruitText08 .shopbox {
}

div.recruitText08 .shiftbox {
	background-color: rgba(255,255,255,0.7) !important;
	margin-bottom: 20px;
	border: 2px solid #CAB47D;
}

div.recruitText08 li {
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	box-sizing: border-box;
	font-weight: bold;
	width: 100%;
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
	letter-spacing: 0em;
}

div.recruitText08 li.asterisk {
	background-image: url(../img/pc/top/shops_asterisk.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.dining {
	background-image: url(../img/pc/top/shops_dining.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.egoist {
	background-image: url(../img/pc/top/shops_egoist.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.grandlodge {
	background-image: url(../img/pc/top/shops_grandlodge.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.sherrys {
	background-image: url(../img/pc/top/shops_sherrys.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.stars {
	background-image: url(../img/pc/top/shops_stars.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.oomiya {
	background-image: url(../img/pc/top/shops_oomiya.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 li.chronicle_s {
	background-image: url(../img/pc/top/shops_chronicle_s.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 55px;
}

div.recruitText08 .shiftbox ul.shift {
	background-color: #FFF !important;
	padding: 10px 10px 0;
	float: left;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.recruitText08 .shiftbox ul.shift li {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	color: #0B6CB9;
	box-sizing: border-box;
	width: 100%;
	font-size: 13px;
	line-height: 1.75em;
}

div.recruitText08 .shiftbox ul.shift li.excellence {
	color: #CC9933;
}
div.recruitText08 .shiftbox ul.shift li.excellence span {
	background-color: rgba(255,255,255,0.0);
}

div.recruitText08 .shiftbox ul.shift li.border {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.recruitText08 .shiftbox ul.shift li span {
	color: #FFF;
	background-color: #0067B6;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	line-height: 14px;
	height: 14px;
	letter-spacing: 1px;
	padding-top: 2px;
	padding-bottom: 1px;
}

div.recruitText08 .shiftbox ul.shift li em {
	color: #000000;
	font-weight: bold;
	padding-left: 5px;
}

div.recruitText08 .shiftbox p {
	color: #0B6CB9;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.75em;
	width: 100%;
	padding: 0 20px 10px;
}

.castrecruitBtn {
	height: 28px;
	width: 233px;
	margin-right: auto;
	margin-left: auto;
}

.fancybox {
  width: 143px;
  height: 143px;
}

.fancybox img {
	border: none;
	display: block;
	width: 143px;
	height: 143px;
}

.fancybox img:hover {
	width: 143px;
	height: 143px;
	-webkit-animation: spin 0.5s linear infinite;
	-moz-animation: spin 0.5s linear infinite;
	-ms-animation: spin 0.5s linear infinite;
	-o-animation: spin 0.5s linear infinite;
	animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg)scale(1.0); }
	100% {-webkit-transform: rotate(360deg)scale(0.1);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg)scale(1.0); }
	100% {-moz-transform: rotate(360deg)scale(0.1);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg)scale(1.0); }
	100% {-ms-transform: rotate(360deg)scale(0.1);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg)scale(1.0); }
	100% {-o-transform: rotate(360deg)scale(0.1);}
}
@keyframes spin {
	0% {transform: rotate(0deg)scale(1.0); }
	100% {transform: rotate(360deg)scale(0.1);}
}

.castProfileMain { margin-top: 200px; }



/* Effect 8 */
#force_pic_sp {
	opacity: 0;
	-moz-animation     : forceEffect2 1.9s ease-out 175ms infinite;
	-webkit-animation  : forceEffect2 1.9s ease-out 175ms infinite;
	animation          : forceEffect2 1.9s ease-out 175ms infinite;
}

#force_pic_sp2 {
	opacity: 0;
}

@-webkit-keyframes forceEffect2 {
	0% {
		-webkit-transform: rotate(0deg)scale(1.9);
		opacity: 0.2;
	}
	20% {
		opacity: 0.6;
	}
	40% {
		opacity: 0.85;
	}
	60% {
		opacity: 0.6;
	}
	80% {
		opacity: 0.2;
	}
	100% {
		-webkit-transform: rotate(180deg)scale(0.05);
		opacity: 0;
	}
}

@-moz-keyframes forceEffect2 {
	0% {
		-moz-transform: rotate(0deg)scale(0.1);
		opacity: 0;
	}
	20% {
		opacity: 0.6;
	}
	40% {
		opacity: 0.9;
	}
	60% {
		opacity: 0.6;
	}
	80% {
		opacity: 0.4;
	}
	100% {
		-moz-transform: rotate(180deg)scale(1.8);
		opacity: 0;
	}
}

@keyframes forceEffect2 {
	0% {
		transform: rotate(0deg)scale(0.1);
		opacity: 0;
	}
	20% {
		opacity: 0.6;
	}
	40% {
		opacity: 0.9;
	}
	60% {
		opacity: 0.6;
	}
	80% {
		opacity: 0.4;
	}
	100% {
		transform: rotate(180deg)scale(1.8);
		opacity: 0;
	}
}

/* forceEndEffect */
#force_end_pic {
	opacity: 0;
	-moz-animation     : forceEndEffect 50s ease-out 10ms infinite;
	-webkit-animation  : forceEndEffect 50s ease-out 10ms infinite;
	animation          : forceEndEffect 50s ease-out 10ms infinite;
}

#force_end_pic2 {
	opacity: 0;
}

@-webkit-keyframes forceEndEffect {
	0% {
		-webkit-transform: rotate(0deg)scale(1);
		opacity: 0;
	}
	1% {
		opacity: 0.3;
	}
	20% {
		opacity: 0.8;
	}
	40% {
		opacity: 0.3;
	}
	50% {
		opacity: 0.6;
	}
	60% {
		opacity: 0.2;
	}
	80% {
		opacity: 0.6;
	}
	99% {
		opacity: 0.2;
	}
	100% {
		-webkit-transform: rotate(180deg)scale(0.9);
		opacity: 0;
	}
}

@-moz-keyframes forceEndEffect {
	0% {
		-moz-transform: rotate(0deg)scale(1);
		opacity: 0;
	}
	1% {
		opacity: 0.3;
	}
	20% {
		opacity: 0.8;
	}
	40% {
		opacity: 0.3;
	}
	50% {
		opacity: 0.6;
	}
	60% {
		opacity: 0.2;
	}
	80% {
		opacity: 0.6;
	}
	99% {
		opacity: 0.2;
	}
	100% {
		-moz-transform: rotate(180deg)scale(0.9);
		opacity: 0;
	}
}

@keyframes forceEndEffect {
	0% {
		transform: rotate(0deg)scale(1);
		opacity: 0;
	}
	1% {
		opacity: 0.3;
	}
	20% {
		opacity: 0.8;
	}
	40% {
		opacity: 0.3;
	}
	50% {
		opacity: 0.6;
	}
	60% {
		opacity: 0.2;
	}
	80% {
		opacity: 0.6;
	}
	99% {
		opacity: 0.2;
	}
	100% {
		transform: rotate(180deg)scale(0.9);
		opacity: 0;
	}
}

/* forceCriticalEffect */

#force_end_critical_pic_1 {
	opacity: 0.3;
	-moz-animation     : forceCriticalEffect 8s ease-out 0s infinite;
	-webkit-animation  : forceCriticalEffect 8s ease-out 0s infinite;
	animation          : forceCriticalEffect 8s ease-out 0s infinite;
}

#force_end_critical_pic_2 {
	opacity: 0;
	-moz-animation     : forceCriticalEffect2 5s ease-out 1ms infinite;
	-webkit-animation  : forceCriticalEffect2 5s ease-out 1ms infinite;
	animation          : forceCriticalEffect2 5s ease-out 1ms infinite;
}

#force_end_critical_pic_3 {
	opacity: 0;
	-moz-animation     : forceCriticalEffect3 3s ease-out 1ms infinite;
	-webkit-animation  : forceCriticalEffect3 3s ease-out 1ms infinite;
	animation          : forceCriticalEffect3 3s ease-out 1ms infinite;
}


#force_end_critical_pic_4 {
	opacity: 0;
	/*
	-moz-animation     : forceCriticalEffect4 2.5s ease-out 1ms infinite;
	-webkit-animation  : forceCriticalEffect4 2.5s ease-out 1ms infinite;
	animation          : forceCriticalEffect4 2.5s ease-out 1ms infinite;
	*/
}

#force_end_critical_pic2_1, #force_end_critical_pic2_2, #force_end_critical_pic2_3, #force_end_critical_pic2_4 {
	opacity: 0;
}

@-webkit-keyframes forceCriticalEffect {
	  0% { -webkit-transform: rotate(0deg)scale(1);			opacity: 0.1; }
	 12% { -webkit-transform: rotate(0deg)scale(1);			opacity: 0; }
	 13% { -webkit-transform: rotate(0deg)scale(1.1);		opacity: 0; }
	 14% { -webkit-transform: rotate(10deg)scale(1.1);	opacity: 0.4; }
	 26% { -webkit-transform: rotate(10deg)scale(1.1);	opacity: 0; }
	 27% { -webkit-transform: rotate(10deg)scale(0.4);	opacity: 0; }
	 28% { -webkit-transform: rotate(5deg)scale(0.4);		opacity: 0.1; }
	 40% { -webkit-transform: rotate(5deg)scale(0.4);		opacity: 0; }
	 41% { -webkit-transform: rotate(5deg)scale(1.2);		opacity: 0; }
	 42% { -webkit-transform: rotate(12deg)scale(1.2);	opacity: 0.4; }
	 54% { -webkit-transform: rotate(12deg)scale(1.2);	opacity: 0; }
	 55% { -webkit-transform: rotate(12deg)scale(1);		opacity: 0; }
	 56% { -webkit-transform: rotate(7deg)scale(1);			opacity: 0.2; }
	 68% { -webkit-transform: rotate(7deg)scale(1);			opacity: 0; }
	 69% { -webkit-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 70% { -webkit-transform: rotate(2deg)scale(1.1);		opacity: 0.4; }
	 82% { -webkit-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 83% { -webkit-transform: rotate(8deg)scale(1);			opacity: 0; }
	 84% { -webkit-transform: rotate(8deg)scale(1);			opacity: 0.1; }
	 99% { -webkit-transform: rotate(8deg)scale(1);			opacity: 0; }
	100% { -webkit-transform: rotate(0deg)scale(1);			opacity: 0; }
}
@-moz-keyframes forceCriticalEffect {
	  0% { -moz-transform: rotate(0deg)scale(1);			opacity: 0.1; }
	 12% { -moz-transform: rotate(0deg)scale(1);			opacity: 0; }
	 13% { -moz-transform: rotate(0deg)scale(1.1);		opacity: 0; }
	 14% { -moz-transform: rotate(10deg)scale(1.1);	opacity: 0.4; }
	 26% { -moz-transform: rotate(10deg)scale(1.1);	opacity: 0; }
	 27% { -moz-transform: rotate(10deg)scale(0.4);	opacity: 0; }
	 28% { -moz-transform: rotate(5deg)scale(0.4);		opacity: 0.1; }
	 40% { -moz-transform: rotate(5deg)scale(0.4);		opacity: 0; }
	 41% { -moz-transform: rotate(5deg)scale(1.2);		opacity: 0; }
	 42% { -moz-transform: rotate(12deg)scale(1.2);	opacity: 0.4; }
	 54% { -moz-transform: rotate(12deg)scale(1.2);	opacity: 0; }
	 55% { -moz-transform: rotate(12deg)scale(1);		opacity: 0; }
	 56% { -moz-transform: rotate(7deg)scale(1);			opacity: 0.2; }
	 68% { -moz-transform: rotate(7deg)scale(1);			opacity: 0; }
	 69% { -moz-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 70% { -moz-transform: rotate(2deg)scale(1.1);		opacity: 0.4; }
	 82% { -moz-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 83% { -moz-transform: rotate(8deg)scale(1);			opacity: 0; }
	 84% { -moz-transform: rotate(8deg)scale(1);			opacity: 0.1; }
	 99% { -moz-transform: rotate(8deg)scale(1);			opacity: 0; }
	100% { -moz-transform: rotate(0deg)scale(1);			opacity: 0; }
}
@keyframes forceCriticalEffect {
	  0% { transform: rotate(0deg)scale(1);			opacity: 0.1; }
	 12% { transform: rotate(0deg)scale(1);			opacity: 0; }
	 13% { transform: rotate(0deg)scale(1.1);		opacity: 0; }
	 14% { transform: rotate(10deg)scale(1.1);	opacity: 0.4; }
	 26% { transform: rotate(10deg)scale(1.1);	opacity: 0; }
	 27% { transform: rotate(10deg)scale(0.4);	opacity: 0; }
	 28% { transform: rotate(5deg)scale(0.4);		opacity: 0.1; }
	 40% { transform: rotate(5deg)scale(0.4);		opacity: 0; }
	 41% { transform: rotate(5deg)scale(1.2);		opacity: 0; }
	 42% { transform: rotate(12deg)scale(1.2);	opacity: 0.4; }
	 54% { transform: rotate(12deg)scale(1.2);	opacity: 0; }
	 55% { transform: rotate(12deg)scale(1);		opacity: 0; }
	 56% { transform: rotate(7deg)scale(1);			opacity: 0.2; }
	 68% { transform: rotate(7deg)scale(1);			opacity: 0; }
	 69% { transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 70% { transform: rotate(2deg)scale(1.1);		opacity: 0.4; }
	 82% { transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 83% { transform: rotate(8deg)scale(1);			opacity: 0; }
	 84% { transform: rotate(8deg)scale(1);			opacity: 0.1; }
	 99% { transform: rotate(8deg)scale(1);			opacity: 0; }
	100% { transform: rotate(0deg)scale(1);			opacity: 0; }
}

@-webkit-keyframes forceCriticalEffect2 {
	  0% { -webkit-transform: rotate(0deg)scale(0.9);		opacity: 0.2; }
	 10% { -webkit-transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 13% { -webkit-transform: rotate(8deg)scale(1);			opacity: 0; }
	 14% { -webkit-transform: rotate(8deg)scale(1);			opacity: 0.1; }
	 24% { -webkit-transform: rotate(8deg)scale(1);			opacity: 0; }
	 27% { -webkit-transform: rotate(4deg)scale(1.1);		opacity: 0; }
	 28% { -webkit-transform: rotate(4deg)scale(1.1);		opacity: 0.2; }
	 38% { -webkit-transform: rotate(4deg)scale(1.1);		opacity: 0; }
	 41% { -webkit-transform: rotate(2deg)scale(1);			opacity: 0; }
	 42% { -webkit-transform: rotate(2deg)scale(1);			opacity: 0.1; }
	 52% { -webkit-transform: rotate(2deg)scale(1);			opacity: 0; }
	 55% { -webkit-transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 56% { -webkit-transform: rotate(0deg)scale(0.9);		opacity: 0.3; }
	 66% { -webkit-transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 69% { -webkit-transform: rotate(6deg)scale(1);			opacity: 0; }
	 70% { -webkit-transform: rotate(6deg)scale(1);			opacity: 0.1; }
	 80% { -webkit-transform: rotate(6deg)scale(1);			opacity: 0; }
	 83% { -webkit-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 84% { -webkit-transform: rotate(2deg)scale(1.1);		opacity: 0.4; }
	 94% { -webkit-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes forceCriticalEffect2 {
	  0% { -moz-transform: rotate(0deg)scale(0.9);		opacity: 0.2; }
	 10% { -moz-transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 13% { -moz-transform: rotate(8deg)scale(1);			opacity: 0; }
	 14% { -moz-transform: rotate(8deg)scale(1);			opacity: 0.1; }
	 24% { -moz-transform: rotate(8deg)scale(1);			opacity: 0; }
	 27% { -moz-transform: rotate(4deg)scale(1.1);		opacity: 0; }
	 28% { -moz-transform: rotate(4deg)scale(1.1);		opacity: 0.2; }
	 38% { -moz-transform: rotate(4deg)scale(1.1);		opacity: 0; }
	 41% { -moz-transform: rotate(2deg)scale(1);			opacity: 0; }
	 42% { -moz-transform: rotate(2deg)scale(1);			opacity: 0.1; }
	 52% { -moz-transform: rotate(2deg)scale(1);			opacity: 0; }
	 55% { -moz-transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 56% { -moz-transform: rotate(0deg)scale(0.9);		opacity: 0.3; }
	 66% { -moz-transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 69% { -moz-transform: rotate(6deg)scale(1);			opacity: 0; }
	 70% { -moz-transform: rotate(6deg)scale(1);			opacity: 0.1; }
	 80% { -moz-transform: rotate(6deg)scale(1);			opacity: 0; }
	 83% { -moz-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 84% { -moz-transform: rotate(2deg)scale(1.1);		opacity: 0.4; }
	 94% { -moz-transform: rotate(2deg)scale(1.1);		opacity: 0; }
	100% { opacity: 0; }
}
@keyframes forceCriticalEffect2 {
	  0% { transform: rotate(0deg)scale(0.9);		opacity: 0.2; }
	 10% { transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 13% { transform: rotate(8deg)scale(1);			opacity: 0; }
	 14% { transform: rotate(8deg)scale(1);			opacity: 0.1; }
	 24% { transform: rotate(8deg)scale(1);			opacity: 0; }
	 27% { transform: rotate(4deg)scale(1.1);		opacity: 0; }
	 28% { transform: rotate(4deg)scale(1.1);		opacity: 0.2; }
	 38% { transform: rotate(4deg)scale(1.1);		opacity: 0; }
	 41% { transform: rotate(2deg)scale(1);			opacity: 0; }
	 42% { transform: rotate(2deg)scale(1);			opacity: 0.1; }
	 52% { transform: rotate(2deg)scale(1);			opacity: 0; }
	 55% { transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 56% { transform: rotate(0deg)scale(0.9);		opacity: 0.3; }
	 66% { transform: rotate(0deg)scale(0.9);		opacity: 0; }
	 69% { transform: rotate(6deg)scale(1);			opacity: 0; }
	 70% { transform: rotate(6deg)scale(1);			opacity: 0.1; }
	 80% { transform: rotate(6deg)scale(1);			opacity: 0; }
	 83% { transform: rotate(2deg)scale(1.1);		opacity: 0; }
	 84% { transform: rotate(2deg)scale(1.1);		opacity: 0.4; }
	 94% { transform: rotate(2deg)scale(1.1);		opacity: 0; }
	100% { opacity: 0; }
}

@-webkit-keyframes forceCriticalEffect3 {
	  0% { -webkit-transform: rotate(280deg)scale(0.9);	opacity: 0.3;	}
	  5% { -webkit-transform: rotate(280deg)scale(0.9);	opacity: 0;	}
	 29% { -webkit-transform: rotate(220deg)scale(0.6);		opacity: 0;	}
	 30% { -webkit-transform: rotate(220deg)scale(0.6);		opacity: 0.3;	}
	 35% { -webkit-transform: rotate(220deg)scale(0.6);		opacity: 0;	}
	 59% { -webkit-transform: rotate(150deg)scale(0.7);		opacity: 0;	}
	 60% { -webkit-transform: rotate(150deg)scale(0.7);		opacity: 0.3;	}
	 65% { -webkit-transform: rotate(150deg)scale(0.7);		opacity: 0;	}
	 89% { -webkit-transform: rotate(300deg)scale(0.8);	opacity: 0;	}
	 90% { -webkit-transform: rotate(300deg)scale(0.8);	opacity: 1;	}
	 95% { -webkit-transform: rotate(300deg)scale(0.8);	opacity: 0;	}
	100% { opacity: 0; }
}
@-moz-keyframes forceCriticalEffect3 {
	  0% { -moz-transform: rotate(280deg)scale(0.9);	opacity: 0.3;	}
	  5% { -moz-transform: rotate(280deg)scale(0.9);	opacity: 0;	}
	 29% { -moz-transform: rotate(220deg)scale(0.6);		opacity: 0;	}
	 30% { -moz-transform: rotate(220deg)scale(0.6);		opacity: 0.3;	}
	 35% { -moz-transform: rotate(220deg)scale(0.6);		opacity: 0;	}
	 59% { -moz-transform: rotate(150deg)scale(0.7);		opacity: 0;	}
	 60% { -moz-transform: rotate(150deg)scale(0.7);		opacity: 0.3;	}
	 65% { -moz-transform: rotate(150deg)scale(0.7);		opacity: 0;	}
	 89% { -moz-transform: rotate(300deg)scale(0.8);	opacity: 0;	}
	 90% { -moz-transform: rotate(300deg)scale(0.8);	opacity: 1;	}
	 95% { -moz-transform: rotate(300deg)scale(0.8);	opacity: 0;	}
	100% { opacity: 0; }
}
@keyframes forceCriticalEffect3 {
	  0% { transform: rotate(280deg)scale(0.9);	opacity: 0.3;	}
	  5% { transform: rotate(280deg)scale(0.9);	opacity: 0;	}
	 29% { transform: rotate(220deg)scale(0.6);		opacity: 0;	}
	 30% { transform: rotate(220deg)scale(0.6);		opacity: 0.3;	}
	 35% { transform: rotate(220deg)scale(0.6);		opacity: 0;	}
	 59% { transform: rotate(150deg)scale(0.7);		opacity: 0;	}
	 60% { transform: rotate(150deg)scale(0.7);		opacity: 0.3;	}
	 65% { transform: rotate(150deg)scale(0.7);		opacity: 0;	}
	 89% { transform: rotate(300deg)scale(0.8);	opacity: 0;	}
	 90% { transform: rotate(300deg)scale(0.8);	opacity: 1;	}
	 95% { transform: rotate(300deg)scale(0.8);	opacity: 0;	}
	100% { opacity: 0; }
}

@-webkit-keyframes forceCriticalEffect4 {
	  0% { -webkit-transform: rotate(0deg)scale(0.4);	opacity: 0.1;	}
	 14% { -webkit-transform: rotate(50deg)scale(0.5);	opacity: 0.15;}
	 28% { -webkit-transform: rotate(80deg)scale(0.4);	opacity: 0.1;	}
	 42% { -webkit-transform: rotate(130deg)scale(0.5);	opacity: 0.12;}
	 56% { -webkit-transform: rotate(210deg)scale(0.4);	opacity: 0.1;	}
	 70% { -webkit-transform: rotate(280deg)scale(0.3);	opacity: 0.14;}
	 84% { -webkit-transform: rotate(310deg)scale(0.4);	opacity: 0.1;	}
	100% { -webkit-transform: rotate(360deg)scale(0.5);	opacity: 0.2;	}
}
@-moz-keyframes forceCriticalEffect4 {
	  0% { -moz-transform: rotate(0deg)scale(0.4);	opacity: 0.1;	}
	 14% { -moz-transform: rotate(50deg)scale(0.5);	opacity: 0.15;}
	 28% { -moz-transform: rotate(80deg)scale(0.4);	opacity: 0.1;	}
	 42% { -moz-transform: rotate(130deg)scale(0.5);	opacity: 0.12;}
	 56% { -moz-transform: rotate(210deg)scale(0.4);	opacity: 0.1;	}
	 70% { -moz-transform: rotate(280deg)scale(0.3);	opacity: 0.14;}
	 84% { -moz-transform: rotate(310deg)scale(0.4);	opacity: 0.1;	}
	100% { -moz-transform: rotate(360deg)scale(0.5);	opacity: 0.2;	}
}
@keyframes forceCriticalEffect4 {
	  0% { transform: rotate(0deg)scale(0.4);	opacity: 0.1;	}
	 14% { transform: rotate(50deg)scale(0.5);	opacity: 0.15;}
	 28% { transform: rotate(80deg)scale(0.4);	opacity: 0.1;	}
	 42% { transform: rotate(130deg)scale(0.5);	opacity: 0.12;}
	 56% { transform: rotate(210deg)scale(0.4);	opacity: 0.1;	}
	 70% { transform: rotate(280deg)scale(0.3);	opacity: 0.14;}
	 84% { transform: rotate(310deg)scale(0.4);	opacity: 0.1;	}
	100% { transform: rotate(360deg)scale(0.5);	opacity: 0.2;	}
}

.critical {
	-moz-animation     : textCriticalEffect 0.9s ease-out 1ms 1;
	-webkit-animation  : textCriticalEffect 0.9s ease-out 1ms 1;
	animation          : textCriticalEffect 0.9s ease-out 1ms 1;
}

@-webkit-keyframes textCriticalEffect {
	  0% { -webkit-transform: rotate(-360deg)scale(20); opacity: 0; }
	100% { -webkit-transform: rotate(0deg)scale(1); opacity: 1;}
}

@-moz-keyframes textCriticalEffect {
	  0% { -moz-transform: rotate(-360deg)scale(20);	opacity: 0; }
	100% { -moz-transform: rotate(0deg)scale(1); opacity: 1;}
}

@keyframes textCriticalEffect {
	  0% { transform: rotate(-360deg)scale(20);	opacity: 0; }
	100% { transform: rotate(0deg)scale(1); opacity: 1;}
}


#unforce {
	width: 100%;
	height: 100%;
	background-color: #AAFFFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	opacity: 0;
}


/* unforceEffect */
#unforce {
	-moz-animation     : unforceEffect 3s ease-out 105ms infinite;
	-webkit-animation  : unforceEffect 3s ease-out 105ms infinite;
	animation          : unforceEffect 3s ease-out 105ms infinite;
}

@-webkit-keyframes unforceEffect {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0.1;
	}
	30% {
		box-shadow: 0 0  0    5px rgba(255,255,255,0.1),
								0 0 10px 40px rgba( 56, 81,188,0.8) inset,
								0 0 10px 10px rgba(255,255,255,0.5);
		opacity: 0.2;
	}
	100% {
		box-shadow: 0 0  0    5px rgba(255,255,255,0.1),
								0 0 10px 40px rgba( 56, 81,188,0.8) inset,
								0 0 10px 10px rgba(255,255,255,0.5);
		opacity: 0;
	}
}

@-moz-keyframes unforceEffect {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0.1;
	}
	30% {
		box-shadow: 0 0  0    5px rgba(255,255,255,0.1),
								0 0 10px 40px rgba( 56, 81,188,0.8) inset,
								0 0 10px 10px rgba(255,255,255,0.5);
		opacity: 0.2;
	}
	100% {
		box-shadow: 0 0  0    5px rgba(255,255,255,0.1),
								0 0 10px 40px rgba( 56, 81,188,0.8) inset,
								0 0 10px 10px rgba(255,255,255,0.5);
		opacity: 0;
	}
}

@keyframes unforceEffect {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0.1;
	}
	30% {
		box-shadow: 0 0  0    5px rgba(255,255,255,0.1),
								0 0 10px 40px rgba( 56, 81,188,0.8) inset,
								0 0 10px 10px rgba(255,255,255,0.5);
		opacity: 0.2;
	}
	100% {
		box-shadow: 0 0  0    5px rgba(255,255,255,0.1),
								0 0 10px 40px rgba( 56, 81,188,0.8) inset,
								0 0 10px 10px rgba(255,255,255,0.5);
		opacity: 0;
	}
}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


#spell_in {
	display: none;
}
#spell_in .loading_spell {
	width: 80px;
	margin: 0 auto;
}
#spell_in span {
	color: #26ACD1;
	font-weight: bold;
	font-size: 12px;
}




/* tweet loading */
/* tweet loading */
#tweet_loading{
	position:relative;
	width:144px;
	height:17px;
	margin: 10px auto;
}

.tweet_loading{
	position:absolute;
	top:0;
	background-color:rgba(85,172,238,0.46);
	width:17px;
	height:17px;
	animation-name:bounce_tweet_loading;
		-o-animation-name:bounce_tweet_loading;
		-ms-animation-name:bounce_tweet_loading;
		-webkit-animation-name:bounce_tweet_loading;
		-moz-animation-name:bounce_tweet_loading;
	animation-duration:1.235s;
		-o-animation-duration:1.235s;
		-ms-animation-duration:1.235s;
		-webkit-animation-duration:1.235s;
		-moz-animation-duration:1.235s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

#tweet_loading_1{
	left:0;
	animation-delay:0.496s;
		-o-animation-delay:0.496s;
		-ms-animation-delay:0.496s;
		-webkit-animation-delay:0.496s;
		-moz-animation-delay:0.496s;
}

#tweet_loading_2{
	left:18px;
	animation-delay:0.6125s;
		-o-animation-delay:0.6125s;
		-ms-animation-delay:0.6125s;
		-webkit-animation-delay:0.6125s;
		-moz-animation-delay:0.6125s;
}

#tweet_loading_3{
	left:36px;
	animation-delay:0.739s;
		-o-animation-delay:0.739s;
		-ms-animation-delay:0.739s;
		-webkit-animation-delay:0.739s;
		-moz-animation-delay:0.739s;
}

#tweet_loading_4{
	left:54px;
	animation-delay:0.8655s;
		-o-animation-delay:0.8655s;
		-ms-animation-delay:0.8655s;
		-webkit-animation-delay:0.8655s;
		-moz-animation-delay:0.8655s;
}

#tweet_loading_5{
	left:72px;
	animation-delay:0.992s;
		-o-animation-delay:0.992s;
		-ms-animation-delay:0.992s;
		-webkit-animation-delay:0.992s;
		-moz-animation-delay:0.992s;
}

#tweet_loading_6{
	left:90px;
	animation-delay:1.1085s;
		-o-animation-delay:1.1085s;
		-ms-animation-delay:1.1085s;
		-webkit-animation-delay:1.1085s;
		-moz-animation-delay:1.1085s;
}

#tweet_loading_7{
	left:108px;
	animation-delay:1.235s;
		-o-animation-delay:1.235s;
		-ms-animation-delay:1.235s;
		-webkit-animation-delay:1.235s;
		-moz-animation-delay:1.235s;
}

#tweet_loading_8{
	left:126px;
	animation-delay:1.3615s;
		-o-animation-delay:1.3615s;
		-ms-animation-delay:1.3615s;
		-webkit-animation-delay:1.3615s;
		-moz-animation-delay:1.3615s;
}



@keyframes bounce_tweet_loading{
	0%{
		transform:scale(1);
		background-color:rgb(20,70,169);
	}

	100%{
		transform:scale(.3) rotate(90deg);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_tweet_loading{
	0%{
		-o-transform:scale(1);
		background-color:rgb(20,70,169);
	}

	100%{
		-o-transform:scale(.3) rotate(90deg);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_tweet_loading{
	0%{
		-ms-transform:scale(1);
		background-color:rgb(20,70,169);
	}

	100%{
		-ms-transform:scale(.3) rotate(90deg);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_tweet_loading{
	0%{
		-webkit-transform:scale(1);
		background-color:rgb(20,70,169);
	}

	100%{
		-webkit-transform:scale(.3) rotate(90deg);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_tweet_loading{
	0%{
		-moz-transform:scale(1);
		background-color:rgb(20,70,169);
	}

	100%{
		-moz-transform:scale(.3) rotate(90deg);
		background-color:rgb(255,255,255);
	}
}