@charset "UTF-8";


.clear { clear:both;}
.clear hr { display:none;}
.nodis { display:none; }

body {
    font-size: 13px;
    background: #fff;
    color: #000;
}

hr{
height: 1px;
border: none;
border-top: 1px #ea359a dotted;
margin: 15px 0px 5px 0px;
}

#wrapper {
    margin: 0px auto;
    padding: 0px;
    background: url(../img/bg-wrapper.jpg) center top repeat-y;
    }   

#side {
    margin: 0px auto;
    padding: 0px;
    background: url(../img/bg-side.png) center top no-repeat;
    }   

#container {
    height: 539px;
    width: 100%;
    padding:0;
    margin:0;
    }
    
.syncer-brcb {
    width: 1060px;
    margin: 0px auto;
    padding-top: 20px;
    overflow: hidden ;
    list-style-type: none ;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}
.syncer-brcb li {
    float: left ;
    font-weight: 700 ;
}
.syncer-brcb li a{
    color: #00c2ec;
}
.syncer-brcb li:after {
    content: ">" ;
    padding: 0 8px ;
    font-weight: 400 ;
}
.syncer-brcb li:last-child:after {
    content: none ;
}

/* ========== header ========== */
header {
    width: 100%;
      height:539px;
  padding-top: 62.5%;
    background: url(../img/header-img1.jpg) center top no-repeat;
}
.header-wrapper{
    width: 1025px; 
    margin: 0px auto;
    padding: 0px;
    }
.header-wrapper h1{
    margin: 0px auto;
    padding: 45px 180px 0px 0px;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    }
    
/* ========== footer ========== */
footer {
    width: 100%;
    background: url(../img/footer-bg.png) left top repeat;
    margin: 0px;
    padding: 25px 0px;
    text-align: center;
}
.copyright{
    margin: 0px;
    padding-top: 20px;
    color: #fff;
    font-size: 15px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}
@media screen and (max-width: 599px) {
    footer{
        width: auto;
        padding: 10px 0 0 0;
        background: #fff
    }
    footer img{
        width: 100%;
    }
    footer p{
        padding: 0 10px;
        font-size: 12px
    }
    footer a{
        color: #fff
    }
    .copyright{
        margin-top: 10px;
        background: url(../img/footer-bg.png) left top repeat;
        padding: 10px;
        color: #fff;
        font-size: 12px;
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    }
}


.bar {
    width: 100%;
    height: 15px;
    background: url(../img/footer-bg.png) left top repeat;
}

/* ========== nav ========== */
nav.main-nav {
    width: 1066px;
    margin: 0px auto;
    padding: 20px 0 10px;
    }   

nav.main-nav ul {
    width: 1142px;
    margin: 0px auto;
    padding: 0px;
    }

nav.main-nav li {
    float: left;
    margin-bottom: -10px;
    padding: 0px;
    }

/* ========== contents ========== */
.contents {
    margin: 0px auto;
    padding: 0px;
    position: relative;
    display: table;
}

.main-contents {
    width: 1065px;
    margin: 0px auto;
    padding: 0px;
    }
.left-contents {
    display: table-cell;
    vertical-align: top;
    width: 660px;
    margin: 0px;
    padding-top: 10px;
    }
.right-contents {
    display: table-cell;
    vertical-align: top;
    width: 405px;
    margin: 0px;
    padding-top: 10px;
    }

.sub-contents {
    width: 1055px;
    margin: 0px auto;
    padding: 0px;
    }

/* ========== diary ========== */
.diary {
    float: left;
    width: 330x;
    margin: 0px auto;
    padding-top: 0px;
}
.diary p{
    width: 300px;
    margin: 0px auto;
    padding: 15px 0px 0px 10px;
}

/* ========== newface ========== */
.newface {
    float: right;
    width: 724px;
    margin: 0px auto;
    padding-top: 0px;
}
.newface .area{
    width: 724px;
    height: 816px;
    margin-top: 0px;
    padding: 0px;
    background: url(../img/newface.png) no-repeat;
}
.newface .box{
    margin: 0px;
    padding: 165px 0px 0px 55px;
}
.newface .detail{
    float: left;
    width: 156px;
    height: 307px;
    margin: 0px 4px 8px 0px;
    padding: 0px;
    background: url(../img/newface-detail.png) no-repeat;
    text-align: center;
}
.newface .image{
    margin: 0px;
    padding-top: 15px;
    }
.newface .image img{
    border: 1px solid #d5cbaf;
    }
.newface .name{
    margin: 0px;
    padding-top: 12px;
    color: #00b0ee;
    font-size: 15px;
    font-weight: bold;
}
.newface .size{
    margin: 0px;
    padding: 10px 0px 5px 0px;
    font-size: 13px;
    font-weight: bold;
}
.newface .icon{
    margin: 0px;
    padding: 4px 0px 8px 0px;
}
.newface .day{
    width: 121px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/newface-day.png) no-repeat;
}
.newface .day p{
    margin: 0px;
    padding-top: 7px;
    color: #9c7507;
    font-weight: bold;
    text-align: center;
}

.newface-bg {
    width: 724px;
    height: 400px;
    margin: 0px auto;
    margin-top: 10px;
    padding: 0px;
    background: url(../img/newface-bg.png) no-repeat;
}

.newface-bg .area2{
    margin: 0px;
    padding: 50px 10px 0px 150px;
    }
.newface-bg .box2{
    width: 550px;
    height: 320px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    }
.newface-bg .detail2{
    margin: 0px; 
    padding: 0px;
    color: #000;
    }
.newface-bg .title{
    width: 100%;
    margin: 0px;
    padding: 0px;
    }   
.newface-bg .title p{
    margin: 0px;
    padding: 10px 0px 10px 0px;
    color: #ff4879;
    font-size: 14px;
    font-weight: bold;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
    }   
.newface-bg .come{
    margin: 0px;
    padding: 7px 0px 0px 7px;
    color: #000;
    font-size: 13px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    line-height: 1.8em;
    }
.newface-bg .image{
    float: left; 
    margin-right: 10px; 
    padding: 0px;
    }
.newface-bg .image img{
    border: 1px solid #ffaac8;
    }

/* ========== banner ========== */
.banner {
    width: 1066px;
    margin: 0px auto;
    padding-top: 15px;
}
.banner p{
    float: left;
    width: 529px;
    margin: 0px;
    padding: 2px;
}

/* ========== today ========== */
.today {
    width: 1034px;
    height: 110px;
    margin: 0px auto;
    margin-top: 20px;
    padding: 0px;
    background: url(../img/today-tit.png) no-repeat;
}
.today p{
    margin: 0px;
    padding: 26px 30px 0px 0px;
    text-align: right;
}
.today-iframe{
    width: 1033px;
    margin: 0px auto;
    padding: 0px;
}

/* ========== pickupevent ========== */
.pickupevent {
    margin-top: 0px;
    padding: 0px;
    }   

/* ========== info ========== */
.info {
    width: 653px;
    height: 409px;
    margin-top: 0px;
    padding: 0px;
    background: url(../img/info-event.png) no-repeat;
    }   
.info .area{
    margin: 0px;
    padding: 110px 10px 0px 20px;
    }
.info .box{
    width: 609px;
    height: 265px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    }
.info .detail{
    margin: 0px; 
    padding: 0px;
    color: #000;
    }
.info .title{
    width: 100%;
    height: 41px;
    margin: 0px;
    padding: 0px;
    background: url(../img/info-title.png) no-repeat;
    }   
.info .title p{
    margin: 0px;
    padding: 14px 0px 0px 45px;
    color: #ff4879;
    font-size: 14px;
    font-weight: bold;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
    }   
.info .come{
    margin: 0px;
    padding: 7px 0px 0px 7px;
    color: #fff;
    font-size: 13px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    line-height: 2em;
    }
.info .image{
    float: left; 
    margin-right: 10px; 
    padding: 0px;
    }
.info .image img{
    border: 1px solid #ffaac8;
    }

/* ========== mailmagazine ========== */
.mailmagazine {
    width: 780px;
    height: 203px;
    margin-top: 20px;
    padding-left: 20px;
    background: url(../img/mailmagazine.png) no-repeat;
    }   
.mailmagazine p{
    margin: 0px;
    padding-top: 160px;
    font-size: 12px;
    }
.mailmagazine-form{
    width: 250px; 
    height: 25px; 
    background: #000; 
    color: #fff; 
    border: 1px solid #9c8450;
    }
.mailmagazine-sent{
    width: 70px;
    padding: 5px;
    border: 1px solid #aaa;
    }

/* ========== coverevent ========== */
.cover-event{
    margin: 0px;
    padding-top: 20px;
    }


/* ========== schedule ========== */
.schedule-top {
    width: 1033px;
    height: 25px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/today-top.png) no-repeat;
    }   
.schedule-bottom {
    width: 1033px;
    height: 24px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/today-bottom.png) no-repeat;
    }   

.schedule {
    width: 1033px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/today-bg.png) repeat-y;
    }   
.schedule .box{
    width: 960px;
    margin: 0px auto;
    padding: 10px 0px 0px 10px;
    }
.schedule .detail{
    float: left;
    width: 156px;
    height: 307px;
    margin: 0px 4px 8px 0px;
    padding: 0px;
    background: url(../img/schedule-detail.png) no-repeat;
    text-align: center;
}
.schedule .image{
    margin: 0px;
    padding-top: 15px;
    }
.schedule .image img{
    border: 1px solid #d5cbaf;
    }
.schedule .name{
    margin: 0px;
    padding-top: 12px;
    color: #00b0ee;
    font-size: 15px;
    font-weight: bold;
}
.schedule .size{
    margin: 0px;
    padding: 10px 0px 5px 0px;
    font-size: 13px;
    font-weight: bold;
}
.schedule .icon{
    margin: 0px;
    padding: 4px 0px 8px 0px;
}
.schedule .day{
    width: 121px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/schedule-day.png) no-repeat;
}
.schedule .day p{
    margin: 0px;
    padding: 7px 4px 0px 0px;
    color: #9c7507;
    font-weight: bold;
}

.schedule2 {
    width: 653px;
    margin: 0px auto;
    padding: 0px;
    }   
.schedule2 .box{
    width: 630px;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    }
.schedule2 .detail{
    float: left;
    width: 151px;
    height: 284px;
    margin: 0px 2px 4px 0px;
    padding: 0px;
    background: url(../img/listwaku_girls.gif) no-repeat;
    text-align: center;
}
.schedule2 .image{
    margin: 0px;
    padding-top: 15px;
    }
.schedule2 .image img{
    border: 1px solid #d5cbaf;
    }
.schedule2 .name{
    margin: 0px;
    padding-top: 3px;
    color: #00b0ee;
    font-size: 15px;
    font-weight: bold;
}
.schedule2 .size{
    margin: 0px;
    padding: 3px 0px 5px 0px;
    font-size: 13px;
    font-weight: bold;
}
.schedule2 .icon{
    margin: 0px;
    padding: 2px 0px 4px 0px;
}
.schedule2 .day{
    width: 121px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/schedule-day.png) no-repeat;
}
.schedule2 .day p{
    margin: 0px;
    padding: 7px 4px 0px 0px;
    color: #9c7507;
    font-weight: bold;
}

.schedule3 {
    width: 760px;
    margin: 0px auto;
    padding: 0px;
    }   
.schedule3 .box{
    width: 760px;
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    }
.schedule3 .detail{
    float: left;
    width: 151px;
    height: 284px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    background: url(../img/listwaku_girls.gif) no-repeat;
    text-align: center;
}
.schedule3 .image{
    margin: 0px;
    padding-top: 15px;
    }
.schedule3 .image img{
    border: 1px solid #d5cbaf;
    }
.schedule3 .name{
    margin: 0px;
    padding-top: 3px;
    color: #00b0ee;
    font-size: 15px;
    font-weight: bold;
}
.schedule3 .size{
    margin: 0px;
    padding: 3px 0px 5px 0px;
    font-size: 13px;
    font-weight: bold;
}
.schedule3 .icon{
    margin: 0px;
    padding: 2px 0px 4px 0px;
}
.schedule3 .day{
    width: 121px;
    height: 30px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/schedule-day.png) no-repeat;
}
.schedule3 .day p{
    margin: 0px;
    padding: 7px 4px 0px 0px;
    color: #9c7507;
    font-weight: bold;
}
.shimaiten{
    margin: 0px;
    padding-top: 10px;
    text-align: center;
}
/* ========== index ========== */
.index-h1 h1{
    background: #000; 
    padding: 10px; 
    color: #fff;
    text-align: center;
}
.index {
    height: 900px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/index.jpg) center top no-repeat;
    text-align: center;
    }
.index .text{
    padding-top: 650px;
    }
.index .enter{
    padding-top: 585px;
    }
.index_sp{
    display: none
}
@media screen and (max-width: 599px) {
    .index {
        display: none
    }
    .index_sp{
         display: block
    }
    .index_sp img{
        width: 100%
    }
    .index_sp .inner{
        padding: 15px 10px;
        background: #f9f8ee;
        border-top: 4px solid #00c4ff
    }
    .index_sp .enter{
        width: 100%;
        padding-bottom: 8px
    }
    .index_sp .exit{
        width: 110px;
        margin-left: auto 
    }
    .index_sp .text{
        position: absolute;
        left: 35px;
        bottom: 10px;
        font-size: 10px;
        line-height: 1.1;
        text-shadow: 
            #fff 2px 0px 2px, #fff -2px 0px 2px,
            #fff 0px -2px 2px, #fff -2px 0px 2px,
            #fff 2px 2px 2px, #fff -2px 2px 2px,
            #fff 2px -2px 2px, #fff -2px -2px 2px,
            #fff 1px 2px 2px, #fff -1px 2px 2px,
            #fff 1px -2px 2px, #fff -1px -2px 2px,
            #fff 2px 1px 2px, #fff -2px 1px 2px,
            #fff 2px -1px 2px, #fff -2px -1px 2px,
            #fff 1px 1px 2px, #fff -1px 1px 2px,
            #fff 1px -1px 2px, #fff -1px -1px 2px;
    }
    .index_text-bottom{
        display: none
    }
}
@media screen and (max-width: 1024px) {
  .sp-none {
    display: none;
  }
    .index_banner img{
        width: 100%
    }
}
@media screen and (min-width: 1025px) {
  .pc-none {
    display: none;
  }
        .index_banner {
        padding: 20px;
            background: #fffff0
    }
}
/* ========== guide ========== */
.guide-step{
    padding: 5px;
    text-align: center;
    }
.guide-text{
    font-size: 15px;
    padding: 15px;
    background: #222;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    line-height: 1.8em;
    }
.guide-text a{
    color: #ff00ff;
    }
.guide-text span{
    color: #00ffff;
    font-size: 16px;
    }
.guide-text .staff{
    color: #00ff00;
    font-size: 18px;
    }
    
/* ========== discount ========== */
.discount-text {
    line-height: 2em;
    }
.discount-banner {
    text-align: center;
    }
    
/* ========== pagetop ========== */
.page-top {
    width: 1050px;
    margin: 0ox auto;
    margin-bottom: -15px;
    padding-top: 20px;
    text-align: right;
    }

/* ========== profile ========== */
.profile{
    width: 800px;
    margin: 0px auto;
    padding: 0px;
    }
.profile_left{
    float: left;
    width: 330px;
    margin: 0px;
    padding: 0px;
    }
.profile_right{
    float: right;
    width: 470px;
    margin: 0px;
    padding: 0px;
    }
.profile_photo{
    width: 300px;
    padding: 10px;
    background: #292f33;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    }
.profile_photo img{
    border: 1px solid #aa3cad;
    }
.photo_s{
    float: left;
    margin: 10px 0px 0px 2px;
    border: 1px solid #aa3cad;
    }
.profile_name_age{margin: 0px; padding: 0px; width: 470px; height: 51px; margin: 0px; padding: 0px; background:url("../img/profile_name_age.png") no-repeat;}
.profile_name_age .left{float: left; margin: 0px; padding: 0px; width: 300px;}
.profile_name_age .left p{margin: 0px; padding: 18px 0px 0px 60px; color: #fff; font-size: 25px;  font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;}
.profile_name_age .right{float: left; margin: 0px; padding: 0px; width: 170px;}
.profile_name_age .right p{margin: 0px; padding: 18px 0px 0px 55px; color: #ff6a72; font-size: 25px;  font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;}

.profile_size{margin: 0px; padding: 0px; width: 470px; height: 43px; margin: 0px; padding: 0px; background:url("../img/profile_size.png") no-repeat;}
.profile_size .left{float: left; margin: 0px; padding: 0px; width: 300px;}
.profile_size .left p{margin: 0px; padding: 15px 0px 0px 58px; color: #fff; font-size: 18px;  font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;}
.profile_size .right{float: left; margin: 0px; padding: 0px; width: 170px;}
.profile_size .right p{margin: 0px; padding: 24px 0px 0px 50px; color: #fff; font-size: 13px;  font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;}

.profile-come {
    margin: 0px;
    padding: 15px;
    line-height: 1.8em;
    }
.profile_contents{width:460px; height: 31px; margin:5px 0px 0px 5px; padding:0px 0px 0px 30px ; background:url("../img/profile_contents_bg.gif") no-repeat; font-size: 14px;}
.profile_contents-left{float:left; width: 160px; color: #f27fd0; margin: 0px; padding-top: 7px;}
.profile_contents-right{float:left; color: #fff; margin: 0px; padding-top: 7px;}

.profile_ok{float:left; width:97px; height: 19px; margin:0px 0px 3px 3px; padding-top:5px; text-align:center; background:url("../img/profile_ok.gif") no-repeat; font-size: 10px; color: #000;}
.profile_ng{float:left; width:97px; height: 19px; margin:0px 0px 3px 3px; padding-top:5px; text-align:center; background:url("../img/profile_ng.gif") no-repeat; font-size: 10px; color: #444;}
.profile_sp{float:left; width:97px; height: 19px; margin:0px 0px 3px 3px; padding-top:5px; text-align:center; background:url("../img/profile_sp.gif") no-repeat; font-size: 10px; color: #fff;}

/* ========== map ========== */
.map {
    width: 800px;
    margin: 0px;
    padding: 0px;
    }
.map .left {
    float: left;
    width: 288px;
    margin: 0px;
    padding: 0px;
    }
.map .right {
    float: right;
    width: 512px;
    margin: 0px;
    padding: 0px;
    }
    
/* ========== recruit ========== */
.recruit-tit{margin-top: -5px; padding-left: 6px;}
.recruit-text{padding: 10px; font-size: 13px; line-height: 1.8em;}
.recruit-tab td{padding: 5px;}

/* ========== card ========== */
.card-text {
    padding: 15px;
    line-height: 2em;
    }
.card-text .color01{
    color: #ff0000;
    font-size: 15px;
    }
.card-text .color02{
    color: #00ff00;
    }

.couse-list{
    width: 800px;
    padding: 20px 0px 50px 0px;
    background: #111;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    }


/* 点滅 */
.blinking{
    font-size: 16px;
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s 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;}
}

.button-wrapper{
    width: 700px;
    margin: 0px auto;
    padding: 0;
}
.button-wrapper-large{
    width:700px;
    margin: 0 auto;
    padding: 0;
    height: 80px;
}
.button-wrapper .box{
    float: left;
    width: 350px;
    margin: 0px;
    padding: 0px;
    }

.coder {
    border-spacing: 0;
    width: 100%;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}
.coder th, .coder td {
    width: 14%;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
    text-align: center;
}
.coder th {
    background:#fdcbff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color: #7c0276;
}

.coder th:last-child, .coder td:last-child {
    border-right:none;x
}

.coder tr:last-child td {
     border-bottom: none;
}


.coder-wrapper {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
        border-radius: 10px;
    box-shadow: 0 1px 1px #ccc;
    border: 1px solid #ccc;
    width: 800px;
    overflow: hidden;
}

p.marquee{
    -webkit-animation-name: marqueeAnimation;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration:10s;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: marqueeAnimation;
    -moz-animation-timing-function: linear;
    -moz-animation-duration:10s;
    -moz-animation-iteration-count: infinite;

    -ms-animation-name: marqueeAnimation;
    -ms-animation-timing-function: linear;
    -ms-animation-duration:10s;
    -ms-animation-iteration-count: infinite;
  
    -o-animation-name: marqueeAnimation;
    -o-animation-timing-function: linear;
    -o-animation-duration:10s;
    -o-animation-iteration-count: infinite;
  
    animation-name: marqueeAnimation;
    animation-timing-function: linear;
    animation-duration:10s;
    animation-iteration-count: infinite;
  
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

@-webkit-keyframes marqueeAnimation{
    0%{
        text-indent: 100%;
}
    100%{
        text-indent: -50%;  
    }
}
@-ms-keyframes marqueeAnimation{
    0%{
        text-indent: 100%;
}
    100%{
        text-indent: -50%;  
    }
}
@-moz-keyframes marqueeAnimation{
    0%{
        text-indent: 100%;
}
    100%{
        text-indent: -50%;  
    }
}
@-o-keyframes marqueeAnimation{
    0%{
        text-indent: 100%;
}
    100%{
        text-indent: -50%;  
    }
}
@keyframes marqueeAnimation{
    0%{
        text-indent: 100%;
}
    100%{
        text-indent: -50%;  
    }
}




#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    color: #0073d5;
}
#page-top a {
    background: #0073d5;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #fff;
    color: #0073d5;
}


.covergirl{
    margin: 0px;
    padding: 5px 0px 5px 10px;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
    top: 0px;
    left: 0px;
}

.covergirl-name{
    position: absolute;
    width: 260px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
    color: #fff;
    background: rgba(0,0,0,.6);
}

.covergirl-name p{
    width: 260px;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
    line-height: 1.5em;
}

.covergirl-name span{
    color: #00ffff;
    font-size: 16px;
}


.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:100%;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}



.photo-diary{
    overflow: auto;
    width: 300px;
    height: 690px;
    margin: 0px auto;
    -webkit-overflow-scrolling:touch;
}
.photo-diary iframe{
      width:100%;
      height:3000px;
      border:none;
}


.movie{
    position: relative;
    width: 420px;
    height: 254px;
    margin-top: 15px;
}
.movie .frame{
    position: absolute;
    width: 420px;
    top: 0;
    left: 0;
    margin-top: -10px
}
.movie .frame img{
    width: 100%
}
.movie-click{
    width: 300px;
    margin: auto;
    margin-top: -8px
}




.widget {
    width: 1050px;
    margin: auto;
    padding: 0 0 25px;
}
.widget ul{
      display: flex;
  flex-wrap: wrap;
        list-style:none;
    margin: 0;
    padding: 0;
}
.widget li {
  width: calc(100% / 3);
    list-style:none;
    margin: 0 0 20px;
    padding: 0;
}





.diary_banner {
  max-width: 1050px;
  margin: auto;
  display: flex;
    flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  .diary_banner {
    flex-wrap: wrap;
  }
}
.diary_banner img {
  max-width: 468px;
  margin: 2px;
}
.vanilla {
  width: 340px;
  margin: auto;
  padding: 0 0 25px;
}
.diary_sp {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 105%;
  background: url(../img/diary-bg.png) no-repeat;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.diary_sp iframe {
  position: absolute;
  width: 90%;
  margin: auto;
  top: 22%;
  left: 0;
  right: 0
}


.lovehotel {
  width: 468px;
  margin: auto;
  padding: 10px 0 0
}
@media screen and (max-width: 599px) {
  .lovehotel {
    width: 95%;
  }
}