@charset "UTF-8";
/****************************************
全般設定
*****************************************/
/* テキスト色 */
.text-orange{color:#FF6633;}
/* フラットタイトル */
.photoeditor-title-flat {
  background: #78b800;
  border:1px solid #609400;
  padding:9px 9px 9px 9px;
  color: #FFF;
  letter-spacing: 0.1em;
}
/* 通常タイトル */
.photoeditor-title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ec200+0,7ec200+50,61a200+51,61a200+100 */
  background: #7ec200; /* Old browsers */
  background: -moz-linear-gradient(top, #7ec200 0%, #7ec200 50%, #61a200 51%, #61a200 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7ec200 0%,#7ec200 50%,#61a200 51%,#61a200 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7ec200 0%,#7ec200 50%,#61a200 51%,#61a200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec200', endColorstr='#61a200',GradientType=0 ); /* IE6-9 */
  line-height: 45px;
  height: 45px;
  font-size: 1em;
  color: #FFF;
  text-align: left;
  padding-left: 20px;
}

.img-thumbnail{background: url(/images/edit_backimage.png);}
#baseimage,#canvas_id{background: url(/images/edit_backimage_baseimage.png);}
/****************************************
メインカラム設定
*****************************************/
.image-wrapper{
    background: url(/images/edit_backimage.png);
    padding:13px 5px 13px 45px;
}
@media(min-width: 999px) {.image-wrapper { padding:20px 50px;/* 画面幅500px～ */ } }
.main-text-wrapper{
    border: 10px solid #EEE;
    padding: 10px;
    margin-top:10px;
    margin-bottom:10px;
}
.main-btn-wrapper{
  background: #EEE;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top:5px;
  margin-bottom:10px;
}

.image-data{
  border:1px solid #FFF; margin-top:10px;
}
/* 合成アップロードボタン */
@media all and (max-width:767px) {
  .btn-custom-block { width: 100%; display:block; margin-top: 5px; }
}
/****************************************
ナビゲーション設定
*****************************************/
/* ナビゲーションバー背景 */
#photoeditor-headerbar{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#78b800+0,78b800+50,61a200+51,61a200+100 */
    background: #78b800; /* Old browsers */
    background: -moz-linear-gradient(top, #78b800 0%, #78b800 50%, #61a200 51%, #61a200 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #78b800 0%,#78b800 50%,#61a200 51%,#61a200 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #78b800 0%,#78b800 50%,#61a200 51%,#61a200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b800', endColorstr='#61a200',GradientType=0 ); /* IE6-9 */
    height:50px;
    margin-bottom:8px;
}
.navbar-table{
  border-color:#609400!important;
}
.navbar-table tr td{
  border-color:#609400!important;
}
.navbar-table a{
  color:#FFF;
}
.navbar-2column-header{background:#61a200;padding:10px;color:#FFF;}
.navbar-2column{padding:10px;border-bottom:1px solid #FFF;border-right:2px solid #78b800;}
/* ドロップダウンメニュー */
.dropdown-menu{background-color: #7FBD00!important;color:#FFF!important;}
.dropdown-menu > li > a{
  font-size:1.1em!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  border-bottom: 1px solid #EEE;
  background-color: #7FBD00!important;
  color:#FFF!important;
}
.dropdown-header{background:#61a200;color:#FFF;margin-top:5px;display:block!important;height:50px;line-height:40px;}
/****************************************
サイドバー設定
*****************************************/
#left-sidebar .col-xs-3 {
    padding:0.5px;
}
.left-menu{
  margin-bottom:15px;
}
.left-menu-stamp{
  background: url(/images/edit_backimage.png);
  margin-bottom:15px;
}
.left-nav{
  background:#F3F3F3;padding:10px; margin-bottom:15px;
}

.image-menu{
  padding: 1px;
  box-sizing: border-box;
}
.image-menu a {
  border: 1px solid #629624; 
  box-sizing: border-box; 
  display: block; 
  position: relative; 
  width: 100%; 
  height: 0; 
  padding-top: 100%; 
  overflow: hidden; 
  text-decoration: none;
}
.image-menu img {
  position: absolute !important; 
  top: 0 !important; 
  left: 0 !important; 
  width: 100% !important; 
  height: 100% !important; 
  object-fit: cover !important; 
  display: block !important;
}

.image-menu-text {
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 100%; 
  background-color: #629624; 
  color: #ffffff; 
  text-align: center; 
  font-weight: bold; 
  padding: 1px 0 0 0; 
  white-space: nowrap; 
  z-index: 2;
  font-size: 1rem;
  letter-spacing: -0.05em;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1023px) {
  .image-menu-text {
    font-size: 1.2em;
    letter-spacing: -0.05em;
  }
}

/****************************************
google-adsense
*****************************************/
/* ヘッダー */
.adsense-photoeditor-header-wrapper{background:#EEE;padding-top:5px;text-align:center;}
.adsense-photoeditor-header { width: 100%; height: 60px;}
@media(min-width: 500px) { .adsense-photoeditor-header { width: 100%; height: 60px;/* 画面幅500px～767px */ } }
@media(min-width: 768px) { .adsense-photoeditor-header { width: 750px; height: 60px;/* 画面幅768px〜991px */ } }
@media(min-width: 992px) { .adsense-photoeditor-header { width: 970px; height: 60px;/* 画面幅992px〜1169px */} }
@media(min-width: 1170px) { .adsense-photoeditor-header { width: 1170px; height: 60px;/* 画面幅1170px以上 */ } }

/* サイドバー */
.adsense-photoeditor-sidebar-wrapper{background:#EEE;padding-top:5px;margin-bottom:15px;text-align:center;}
.adsense-photoeditor-sidebar { width: 100%; height: 250px;/* 画面幅500px未満 */ }
@media(min-width: 500px) { .adsense-photoeditor-sidebar { width: 100%; height: 250px;/* 画面幅500px～799px */ } }
@media(min-width: 800px) { .adsense-photoeditor-sidebar { width: 100%; height: 200px;/* 画面幅800px以上 */ } }
/* メイン */
.adsense-photoeditor-main-wrapper{background:#EEE;padding-top:5px;margin-bottom:15px;text-align:center;}
.adsense-photoeditor-main { width: 100%; height: 280px;/* 画面幅500px未満 */ }
@media(min-width: 500px) { .adsense-photoeditor-main { width: 100%; height: 280px;/* 画面幅500px～767px */ } }
@media(min-width: 768px) { .adsense-photoeditor-main { width: 100%; height: 150px;/* 画面幅768px〜1409px */} }
@media(min-width: 1410px) { .adsense-photoeditor-main { max-width: 1170px; height: 250px;/* 画面幅1410px以上 */} }