@charset "utf-8";
/* CSS Document */

/*body*/
#wrapper {display: flex; flex-direction: column; box-sizing: border-box; min-height: 100vh;}

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
    
    .contents {width: 96%; max-width: 980px; min-height: 300px; margin: 0 auto 10px; padding: 0; border-radius: 5px;}
    .contentsAll {width: 96%; max-width: 980px; min-height: 300px; margin: 0 auto 10px; padding: 0; border-radius: 5px;}
    .title {width: 100%; margin: 20px auto 20px; padding: 0; text-align: center; font-size: 28px; line-height: 24px; font-weight: bold; font-family: 'Lora', serif; color: #90810D;}
    .title p {width: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 16px; line-height: 24px; font-weight: bold;}
    .titlesub {width: 100%; margin: 5px auto 20px; padding: 0; text-align: center; font-size: 16px; line-height: 24px; color: #FF03D6;}
    
    .contSpc {width: 90%; margin: 0 auto; padding: 0; color: #1D1D1D;}
    
    .contUl {width: 100%; margin: 0; padding: 0;}
    .contUl li {width: 100%; margin: 0; padding: 0; font-size: 14px;}
    
    #navIcon {width: 100%; max-width: 120px; margin: 10px auto; padding: 0;}
    #navIcon ul {width: 100%; margin: 0; padding: 0;}
    #navIcon ul li {width: 50%; height: 46px; float: left; text-align: center; box-sizing: border-box;}
    #navIcon ul li img {width: 46px; height: 46px;}
    
    /* index */
    .topSpc {width: 100%; max-width: 980px; margin: 50px auto; padding: 120px 0; color: #1D1D1D; background-image: url("../img/index/bk01.png"); background-repeat: no-repeat; background-position: center;}
    .topName {width: 100%; margin: 5px 0 0; text-align: center; font-size: 38px; line-height: 38px; font-weight: bold; font-family: 'Lora', serif;}
    .topTitle {width: 100%; margin: 10px 0; text-align: center; font-size: 22px; line-height: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .topSubName {width: 100%; margin: 5px 0 5px; text-align: center; font-size: 26px; line-height: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .topCall {width: 100%; margin: 20px 0 10px; text-align: center; font-size: 22px; line-height: 18px; color: #FFFFFF;}
    .topTime {width: 100%; margin: 5px 0 5px; text-align: center; font-size: 18px; line-height: 18px; color: #FFFFFF;}
    
    /* ENTER：オフィシャルサイトのみ */
    .btnFst {width: 1000px; padding: 20px 0px 0; margin: 0 auto 0; font-family: 'Lora', serif;}
    .btnFst ul {width: 820px; list-style: none; padding-left: 0; margin: 0 90px; margin-bottom: 20px;}
    .btnFst ul li {display: inline-block; width: 100%; padding: 0; margin: 0; box-sizing: border-box;}
    
    /* ENTER：ボタン部分 */
    .btnFstAll {width: 820px; height: 140px; line-height: 24px; padding-top: 22px; text-align: center; box-shadow: 1px 1px 5px 2px #6a826a; border-radius: 8px; border:4px solid #FFF; display: inline-block; cursor: pointer; color: #FFFFFF; font-family: Arial; font-size: 16px; font-weight: 700; text-decoration: none;
    background: rgb(69,69,69); background: linear-gradient(0deg, rgba(69,69,69,1) 0%, rgba(34,34,34,1) 12%, rgba(45,45,45,1) 53%, rgba(73,73,73,1) 100%);}
    .btnFstAll:hover {background: #ffab23; text-decoration: none;}
    .btnFstAll:active {position:relative;top:1px;}
    .btnFstAll p {width: 80%; font-size: 32px; font-family: Georgia; margin: 5px 10% 8px; padding-top: 10px; border-top: solid 1px #FFFFFF; display: inline-block; color: #272727; 
    text-shadow: 2px  2px 1px #ffffff,-2px  2px 1px #ffffff,2px -2px 1px #ffffff,-2px -2px 1px #ffffff,2px  0px 1px #ffffff,0px  2px 1px #ffffff,-2px  0px 1px #ffffff,0px -2px 1px #ffffff;}
    .btnTopAll {display: block; color: #FFFFFF; font-size: 24px; text-decoration: none; letter-spacing: 1px; font-family: 'Lora', serif;}
    .btnTop2All {color: #FFFFFF; font-size: 14px; text-decoration: none; letter-spacing: -1px; font-family: 'Lora', serif;}
    .btnFontAll {display: none !important;}
    
    /* LEAVE */
    .btnFst2 {width:600px; height:40px; line-height:40px; margin: 0px 200px 10px; text-align:center;
    background: #272727; box-shadow:1px 1px 5px 2px #6a826a;  border-radius:6px; border:1px solid #fafafa; display:inline-block; cursor:pointer; color:#FFFFFF; font-family:Arial; font-size:15px; font-weight: 500; text-decoration:none;}
    .btnFst2:hover {background:linear-gradient(to bottom, #3d393d 5%, #8c888c 100%); background-color:#3d393d;}
    .btnFst2:active {position:relative;top:1px;}
    
    /* 18禁 */
    .top18kSpc {width: 100%; float: left;}
    .top18kImg {width: 100%; text-align: center;}
    .top18k {width: 80px; height: 80px;}
    .top18kTxt {width: 800px; margin: 0px 100px; padding: 10px 0px 20px; font-size: 12px; line-height: 16px; color: #1D1D1D; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
    
    /* staff */
    #newsWrap {width: 100%; margin: 0; padding: 18px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px;}
    .newsDay {width: 80%; margin: 10px 10% 0; font-size: 16px; font-family: 'Lora', serif; font-weight: bold; color: #FF6D22;}
    .newsTitle {width: 90%; margin: 10px 5%; font-size: 18px; font-weight: bold; border-bottom: solid 1px #685D40; color: #C8A84C;} 
    .newsSpc {width: 94%; margin: 0 3%; padding: 0 0 80px; border-bottom: dotted 1px #4E4E4E;}
    
    /* guide access */
    .gtable {width: 94%; margin: 0 3% 20px; padding: 0;}
    .gtitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .gtext {padding: 10px 10px 50px; font-size: 16px;}
    .gmail {width: 100%; margin: 10px auto; color: #D10003; font-size: 16px; text-align: center;}
    .gbtn {height: 40px; padding: 0 0 50px; text-align: center;}
    .gbtn p a {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FF6D22; color: #FFFFFF; border-radius: 8px; float: left;}
    .gbtn p a:hover {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FFE434; color: #FFE434; border-radius: 8px; float: left;}
    .gphoto {width: 90%; margin: 10px 5%; padding: 0;}
    .gphoto li {width: 100%; margin: 0; padding: 0;}
    .gphoto li img {width: 100%;}
    
    /* recruit */
    .rtable {width: 94%; margin: 0 3% 20px; padding: 0;}
    .rtitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .rtext {padding: 10px 10px 50px; font-size: 16px;}
    .rmail {width: 100%; margin: 10px auto; color: #D10003; font-size: 16px; text-align: center;}
    .rbtn {height: 40px; padding: 0; text-align: center;}
    .rbtn p a {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FF6D22; color: #FFFFFF; border-radius: 8px; float: left;}
    .rbtn p a:hover {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FFE434; color: #FFE434; border-radius: 8px; float: left;}
    
    /* magazine */
    #mBox {width: 84%; margin: 0 8% 30px; padding: 0 0 10px; border: solid 1px #DBC78E; border-radius: 5px;}
    #mtitle {padding: 10px 0; margin: 0 0 20px; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold; background: #AA8C36;}
    .mtext {padding: 5px 10px 0 10px; font-size: 18px; font-weight: bold; color: #FF6D22; text-align: center;}
    .mailmagaTable {width: 100%; max-width: 360px; margin: 40px auto 0; background-color: #FFF; border: 1px solid #BDA766;}
    .mailmagaTdTitle {height: 30px; text-align: center; line-height: 30px; padding-left: 20px; font-weight: bold; color: #FFF; font-size: 16px; background-color: #405C3C; brder: 2px solid #BDA766; text-shadow:none;}
    .mailmagaTd01 {height: 30px; line-height: 30px; text-align: center; font-weight: bold; color: #FC5EB3; font-size: 16px;}
    .mailmagaTd02 {width:13%; height: 25px; line-height: 25px; text-align: right; padding-left: 2%;}
    .mailmagaTd03 {width:13%; height: 25px; line-height: 25px; text-align: right; padding-left: 2%;}
    .mailmagaTd04 {width:40%; height: 25px; line-height: 25px; text-align: center;}
    .mailmagaTd05 {width:15%; height: 25px; line-height: 25px; text-align: left; font-size: 16px; padding-top: 5px;}
    .mailmagaTd06 {width:15%; height: 25px; line-height: 25px; text-align: left; font-size: 16px; padding-top: 5px;}
    .mailmagaform {width: 94%; height: 26px; margin: 5px auto; border-radius:5px;}
    .mbtext {width: 84%; margin: 0 8% 20px; font-size: 14px;}
    .onClea {color:#CCC;}
    .acspc {width: 100%; max-width: 360px; margin: 5px auto 40px; height: 16px; line-height: 16px; font-size: 12px; text-align: right;}
    
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
    
    .contents {width: 96%; min-height: 300px; margin: 0 auto 10px; padding: 0; border-radius: 5px;}
    .contentsAll {width: 96%; min-height: 300px; margin: 0 auto 10px; padding: 0; border-radius: 5px;}
    .title {width: 100%; margin: 20px auto 20px; padding: 0; text-align: center; font-size: 24px; line-height: 24px; font-weight: bold; font-family: 'Lora', serif; color: #90810D;}
    .title p {width: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 16px; line-height: 16px; font-weight: bold;}
    .titlesub {width: 100%; margin: 5px auto 20px; padding: 0; text-align: center; font-size: 16px; line-height: 24px; color: #FF03D6;}
    
    .contSpc {width: 90%; margin: 0 auto; padding: 0; color: #1D1D1D;}
    
    .contUl {width: 100%; margin: 0; padding: 0;}
    .contUl li {width: 100%; margin: 0; padding: 0; font-size: 14px;}
    
    #navIcon {width: 100%; max-width: 120px; margin: 10px auto; padding: 0;}
    #navIcon ul {width: 100%; margin: 0; padding: 0;}
    #navIcon ul li {width: 50%; height: 46px; float: left; text-align: center; box-sizing: border-box;}
    #navIcon ul li img {width: 46px; height: 46px;}
    
    /* index */
    .topSpc {width: 100%; max-width: 1200px; margin: 50px auto; padding: 100px 0; color: #1D1D1D; background-image: url("../img/index/bk01.png"); background-repeat: no-repeat; background-position: center;}
    .topName {width: 100%; margin: 5px 0 0; text-align: center; font-size: 38px; line-height: 38px; font-weight: bold; font-family: 'Lora', serif;}
    .topTitle {width: 100%; margin: 10px 0; text-align: center; font-size: 22px; line-height: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .topSubName {width: 100%; margin: 5px 0 5px; text-align: center; font-size: 24px; line-height: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .topCall {width: 100%; margin: 20px 0 5px; text-align: center; font-size: 20px; line-height: 18px; color: #FFFFFF;}
    .topTime {width: 100%; margin: 5px 0 5px; text-align: center; font-size: 18px; line-height: 18px; color: #FFFFFF;}
    
    /* ENTER：オフィシャルサイトのみ */
    .btnFst {width: 100%; max-width: 600px; padding-bottom: 10px; margin: 0 auto; background: #FFFFFF;}
    .btnFst ul {width: 100%; list-style: none; padding-left: 0px; margin: 0; float: left;}
    .btnFst ul li {width: 100%; padding: 0; margin: 0;}
    /* ENTER：ボタン部分 */
    .btnFstAll {width:100%; height:72px; line-height:18px; padding-top: 12px; margin-top:15px; margin-bottom:10px; text-align:center;
    box-shadow:inset 0 1px 0 0 #fff6af; border-radius: 6px; border: 1px solid #fa2; display: inline-block; cursor: pointer; color: #FFFFFF; font-family: Arial; font-size: 14px; font-weight: 700; text-decoration: none; background: rgb(69,69,69); background: linear-gradient(0deg, rgba(69,69,69,1) 0%, rgba(34,34,34,1) 12%, rgba(45,45,45,1) 53%, rgba(73,73,73,1) 100%);}
    .btnFstAll:hover {background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); background-color: #ffab23;}
    .btnFstAll:active {position: relative; top: 1px;}
    .btnFstAll p {width: 80%; font-size: 24px; font-family: "Georgia"; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #FFFFFF;}
    .btnTopAll {display: none !important;}
    .btnTop2All {display: none !important;}
    .btnFontAll {font-weight: bold; display: inline-block; color: #FFFFFF;}
    
    /* LEAVE */
    .btnFst2 {box-shadow: 0 1px 0px 0px #9e9e9e; background: #000000; border-radius:6px; display:inline-block; cursor:pointer; color:#FFFFFF; font-family:Arial; font-size:15px; font-weight: 500; text-decoration:none; width:100%; height:40px; line-height:40px; margin-bottom:10px; text-align:center;}
    .btnFst2:hover {background:linear-gradient(to bottom, #3d393d 5%, #8c888c 100%); background-color:#3d393d;}
    .btnFst2:active {position:relative;top:1px;}
    
    /* 18禁 */
    .top18kSpc {width: 100%; float: left;}
    .top18kImg {width: 100%; text-align: center;}
    .top18k {width: 80px; height: 80px;}
    .top18kTxt {width: 96%; margin: 0px 2% 20px; font-size: 12px; line-height: 16px; color: #1D1D1D;}
    
    /* staff */
    #newsWrap {width: 100%; margin: 0; padding: 10px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px;}
    .newsDay {width: 90%; margin: 10px 5% 0; font-size: 16px; font-family: 'Lora', serif; font-weight: bold; color: #FF6D22;}
    .newsTitle {width: 90%; margin: 10px 5%; font-size: 18px; font-weight: bold; border-bottom: solid 1px #685D40; color: #C8A84C} 
    .newsSpc {width: 98%; margin: 0 1%; padding: 0 0 80px; border-bottom: dotted 1px #4E4E4E;}
    
    /* guide access */
    .gtable {width: 94%; margin: 0 3% 20px; padding: 0;}
    .gtitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .gtext {padding: 10px 10px 50px; font-size: 16px;}
    .gmail {width: 100%; margin: 10px auto; color: #D10003; font-size: 16px; text-align: center;}
    .gbtn {height: 40px; padding: 0 0 50px; text-align: center;}
    .gbtn p a {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FF6D22; color: #FFFFFF; border-radius: 8px; float: left;}
    .gbtn p a:hover {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FFE434; color: #FFE434; border-radius: 8px; float: left;}
    .gphoto {width: 90%; margin: 10px 5%; padding: 0;}
    .gphoto li {width: 100%; margin: 0; padding: 0;}
    .gphoto li img {width: 100%;}
    
    /* recruit */
    .rtable {width: 94%; margin: 0 3% 20px; padding: 0;}
    .rtitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .rtext {padding: 10px 10px 50px; font-size: 16px;}
    .rmail {width: 100%; margin: 10px auto; color: #D10003; font-size: 16px; text-align: center;}
    .rbtn {height: 40px; padding: 0; text-align: center;}
    .rbtn p a {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FF6D22; color: #FFFFFF; border-radius: 8px; float: left;}
    .rbtn p a:hover {width: 50%; height: 40px; line-height: 40px; margin: 5px 25%; background: #FFE434; color: #FFE434; border-radius: 8px; float: left;}
    
    /* magazine */
    #mBox {width: 96%; margin: 0 2% 30px; padding: 0 0 10px; border: solid 1px #DBC78E; border-radius: 5px;}
    #mtitle {padding: 10px 0; margin: 0 0 20px; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold; background: #AA8C36;}
    .mtext {padding: 5px 10px 0 10px; font-size: 18px; font-weight: bold; color: #FF6D22; text-align: center;}
    .mailmagaTable {width: 100%; max-width: 360px; margin: 40px auto 0; background-color: #FFF; border: 1px solid #BDA766;}
    .mailmagaTdTitle {height: 30px; text-align: center; line-height: 30px; padding-left: 20px; font-weight: bold; color: #FFF; font-size: 16px; background-color: #405C3C; brder: 2px solid #BDA766; text-shadow:none;}
    .mailmagaTd01 {height: 30px; line-height: 30px; text-align: center; font-weight: bold; color: #FC5EB3; font-size: 16px;}
    .mailmagaTd02 {width:13%; height: 25px; line-height: 25px; text-align: right; padding-left: 2%;}
    .mailmagaTd03 {width:13%; height: 25px; line-height: 25px; text-align: right; padding-left: 2%;}
    .mailmagaTd04 {width:40%; height: 25px; line-height: 25px; text-align: center;}
    .mailmagaTd05 {width:15%; height: 25px; line-height: 25px; text-align: left; font-size: 16px; padding-top: 5px;}
    .mailmagaTd06 {width:15%; height: 25px; line-height: 25px; text-align: left; font-size: 16px; padding-top: 5px;}
    .mailmagaform {width: 94%; height: 26px; margin: 5px auto; border-radius:5px;}
    .mbtext {width: 84%; margin: 0 8% 20px; font-size: 14px;}
    .onClea {color:#CCC;}
    .acspc {width: 100%; max-width: 360px; margin: 5px auto 40px; height: 16px; line-height: 16px; font-size: 12px; text-align: right;}
    
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
    
    .contents {width: 96%; min-height: 280px; margin: 0 auto 10px; padding: 0; border-radius: 5px;}
    .contentsAll {width: 100%; min-height: 280px; margin: 0 auto 10px; padding: 0; border-radius: 5px;}
    .title {width: 98%; margin: 20px auto 10px; padding: 0; text-align: center; font-size: 24px; line-height: 24px; font-weight: bold; font-family: 'Lora', serif; color: #90810D;}
    .title p {width: 100%; margin: 0 auto; padding: 0; text-align: center; font-size: 16px; line-height: 20px; font-weight: bold;}
    .titlesub {width: 100%; margin: 5px auto 20px; padding: 0; text-align: center; font-size: 14px; line-height: 24px; color: #FF03D6;}
    
    .contSpc {width: 98%; margin: 0 auto; padding: 0; color: #1D1D1D;}
    
    .contUl {width: 90%; margin: 0 auto 50px; padding: 0;}
    .contUl li {width: 100%; margin: 0; padding: 0; font-size: 14px;}
    
    #navIcon {width: 100%; max-width: 120px; margin: 10px auto; padding: 0;}
    #navIcon ul {width: 100%; margin: 0; padding: 0;}
    #navIcon ul li {width: 50%; height: 46px; float: left; text-align: center; box-sizing: border-box;}
    #navIcon ul li img {width: 46px; height: 46px;}
    
    /* index */
    .topSpc {width: 100%; max-width: 600px; margin: 0 auto 5px; padding: 90px 0; color: #1D1D1D; background-image: url("../img/index/bk01Sp.png"); background-repeat: no-repeat; background-position: center;}
    .topName {width: 100%; margin: 0 0 5px; text-align: center; font-size: 28px; line-height: 32px; font-weight: bold; font-family: 'Lora', serif;}
    .topTitle {width: 100%; margin: 14px 0; text-align: center; font-size: 20px; line-height: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .topSubName {width: 100%; margin: 5px 0 5px; text-align: center; font-size: 22px; line-height: 18px; font-weight: bold; font-family: 'Lora', serif;}
    .topCall {width: 100%; margin: 20px 0 8px; text-align: center; font-size: 22px; line-height: 18px; color: #FFFFFF;}
    .topTime {width: 100%; margin: 5px 0 5px; text-align: center; font-size: 18px; line-height: 18px; color: #FFFFFF;}
    
    /* ENTER：オフィシャルサイトのみ */
    .btnFst {width: 96%; max-width: 600px; padding: 0px 2%10px; margin-left: auto; margin-right:auto; background: #FFFFFF;}
    .btnFst ul {width: 100%; list-style: none; padding-left: 0px; margin: 0; float: left;}
    .btnFst ul li {width: 100%; padding: 0; margin: 0;}
    /* ENTER：ボタン部分 */
    .btnFstAll {width: 100%; height: 72px; line-height: 18px; padding-top: 12px; margin-top: 15px; margin-bottom: 10px; text-align: center;
    box-shadow: inset 0 1px 0 0 #fff6af; border-radius: 6px; border: 1px solid #fa2; display: inline-block; cursor: pointer; color: #FFFFFF; font-family: Arial; font-size: 14px; font-weight: 700; text-decoration:none; background: rgb(69,69,69); background: linear-gradient(0deg, rgba(69,69,69,1) 0%, rgba(34,34,34,1) 12%, rgba(45,45,45,1) 53%, rgba(73,73,73,1) 100%);}
    .btnFstAll:hover {background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); background-color:#ffab23;}
    .btnFstAll:active {position:relative;top:1px;}
    .btnFstAll p {width: 80%; font-size: 24px; font-family: Georgia; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #FFFFFF;}
    .btnTopAll {display: none !important;}
    .btnTop2All {display: none !important;}
    .btnFontAll {font-weight: bold; display: inline-block; color: #FFFFFF;}
    
    /* LEAVE */
    .btnFst2 {box-shadow: 0 1px 0px 0px #9e9e9e; background: #000000; border-radius:6px; border:1px solid #fafafa; display:inline-block; cursor:pointer; color:#FFFFFF; font-family:Arial; font-size:15px; font-weight: 500; text-decoration:none; width:100%; height:40px; line-height:40px; margin-bottom:10px; text-align:center;}
    .btnFst2:hover {background:linear-gradient(to bottom, #3d393d 5%, #8c888c 100%); background-color:#3d393d;}
    .btnFst2:active {position:relative;top:1px;}
    
    /* 18禁 */
    .top18kSpc {width: 100%; float: left;}
    .top18kImg {width: 100%; text-align: center;}
    .top18k {width: 80px; height: 80px;}
    .top18kTxt {width: 96%; margin: 0px 2% 20px; font-size: 12px; line-height: 16px; color: #1D1D1D;}
    
    /* staff */
    #newsWrap {width: 100%; margin: 0; padding: 10px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px;}
    .newsDay {width: 90%; margin: 10px 5% 0; font-size: 16px; font-family: 'Lora', serif; font-weight: bold; color: #FF6D22;}
    .newsTitle {width: 90%; margin: 10px 5%; font-size: 18px; font-weight: bold; border-bottom: solid 1px #685D40; color: #C8A84C} 
    .newsSpc {width: 98%; margin: 0 1%; padding: 0 0 80px; border-bottom: dotted 1px #4E4E4E; word-break: break-all ;}
    
    /* guide access */
    .gtable {width: 94%; margin: 0 3% 20px; padding: 0;}
    .gtitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .gtext {padding: 10px 10px 50px; font-size: 16px;}
    .gmail {width: 100%; margin: 10px auto; color: #D10003; font-size: 16px; text-align: center;}
    .gbtn {height: 40px; padding: 0 0 50px; text-align: center;}
    .gbtn p a {width: 90%; height: 40px; line-height: 40px; margin: 5px 5%; background: #FF6D22; color: #FFFFFF; border-radius: 8px; text-align: center; float: left;}
    .gbtn p a:hover {width: 90%; height: 40px; line-height: 40px; margin: 5px 5%; background: #FFE434; color: #000000; border-radius: 8px; text-align: center; text-decoration: none;float: left;}
    .gphoto {width: 90%; margin: 10px 5%; padding: 0;}
    .gphoto li {width: 100%; margin: 0; padding: 0;}
    .gphoto li img {width: 100%;}
    
    /* recruit */
    .rtable {width: 94%; margin: 0 3% 20px; padding: 0;}
    .rtitle {height: 40px; text-align: center; color: #C8A84C; border: solid 1px #DBC78E; outline: solid 1px #DBC78E; outline-offset: 1px; margin: 2px; border-radius: 5px; font-size: 20px;}
    .rtext {padding: 10px 10px 50px; font-size: 16px;}
    .rmail {width: 100%; margin: 10px auto; color: #D10003; font-size: 16px; text-align: center;}
    .rbtn {height: 40px; padding: 0; text-align: center;}
    .rbtn p a {width: 90%; height: 40px; line-height: 40px; margin: 5px 5%; background: #FF6D22; color: #FFFFFF; border-radius: 8px; text-align: center; float: left;}
    .rbtn p a:hover {width: 90%; height: 40px; line-height: 40px; margin: 5px 5%; background: #FFE434; color: #000000; border-radius: 8px; text-align: center; text-decoration: none;float: left;}
    
     /* magazine */
    #mBox {width: 96%; margin: 0 2% 30px; padding: 0 0 10px; border: solid 1px #DBC78E; border-radius: 5px;}
    #mtitle {padding: 10px 0; margin: 0 0 20px; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold; background: #AA8C36;}
    .mtext {padding: 5px 10px 0 10px; font-size: 16px; font-weight: bold; color: #FF6D22; text-align: center;}
    .mailmagaTable {width: 96%; margin: 40px auto 0; background-color: #FFF; border: 1px solid #BDA766;}
    .mailmagaTdTitle {height: 30px; text-align: center; line-height: 30px; padding-left: 20px; font-weight: bold; color: #FFF; font-size: 16px; background-color: #405C3C; brder: 2px solid #BDA766; text-shadow:none;}
    .mailmagaTd01 {height: 30px; line-height: 30px; text-align: center; font-weight: bold; color: #FC5EB3; font-size: 16px;}
    .mailmagaTd02 {width:13%; height: 25px; line-height: 25px; text-align: right; padding-left: 2%;}
    .mailmagaTd03 {width:13%; height: 25px; line-height: 25px; text-align: right; padding-left: 2%;}
    .mailmagaTd04 {width:40%; height: 25px; line-height: 25px; text-align: center;}
    .mailmagaTd05 {width:15%; height: 25px; line-height: 25px; text-align: left; font-size: 16px; padding-top: 5px;}
    .mailmagaTd06 {width:15%; height: 25px; line-height: 25px; text-align: left; font-size: 16px; padding-top: 5px;}
    .mailmagaform {width: 94%; height: 26px; margin: 5px auto; border-radius:5px;}
    .mbtext {width: 84%; margin: 0 8% 20px; font-size: 14px;}
    .onClea {color:#CCC;}
    .acspc {width: 96%; margin: 5px auto 40px; height: 20px; line-height: 20px; font-size: 10px; text-align: right;}
    
}