@charset "UTF-8";
/*Basestyle
**************************************************************/
html {
  height: 100%;
  width: 100%; }

body {
  /*	background-image: url(../images/egobird/sub-background-roop.png);*/
  padding-top: 50px;
  /*navbar fixed*/
  background-color: #F1F1F1;
  padding-bottom: 0;
  color: #797979;
  line-height: 1.8;
  width: 100%;
  height: 100%; }

#loader {
  width: 100%;
  height: 100%;
  /*    display: none;*/
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50; }

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto; }

.container-fluid .row {
  /*右端にできる余白を削除*/
  margin-left: 0;
  margin-right: 0; }

hr {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 0px solid #dddddd; }

hr.footer {
  visibility: hidden;
  margin: 0px; }

h1 {
  margin-bottom: 60px; }

h2 {
  /*    明朝フォント指定*/
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 1.8rem;
  /*	text-align: center;*/
  line-height: 130%;
  width: 100%;
  margin: auto; }

h3 {
  color: #638181;
  margin-top: 1rem;
  margin-bottom: 2rem;
  line-height: 1.4em;
  font-size: 0.9rem; }

p {
  font-size: .9rem; }

.hashtag {
  color: #E19B3A; }

#second {
  /*
  .star,
  .app-description,
  .app-info {
      padding-top: 60px;
      padding-bottom: 60px;
  }
  */
  /*
  .separate-line {
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: none;
      border-left-style: none;
      background-image: url(../images/azukiwave/separate-roop.png);
      height: 19px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      margin: 0px;
      padding: 0px;
      visibility: hidden;
  }
  */ }
  #second a,
  #second a:visited {
    color: #6c939d;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  #second .label a {
    color: white; }
  #second .label a:hover,
  #second .label a:focus {
    /*    text-decoration: none;*/
    color: white; }
  #second a:hover,
  #second a:focus {
    /*    text-decoration: none;*/
    color: #97b7bf; }
  #second .label {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

/*jumbotron
**************************************************************/
/*
.jumbotron {
    background-image: url(../images/egobird/mainvisual-background.jpg);
    background-color: transparent;
    padding-top: 80px;
    background-size: auto 400px;
    height: 400px;
}
.jumbotronbg {
    background-position: center;
    background-image: url(../images/egobird/backgroundbar.png);
    background-color: #333;
    background-repeat: repeat-y;
}
.jumbotron img {
    width: 200px;
}
@media screen and (min-width: 992px) {
    .jumbotron {
        background-image: url(../images/egobird/mainvisual-background.jpg);
        background-color: transparent;
        padding-top: 120px;
        background-size: auto 600px;
        height: 600px;
    }
    .jumbotron img {
        width: 360px;
    }
}
*/
/* Navbar White
*************************************************************/
/*.navbar{font-weight: lighter;letter-spacing: 0.01em;font-family: blenderbold,Verdana,sans-serif;font-size:.938em;}*/
/*Dropdownメニュー*/
/*mobile*/
/*togglebtn //////////////////*/
/*togglebtn end /////////////*/
/*mobile downmenu*/
/*ラング表示*/
/*Wow
/////////////////////////*/
/*最初に一度表示されるのを防ぐため*/
.wow {
  visibility: hidden; }

/*IntroFullpage
/////////////////////////*/
.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: #fff;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-image: url(../images/zenbrush2-win/top05.jpg);
  background-size: cover;
  background-position: center;
  /*    padding-bottom: 10rem;*/
  background-color: #F1F1F1;
  /*    padding-top: 10rem;*/ }

.intro .intro-body {
  display: table-cell;
  vertical-align: middle; }

.intro .intro-body .brand-heading {
  font-size: 40px; }

.intro .intro-body .intro-text {
  font-size: 18px; }

@media (min-width: 768px) {
  .intro {
    height: 100%;
    padding: 0; }

  .intro .intro-body .brand-heading {
    font-size: 100px; }

  .intro .intro-body .intro-text {
    font-size: 26px; } }
/*MyCarousel
/////////////////////////*/
#myCarousel {
  background-color: whitesmoke; }

/*
.section1 {
    background-image: url(/images/zenbrush2-win/top05.jpg);
    background-size: cover;
}
*/
a.downbtn {
  text-shadow: none;
  /*       position: absolute;*/
    /*
    width: 30px;
    height: 30px;
*/
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 46px;
  font-weight: 100;
  line-height: 22px;
  text-align: center;
  color: #bebebe;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.downbtn {
  position: absolute;
  /* top: 0;*/
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
  font-size: 60px;
  color: #fff;
  width: 150px; }

.downbtn:hover,
.downbtn:active {
  color: lightslategray;
  text-decoration: none; }

#two {
  margin-top: -46px;
  /* リンク位置上昇分 */
  padding-top: 46px;
  /* 上昇分を戻す分 */ }

.carousel-caption {
  text-shadow: none;
  padding-bottom: 60px; }

/*.fill{position: relative;}*/
/*
.caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 60%;
    height: 60%;
    	background: #888;
}
*/
.logomid {
  /*縦中央*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  /*width: 60%;*/
  height: 70%; }

.videobtn {
  text-align: center;
  font-size: 1.6rem;
  margin-top: 3rem;
  margin-left: 6rem; }

.videobtn2 {
  text-align: center;
  font-size: 1.6rem;
  margin-top: 5rem; }

.formb {
  display: none; }

.movie iframe {
  /*youtube調整*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
.movie{
    margin:auto;
    width:80%;
}
*/
/*
.star .video a {
    color: #6c939d
}
*/
/* Full Color Fade */
.ghostbtn {
  display: inline-block;
  width: 16rem;
  padding: 1rem;
  color: #912626 !important;
  background-color: transparent;
  border: 2px solid #912626;
  text-align: center;
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.ghostbtn:hover,
.ghostbtn:active {
  background-color: #912626;
  border-color: #912626;
  color: #fff !important; }

/*点滅させる*/
.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 2s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@-moz-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
@-webkit-keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
@keyframes blinker {
  0% {
    opacity: 1.0; }
  50% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }
a
.star {
  background-image: url(../images/zenbrush2-win/top05.jpg);
  background-size: cover;
  background-position: center;
  height: 600px;
  background-color: #F1F1F1; }

.starimage {
  padding-bottom: 60px; }

/*

.separate-star-top {
    background-image: url(../images/arfighter/warning-background-roop.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 60px;
    margin-top: 50px;
}

.separate-star-bottom {
    background-image: url(../images/egobird/separate-line.png);
    background-repeat: repeat-x;
    background-position: top;
    height: 8px;
    background-color: #4C301E;
}

.star h3 {
    margin-bottom: 2em;
    font-size: 1.2em;
}
*/
.appname {
  margin-top: 5rem; }

.appname img {
  margin-right: auto;
  margin-left: auto; }

.storelink {
  text-align: center;
  margin: auto;
  /*    margin-bottom:6rem;*/ }

.storelink img {
  height: 5rem;
  width: auto;
  margin: auto; }

/*Intro説明　
/////////////////////////////////////////////////////////////*/
.first-description {
  /* background-image: url(../images/zenbrush2-win/firstdescbg.gif); */
  /*    background-color: rgba(244, 244, 244, 1.0);*/
  background-position: top;
  padding-top: 0rem !important;
  background-size: contain;
  background-repeat: repeat-x;
  background-color: #F1F1F1; }

h2.title {
  margin-top: 2.5rem; }

.firstdesc {
  width: 90% !important;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 6rem;
  /*    line-height: 160%;*/
  font-size: 1rem;
  /*    color: #000;*/
  text-align: center; }

.fig-img {
  float: right;
  max-width: 120px;
  margin-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem; }

.text-warning {
  color: #FC0; }

/*サンプルバナー*/
/*アニメーション*/
@keyframes animatedBackground {
  from {
    background-position: 0 0; }
  to {
    background-position: -384.5% 0; } }
.picbanner1,
.picbanner2 {
  background-size: auto 100%;
  background-position: center;
  background-repeat: repeat-x;
  height: 16rem;
  /*        animation: animatedBackground 10s linear infinite;*/ }

.picbanner1 {
  background-image: url("../images/zenbrush2-win/samplebanner1.jpg"); }

.picbanner2 {
  background-image: url("../images/zenbrush2-win/samplebanner1.jpg"); }

/*app-description and Movie
**************************************************************/
.app-description {
  padding-bottom: 10rem;
  padding-top: 0rem; }

/*最初と最後のブロック調整*/
.app-description-header {
  padding-top: 7rem; }

.app-description-footer {
  padding-bottom: 8rem; }

/*縦位置を少しずらす*/
.app-description .vertical-m {
  margin-top: 9rem; }

/*gridのgutter調整*/
/*
.row-10 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.row-10 div {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
*/
/*複数カラム用画像サイズ指定*/
.img-column {
  padding: 2rem; }

.img-column img {
  width: 100%;
  margin-bottom: 2rem; }

.img-column img.landscape {
  width: 100%;
  margin-top: 1.5rem; }

.sampleimages {
  text-align: center; }

.sampleimages img {
  width: 18%;
  height: auto;
  margin: 3px; }

.description {
  font-size: 1rem;
  /*text-align: center;*/
  width: 100%;
  /*    line-height: 162%;*/
  margin-right: auto;
  margin-left: auto; }

.bg-section1 {
  background-image: url("../images/zenbrush2-win/sectionfig1.jpg");
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 30rem;
  /*    background-color: aquamarine;*/ }

.effect {
  margin: auto; }

.effect span {
  width: 88px;
  float: left;
  text-align: center; }

.effect img {
  width: 100%;
  height: auto; }

/*App Video
**************************************************************/
.bg-video {
  /*    max-height: 300px;*/
  height: 300px;
  position: relative;
  overflow: hidden; }

video#bgvid {
  position: relative;
  right: 0;
  bottom: 0;
  top: -289px;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  z-index: -100;
  background-size: cover; }

.box-video-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  /*    visibility: hidden;*/ }

p.foros {
  background: #3470d0;
  border-radius: 3rem;
  margin: 5rem 12rem 1rem; }

.appname p.foros {
  margin: auto;
  text-align: center;
  margin: 2rem 50px .5rem;
  color: white; }

/*fullpagevid 全画面表示時のカラー設定
**************************************************************/
.fullvid,
.fullvid .bg-video {
  height: 100%;
  /*position:fixed;*/ }

/*
.fullvid .box-video-content .center {
    width: 600px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -300px;
}
*/
.fullvid .box-video-content .center {
  width: 600px;
  height: 200px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -300px; }

.fullvid h2.title {
  color: #fff !important; }

.fullvid .ghostbtn {
  color: #fff !important;
  border: 2px solid #FFF;
  /*    background:rgba(255,255,255,0.2);*/
  background-color: rgba(145, 38, 38, 0.8); }

.fullvid .ghostbtn:hover,
.fullvid .ghostbtn:active {
  background-color: #912626; }

.fullvid .downbtn a {
  color: lightgrey; }

.fullvid .downbtn a:hover,
.fullvid .downbtn a:active,
.fullvid .downbtn a:focus {
  color: white;
  text-decoration: none; }

/*
@media screen and (max-width: 767px) {
    .fullvid .box-video-content .center {
    width: 400px;
    height: 200px;
    margin:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;

}
    .fullvid h2.title{font-size:4rem}


}
*/
/*
.box-video {
width:100%;
height:auto;
position:relative;

}

video {
position: relative;
right: 0;
bottom: 0;
min-width: 100%;
width: 100%;
height: 10%;
z-index: -100;
}
@media screen and (max-device-width: 800px) {
#bgvid { display: none; }
}
*/
/*App info
**************************************************************/
.app-info {
  padding-bottom: 20px;
  color: #f2f2f2;
  background-color: #8f1e09;
  background-image: url(../images/zenbrush2-win/infobg.jpg);
  background-size: 40% auto;
  font-size: .9rem; }

.app-info .row.rounded {
  padding-top: 0px;
  /*    padding-right: 20px;*/
  padding-bottom: 35px;
  /*    padding-left: 20px;*/
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 0;
  /*    background-color: #FFF;*/
  /*    border: 1px solid #E8E6E9;*/ }

/*.app-info p, .app-info li {
	font-size: 0.9em;
}*/
.app-info a,
.app-info a:visited {
  color: white;
  text-decoration: underline; }

.app-info a:hover,
.app-info a:focus {
  color: white; }

.app-info .bnr {
  margin-bottom: 20px; }

.app-info p {
  margin-left: 1em; }

iframe.twitter-timeline {
  width: 100%;
  margin-top: 0px; }

.app-info h4 {
  margin-left: 1em;
  color: #EBE9EC; }

.app-info div h3 {
  margin-top: 2em;
  color: whitesmoke;
  font-weight: 300;
  font-size: 1.6em; }

.followmelink {
  float: left; }

.sendsupportlink img,
.presskitlink img {
  margin: auto; }

/*Tumblr****/
#tumblr li {
  list-style-type: none; }

#tumblr li,
#tumblr ul {
  margin: 0;
  padding: 0; }

#tumblr img {
  width: 16.67%;
  height: auto;
  float: left; }

/*gallery
**************************************************************/
.gallery .img-responsive {
  padding: 0; }

.gallery {
  padding: 10px !important;
  background-image: url(../images/zenbrush2-win/gallerybg.jpg); }

/*.gallery a{position: relative;}*/
.gallery .nopadding {
  padding: 0; }

/*iPhone iPadでの表示が重いため一時コメントアウト*/
.gallery span.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../images/zenbrush2-win/galleryoveray.png) no-repeat 50% 50%;
  background-size: 130% auto;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
  filter: alpha(opacity=0); }

.gallery span.overlay:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.row-0 {
  margin-left: -10px;
  margin-right: -10px; }

.scale {
  overflow: hidden; }

.scale a img {
  -moz-transition: -moz-transform .3s linear;
  -webkit-transition: -webkit-transform .3s linear;
  -o-transition: -o-transform .3s linear;
  -ms-transition: -ms-transform .3s linear;
  transition: transform .3s linear; }

.scale a:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

/*iPhone iPadでの表示が重いためアニメーションを無しに設定*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .gallery span.overlay:hover {
    opacity: 0;
    filter: none; }

  .scale a:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .gallery span.overlay:hover {
    opacity: 0;
    filter: none; }

  .scale a:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none; } }
/*Blueimp*/
.blueimp-gallery > .close {
  position: absolute;
  width: 30px;
  height: 30px;
  margin: 3px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 46px;
  font-weight: 100;
  line-height: 22px;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: .5;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  padding: 0; }

/*app-link
*********************************************************************/
.app-link {
  padding: 2em 0 4em;
  background-image: url(../images/zenbrush2-win/zenbrushweb04.jpg); }

/*footer
*********************************************************************/
footer {
  padding-top: 1rem; }

footer a,
footer a:hover,
footer a:visited {
  text-decoration: none;
  color: #6c939d; }

.social a,
.social a:hover,
.social a:visited {
  text-decoration: none;
  color: #6c939d; }

/*Media Query 微調整
***********************************************/
/*スマートフォン*/
@media screen and (max-width: 767px) {
  .star {
    background-image: url(../images/zenbrush2-win/top05-1200.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 360px; }

  .videobtn {
    margin-left: 0; }

  /*　画面サイズが767px以下の場合読み込む　*/
  /*        p.video{font-size:2rem;}*/
  .storelink img {
    height: 4rem;
    width: auto;
    margin: auto; }

  .mainvisual {
    width: 60%;
    margin: auto; }

  .appname {
    width: 90%;
    margin: 2rem auto; }

  .firstdesc {
    /*        margin-top: 0rem;*/
    /*        margin-bottom: rem;*/
    line-height: 160%;
    /*        font-size: 1.8rem;*/ }

  .img-column {
    /*イメージサイズ調整*/
    padding: 1rem; }

  .img-column img {
    width: auto; }

  .picbanner1,
  .picbanner2 {
    height: 16rem; }

  .img-sm-small {
    width: 100%;
    height: auto;
    margin: auto; }

  .app-description {
    padding-bottom: 3rem; }

  /*縦位置を少しずらす*/
  .app-description .vertical-m {
    margin-top: 0rem; } }
/*iPhone縦専用*/
@media screen and (max-width: 640px) {
  .bg-section1 {
    height: 28rem;
    background-size: 110% auto;
    background-position: 120% bottom; }

  .picbanner1,
  .picbanner2 {
    height: 12rem; }

  .img-column {
    /*イメージサイズ調整*/
    padding: 0.4rem; }

  .img-sm-small {
    width: 100%;
    height: auto;
    margin: auto; } }
/*iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5
***********************/
/* iPhone 2G, 3G, 3GS, 4, 4S, iPod touch, 2, 3, 4
************************/
/*タブ*/
@media screen and (min-width: 768px) {
  /*　画面サイズが768px以上の場合読み込む　*/
  .appname {
    margin-top: 5rem; }

  .appname img {
    margin-right: 0;
    margin-left: 0; }

  #tumblr img {
    width: 25%; }

  .features2 {
    margin-top: 4.5em; }

  .storelink {
    /*        margin-bottom: 6rem;*/ }

  .storelink a {
    float: none; }

  .storelink img {
    margin: auto; }

  .starimage {
    padding-bottom: 30px; }

  .picbanner1,
  .picbanner2 {
    height: 16rem; }

  .row.row-10 div {
    /*padding: 0;*/
    padding-left: 10px;
    padding-right: 10px; }

  .row.row-10 div .img-column {
    /*イメージサイズ調整*/
    padding: 2rem; }

  .app-description h3 {
    font-size: 1.4rem; }

  .app-description {
    padding-bottom: 5rem; }

  .app-description-header {
    padding-top: 6rem !important; } }
/*iPad Landscape*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /*    iPadの横の場合にムービーを非表示にした場合の対処*/
  .fullvid {
    display: none !important; }

  .videobtn {
    display: block !important; } }
/*デスクトップ*/
@media screen and (min-width: 992px) {
  .appname {
    margin-top: 6rem; }

  .picbanner1,
  .picbanner2 {
    height: 20rem; }

    /*
    .img-column {
        イメージサイズ調整

        padding: 5rem
    }
*/
  .app-description h3 {
    font-size: 1.4rem; }

  .img-column {
    /*イメージサイズ調整*/
    padding: 2rem; }

  .width-lg {
    /*        ギャラリーのlarge画面時の幅調整*/
    width: 970px; }

  .br-pc {
    display: block; }

  .col-md-5 .md-5-top-margin {
    margin-top: 8rem; } }
/*デスクトップMD以上*/
@media screen and (min-width: 768px) {
  .star {
    background-image: url(../images/zenbrush2-win/top05-1200.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 600px; } }