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

/*PC:body-------------------------------------*/
@media screen and (min-width:1084px) {
.pc {display: block !important;}
.tb {display: none !important;}
.sp {display: none !important;}

#header {width: 100%; height: 30px; background: #FF6699; margin: 0px auto; float: left;}

.pcImgSpc{height:600px; width:100%; margin-bottom: 20px; text-align: center; background-image: url("img/fstBackPc.jpg"); background-repeat: no-repeat; background-position: center; float: left;}
.pcImg {width: 1000px; height: 600px;}
.tbImgSpc {display: none !important;}
.spImgSpc {display: none !important;}

.midImgSpc {height:180px; width:100%; text-align: center; float: left;}
.midImgPc {width: 1000px; height: 180px;}
.midImgTb {display: none !important;}
.midImgSp {display: none !important;}

#wrap {width:100%; float: left;}
.cent {width: 1000px; margin-left: auto; margin-right: auto;}

/* Enter Botton */
.btnSpc {float: left; height: 90px; width: 600px; margin: 20px 200px 0;}

.square_btn {float: left; height: 80px; width: 596px; margin: 0; display: inline-block; text-decoration: none; color: #FF6699; border: 2px solid #FF6699; border-radius: 6px; transition: .4s; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 20px; text-align:center; font-size: 16px; background-color:#FFF; padding-top:15px;}
.square_btn:hover {float:left; height:80px; width: 596px; padding-top:15px; color:white; background-color:#FF6699; text-decoration:none;}
.square_btn p {width: 80%; font-size: 24px; font-family: Georgia; margin: 0px 10% 5px; padding-bottom: 5px; border-bottom: solid 1px #FF6699; display: inline-block; color: #000000; 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;}
.square_btn:hover p {border-bottom: solid 1px #FFFFFF; color: #000000;}
.btnSpan {font-size: 14px; color: #000000;}
.square_btn:hover .btnSpan {color: #FFFFFF;}

.square_btn2 {float: left; height: 80px; width: 596px; margin: 0; display: inline-block; text-decoration: none; color: #000000; border: 2px solid #FFA600; border-radius: 6px; transition: .4s; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 20px; text-align:center; font-size: 16px; background-color:#FFFFFF; padding-top:15px;}
.square_btn2:hover {float:left; height:80px; width: 596px; padding-top:15px; color:white; background-color:#FFA600; text-decoration:none;}
.square_btn2 p {width: 80%; font-size: 24px; font-family: Georgia; margin: 0px 10% 5px; padding-bottom: 5px; border-bottom: solid 1px #FFA600; display: inline-block; color: #000000; 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;}
.square_btn2:hover p {border-bottom: solid 1px #FFFFFF; color: #000000;}
.btnSpan {font-size: 14px; color: #000000;}
.square_btn2:hover .btnSpan {color: #FFFFFF;}

/* LEAVE */
.leaveSpc {float: left; height: 60px; width: 500px; margin: 10px 250px 0;}
.leave_btn {float: left; height: 60px; width: 496px; margin: 0; line-height: 20px; padding-top: 8px; text-align: center; font-size: 16px;  display:inline-block; text-decoration:none; color: #000000; border: 2px solid #747474; border-radius: 6px; transition:.4s; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color:#FFF;}
.leave_btn:hover {float:left; height: 60px; width: 496px; text-decoration: none; padding-top: 8px; color: white; background-color: #222222;}
.leave_btn p {width: 80%; font-size: 18px; margin: 0px 10% 5px; padding-bottom: 5px; font-family: Georgia; border-bottom: solid 1px #000000; display: inline-block; color: #000000;}
.leave_btn:hover p {border-bottom: solid 1px #FFFFFF; color: #FFFFFF;}

.mark18 {height: 80px; width: 80px; margin-left: 460px; float: left; margin-right:460px; margin-top:30px;}
.m18 {width: 80px; height: 80px;}
.mark18Text {float:left;height:110px;width:560px;margin-left:220px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;line-height:14px;text-align:left;margin-right:220px;padding-top:10px;color:#000;}
.mark18Text a {color: #F90;}
.mark18Text a:hover {color: #00F; font-weight: bold;}

.banaWrap {float:left;height:280px;width:600px;margin-top:50px;margin-right:200px;margin-left:200px;}
.banaSpc {float:left;height:250px;width:600px;}
.banaSpc a {float:left;height:250px;width:600px;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;background-color:#FFF;}
.banaSpc a:hover {float:left;height:250px;width:600px;-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);box-shadow:0 1px 5px #CCC;background-color:#FFF;}
.bana01 {width: 600px; height: 250px;}
.banaName {float:left;width:600px;height:30px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:14px;line-height:30px;text-align:center;background-color:#FFF;}

}

/*TB:body-------------------------------------*/
@media screen and (min-width: 560px) and (max-width: 1083px) {
.pc {display: none !important;}
.tb {display: block !important;}
.sp {display: none !important;}

#header {width: 100%; height: 30px; background: #FF6699; margin: 0px auto; float: left;}

.pcImgSpc{display: none !important;}
.tbImgSpc {display: block; width: 100%; margin: 0px auto;}
.tbImg {width: 100%;}
.spImgSpc {display: none !important;}
.midImgSpc {width:100%; text-align: center; float: left;}
.midImgPc {display: none !important;}
.midImgTb {width: 100%;}
.midImgSp {display: none !important;}

#wrap {width:100%; float: left;}
.cent {width: 96%; margin-left: 2%; margin-right: 2%; float: left;}

/* Enter Botton */
.btnSpc {width: 80%; height: 80px; margin: 10px 10% 0px; float: left;}

.square_btn {display: inline-block; width: 99%; height: 80px; line-height: 20px; padding-top: 15px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 14px; background-color:#FF6699; text-decoration:none; color:#FFFFFF; border: 2px solid #FF6699; border-radius: 3px; transition:.4s;  float:left;}
.square_btn p {width: 80%; font-size: 24px; font-family: Georgia; margin: 0px 10% 5px; padding-bottom: 5px; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #000000; 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;}
.square_btn:hover {height: 80px; width: 99%; padding-top: 15px; color: #FF6699; background-color: #FFFFFF; text-decoration: none; float: left;}
.btnSpan {font-size: 14px; color: #FFFFFF;}
.square_btn:hover p {border-bottom: solid 1px #FF6699;}
.square_btn:hover .btnSpan {color: #FF6699;}

.square_btn2 {display: inline-block; width: 99%; height: 80px; line-height: 20px; padding-top: 15px; margin-top: 20px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 14px; background-color:#FFA600; text-decoration:none; color:#FFFFFF; border: 2px solid #FFA600; border-radius: 3px; transition:.4s;  float:left;}
.square_btn2 p {width: 80%; font-size: 24px; font-family: Georgia; margin: 0px 10% 5px; padding-bottom: 5px; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #000000; 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;}
.square_btn2:hover {height: 80px; width: 99%; padding-top: 15px; color: #FFA600; background-color: #FFFFFF; text-decoration: none; float: left;}
.btnSpan {font-size: 14px; color: #FFFFFF;}
.square_btn2:hover p {border-bottom: solid 1px #FFA600;}
.square_btn2:hover .btnSpan {color: #FFA600;}

/* LEAVE */
.leaveSpc  {float: left; width: 60%; height: 60px; margin: 10px 20% 0;}
.leave_btn {float: left; width: 100%; height: 60px; line-height: 20px; margin: 0 auto; padding-top: 8px; display: inline-block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align:center; font-size:16px; background-color: #000000; text-decoration :none; color: #FFFFFF; border: 2px solid #747474; border-radius:3px; transition:.4s;}
.leave_btn:hover {width: 100%; height: 60px; padding-top: 8px; color: #000000; background-color: #FFFFFF; text-decoration: none;}
.leave_btn p {width: 80%; font-size: 18px; margin: 0px 10% 5px; padding-bottom: 5px; font-family: Georgia; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #FFFFFF;}
.leave_btn:hover p {border-bottom: solid 1px #000000; color: #000000;}


.mark18 {height: 80px; width: 100%; margin-top: 30px; text-align: center; float: left;}
.m18 {width: 80px; height: 80px;}
.mark18Text {width: 80%; padding:10px 10% 0px; color: #000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:14px; text-align: left; float:left;}
.mark18Text a {color: #F90;}
.mark18Text a:hover {color:#00F; font-weight: bold;}

.banaWrap {float:left ; width: 90%; margin: 50px 5% 0px;}
.banaSpc {float: left; width: 100%;}
.banaSpc a {float: left; width: 100%; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; background-color: #FFF;}
.banaSpc a:hover {float: left; width: 100%; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); box-shadow: 0 1px 5px #CCC; background-color: #FFF;}
.bana01 {width: 100%;}
.banaName {width: 100%; height: 30px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 30px; text-align: center; background-color: #FFF; float:left;}

}

/*SP:body-------------------------------------*/
@media screen and (max-width: 559px) {
.pc {display: none !important;}
.tb {display: none !important;}
.sp {display: block !important;}

#header {width: 100%; height: 30px; background: #FF6699; margin: 0px auto; float: left;}

.pcImgSpc{display: none !important;}
.tbImgSpc {display: none !important;}
.spImgSpc {display: block; width: 100%; margin: 0px auto;}
.spImg {width: 100%;}
.midImgSpc {width:100%; text-align: center; float: left;}
.midImgPc {display: none !important;}
.midImgTb {display: none !important;}
.midImgSp {width: 100%;}

#wrap {width:100%; float: left;}
.cent {width: 96%; margin-left: 2%; margin-right: 2%; float: left;}

/* Enter Botton */
.btnSpc {width: 100%; height: 70px; margin: 10px 0px 10px; float: left;}

.square_btn {display: inline-block; width: 99%; height: 70px; line-height: 18px; padding-top: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 14px; background-color:#FF6699; text-decoration:none; color:#FFFFFF; font-weight: bold; border: 2px solid #FF6699; border-radius: 3px; transition:.4s;  float:left;}
.square_btn p {width: 80%; font-size: 22px; font-family: Georgia; margin: 0px 10% 5px; padding-bottom: 5px; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #000000; 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;}
.square_btn:hover {width: 99%;height: 70px;  padding-top: 13px; color: #FF6699; background-color: #FFFFFF; text-decoration: none; float: left;}
.btnSpan {font-size: 14px; color: #FFFFFF;}
.square_btn:hover p {border-bottom: solid 1px #FF6699;}
.square_btn:hover .btnSpan {color: #FF6699;}

.square_btn2 {display: inline-block; width: 99%; height: 70px; line-height: 18px; padding-top: 13px; margin: 20px 0px 20px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; font-size: 14px; background-color:#FFA600; text-decoration:none; color:#FFFFFF; font-weight: bold; border: 2px solid #FFA600; border-radius: 3px; transition:.4s;  float:left;}
.square_btn2 p {width: 80%; font-size: 24px; font-family: Georgia; margin: 0px 10% 5px; padding-bottom: 5px; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #000000; 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;}
.square_btn2:hover {height: 70px; width: 99%; padding-top: 13px; color: #FFA600; background-color: #FFFFFF; text-decoration: none; float: left;}
.btnSpan {font-size: 14px; color: #FFFFFF;}
.square_btn2:hover p {border-bottom: solid 1px #FF6699;}
.square_btn2:hover .btnSpan {color: #FF6699;}

/* LEAVE */
.leaveSpc  {float: left; width: 60%; height: 50px; margin: 10px 20% 0;}
.leave_btn {float: left; width: 100%; height: 50px; line-height: 16px; margin: 0 auto; padding-top: 8px; display: inline-block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align:center; font-size:14px; background-color: #000000; text-decoration :none; color: #FFFFFF; border: 2px solid #747474; border-radius:3px; transition:.4s;}
.leave_btn:hover {width: 100%; height: 50px; padding-top: 8px; color: #000000; background-color: #FFFFFF; text-decoration: none;}
.leave_btn p {width: 80%; font-size: 18px; margin: 0px 10% 5px; padding-bottom: 5px; font-family: Georgia; border-bottom: solid 1px #FFFFFF; display: inline-block; color: #FFFFFF;}
.leave_btn:hover p {border-bottom: solid 1px #000000; color: #000000;}

.mark18 {height: 70px; width: 100%; margin-top: 30px; text-align: center; float: left;}
.m18 {width: 70px; height: 70px;}
.mark18Text {width: 96%; padding:10px 2% 0px; color: #000; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:14px; text-align: left; float:left;}
.mark18Text a {color: #F90;}
.mark18Text a:hover {color:#00F; font-weight: bold;}

.banaWrap {float:left ; width: 90%; margin: 50px 5% 0px;}
.banaSpc {float: left; width: 100%;}
.banaSpc a {float: left; width: 100%; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; background-color: #FFF;}
.banaSpc a:hover {float: left; width: 100%; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); box-shadow: 0 1px 5px #CCC; background-color: #FFF;}
.bana01 {width: 100%;}
.banaName {width: 100%; height: 30px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 30px; text-align: center; background-color: #FFF; float:left;}

}