html{margin:0; padding:0;}
em,address { 
  font-style:normal !important;
  font-weight:normal !important;

 }
 
.cnt2 { padding:0px 0; width:100%;}


/*==General
===============================================================*/
body{margin:0; padding:0; text-align:center; font-size:12px;  font-family:tahoma,Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; color:#333; background:#FFF;}
form{margin:0; padding:0;}
a img{border:0;}
a{color:#09c;}
.al{color:#990000;}
a:hover{color:#666666;}
h1,h2,h3,h4{margin:0; padding:0;}
h1 img,h2 img,h3 img,h4 img{display:block;}
p{margin:0; padding:0;}
ul{list-style:none;}
.clear{margin:0;padding:0; clear:both;}

.txt-none {
    text-indent:120%;
    overflow: hidden;
    white-space: nowrap;
}
/*==Wrapper
===============================================================*/
#wrap{margin:0 auto; padding:0; text-align:left; background:#FFF;}
.inner{margin:0;padding:0;}

/*==Header
===============================================================*/
#header{margin:0 auto; padding:0; width:100%; position:relative;}

#header img{width:100%; margin:0; padding:0; vertical-align:text-bottom;}

#header h1{width:190px;margin:0;padding:0;}
#header h1 a{margin:0;padding:0;display:block;}
.gnav{margin:0;padding:15px 0 0 0;width:760px;float:right;}
.gnav li{width:190px;height:40px;float:left;}
.gnav li a{width:190px;height:40px;display:block;background:url(../images/gnav.png); overflow:hidden;}
.gnav li a span{padding:40px 0 0 0;display:block;}
#nav01{background-position:0 0;}
#nav01:hover{background-position:0 -40px;}
#nav02{background-position:-190px 0;}
#nav02:hover{background-position:-190px -40px;}
#nav03{background-position:-380px 0;}
#nav03:hover{background-position:-380px -40px;}
#nav04{background-position:-570px 0;}
#nav04:hover{background-position:-570px -40px;}
.intro{padding:335px 0 0 0;width:100%;clear:both;}

.header-img {
    width:100%;
    height:0;
    padding:81.5% 0 0;
    position:relative;
    background:url(../images/header-img.jpg) no-repeat 0 0;
    background-size:contain;
}
.header-logo{
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    right:0;
}
.header02 {
	padding:47% 0 0;
	background:url(../images/header-img02.jpg) no-repeat 0 0;
	background-size:contain;
}
.logo-3ban {
    background:url(../images/logo-3ban.png) no-repeat right bottom;
    background-size:64% auto;
}
.logo-4ban {
    background:url(../images/logo-4ban.png) no-repeat right bottom;
    background-size:64% auto;
}
.logo-5ban {
    background:url(../images/logo-5ban.png) no-repeat right bottom;
    background-size:64% auto;
}
.logo-6ban {
    background:url(../images/logo-6ban.png) no-repeat right bottom;
    background-size:64% auto;
}
.logo-7ban {
    background:url(../images/logo-7ban.png) no-repeat right bottom;
    background-size:64% auto;
}
.logo-8ban {
    background:url(../images/logo-8ban.png) no-repeat right bottom;
    background-size:64% auto;
}
.logo-10ban {
    background:url(../images/logo-10ban.png) no-repeat right bottom;
    background-size:64% auto;
}

.sidr_a.position-top {
    top:0;
    height:30px;
    width:90px;
    line-height: 28px;
    border:0;
    font-size: 16px;
}
/*==Main
===============================================================*/
.h2 {
    padding:5px;
    margin:5px;
    border-bottom:3px solid #d60083;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width:320px){
    .h2 {
        font-size:17px;
        padding:5px 0;
    }
}
.p {
    padding:10px;
    font-size:14px;
    line-height:1.4;
}
.strong {
    color:#ff009b;
    font-weight: bold;
}
.about-box {
    margin:5px;
    background:url(../images/about.jpg) no-repeat 0 0;
    background-size: cover;
}

#main{margin:0 5px; padding:0;}
h2{padding:5px;}
h2 span{padding:0;display:block;}

#about{background-position:0 0; margin:5px 0; background-color:#efe5ff; }
#prof{text-align:center; margin-bottom:5px; background-color:#c7ffb3;}

#faq{background-position:0 -70px; margin-top:5px;}
#privacy{background-position:0 -105px; margin-top:5px;}
#rule{background-position:0 -140px; margin-top:5px;}
#entry{background-position:0 -175px;}
.contents{margin:0; padding:0 0 5px 0;width:100%;clear:both;}
.contents h3{margin:10px 0 0 0;padding:0 0 0 5px;line-height:20px;font-size:14px;font-weight:normal;border-left:5px solid #96f;}
.contents h3 span{color:#96f;}
.contents h4 {padding:5px;}
.contents p{margin:0;padding:5px;line-height:18px;border:1px solid #ddd;}
.contents p span{color:#c36;}
.sub{margin:0; padding:0; width:100%;}

.sub ul{margin:0;padding:0;width:100%;}
.sub ul li{width:100%; margin-bottom:5px;}

.sub ul li h3{padding:3px; border:1px solid #830372;

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

background: #af03af; /* Old browsers */
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #af03af 1%,#890277 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%); /* IE10+ */

color:#FFF;}

.sub h4 {color:#fff; font-size:16px; line-height:30px; background-color:#666;}
.sub01 {background:url(../images/icon01.png) no-repeat 0 0; background-size:30px; text-indent:32px;}
.sub02 {background:url(../images/icon02.png) no-repeat 0 0; background-size:30px; text-indent:30px;}
.sub03 {background:url(../images/icon03.png) no-repeat 0 0; background-size:30px; text-indent:28px;}


.sub ul li p{margin:0;padding:5px;line-height:18px;border:1px solid #ddd;clear:both;}

.prof{margin:0; padding:10px 0 0 0; width:100%;}
.prof_lists{margin:0;padding:0;width:100%;}
.prof_list{width:100%; border:1px solid;}
.prof_item{margin:0;padding:0;width:100%;}
.prof_item li{}
.prof_pics{width:95px;height:140px;background:#CCC;}
.prof_pics img{display:block;}
.prof_pics p{padding:10px 0 0 10px;}
.prof_pics p a{width:75px;height:35px;line-height:35px;text-align:center;text-decoration:none;color:#fff;background:url(../images/prof_btn.png);display:block;}
.prof_pics p a:hover{background-position:0 -35px;}
.prof_name{padding:10px 0;width:140px;}
.prof_name p{width:130px;height:20px;line-height:19px;text-align:center;}
.prof_area{padding:10px 0;width:90px;}
.prof_area p{width:90px;height:20px;line-height:19px;text-align:center;}
.prof_com{width:230px;height:90px;}
.prof_com p{padding:5px;line-height:18px;}

/*==Entry
===============================================================*/
#entry_wrap{margin:0 auto; padding:0;  position:relative; text-align:left;background:#fff;}
#entry_main h3 {padding:5px; margin:5px 0; background-color:#efe5ff;}
#entry_main{margin:0; padding:10px 0 10px 0; width:100%;}
#entry_main .block{margin-bottom:5px; padding:0 0 5px 10px ;}
#entry_main .block ul{margin:0; padding:5px;}

#entry_header{margin:0; padding:0; width:100%; position:relative;}
#entry_header img{width:100%; vertical-align:text-bottom;}
#entry_header h1{width:100%; text-indent:100%; overflow:hidden; white-space:nowrap; height:0;}
#entry_header h1 a{padding:0;display:none;}

div.entry_contents{margin:0; padding:0;}
div.entry_contents h3{margin:10px 0;padding:0 0 0 5px;line-height:20px;font-size:14px;font-weight:normal;border-left:5px solid #96f;}
div.entry_contents h3 span{font-size:12px; font-weight:normal;}

.gaihan_entry .block{border:none;}


div.block{padding:5px; border-bottom:1px solid #ddd;}

.label{width:200px; text-align:left;}
.label span{padding:0 4px 0 0; color:#DE1039;}
.msg{padding:5px; font-size:11px;}
p.error{padding:5px; lien-height:16px; color:#DE1039;}
input.nb{border:0;}
input.text_l{width:240px;}
input.text_m{width:240px; font-size:14px;}
input.text_s{width:80px;}
textarea{width:240px; height:120px;}
div.entry_block{margin:0; padding:0;width:100%;}
div.alert_box{margin:10px 0 0 0; padding:5px; background:#f0f0f0;border:1px solid #ddd;}
div.alert_box p {width:100%;}
div.alert_box p span{color:#DE1039;}
.alert {padding:5px;}

.btn_row { text-align:center !important; }
button{margin:0; width:310px; height:92px; border:0; background:url(../images/signup_btn.png) no-repeat left top #f0f0f0; cursor:pointer;overflow:hidden;background-size:310px;height:88px; text-indent:105%; overflow:hidden; white-space:nowrap;}
button:hover{background-position:left bottom;}
button span{display:none;}

.signup{margin:10px auto 5px auto; padding:0; text-align:center;}

#entry_footer{margin:0; padding:0; width:100%; text-align:center;clear:both; color:#fff; background:#000; line-height:20px;}

.mailto {padding:5px; border:dashed 1px #ff5e97; background-color:#ffe1b7; margin:5px 5px 0 5px; }

.juyo { background:rgba(255,0,0,0.1); border:1px dotted #f00 !important; padding:8px !important; box-sizing:border-box; margin:5px;}
.block .juyo{margin:5px 10px 0 0;}

.play-check label {display: block;line-height: 35px;}
fieldset {display: flex;margin: 0 0 10px;border: none;}
/*==sidebar
===============================================================*/
#sidebar{margin:0 auto; padding:7px 0 0 0; width:320px;}

/*==reg
===============================================================*/
.reg_n_btn { margin-bottom:10px;}
.reg_n_btn a{display:block;background:url(../images/reg_n_btn.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; background-size:100%; max-width:310px; min-height:70px; margin:5px auto;}

.reg_btn{margin:0;padding:0;}
.reg_btn li{width:320px;}

.reg_btn li a{display:block;background:url(../images/reg_btn.png);overflow:hidden;background-size:620px;height:88px;margin:0 5px 10px 5px;}

.reg_btn li a span{padding:90px 0 0 0;display:block;}

#male{background-position:0 0;}
#male:hover{background-position:-310px 0;}

#female{background-position:0 -89px;}
#female:hover{background-position:-310px -89px;}

 .mob{width:270px;height:130px;background:url(../images/mob_bg.png);overflow:hidden;}
 .mob h4{width:270px;height:40px;overflow:hidden;}
 .mob h4 span{padding:40px 0 0 0;display:block;} 
 .mob_txt{padding:90px 0 0 0;width:170px;overflow:hidden;float:left;}
 .qr_img{float:right;}
 .qr_img img{margin:0 10px 0 0;} 
 

.btn-box {
    padding:15px;
}
.btn-p {
    text-align: center;
    color:#fff;
    font-size:18px;
    font-family: 'Yu Mincho','Yu Gothic';
    background: linear-gradient(to right,rgba(137,56,184,0) 0%,rgba(137,56,184,0.8) 50%,rgba(137,56,184,0) 100%);
    font-weight: bold;
    margin-bottom:10px;
}
.btn-two {
    width:100%;
    height:0;
    display: block;
    padding:26.5% 0 0;
    border-radius: 10px;
}
.btn-m {
    background:url(../images/btn-male2.png) no-repeat 0 0;
    background-size:contain;
}
.btn-f {
    background:url(../images/btn-female2.png) no-repeat 0 0;
    background-size:contain;
    margin: 20px auto;
}
/*==footer
===============================================================*/
#footer{margin:0; background:#000; color:#fff;}
#footer img {margin:0;}
.copy{padding:0; text-align:center;}

/*==Popup
===============================================================*/
#rule_popup{margin:0; padding:0 0 50px; text-align:center; font-size:12px; background:#f0f0f0;background-image:none;}
div.rule_popup_wrap{margin:0 auto;padding:0; width:100%; text-align:left;background:#fff;}
div.popup_contents{margin:0; padding:10px;}
div.popup_pane{margin:0; padding:0; }
div.popup_contents h2{width:100%;height:35px;background:url(../images/heading.pn);clear:both;overflow:hidden;}
div.popup_pane h3{margin:10px 0 0 0;padding:0 0 0 5px;line-height:20px;font-size:14px;font-weight:normal;border-left:5px solid #96f;}
div.popup_pane p{margin:10px 10px 0 0;padding:10px;line-height:18px;border:1px solid #ddd;}

#popup_footer{margin:0;padding:0; text-align:center;  clear:both; background:#000;color:#fff;}
#popup_footer p{padding:0;width:100%;  line-height:20px; clear:both;}

.clear{clear:both;}

/* mother bar */

#mother{width:100%; height:40px; position:fixed; top:0; left:0; background:#000;}
#mother h1{display:block; width:980px; margin:0 auto; color:#fff; line-height:40px; text-indent:-9999px;}

#entry_basesize #mother h1{width:700px;}


/*** 新規会員紹介 ***/

.newmembers{
margin-bottom:3px;
padding:3px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}
#members .male{
background-color:#e4f5fe;
}
#members .female{
background-color:#fee4fe;
}

.newmembers a{
padding:2px 0;
color:#FFF;
display:block;
text-align:center;
text-decoration:none;
border:1px solid #830372;

background: #af03af; /* Old browsers */
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #af03af 1%,#890277 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%); /* IE10+ */
}

.newmembers_bottom{
margin-bottom:0px;
padding:3px;
color:#c0c0c0;
border:none;
}

.newmembers_left {float:left;}
.newmembers_left ul{margin:0;padding:0;}

.newmembers_right {margin-left:80px;}
.newmembers_right ul{margin:0; padding:0; list-style:none;}
.newmembers_right li{border-bottom:1px dotted #3d3d3d;padding:3px 0;}
.newmembers_right li:nth-child(3){margin-top:0px;border-bottom:0px;}

.newmembers_bottom {margin-top:15px; padding:3px; border:1px solid #3d3d3d;}


.prof-box {
    margin:5px;
}
.prof-btn {
    margin:0 0 13px;
    padding:10px;
    display: block;
    border-radius: 10px;
    color:#333;
    box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
    text-decoration: none;
}
.prof-f,
.prof-female {
    background:linear-gradient(to bottom,#ffeaf7 0%,#f9cbe7 100%);
}
.prof-m,
.prof-male {
    background:linear-gradient(to bottom,#f1f1f1 0%,#dadada 100%);
}
.prof-img {
    width:75px;
    height:auto;
    display: block;
    float:left;
}
.prof-head {
    margin:0 0 5px 85px;
    color:#d60083;
    font-weight: bold;
}
.prof-comment {
    min-height:50px;
    margin:0 0 0 80px;
    padding:5px;
    background:rgba(255,255,255,0.8);
    border-radius: 10px;
    position:relative;
}
.prof-comment::before {
    content:"";
    position: absolute;
    top:20px;
    left:-12px;
    border:5px solid transparent;
    border-right:8px solid rgba(255,255,255,0.8);
}
.prof-mail {
    margin:10px 0 0;
    padding:5px;
    color:#fff;
    text-align: center;
    background:#d60083;
    border-radius: 15px;
}
.prof-form {
    margin:10px;
    padding:10px;
    border-radius: 10px;
}
.prof-entry {
    margin:10px 0 0;
    padding:5px;
    color:#d60083;
    text-align: center;
    border:1px solid rgba(255,255,255,0.8);
    border-radius: 10px;
}

/*** 横から出るメニュー ***/

.sidr_a{
width:80px;
display:block;
padding:3px;
background:#000;
color:#FFF;
text-decoration:none;
text-align:center;
position:absolute; bottom:0; right:0;
border:1px solid #750366;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

background: #af03af;
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277));
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%);
background: -o-linear-gradient(top, #af03af 1%,#890277 100%);
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%);
}

.sidr_a:hover{
color:#FFF;
}

.sidr_a:visited{
color:#FFF;
}

.navigation{
margin:0;
padding:0;
list-style:none;
color:#FFF;
text-align:center;
letter-spacing:-4px;


background: #af03af;
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277));
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%);
background: -o-linear-gradient(top, #af03af 1%,#890277 100%);
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%);
}

.navigation a{
color:#FFF;
displat:block;
text-decoration:none;
}

.navigation:after{
clear:both;
}

.navigation li:nth-child(1){
width:25%;
margin:0;
padding:2px 3px;
letter-spacing: normal;

    display: -moz-inline-box;
    display: inline-block;
    /display: inline;

border-top:1px solid #750366;
border-bottom:1px solid #750366;
text-align:center;


background: #af03af;
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277));
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%);
background: -o-linear-gradient(top, #af03af 1%,#890277 100%);
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%);
}

.navigation li:nth-child(2){
width:10%;
margin:0;
padding:2px 3px;
letter-spacing: normal;

    display: -moz-inline-box;
    display: inline-block;
    /display: inline;

border:1px solid #750366;
text-align:center;


background: #af03af;
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277));
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%);
background: -o-linear-gradient(top, #af03af 1%,#890277 100%);
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%);
}

.navigation li:nth-child(3){
width:38%;
margin:0;
padding:2px 3px;
letter-spacing: normal;

    display: -moz-inline-box;
    display: inline-block;
    /display: inline;

border-top:1px solid #750366;
border-right:1px solid #750366;
border-bottom:1px solid #750366;
text-align:center;


background: #af03af;
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277));
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%);
background: -o-linear-gradient(top, #af03af 1%,#890277 100%);
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%);
}

.navigation li:nth-child(4){
width:19%;
margin:0;
padding:2px 3px;
letter-spacing: normal;

    display: -moz-inline-box;
    display: inline-block;
    /display: inline;

border-top:1px solid #750366;
border-bottom:1px solid #750366;
text-align:center;


background: #af03af;
background: -moz-linear-gradient(top, #af03af 1%, #890277 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#af03af), color-stop(100%,#890277));
background: -webkit-linear-gradient(top, #af03af 1%,#890277 100%);
background: -o-linear-gradient(top, #af03af 1%,#890277 100%);
background: -ms-linear-gradient(top, #af03af 1%,#890277 100%);
}

/* karamail button */



#mailButton li{display:block; width:50%; float:left;}
#mailButton li a{display:block; text-align:center; font-size:180%; padding:15px 0; text-decoration:none; color:#fff; font-weight:bold;}

#mailButton li.male a{border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; border-color:#006cff; text-shadow:0 -1px 1px #006cff;
background: -webkit-gradient(linear, left top, left bottom, from(#5d93ff), color-stop(0.49, #117cff), color-stop(0.5, #026dc7), to(#004c8d) );
background: -moz-linear-gradient(top, #5d93ff, #117cff 49%, #026dc7 50%, #004c8d);}

#mailButton li.female a{border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; border-color:#fd1a5a; text-shadow:0 -1px 1px #fd1a5a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff8ca7), color-stop(0.49, #ff577f), color-stop(0.5, #ff3363), to(#ff0c45) );
background: -moz-linear-gradient(top, #ff8ca7, #ff577f 49%, #ff3363 50%, #ff0c45);}

#mailButton li.male a:hover,#mailButton li.male a:active{border-color:#006cff; text-shadow:0 -1px 1px #107cff;
background: -webkit-gradient(linear, left top, left bottom, from(#6da3ff), color-stop(0.49, #218cff), color-stop(0.5, #127dd7), to(#105c9d) );
background: -moz-linear-gradient(top, #6da3ff, #218cff 49%, #127dd7 50%, #105c9d);}
#mailButton li.female a:hover,#mailButton li.female a:active{border-color:#fd1a5a; text-shadow:0 -1px 1px #ff2a6a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff9cb7), color-stop(0.49, #ff678f), color-stop(0.5, #ff4373), to(#ff1c55) );
background: -moz-linear-gradient(top, #ff9cb7, #ff678f 49%, #ff4373 50%, #ff1c55);}


.lpprtitle {background-color:#efe5ff !important;}
.lpprbox {background:none !important;}

/* campaign */
.campaign h4 {border:0; font-size:14px; color:#96f; text-indent:0; padding:10px 0;}
.campaign h5 {font-weight:normal; font-size:12px;color:#96f;}
.cam_msg {font-size:11px; color:#888; padding:0;}
.campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;}
.camMenu dt { font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:"▼"; color:#96f;}
.camMenu dd {margin-bottom:10px;}
.camMenu table {border-collapse:collapse; width:270px; color:#000;}
.camMenu table th{text-align:center; background:#ccc; width:90px; border:1px solid #aaa;}
.camMenu table td{text-align:right; width:90px; background:#fff; border:1px solid #aaa; padding-right:10px; box-sizing:border-box;}
.camMenu table tr td:last-child{background:#ff0;}

#campaign_btn,#campaign_btn_entry {position:absolute; top:auto; right:auto; bottom:0; left:0; z-index: 1;}
#campaign_btn a,#campaign_btn_entry a{width:70px; height:70px; display:block; background:url(../images/cam_btn.png) no-repeat 0 0; background-size: contain; text-indent:120%; overflow:hidden; white-space:nowrap;}


/*close_btn */
a.close_btn {position:fixed; bottom:0; display:block; line-height:50px; width:100%; text-align:center; color:#fff; font-size:16px; background-color:rgba(153,102,255,0.9);}

/* clearfix */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}