@charset "UTF-8";

body {
	font-family:'������������������������������������',Meiryo,'������������������������������������������������������ Pro W3','Hiragino Kaku Gothic Pro','������������������ ���������������������������������������������',sans-serif;
}

#pc-site {
    font-size: 16px;
    line-height: 18px;
}

.zoom-icon,
.close-popup {
    cursor: pointer;
}

.site-bg {
    background: #ffc0de;
}
/**
pc
*/
#pc-site .content-bg {
    background-color: #FFE;
    width: 640px;
    margin: auto;
}

#pc-site .header {
    background: transparent url(../img/telephonecp_image_top_001.png) no-repeat;
    background-size: contain;
    height: 584px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 640px;
}

#pc-site .official-link {
    left: 5px;
    position: absolute;
    top: 0px;
}

#pc-site .telephone-info {
    background: transparent url(../img/telephonecp_contents_001.png) no-repeat;
    background-size: contain;
    height: 2076px;
    margin: -90px auto 0px;
    position: relative;
    overflow: hidden;
    width: 640px;
}

#pc-site .tel-anchorpoint{
    position: absolute;
    left: 0px;
    top: -60px;
}

#pc-site .telephone-info .tel-btn1{
    position: absolute;
    left: 40px;
    top: 180px;
}

#pc-site .telephone-info .tel-btn2{
    position: absolute;
    left: 330px;
    top: 180px;
}

#pc-site .campaign-info {
    background: transparent url(../img/telephonecp_contents_002.png) no-repeat;
    background-size: contain;
    height: 1420px;
    margin: -10px auto -60px;
    position: relative;
    overflow: hidden;
    width: 640px;
}

#pc-site .camp-anchorpoint{
    position: absolute;
    left: 0px;
    top: -60px;
}

#pc-site .target-tweet-block {
    position: absolute;
    width: 500px;
    top: 1200px;
    left: 70px;
}

#pc-site .cm-info {
    background: transparent url(../img/telephonecp_contents_003.png) no-repeat;
    background-size: contain;
    height: 480px;
    margin: -10px auto 0px;
    position: relative;
    overflow: hidden;
    width: 640px;
}

#pc-site .cm-anchorpoint{
    position: absolute;
    left: 0px;
    top: -60px;
}

#pc-site .cm-bed{
    position: absolute;
    left: 55px;
    top: 110px;
}

#pc-site .cm-sofa{
    position: absolute;
    left: 55px;
    top: 460px;
}

#pc-site .game-info {
    background: transparent url(../img/telephonecp_contents_004.png) no-repeat;
    background-size: contain;
    height: 482px;
    margin: -10px auto 0px;
    position: relative;
    overflow: hidden;
    width: 640px;
    z-index: 100;
}

#pc-site .about-anchor-anchorpoint{
    position: absolute;
    left: 0px;
    top: -60px;
}

#pc-site .game-download {
    background: transparent url(../img/telephonecp_image_under_001.png) no-repeat;
    background-size: contain;
    height: 500px;
    margin: -190px auto 0px;
    position: relative;
    overflow: hidden;
    width: 640px;
    z-index: 1;
}
#pc-site .download-ios{
    position: absolute;
    left: 174px;
    top: 252px;
}
#pc-site .download-android{
    position: absolute;
    left: 384px;
    top: 252px;
}
#pc-site .official-underbtn{
    position: absolute;
    left: 46px;
    top: 344px;
}
#pc-site .header .sns {
    position: absolute;
    right: 20px;
    top: 20px;
}

#pc-site .event-detail .sns {
    position: absolute;
    right: 10px;
    bottom: 37px;
}

#pc-site .sns {
    margin: 0;
    overflow: hidden;
}

#pc-site .sns li {
    float: left;
}

#pc-site .fb-like{
    width: 140px;
}

#pc-site .tweetbtn{
    width: 80px;
}
#pc-site .to-top{
    display: none;
    position: fixed;
    bottom: 30px;
    right: 100px;
    z-index:1000;
}
#pc-site .header-menu {
    height: 72px;
    position: absolute;
    text-align: center;
    top: 418px;
    width: 640px;
}

#pc-site .fixed{
    position: fixed;
    top: 0px;
    z-index:1000;
}

#pc-site .about-anchor{
    margin-top: -60px;
}

#pc-site .to-tel,
#pc-site .to-camp,
#pc-site .to-cm,
#pc-site .to-about {
    display: inline-block;
}
/*****************************************************************************/


/**
mobile
*/

#mobile {
    font-size: 16px;
    line-height: 18px;
}

#mobile .header {
    background: transparent url(../img/telephonecp_image_top_001.png) no-repeat;
    background-size: contain;
    height: 292px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 320px;
}

#mobile .content-bg {
    background-color: #FFE;
    width: 320px;
    margin: auto;
}

#mobile .official-link {
    left: 5px;
    position: absolute;
    top: 0px;
}

#mobile .telephone-info {
    background: transparent url(../img/telephonecp_contents_001.png) no-repeat;
    background-size: contain;
    height: 1038px;
    margin: -45px auto 0px;
    position: relative;
    overflow: hidden;
    width: 320px;
}

#mobile .tel-anchorpoint{
    position: absolute;
    left: 0px;
    top: -30px;
}

#mobile .telephone-info .tel-btn1{
    position: absolute;
    left: 20px;
    top: 90px;
}

#mobile .telephone-info .tel-btn2{
    position: absolute;
    left: 165px;
    top: 90px;
}

#mobile .campaign-info {
    background: transparent url(../img/telephonecp_contents_002.png) no-repeat;
    background-size: contain;
    height: 710px;
    margin: -5px auto -30px;
    position: relative;
    overflow: hidden;
    width: 320px;
}

#mobile .camp-anchorpoint{
    position: absolute;
    left: 0px;
    top: -30px;
}

#mobile .target-tweet-block {
    position: absolute;
    width: 280px;
    top: 585px;
    left: 20px;
}

#mobile .cm-info {
    background: transparent url(../img/telephonecp_contents_003.png) no-repeat;
    background-size: contain;
    height: 240px;
    margin: -5px auto 0px;
    position: relative;
    overflow: hidden;
    width: 320px;
}

#mobile .cm-anchorpoint{
    position: absolute;
    left: 0px;
    top: -30px;
}

#mobile .cm-bed{
    position: absolute;
    left: 27px;
    top: 55px;
}

#mobile .cm-sofa{
    position: absolute;
    left: 27px;
    top: 230px;
}

#mobile .game-info {
    background: transparent url(../img/telephonecp_contents_004.png) no-repeat;
    background-size: contain;
    height: 241px;
    margin: -5px auto 0px;
    position: relative;
    overflow: hidden;
    width: 320px;
    z-index: 100;
}

#mobile .about-anchor-anchorpoint{
    position: absolute;
    left: 0px;
    top: -30px;
}

#mobile .game-download {
    background: transparent url(../img/telephonecp_image_under_001.png) no-repeat;
    background-size: contain;
    height: 250px;
    margin: -95px auto 0px;
    position: relative;
    overflow: hidden;
    width: 320px;
    z-index: 1;
}
#mobile .download-ios{
    position: absolute;
    left: 87px;
    top: 126px;
}
#mobile .download-android{
    position: absolute;
    left: 192px;
    top: 126px;
}
#mobile .official-underbtn{
    position: absolute;
    left: 23px;
    top: 172px;
}
#mobile .header-menu {
    height: 90px;
    position: absolute;
    text-align: center;
    top: 209px;
    width: 320px;
}

#mobile .fixed{
    position: fixed;
    top: 0px;
    z-index:1000;
}
#mobile .header .sns {
    position: absolute;
    right: 0px;
    top: 8px;
}

#mobile .event-detail .sns {
    position: absolute;
    right: 10px;
    bottom: 37px;
}

#mobile .sns {
    margin: 0;
    overflow: hidden;
}

#mobile .sns li {
    float: left;
}

#mobile .fb-like{
    width: 140px;
}

#mobile .tweetbtn{
    width: 80px;
}
#mobile .to-tel,
#mobile .to-camp,
#mobile .to-cm,
#mobile .to-about {
    display: inline-block;
}
#mobile .about-anchor{
    margin-top: -30px;
}
#mobile .to-top{
    display: none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index:1000;
}
/***********************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}