@charset "UTF-8"; 
#container > h1{border-bottom: none}

.m_wp img{width: 100%;}
.visual{position: relative; width: 100%;}
.light{position: absolute; top: 0; left: 0; width: 100%; animation: lamp 1s infinite;}
.delay{animation-delay: .5s;}
@keyframes lamp{0%{opacity: 0;}; 100%{opacity: 1;}}

.btn{width: 90%; margin: 0 auto 10%;}

.con1{background: #08073d; padding-bottom: 5%;}
.con1 > div {background: #fff; width: 90%; margin: 2% auto 0; padding-bottom: 5%;}
.con1 .bx-controls{text-align: center;}
.con1 .bx-pager-item{display: inline-block; padding: 0 1%;}

.con1 .bx-pager-item a{display: inline-block; width: 11px; height: 11px; border-radius: 15px; text-indent: -9999px; overflow: hidden; background: #504f6f;}
.con1 .bx-pager-item a.active {background: #ff025b;}

.con1 .bx-wrapper{position: relative;}
.con1 .bx-wrapper .bx-controls-direction a{position: absolute; top: 40%; display: block; width: 40px; height: 40px; background-size: 25px auto; text-indent: -9999px; overflow: hidden; opacity: .7;}
.con1 .bx-wrapper .bx-prev{left: 5px; background: url('imgs/m/arrow_prev.png') no-repeat;}
.con1 .bx-wrapper .bx-next {right: -10px; background: url('imgs/m/arrow_next.png') no-repeat;}

.package{padding-bottom: 5%;}
.package > p{text-align: right; margin: 10px 15px 0 0;}
.package .tab:after,
.package .package_con dd:after{content: ""; display: block; clear: both;}
.package .tab li{float: left; width: 33%; height: 55px; box-sizing: border-box;}
.package .tab li a{position: relative; display: inline-block; width: 100%; height: 100%; background: #222; text-align: center; box-sizing: border-box; padding-top: 12px; line-height: 1.1; color: #fff; font-size: 15px; border-left: 1px solid #000;}
.package .tab li:first-child a{padding-top: 18px; border-left: 0;}
.package .tab li a.current{background: #ff025b; color: #fff;}
.package .tab li small{display: block; padding-top: 2px;}
.package .package_con{margin: 10px 10px 0; background: #fff; border-radius: 5px;}
.package .package_con dl{border-bottom: 1px solid #ddd; padding: 20px 15px 20px;}
.package .package_con dl:first-child{padding-top: 20px;}
.package .package_con dl:last-child{padding-bottom: 20px; border-bottom:none; }
.package .package_con dt{padding:2px 15px 3px; border-radius: 20px; display: inline-block; color: #fff; background: #0082ff;}
.package .package_con dd{position: relative;}
.package .package_con dd > strong{padding: 10px 0 0 5px; display: block; font-size: 18px;}
.package .package_con dd button {position: absolute; right: 0; bottom: 0; display: block; width: 100px; background: #fff url('imgs/bullet_rightGray.png') no-repeat 75px; padding-right: 10px; background-size: 6px auto; border-radius: 3px; height: 32px; padding-top: 1px; border: 1px solid #929ba7; font-size: 15px;}
.package_con .subject_pay{margin: 10px 0 0 5px; border-top: 1px dashed #d8dde8; padding-top: 15px;}
.package_con .subject_pay li{letter-spacing: -1px; color: #888; font-size: 13px;}
.package_con .subject_pay li:first-child{font-size: 14px;}
.package_con .subject_pay li:last-child{color: #ae0202; padding-top: 5px; font-size: 16px;}
.package_con .subject_pay li:last-child:before{content: " → ";}
.package_con .subject_pay li strong{font-size:28px; vertical-align: -1px; line-height: 1;}
.package_con .subject_pay del{padding-right: 5px;}
.member_join{width: 60%; height: 40px; line-height: 40px; font-size: 18px; margin: 25px auto 30px; border-radius: 3px; background: #333; color: #fff; font-size: 16px; display: block; text-align: center;}
.packageTitle { text-align:center; padding:32px 0;  }
.packageTitle span { font-size:18px; }
.packageTitle h5 { font-size:23px; padding:8px 0 10px; font-weight:bold; }
.packageTitle h5 strong { color:#ff025b; display:block; font-size:30px; }
.packageTitle p { font-size:16px; }
.packageTitle p strong { text-decoration:underline;  }
.package .btn_package { position:absolute; right:0; bottom:-6px; }
.package .btn_package li:first-child { margin-bottom:5px; }
.package .btn_package li button { position:static; width:80px; height:28px; font-size:14px; background: #111 url('imgs/bullet_rightWhite.png') no-repeat 63px 9px; background-size:5px auto; color:#fff; border:1px solid #111; }
.package .btn_package li:first-child button { background: #ff025b url('imgs/bullet_rightWhite.png') no-repeat 63px 9px; background-size:5px auto;  border:1px solid #ff025b; }
.package .unlimited .btn_package { bottom:92px }
.package .unlimited .package_guide { background:#f1f1f1; padding:10px; margin-top:20px; }
.package .unlimited .package_guide strong { padding-bottom:3px; display:block; }