@charset "utf-8";

/* ----------------------------------------------------------
CSS Reset
---------------------------------------------------------- */
html>/**/body    {font-size:13px;}
html         {overflow-y:auto;height: 100%;}
body > #wrap     {height:auto;min-height: 100%;}
html, body      {font-size:100%;margin:0 auto;padding:0;border:none;height:100%;text-align:center;word-break:break-all;}

div, span, applet, object, p, a, abbr, address, cite, code, del, form, input, button,
font, img, q, s, samp, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label
{font-size:100%;margin:0;padding:0;border:none;outline:0;background:transparent;}

div,h1,h2,h3,h4,h5,h6,p,li,dt,dd  {word-break:break-all; padding:0; margin:0;
font-family:Meiryo,tahoma,arial,"lucida grande", 'trebuchet ms','MS PGothic','Hiragino Kaku Gothic Pro',sans-serif!important;
}
fieldset            {border:0}
ul li              {list-style:none}
h1,h2,h3,h4,h5,h6        {font-size:100%;font-weight:normal;font-style:normal;}

/* ----------------------------------------------------------
Common
---------------------------------------------------------- */
/*clearfix*/
* html .clearfix  {zoom:1}
*+html .clearfix  {zoom:1}
.clearfix:after    {height:0;visibility:hidden;content: ".";display:block;clear: both}

/*br*/
.clear-both    {clear:both}
.clear-left    {clear:left}
.clear-right  {clear:right}

/*text*/
span.large    {font-size:120%}
span.small,
small      {font-size:90%}
span.red,
small.red,
strong.red    {color:#f00}
span.blue,
small.blue,
strong.blue    {color:#0099cc}

/*link*/
a:link,
a:visited,
a:active    {color:#E50020;text-decoration:underline; outline:0;}
a:focus,
a:hover      {color:#999;text-decoration:none; outline:0;}
/*
a:link,
a:visited,
a:active  {color:#234196;text-decoration:underline; outline:0;}
a:hover    {color:#999;text-decoration:none; outline:0;}
*/
/*display*/
.inline-block    {display:inline-block;/display:inline;/zoom:1}
.inline        {display:inline;}
.block        {display:block;}

/*align*/
.left        {text-align:left}
.center        {text-align:center}
.right        {text-align:right}

/*views*/
.spviews      {display:none}
.pcviews      {display:block}
@media only screen
  and (max-width: 767px)  {
.spviews      {display:block}
.pcviews      {display:none}
}


/* ----------------------------------------------------------
Table
---------------------------------------------------------- */
/*table*/
.table-box      {}

@media only screen
  and (max-width: 767px)  {
.table-box   {margin:0 20px 10px}
.table-box table th  {width:50%}
.table-box table td  {width:50%}
}

/* ----------------------------------------------------------
Form
---------------------------------------------------------- */
/*form*/
form          {padding:0; margin:0}
input,textarea,button  {padding:0; margin:0}
textarea        {font-weight:normal;}

/*select*/
select          {
background:#fff!important;
position:relative;
width:auto;
padding:5px 6px;
border-radius:3px;
border:1px solid #ccc;
background:#eee;
font-size:100%;
line-height:1;
}
select:disabled      {opacity:0.35}

/*placeholder*/
.form-control::-webkit-input-placeholder   {color:#ccc;}
.form-control::-moz-placeholder        {color:#ccc;}
.form-control:-moz-placeholder         {color:#ccc;}
.form-control:-ms-input-placeholder      {color:#ccc;}

/* ----------------------------------------------------------
Btn
---------------------------------------------------------- */
/*btn*/
a.btn      {text-decoration:none}

/*primary*/
.btn-primary {
color: #ffffff;
background-color: #E50020;
border-color: #E50020;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #cb7a73;
border-color: #cb7a73;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}

/*secondary*/
.btn-secondary {
color: #ffffff;
background-color: #287ae9;
border-color: #287ae9;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
color: #ffffff;
background-color: #7296c8;
border-color: #7296c8;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
background-image: none;
}

/*twitter*/
.btn-twitter {
color: #ffffff!important;
background-color: #50abf1;
border-color: #50abf1;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  opacity:0.75
}

/*facebook*/
.btn-facebook {
color: #ffffff!important;
background-color: #3B5998;
border-color: #3B5998;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  opacity:0.75
}

/*.btn-group*/
.btn-group a  {box-shadow:none!important; border:1px solid #ccc}

/*help btn*/
.help      {display:inline-block; width:auto; margin:-1px 0 0; padding:0; max-height:30px;}
.help a.btn    {
font-size:90%;
color:#000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
border: 1px solid #ccc;
background-color: #fff;
background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
background-image: -o-linear-gradient(top, #fff, #f5f5f5);
background-image: linear-gradient(to bottom, #fff, #f5f5f5);
background-repeat: repeat-x;
line-height:1.25em;
padding:0 2px;
margin:0
}
.help a.btn:focus,
.help a.btn:hover  {box-shadow:none!important}

/*btn-follow, btn-following
.button a.btn-follow.btn-small    {
color:#fff!important;
background-image:url(../img/icon/k-white.png);
background-color:#E50020!important;
background-repeat:no-repeat;
background-size:14px;
background-position:90% 50%;
position:relative;
height:25px;
width:38px;
padding:0
}
.button a.btn-following.btn-small    {
color:#fff!important;
background-image:url(../img/icon/k-white.png);
background-color:#ccc!important;
background-repeat:no-repeat;
background-size:14px;
background-position:90% 50%;
position:relative;
height:25px;
width:38px;
padding:0
}
.button a.btn-follow.btn-xsmall    {
color:#fff!important;
background-image:url(../img/icon/k-white.png);
background-color:#E50020!important;
background-repeat:no-repeat;
background-size:12px;
background-position:90% 50%;
position:relative;
height:22px;
width:35px;
font-size:90%
}
.button a.btn-following.btn-xsmall    {
color:#fff!important;
background-image:url(../img/icon/k-white.png);
background-color:#ccc!important;
background-repeat:no-repeat;
background-size:12px;
background-position:90% 50%;
position:relative;
height:22px;
width:35px;
font-size:90%
}

.button a.btn-follow:focus,
.button a.btn-follow:hover,
.button a.btn-following:focus,
.button a.btn-following:hover    {opacity:0.5}

.button a.btn-follow.btn-small span,
.button a.btn-following.btn-small span    { display:block; position:absolute; left:4px; top:7px;font-size:75%}

.button a.btn-follow.btn-xsmall span,
.button a.btn-following.btn-xsmall span    { display:block; position:absolute; left:4px; top:6px;font-size:75%}
*/
/* ----------------------------------------------------------
Icon
---------------------------------------------------------- */
/*loading icon*/
.loader-icon {
pointer-events:none;
text-align:center;
width: 15px;
height: 15px;
border-radius: 15px;
border: 5px solid #E50020;
border-right-color: transparent;
-webkit-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-ms-animation: spin 1s infinite linear;
}
.loader  {margin:0 7px;}
@-webkit-keyframes spin  {
  0% { -webkit-transform: rotate(0deg); opacity:1; }
  50%  { -webkit-transform: rotate(180deg); opacity: 1; }
  100%   { -webkit-transform: rotate(360deg); opacity:1; }
}
@-moz-keyframes spin  {
  0% { -moz-transform: rotate(0deg); opacity: 1; }
  50%  { -moz-transform: rotate(180deg); opacity: 1; }
  100%   { -moz-transform: rotate(360deg); opacity:1; }
}
@-ms-keyframes spin    {
  0% { -ms-transform: rotate(0deg); opacity: 1; }
  50%  { -ms-transform: rotate(180deg); opacity: 1; }
  100%   { -ms-transform: rotate(360deg); opacity:1; }
}

/*sns icon*/
.icon        {min-width:15px;min-height:15px; position:absolute;right:0; bottom:0}
.icon.twitter    {background-image:url(../img/sns/twitter@2x.png);background-repeat:no-repeat;background-size:15px 15px;}
.icon.facebook    {background-image:url(../img/sns/facebook@2x.png);background-repeat:no-repeat;background-size:15px 15px;}

@font-face {
  font-family: 'Glyphicons Halflings';
  src:url('../fonts/overtex.eot');
  src:url('../fonts/overtex.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overtex.woff') format('woff'),
    url('../fonts/overtex.ttf') format('truetype'),
    url('../fonts/overtex.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.glyphicon-home:before {
  content: "\e601";
}
.glyphicon-pencil:before {
  content: "\e603";
}
.glyphicon-file:before {
  content: "\e604";
}
.glyphicon-related:before {
  content: "\e605";
}
.glyphicon-tag:before {
  content: "\e606";
}
.glyphicon-tags:before {
  content: "\e607";
}
.glyphicon-bell:before {
  content: "\e608";
}
.glyphicon-calendar:before {
  content: "\e609";
}
.glyphicon-share-alt:before {
  content: "\e60a";
}
.glyphicon-user2:before {
  content: "\e60b";
}
.glyphicon-users:before {
  content: "\e60c";
}
.glyphicon-bubbles:before {
  content: "\e60d";
}
.glyphicon-bubble:before {
  content: "\e60e";
}
.glyphicon-reblog:before {
  content: "\e60f";
}
.glyphicon-bubbles3:before {
  content: "\e610";
}
.glyphicon-comment:before {
  content: "\e611";
}
.glyphicon-bubbles4:before {
  content: "\e612";
}
.glyphicon-menu:before {
  content: "\e613";
}
.glyphicon-th-list:before {
  content: "\e614";
}
.glyphicon-flag:before {
  content: "\e615";
}
.glyphicon-checkmark:before {
  content: "\e616";
}
.glyphicon-close:before {
  content: "\e617";
}
.glyphicon-exit:before {
  content: "\e618";
}
.glyphicon-enter:before {
  content: "\e619";
}
.glyphicon-plus:before {
  content: "\e6a3";
}
.glyphicon-loop:before {
  content: "\e61a";
}
.glyphicon-checkbox-checked:before {
  content: "\e61b";
}
.glyphicon-new-window:before {
  content: "\e61c";
}
.glyphicon-facebook:before {
  content: "\e61d";
}
.glyphicon-twitter:before {
  content: "\e61e";
}
.glyphicon-facebook2:before {
  content: "\e61f";
}
.glyphicon-facebook3:before {
  content: "\e620";
}
.glyphicon-twitter2:before {
  content: "\e621";
}
.glyphicon-twitter3:before {
  content: "\e622";
}
.glyphicon-google-plus:before {
  content: "\e623";
}
.glyphicon-google:before {
  content: "\e624";
}
.glyphicon-google-plus2:before {
  content: "\e625";
}
.glyphicon-google-plus3:before {
  content: "\e626";
}/*
.glyphicon-home2:before {
  content: "\e600";
}
.glyphicon-home3:before {
  content: "\e602";
}*/
.glyphicon-pencil2:before {
  content: "\e627";
}
.glyphicon-blog:before {
  content: "\e628";
}
.glyphicon-pen:before {
  content: "\e629";
}
.glyphicon-play:before {
  content: "\e62a";
}
.glyphicon-image:before {
  content: "\e62b";
}
.glyphicon-image2:before {
  content: "\e62c";
}
.glyphicon-images:before {
  content: "\e62d";
}
.glyphicon-camera:before {
  content: "\e62e";
}
.glyphicon-music:before {
  content: "\e62f";
}
.glyphicon-headphones:before {
  content: "\e630";
}
.glyphicon-film:before {
  content: "\e631";
}
.glyphicon-camera2:before {
  content: "\e632";
}
.glyphicon-profile:before {
  content: "\e633";
}
.glyphicon-file3:before {
  content: "\e634";
}
.glyphicon-file4:before {
  content: "\e635";
}
.glyphicon-copy:before {
  content: "\e636";
}
.glyphicon-copy2:before {
  content: "\e637";
}
.glyphicon-folder:before {
  content: "\e638";
}
.glyphicon-folder-open:before {
  content: "\e639";
}
.glyphicon-cart:before {
  content: "\e63a";
}
.glyphicon-cart2:before {
  content: "\e63b";
}
.glyphicon-cart3:before {
  content: "\e63c";
}
.glyphicon-credit:before {
  content: "\e63d";
}
.glyphicon-qrcode:before {
  content: "\e63e";
}
.glyphicon-envelope:before {
  content: "\e63f";
}
.glyphicon-pushpin:before {
  content: "\e640";
}
.glyphicon-location:before {
  content: "\e641";
}
.glyphicon-location2:before {
  content: "\e642";
}
.glyphicon-clock:before {
  content: "\e643";
}
.glyphicon-clock2:before {
  content: "\e644";
}
.glyphicon-keyboard:before {
  content: "\e645";
}
.glyphicon-print:before {
  content: "\e646";
}
.glyphicon-screen:before {
  content: "\e647";
}
.glyphicon-laptop:before {
  content: "\e648";
}
.glyphicon-undo:before {
  content: "\e649";
}
.glyphicon-redo2:before {
  content: "\e64a";
}
.glyphicon-undo2:before {
  content: "\e64b";
}
.glyphicon-forward:before {
  content: "\e64c";
}
.glyphicon-reply:before {
  content: "\e64d";
}/*
.glyphicon-user:before {
  content: "\e64e";
}*/
.glyphicon-users:before {
  content: "\e64f";
}
.glyphicon-user:before {
  content: "\e650";
}
.glyphicon-user4:before {
  content: "\e651";
}
.glyphicon-quotes-left:before {
  content: "\e652";
}
.glyphicon-spinner:before {
  content: "\e653";
}
.glyphicon-spinner2:before {
  content: "\e654";
}
.glyphicon-search:before {
  content: "\e655";
}
.glyphicon-zoom-in:before {
  content: "\e656";
}
.glyphicon-zoom-out:before {
  content: "\e657";
}
.glyphicon-lock:before {
  content: "\e658";
}
.glyphicon-lock2:before {
  content: "\e659";
}
.glyphicon-unlocked:before {
  content: "\e65a";
}
.glyphicon-wrench:before {
  content: "\e65b";
}
.glyphicon-cog:before {
  content: "\e65c";
}
.glyphicon-cogs:before {
  content: "\e65d";
}
.glyphicon-cog2:before {
  content: "\e65e";
}
.glyphicon-hammer:before {
  content: "\e65f";
}
.glyphicon-stats:before {
  content: "\e660";
}
.glyphicon-bars:before {
  content: "\e661";
}
.glyphicon-bars2:before {
  content: "\e662";
}
.glyphicon-remove:before {
  content: "\e663";
}
.glyphicon-remove2:before {
  content: "\e664";
}
.glyphicon-lightning:before {
  content: "\e665";
}
.glyphicon-tree:before {
  content: "\e666";
}
.glyphicon-list:before {
  content: "\e667";
}
.glyphicon-cloud:before {
  content: "\e668";
}
.glyphicon-cloud-download:before {
  content: "\e669";
}
.glyphicon-cloud-upload:before {
  content: "\e66a";
}
.glyphicon-attachment:before {
  content: "\e66b";
}
.glyphicon-globe:before {
  content: "\e66c";
}
.glyphicon-earth:before {
  content: "\e66d";
}
.glyphicon-star:before {
  content: "\e66e";
}
.glyphicon-star2:before {
  content: "\e66f";
}
.glyphicon-thumbs-up:before {
  content: "\e670";
}
.glyphicon-thumbs-up2:before {
  content: "\e671";
}
.glyphicon-share:before {
  content: "\e672";
}
.glyphicon-checkmark2:before {
  content: "\e673";
}
.glyphicon-chevron-right:before {
  content: "\e674";
}
.glyphicon-chevron-left:before {
  content: "\e675";
}
.glyphicon-uniE676:before {
  content: "\e676";
}
.glyphicon-arrow-left2:before {
  content: "\e677";
}
.glyphicon-vk:before {
  content: "\e678";
}
.glyphicon-arrow-left3:before {
  content: "\e679";
}
.glyphicon-arrow-right2:before {
  content: "\e67a";
}


/* ----------------------------------------------------------
Alert
---------------------------------------------------------- */
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-error hr {
  border-top-color: #e6c1c7;
}

.alert-error .alert-link {
  color: #953b39;
}

/*alert*/
#stream .alert    {margin:0 0 10px 0px; padding:5px}
#edit .alert,
#detail .alert,
#pages .alert    {margin:-10px auto 20px; padding:5px}

.alert span img    {vertical-align:top; padding-top:2px}

/* ----------------------------------------------------------
Layout
---------------------------------------------------------- */
/*display*/
.inline-block  {display:inline-block;/display:inline;/zoom:1}
.inline      {display:inline;}
.block      {display:block;}

/*align*/
.left      {text-align:left}
.center      {text-align:center}
.right      {text-align:right}

/*float*/
.float-left    {display:inline;float:left;}
.float-right  {display:inline;float:right;}

/*panel*/
.panel      {border:1px solid #ccc;padding:5px;}

/*border*/
.border      {border:1px solid #ccc}

/* ----------------------------------------------------------
Base Layout
---------------------------------------------------------- */
body      {
padding:0;
margin:0 auto;
position:relative;
font-size:100%;
line-height:normal;
background:#ededed;
}
body.editframe    {padding:2.5%; background:#fff; width:95%}

#wrap        {width:100%;text-align:center;padding:0;margin:0 auto;position:relative; height:auto!important;height:100%;min-height: 100%;overflow:hidden;/}
#header        {width:100%;text-align:center;padding:0;margin:0 auto;background-color:#fefefe!important}
#contain      {width:100%;text-align:center;padding:0;margin:0 auto; }
#main        {width:960px;text-align:center;padding:20px 10px;margin:0 auto;background:#transparent;}
article        {width:auto;text-align:center;padding:0 0 0;margin:0 auto }
#contents,
#single #contents  {width:100%;float:none;text-align:center;padding:0;margin:0 auto;position:relative;}
#detail #contents,
#pages #contents  {width:695px; float:right;}
#detail #sidebar,
#pages #sidebar    {width:225px; float:left; margin-right:10px;}
#stream #sidebar  {display:none}
footer        {/*background:#fff;*/}

@media only screen
  and (max-width: 767px)  {
body        {/*overflow-x:hidden;*/-webkit-text-size-adjust: 100%!important;background:#ededed;/*背景色変更部分*/}
#wrap,
#header        {width:auto;text-align:center;padding:0;margin:0 auto;border:none;}
#contain      {width:auto;text-align:center;padding:0;margin:0 10px;}
#main        {width:auto;text-align:center;padding:20px 0 0 ;margin:0 10px;background:transparent;}
#contents,
#single #contents,
#detail #contents,
#pages #contents      {width:auto; float:none;}
article            {width:auto;text-align:center;padding:0;margin:0}
#pages #sidebar.guest    {width:auto;float:none; margin:0}
#detail #sidebar,
#pages #sidebar.loggedin  {display:none}
footer            {width:auto;padding:20px 0 0; bottom:0;background:transparent;}
}

/* ----------------------------------------------------------
Header
---------------------------------------------------------- */
.header-inner      {width:960px; margin:0 auto; position:relative;}
.navbar-inverse     {
  border-radius:0;
  border:none;
  boder-bottom:1px solid #ccc;
  -moz-box-shadow:0 1px 3px #ccc;
  -webkit-box-shadow:0 1px 3px #ccc;
  box-shadow:0 1px 3px #ccc;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#header .navbar-default {
  background-color:transparent!important;
  border-color: 1px solid #ffcc00!important;
}

#header .navbar-brand        {width:auto; position:relative}
#header .navbar-brand h1.brand    {z-index:100010; position:relative;}
#header .navbar-brand h1.brand a  {
font-size:120%;
display:block;
text-indent:-9999px;
background-image:url(../img/common/logo.png);
/*background-image:url(../img/common/logo_w.png);*/
background-repeat:no-repeat;
background-size:contain;
background-position:0 0;
width:200px;
}
#header .navbar-brand h1.brand.soendo a  {
font-size:100%;
display:block;
text-indent:-9999px;
background-image:url(../img/common/soendo-web-menu-logo.png);
background-repeat:no-repeat;
background-size:contain;
background-position:0 0;
width:139px;
}
#header .navbar-brand span.icon-bar        {width:20px; margin:3px 0}
#header .navbar-brand .navbar-toggle span    {color:#fff}

#header .navbar-default.loggedin        {float:right; margin-right:100px}
#header .navbar-default.guest          {float:right; margin-right:-20px}
#header .navbar-collapse ul li          {text-align:left; margin-top:3px; margin-bottom:0; font-size:90%}
#header .navbar-collapse ul li a        {text-decoration:none; color:#555;}
#header .navbar-collapse ul li a:focus,
#header .navbar-collapse ul li a:hover      {color:#E50020}
#header .navbar-collapse ul li.user a      {text-decoration:none;margin-top:-5px;}
#header .navbar-collapse ul li.user .thumb img  {width:30px; height:auuto; margin-right:5px;
  border-radius: 50%!important;
}

#header .navbar-collapse ul li.message      {position:relative; margin-left:-5px; margin-right:10px}
#header .navbar-collapse ul li.message span.badge  {border-radius:50%;padding:6px 1px 2px;font-weight:normal;background:#cc0000;display:block;font-size:7pt;color:#fff;top:10px;vertical-align:middle;text-align:center;position:absolute;right:-7px;width:21px; height:21px}

#header .editlink      {display:block; float:right; position:absolute; right:0;border:1px solid #ddd; font-size:90%;top:3px; color:#555; padding:5px 10px}
#header .editlink:focus,
#header .editlink:hover    {background:#E50020; border:1px solid #E50020; color:#fff}

@media only screen
  and (max-width: 767px)  {
#header .header-inner  {width:auto;padding:0;margin:0 auto; min-height:54px;text-align:center;}
#header .header-body  {width:100%;padding:0;margin:0 auto; text-align:center; position:relative;opacisty:0.5}

#header .navbar-brand          {width:100%; position:absolute;}
#header .navbar-brand h1.brand      {margin-top:-1px}
#header .navbar-brand h1.brand a    {
font-size:120%;
display:block;
text-indent:-9999px;
background-image:url(../img/common/logo.png);
/*background-image:url(../img/common/logo_w.png);*/
background-repeat:no-repeat;
background-size:contain;
background-position:50%;
width:auto;
}
#header .navbar-brand h1.brand.soendo a  {
font-size:100%;
display:block;
text-indent:-9999px;
background-image:url(../img/common/soendo-web-menu-logo.png);
background-repeat:no-repeat;
background-size:contain;
background-position:50%;
width:auto;
}
#header .nav-setting          {width:100%; position:relative; padding:1px 0 0; margin:0 auto ; text-align:left;}
#header .nav-setting .navbar-toggle    {position:absolute; z-index:100011;vertical-align:middle; height:28px;width:auto;border-radius:4px;vertical-align:top;
                    border:none;padding:5px 6px;font-size:95%;margin:-3px 0 12px -5px; /*border:1px solid #ddd;*/background:#ccc;}
#header .nav-setting span.badge      {border-radius:50%;padding:6px 1px 2px;font-weight:normal;background:#cc0000;display:block;font-size:7pt;color:#fff;top:0;vertical-align:middle;text-align:center;position:absolute;right:-15px;width:21px; height:21px}

#header .navbar-default          {background:transparent!important}
#header .navbar-header          {position:relative; margin:0 10px 0 0;}
#header .navbar-header button      {margin:13px 0 12px;height:29px;padding:0 5px;border:none;width:30px;position:relative;z-index:100016;background:#ccc}
#header .nav-setting button span    {color:#fff!important;font-size:100%;margin:0;}
#header .navbar-header button span    {color:#fff!important;font-size:150%;padding:2px 0 0;margin:0;}
/*
#header .nav-setting button:focus,
#header .nav-setting button:hover        {background:#E50020!important}
#header .nav-setting button:focus span,
#header .nav-setting button:hover span,
#header .nav-setting > open > button:hover span,
#header .nav-setting > open > button:focus span {color:#fff!important;}*/

#header .navbar-header button:focus,
#header .navbar-header button:hover span    {color:#fff!important;}

#header .guest .navbar-header button  {border:none; background:transparent; cursor:default; width:0}
#header .navbar-default.loggedin,
#header .navbar-default.guest      {float:none; margin-right:0}
#header .navbar-collapse        { border-top:1px solid #ccc!important;border-bottom:none!important}
#header .navbar-collapse ul        {text-align:left; margin-top:-5px; margin-bottom:0px}
#header .guest .navbar-collapse ul    {text-align:left; margin-top:0; margin-bottom:0px}
#header .navbar-collapse ul li a    {text-decoration:none;}
#header .navbar-collapse ul li.user a  {text-decoration:none;margin-top:5px; padding:7px 10px;}
#header .navbar-collapse ul li.user .thumb img  {width:30px; height:auuto; margin-right:5px}

#header .navbar-collapse ul li.message        {margin-left:0;}
#header .navbar-collapse ul li.message span.badge  {right:5px}

#header .editlink            {top:0;}
#header .editlink .text          {display:none}
}

@media only screen
  and (max-width: 767px)  {
/*search-box*/
.search-box          {padding-bottom:5px;text-align:center; margin:0px 10px;}
.search-inner        {width:100%}
.search-inner .form-group  {padding:0; margin:0 0 5px}
.search-inner input[type="text"].form-control  {}

/*nav-divider*/
.nav .nav-divider       {background-color: #fff!important; border-bottom:1px solid #ccc;height:0px;position:relative;}
.nav .nav-divider:after    {content: " "; display:block; height:1px; margin:0;background-color:#000;}
}

/* ----------------------------------------------------------
Box
---------------------------------------------------------- */
/*title-box*/
.title-box                  {padding:0 ;margin:0 0 10px;border-radius:4px;text-align:left;background-color:#fff; border:1px solid #ddd}
.title-box p.title              {font-size:100%; font-weight:bold;padding:8px 0 2px 10px; line-height:1.3em; margin:0;display:inline-block;vertical-align:middle}
.title-box a p.title            {color:#000;}
.title-box a p.title.inline-block      {width:93%; text-align:left;  display:inline-block;vertical-align:middle}
.title-box a .icon              {text-align:right; display:inline-block; vertical-align:top; z-index:10000; width:5%}
.title-box ul.tool-list            {display:inline-block; vertical-align:middle;padding:0; margin:0}
.title-box ul.tool-list  li.dropdown      {border-left:1px solid #ddd; padding:0;margin:0;display:inline-block; vertical-align:middle}
.title-box ul.tool-list  .dropdown a      {border:none!important; padding:10px 15px;font-size:105%!important}
.title-box ul.tool-list .dropdown span    {padding-top:4px; padding-bottom:0}
.title-box ul.tool-list .dropdown-menu    {float:right!important; right:0px!important; left:-200px;z-index:1000000001;}
.title-box ul.tool-list .dropdown-menu li  {font-size:90%; text-align:left}
.title-box .dropdown a.btn-share      {font-size:80%!important; padding:3px 5px 2px; background:#fff; color:#000!important; border-color:#E50020;}
.title-box .dropdown a.btn-share span    {color:#E50020}
.title-box .dropdown a.btn-share:focus,
.title-box .dropdown a.btn-share:hover    {opacity:0.5}

.title-box ul.tool-list .button        {border-left:1px solid #ddd; padding:0; margin:0 -10px 0 0;display:inline-block; vertical-align:middle}
.title-box ul.tool-list .button a      {padding:12px 10px 7px 10px}
.title-box ul.tool-list a.btn-follow.btn-small span      {color:#E50020!important}
.title-box ul.tool-list a.btn-following.btn-small span    {color:#aaa!important}

.title-box ul.tool-list a span.glyphicon-plus,
.title-box ul.tool-list a span.glyphicon-checkmark  {font-size:80%}

.title-box p.title              {width:87.5%;}
.title-box ul.tool-list            {width:12%}
.title-box ul.tool-list  .dropdown      {width:44%; max-width:50px;}
.title-box ul.tool-list  .button        {width:43%; max-width:50px; margin-top:-2px;}
.title-box ul.tool-list  .button.tag      {}
.title-box ul.tool-list  .button.category  {}

.title-box ul.tool-list  li.dropdown .tag-share-list ,
.title-box ul.tool-list  li.dropdown .category-share-list      {padding:0 10px 0}
.title-box ul.tool-list  li.dropdown .category-share-list li.fblike  { padding-bottom:15px}

#category .title-box p.title            {width:94%;}
#category .title-box ul.tool-list          {width:5.5%}
#category .title-box ul.tool-list .dropdown      {width:100%;max-width:0; margin-left:5px}
#category .title-box ul.tool-list .button      {width:0; max-width:0; display:none}
#category .title-box ul.tool-list .dropdown-menu  {left:-113px}

@media only screen
  and (max-width: 467px)  {
.title-box p.title            {width:67.5%;}
.title-box ul.tool-list          {width:29%;}
.title-box ul.tool-list  .dropdown    {width:44%}
.title-box ul.tool-list  .button      {width:42%; position:relative}
#category .title-box p.title      {width:82%;}
#category .title-box ul.tool-list    {width:14.5%; margin-left:0}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 767px)  {
.title-box p.title            {width:81%;}
.title-box ul.tool-list          {width:18%}
.title-box ul.tool-list  .dropdown    {width:44%; max-width:50px;}
.title-box ul.tool-list  .button      {width:42%; max-width:30px;position:relative}
#category .title-box p.title      {width:90%;}
#category .title-box ul.tool-list    {width:7%; margin-left:0}
}

/*list-box*/
.list-box              {padding: 0; margin:0 auto}
.list-box ul             {margin:-20px}
.list-box ul li           {border-bottom:1px solid #eee; clear:both;}
.list-box img            {width:30px; height:auto; margin:-2px 10px -2px 0;border-radius: 50%!important}
.theme .list-box img        {border-radius: 0%!important}

.list-box ul li a          {display:block; text-decoration:none; padding:10px; font-weight:bold; color:#000;min-height:30px}
.list-box ul li a span        {color:#aaa; font-weight:normal; font-size:120%}
.list-box ul li a:focus,
.list-box ul li a:hover        {background:/*#f9f4f3*/#fff; color:#E50020;text-decoration:underline}
.list-box ul li a:hover span    {}
.list-box ul li a.btn.follow:hover  {color:#000; background:#fff}
.list-box ul li a .number      {color:#999; font-size:90%}
@media only screen
  and (max-width: 767px)  {
.list-box ul             {margin:-10px}
.list-box ul li a          {padding:10px}
.list-box ul li a:focus,
.list-box ul li a:hover        {background:#fff; color:#E50020;text-decoration:none!important}
}

/*followl list-box*/
.follow .list-box            {padding: 0; margin:0 auto}
.follow .list-box.list-tag ul,
.follow .list-box.list-category ul,
.follow .list-box.list-author ul    {margin:-20px}
.follow .list-box .author        {display:inline-block;vertical-align:middle;width:93.9%;margin:-3px; padding:0}
.follow .list-box .tag,
.follow .list-box .category        {display:inline-block;vertical-align:middle;width:92.5%; margin:0; padding:0}
.follow .list-box .thumb        {display:inline-block;vertical-align:middle;width:10%; max-width:45px; margin:0; padding:0}
.follow .list-box .name          {display:inline-block;vertical-align:middle;width:80%; margin:0; padding:0}
.follow .list-box .button        {display:inline-block;vertical-align:middle;width:45px}

.follow .list-box ul li          {border-top:1px solid #eee;border-bottom:none!important; margin-top:-1px; position:relative; padding:5px}
.follow .list-box ul li a        {text-decoration:none}
.follow .list-box ul li a span      {color:#fff;font-weight:normal;font-size:normal}
.follow .list-box ul li a span.number  {color:#999!important}

.follow .list-box .button a:focus,
.follow .list-box .button a:hover  {opacity:0.5}
.follow .list-box a.btn-follow.btn-small         {background:#E50020;color:#fff!important; padding:2px 13px 0px 7px; text-align:center}
.follow .list-box a.btn-following.btn-small        {background:#ccc;color:#fff!important; padding:2px 13px 0px 7px; text-align:center}
.follow .list-box a.btn-follow.btn-small span      {}
.follow .list-box a.btn-following.btn-small span    {}
.follow .list-box .glyphicon    {font-size:80%; vertical-align:middle}
.follow .list-box .glyphicon-l    {font-size:110%; margin-left:-1px}
@media only screen
  and (max-width: 467px)  {
.follow .list-box.list-tag ul,
.follow .list-box.list-category ul,
.follow .list-box.list-author ul  {padding:10px}
.follow .list-box .author      {width:86%}
.follow .list-box .tag,
.follow .list-box .category      {width:82.5%}
.follow .list-box .thumb      {width:20%;}
.follow .list-box .name        {width:77%;}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 767px)  {
.follow .list-box.list-tag ul,
.follow .list-box.list-category ul,
.follow .list-box.list-author ul  {padding:10px}
.follow .list-box .author      {width:90.25%}
.follow .list-box .tag,
.follow .list-box .category      {width:88.25%}
.follow .list-box .thumb      {width:20.5%;}
.follow .list-box .name        {width:85%;}
}

/*followl.modal list-box*/
.follow.modal            {z-index:100000000}
.follow.modal .modal-header      {text-align:left;margin:0 0 -1px;border-radius:4px 4px 0 0; background:#f9f9f9}
.follow.modal .modal-header  h2    {padding:0; margin:0 -5px; font-weight:bold}
.follow.modal .modal-body      { text-align:left}
.follow.modal .list-box        {width:100%}
.follow.modal .list-box.list-tag ul  {margin:-20px -20px -35px;border-bottom:none!important; position:relative}
.follow.modal .list-box li      {margin:0 0}
.follow.modal .list-box .author,
.follow.modal .list-box .tag,
.follow.modal .list-box .category      {width:90.5%; text-align:left}
.follow.modal .list-box .thumb        {width:20%;}
.follow.modal .list-box .name        {width:89%;}
@media only screen
  and (max-width: 467px)  {
.follow.modal .modal-header          {margin:0 0 -11px}
.follow.modal .modal-body          {}
.follow.modal .list-box.list-tag ul      {margin:-20px -20px -40px}
.follow.modal .list-box li          {margin:0 -10px}
.follow.modal .list-box .author,
.follow.modal .list-box .tag,
.follow.modal .list-box .category      {width:80.5%}
.follow.modal .list-box .thumb        {width:20%;}
.follow.modal .list-box .name        {width:77%;}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 767px)  {
.follow.modal .modal-header          {margin:0 0 -11px}
.follow.modal .modal-body          {}
.follow.modal .list-box.list-tag ul      {margin:-20px -20px -40px}
.follow.modal .list-box           {margin:-5px 0}
.follow.modal .list-box li          {margin:0 -10px}
}

/*folow user-list*/
.list-box .user-list li          {border-top:1px solid #eee;border-bottom:none!important; margin-top:-1px; position:relative; padding:0!important;}
.list-box .user-list p.button      {display:inline-block;}
.list-box .user-list p.button a      {background:transparent!important;padding:0px; margin:}
.list-box .user-list p.button a:focus,
.list-box .user-list p.button a:hover          {opacity:0.5}
.list-box .user-list a.btn-follow            {background:#E50020!important; padding:5px 5px}
.list-box .user-list a.btn-follow.btn-small span    {color:#fff!important; padding:0 0 3px}
.list-box .user-list a.btn-following          {background:#aaa!important; padding:5px 5px}
.list-box .user-list a.btn-following.btn-small span    {color:#fff!important; padding:0 0 3px}
.list-box .user-list .glyphicon      {font-size:80%; vertical-align:middle}
.list-box .user-list .glyphicon-l    {font-size:110%; margin-left:-1px}

/*btngroup-box*/
.btngroup-box      {margin:-5px auto 15px}
.btngroup-inner      {text-align:center; margin:5px auto;width:100%}
.btn-group        {width:100%;float:none; display:block; margin:0 auto; padding-bottom:0}
#edit .btn-group    {width:50%;}
.btn-group a      {font-size:90%;height:auto; position:relative; padding:8px 0 7px; border:1px solid #ccc;}
.btn-group input[type=submit]:hover,
.btn-group input[type=submit]:focus,
.btn-group a:focus,
.btn-group a:hover    {background-color:#E50020!important; color:#fff!important; opacity:1.0}
.btn-group a.active    {background-color:#E50020!important; color:#fff!important; opacity:1.0}

.btn-group.divided2 input[type=submit],
.btn-group.divided2 button,
.btn-group.divided2 a          {width:49.99999999999%}
.btn-group.divided3 input[type=submit],
.btn-group.divided3 button,
.btn-group.divided3 a          {width:33.33333333333333333%}
.btn-group.divided4 input[type=submit],
.btn-group.divided4 button,
.btn-group.divided4 a           {width:25.2%;}

.btn-group.divided2 input[type=submit]  {border-radius:0 4px 4px 0}
.btn-group.divided3 .btn-delete      {border-radius:4px 0 0 4px; margin:0 1px 0 0; color:#000;font-size:100%; padding:8px 0 6px}
.btn-group.divided3 .btn-draft      {}
.btn-group.divided3 .btn-preview    {border-radius:0; margin:0 0 0 -7px; color:#000}
.btn-group.divided3 .btn-public      {border-radius:0 4px 4px 0; margin-left:-5px}
.btn-group.divided4 .btn-delete      {border-radius:4px 0 0 4px; margin:0; color:#000;font-size:100%; padding:8px 0 6px}
.btn-group.divided4 .btn-draft      {font-size:100%; padding:8px 0 6px}
.btn-group.divided4 .btn-preview    {border-radius:0; margin:0 0 0 -7px; color:#000}
.btn-group.divided4 .btn-public      {border-radius:0 4px 4px 0; margin-left:-5px}
.white-popup-block .btn-draft      {border-radius:0; margin:0 1px 0 -7px}
.white-popup-block .btn-draft      {border-radius:0; margin:0 1px 0 -7px}
.white-popup-block .btn-public      {border-radius:0 4px 4px 0; margin-left:0}
@media only screen
  and (max-width: 767px)  {
#edit .btn-group            {width:100%;}
}

/*author-box*/
.author-box          {display:none}
@media only screen
  and (max-width: 767px)  {
.author-box            {display:block;position:relative;margin:-10px auto 10px;padding:0;background:#fff;border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
.author-inner          {text-align:left; padding:5px 0 0;width:100%; margin-bottom:-1px}
.author-inner .author a      {text-decoration:none!important}
.author-inner .author a:focus,
.author-inner .author a:hover  {opacity:0.75; color:#999}
.author-inner p.thumb      {display:inline-block;width:50px;vertical-align:middle;padding:5px 5px 10px; margin-right:5px }
.author-inner p.thumb img    {width:45px; height:auto; margin:0 0 0 5px;border-radius:50%!important}
.author-inner p.name      {display:inline-block;vertical-align:middle;text-align:left; margin:0;padding:0 0 5px 5px;font-weight:bold; color:#000}
.author-inner p.text      {color:#999;text-align:left; font-size:90%; margin-top:-5px;padding:5px 10px 10px}
.author-inner p.button       {width:40px;display:inline-block;vertical-align:middle;padding:5px 10px 10px 0;font-size:90%;}

.author-inner p.button a.btn-follow              {background:#E50020!important; padding:3px 10px}
.author-inner p.button a.btn-follow.btn-small span      {color:#fff!important; padding:0 0 3px}
.author-inner p.button a.btn-following            {background:#ccc!important; padding:3px 10px}
.author-inner p.button a.btn-following.btn-small span    {color:#fff!important; padding:0 0 3px}

.author-box.dashboard                    {margin-bottom:10px}
.dashboard .author-inner p.text                {width:100%;padding:5px 10px 10px;}
.dashboard .author-inner .toggle-dashboad          {z-index:10000;display:inline-block; vertical-align:middle; margin-top:-20px;width:40px}
.dashboard .author-inner li.dropdown            {position:relative;}
.dashboard .author-inner li.dropdown a.dropdown-toggle    {display:block; margin:5px 5px 0 0; width:35px; height:30px; padding:0}
.dashboard .author-inner li.dropdown span.glyphicon      {text-align:center;padding:3px 0 0 ; font-size:120%; color:#555}
.dashboard .author-inner li.dropdown .dropdown-menu      {float:right!important; right:0px!important; left:-200px;}
.dashboard .author-inner li.dropdown .dropdown-menu li    {font-size:90%; text-align:left}
.dashboard .author-inner li.dropdown .dropdown-menu li a  {text-decoration:none; padding:5px 10px}
.dashboard .author-inner .dropdown li a:focus,
.dashboard .author-inner .dropdown li a:hover    {background-color: #E50020; color:#fff;}
.dashboard .author-inner a              {color:#000;}
.dashboard .author-inner a:focus,
.dashboard .author-inner a:hover          {opacity:0.75}

.author-inner .btn-list            {margin:0 0 0 -1px; border-top:1px solid #ccc;}
.author-inner .btn-list.divided3 a       {width:33.3333333333%; padding:5px 0;}
.author-inner .btn-list.divided4 a       {width:25%; padding:5px 0;}
.author-inner .btn-list.divided5 a       {width:20%; padding:5px 0; /*height:30px;*/}
.author-inner .btn-list a          {float:left; border-right:none; border-collapse:collapse; border-top:none;border-radius:0; color:#999; font-size:70%;}
.author-inner .btn-list a:hover        {background:#E50020; color:#fff!important}
.author-inner .btn-list a span.number    {color:#000;font-weight:bold; font-size:160%; padding:0; line-height:1em}
.author-inner .btn-list a:hover span.number  {color:#fff!important;}
}
@media only screen
  and (max-width: 467px)  {
.author-inner p.name        {width:59%;}
.dashboard .author-inner p.name    {width:64%;}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 767px)  {
.author-inner p.name        {width:77%;}
.dashboard .author-inner p.name    {width:79.5%;}
}

/*form-box*/
.form-box            {padding:0; margin:0 auto;}
.form-box input[type=password],
.form-box input[type=text],
.form-box input[type=file],
.form-box textarea        {min-width:50%; width:auto;}
.form-box a.btn,
.form-box input[type=submit]  {margin:10px auto; min-width:25%; width:auto; display:block}
.form-box a.btn-primary      {color:#fff}
.form-box a            {margin:10px auto; text-align:center;}
@media only screen
  and (max-width: 767px)  {
.form-box            {padding: 0}
.form-box a.btn,
.form-box input[type=submit]  {width:100%;}
.form-box input[type=password],
.form-box input[type=text],
.form-box input[type=file],
.form-box textarea        {min-width:100%; width:100%;}
}

/* ----------------------------------------------------------
Common（tiles）
---------------------------------------------------------- */
/*gnav*/
.gnav              {width:100%;background-color: #fdfdfd/*#f9f4f3*/;border-bottom:1px solid #ccc;}
.gnav-list            {width:960px; margin:0 auto;}
.gnav-list li          {float:left}
.gnav-list.divided5 li      {width:20%; position:relative; font-size:80%;}
.gnav-list.divided5 li span    {font-size:170%;}
.gnav-list.divided5 li a    {
color:#dedede;
padding:8px 10px 2px;
display:block;
text-decoration:none;
color: #818181
}
.gnav-list.divided5 li a span  {
color: #898989
}
.gnav-list.divided5 li a:focus,
.gnav-list.divided5 li a:hover,
.gnav-list.divided5 li a.active      {background:#E50020; color:#fff}
.gnav-list.divided5 li a:focus span,
.gnav-list.divided5 li a:hover span,
.gnav-list.divided5 li a.active span  {background:#E50020; color:#fff}
@media only screen
  and (max-width: 767px)  {
.gnav-list            {width:auto}
.gnav-list.divided5 li.nav1    {width:25%}
.gnav-list.divided5 li.nav2    {width:18.5%}
.gnav-list.divided5 li.nav3    {width:18.5%}
.gnav-list.divided5 li.nav4    {width:18.5%}
.gnav-list.divided5 li.nav5    {width:19.5%}
.gnav-list.divided5 li a    {padding:8px 8px 2px;}
}

/*section*/
section        {position:relative; margin:0 auto 10px;text-align:left}
section h2      {font-size:100%;margin:0; padding:0 0 10px; font-weight:bold;display:inline-block;}
.section-inner    {text-align:left; padding: 0 0}
.section-body    {padding:10px 10px 10px}

#stream .section-title  {display:none}
#pages .section-title  {font-size:100%; font-weight:bold; text-align:left; margin:0px 0 3px}
@media only screen
  and (max-width: 767px)  {
#stream .section-title  {font-size:100%; font-weight:bold; text-align:left; margin:0px 0 3px}
}

/* ----------------------------------------------------------
Welcome
----------------------------------------------------------
#welcome  {
background-image:url(../img/8.jpg);
background-repeat:no-repeat;
background-size:cover;
}

#welcome h1.brand      {font-size:310%;padding:100px 0 50px; font-weight:bold;text-shadow:1px 1px 1px rgba(255,255,255,1.0);font-family: 'Open Sans', sans-serif;}
#welcome .section-inner    {width:100%;display:table; table-layout:fixed; min-height:100%; position:relative}
#welcome .section-body    {display:table-cell;width:100%;vertical-align: middle; min-height:100%;text-align:center}
 */
/* ----------------------------------------------------------
Pages
---------------------------------------------------------- */
#pages section        {position:relative; background:transparent; margin:0 auto 20px;}
#pages h2          {text-align:left; font-weight:bold; padding:0 0 8px;/* font-size:105%*/}
#pages h2 span.number    {font-weight:normal}
#pages section h3      {text-align:left; font-weight:bold; padding:0 0 8px; background:#f9f9f9;}
#pages .section-inner    {text-align:left; background:#fff; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
#pages .section-body    {padding:20px}
@media only screen
  and (max-width: 767px)  {
#pages .section-body    {padding:10px 10px}
}

/*acount*/
.account .list-box li img  {width:30px; height:30px; margin:0 10px 0 0}
.account .form-box      {padding:10px 0 0}
.account h4          {font-weight:bold; margin-bottom:-5px}
.account .panel        {padding:5px 0 5px 10px}
.account .panel-left    {display:inline-block;width:83%; vertical-align:middle}
.account .panel-right    {display:inline-block;width:15.5%; vertical-align:middle}
.account .panel-right .btn      {color:#bbb}
.account .panel-right .active-on  {color:#ffffff;background-color:#E50020;border-color:#E50020}
.account .panel-right .active-off  {color:#222222;background-color:#cccccc;border-color:#cccccc}
.account .panel .thumb    {min-width:40px; max-width:40px;width:10.5%; display:inline-block; vertical-align:middle;position:relative}
.account .panel .thumb img  {width:40px; height:auto; border-radius:50%}
.account .panel .name    {display:inline-block; vertical-align:middle; width:87.5%;}
.account .panel .name p    { font-weight:normal}
.account .btn-box a      {width:50%;display:block}
.account p.caption      {font-size:90%!important; color:#999!important}

@media only screen
  and (max-width: 767px)  {
.account .panel-left    {display:block;width:100%; vertical-align:middle}
.account .panel-right    {display:block;width:50%; vertical-align:middle; margin:10px auto; }
.account .btn-group button  {width:50%;text-align:center!important;}
.account .panel .thumb    {width:24.5%}
.account .panel .name    {width:73.5%}
.account .btn-box a      {width:100%}
}

/*auth*/
.auth .form-box        {padding:10px 0 0}

/*dashbod*/
.summary .pull-right    {margin-top:0}
.summary .pull-right a    {font-weight:normal}
.summary .section-body p.title        {font-weight:bold;padding:0 10px ; margin:0 -10px 0}
.summary .list-striped li:nth-child(odd)   {
  background-color: #f9f9f9;
  border:none;
}

/*profile*/
.profile .form-box      {padding:10px 0 0}
.profile .profile-img input[type=image]  {width:50px; height:auto;position:relative; border:none; box-shadow:none; margin:5px 0; padding:0}

/*transaction*/
.transaction .section-body  {margin:0 auto;}
@media only screen
  and (max-width: 767px)  {
.transaction .section-body  {margin:-11px -11px -26px;}
}

/* ----------------------------------------------------------
Single
---------------------------------------------------------- */
#single section        {position:relative; background:transparent; margin:0 auto 20px;}
#single h2          {text-align:left; font-weight:bold; padding:0 0 8px;}
#single section h3      {text-align:left; font-weight:bold; padding:0 0 8px; background:#f9f9f9;}
#single .section-inner    {text-align:left; background:#fff; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
#single .section-body    {padding:20px}
@media only screen
  and (max-width: 767px)  {
#single .section-body    {padding:10px 10px}
}

/*404*/
#single .error404 h2          {font-size:200%; padding:150px 20px 10px; }
#single .error404 p            {padding:0 20px; }
#single .error404 .section-body      {padding:0;position:relative; min-height:100%; height:100%}
#single .error404 .section-body .errorimages  {
padding:310px 0 0;
background-image:url(/_common/img/common/logo.png);
background-repeat:no-repeat;
background-position:bottom;
/*background-size:60%;*/
}

@media only screen
  and (max-width: 767px)  {
#single .error404 h2              {padding:20px 20px 10px; }
#single .error404 .section-body          {width:auto;padding:0;width:100%; height:auto;}
#single .error404 .section-body .errorimages  {
padding:120px 0 0;
background-image:url(/_common/img/common/logo.png);
background-repeat:no-repeat;
background-position:bottom;
background-size:200px;
}
}

/*error*/
#single .error h2            {font-size:200%; padding:150px 20px 10px; }
#single .error p            {padding:0 20px; }
#single .error .section-body      {padding:0;position:relative; min-height:100%; height:100%}
#single .error .section-body .errorimages  {
padding:250px 0 0;
background-image:url(/_common/img/common/logo.png);
background-repeat:no-repeat;
background-position:bottom;
/*background-size:60%;*/
}

@media only screen
  and (max-width: 767px)  {
#single .error h2              {padding:20px 20px 10px; }
#single .error .section-body        {width:auto;padding:0;width:100%; height:auto;}
#single .error .section-body .errorimages  {
padding:100px 0 0;
background-image:url(/_common/img/common/logo.png);
background-repeat:no-repeat;
background-position:bottom;
background-size:200px;
}
}

/* ----------------------------------------------------------
Stream（tiles）
---------------------------------------------------------- */
#stream article      {padding-bottom:10px;}
#stream #tiles      {margin:0 -5px; text-align:left;}
#stream .alert      {width:99%}
#stream .title-box    {width:99%}

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
#stream .box  {
width: 226px;
float:left;
text-align:left;
position:relative;
margin:0 4px 10px 5px;
padding:0;
max-height:none;
height:auto;
background:transparent;
}
#stream .box.large          {width: 462px;margin:0 0 10px 5px}
#stream .box .section-inner      {background:#fff; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
#stream .box .section-body      {padding:10px 0}

/*dashboad user-box*/
.box.dashboard            {display:block}
.box.dashboard a:focus,
.box.dashboard a:hover        {text-decoration:none}
.box.dashboard .section-body    {margin:0 20px 9px}
.user-box               {padding-top:10px; margin:0}
.user-box ul              {margin:0; padding:5px 0 0}
.user-box ul.user-list li        {border:none}
.user-box ul.user-list li.author    {width:78%; display:inline-block;vertical-align:middle;}
.user-box ul.user-list li.button    {width:40px;display:inline-block;vertical-align:middle;}
.user-box ul.user-list li .thumb    {display:inline-block;width:20%; vertical-align:middle; padding:0}
.user-box ul.user-list li .thumb img  {width:30px; margin:0; padding:0;border-radius: 50%!important}
.user-box ul.user-list li a:focus,
.user-box ul.user-list li a:hover     {opacity:0.5; color:#999}
.user-box ul.user-list li a span    {color:#fff!important}
.user-box ul.user-list li .name      {width:66%;display:inline-block;vertical-align:middle;margin:0 10px 0 0; font-weight:bold}
.user-box ul.user-list li.subtitle    {font-weight:normal; font-size:90%; line-height:1.3em; color:#555;}
.user-box ul.user-list li.text      {font-weight:normal;clear:both;font-size:90%; color:#999; text-align:lef; margin:0 10px 10px; padding:0}

.user-box p.button a.btn-follow              {background:#E50020!important; padding:3px 10px}
.user-box p.button a.btn-follow.btn-small span      {color:#fff!important; padding:0 0 3px}
.user-box p.button a.btn-following            {background:#ccc!important; padding:3px 10px}
.user-box p.button a.btn-following.btn-small span    {color:#fff!important; padding:0 0 3px}

/*information*/
.box .entry-box .information  {margin-top:-10px}

/*static*/
.box .entry-box p.static    {border-top:1px solid #f2f0d2;background:#fffeeb;position:relative;z-index:101;font-size:95%;padding:7px 10px;}

/*purchase*/
.box .entry-box        {position:relative}
.box .entry-box p.purchase    {
background:#fde5e9;
text-align:center;
padding:5px;
margin:0 auto 10px;
z-index:100;
position:relative;
border-top:1px solid #fad9de;
box-shadow: 0px 3px 1px -1px rgba(0,0,0,0.15);
font-size:90%;
}
.box .entry-box p.purchase span      {color:#E50020}
.box .entry-box p.purchase span.glyphicon  {font-size:100%; padding-top:3px}
.box .entry-box p.purchase span.text    {font-size:6pt; margin-top:-5px}
.box .entry-box p.purchase a.btn    {padding:1px 2px; color:#000; font-size:80%; margin-left:5px}

#detail .box .entry-box p.purchase      {margin:-10px -25px 7px}
@media only screen
  and (max-width: 767px)  {
#detail .box .entry-box p.purchase      {margin:-10px -10px 7px}
}


@media only screen
  and (max-width: 767px)  {
#stream #tiles      {margin:0; text-align:left;}
#stream .alert      {width:100%}
#stream .title-box    {width:100%}
#stream .box          {width: 100%;clear:both;margin:0 0 10px; float:none!important; display:block;}
#stream .box.large        {width: 100%;margin:0 0 10px}
#stream .box .section-inner h2  {font-size:140%; line-height:1.2em;}
#stream .box.dashboard      {display:none!important}
}

/* ----------------------------------------------------------
Entry
---------------------------------------------------------- */
/*author-info*/
.author-info              {margin:-10px 0 10px; text-align:left;}
.author-info .author          {display:inline-block; vertical-align:middle;width:78.5%;padding:3px 0;}
.author-info a              {text-decoration:none!important}
.author-info a:hover
.author-info a:focus          {opacity:0.5;}
.author-info .author p.thumb      {display:inline-block;vertical-align:middle;width:40px}
.author-info .author p.name        {display:inline-block;vertical-align:middle;font-weight:bold;font-size:90%; line-height:1.3em}
.author-info .date            {display:inline-block;vertical-align:middle;color:#999; text-align:right; font-size:75%; font-weight:normal;padding:0 5px 0 0 ;color:#999}
.author-info .date span          {text-align:right; display:block }
.author-info p.thumb          {padding:5px 0 5px 5px}
.author-info p.thumb img        {width:30px; height:auto; margin:0;border-radius: 50%!important}
.author-info a:focus img,
.author-info a:hover img        {opacity:0.5}

  /*box*/
  .author-info .author,
  .author-info .author p.name        {width:70%}
  .author-info .date            {width:30%}

  /*large*/
  .large .author-info .author,
  .large .author-info .author p.name    {width:84%;}
  .large .author-info .date        {width:15%;}

@media only screen
  and (max-width: 467px)  {
.author-info .author,
  .author-info .author p.name        {width:79%}
  .author-info .date            {width:20%}

.large .author-info .author,
  .large .author-info .author p.name    {width:79%}
  .large .author-info .date        {width:20%}

#detail .author-info .author,
  #detail .author-info .author p.name    {width:79%}
  #detail .author-info .date        {width:20%}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 767px)  {
.author-info .author,
  .author-info .author p.name        {width:84%}
  .author-info .date            {width:13%}

.large .author-info .author,
  .large .author-info .author p.name    {width:84%}
  .large .author-info .date        {width:13%}

#detail .author-info .author,
  #detail .author-info .author p.name    {width:86%}
  #detail .author-info .date        {width:13%}
}

  /*box*/
  .author-info .author,
  .author-info .author p.name        {width:65%}
  .author-info .date            {width:30%}

  /*large*/
  .large .author-info .author,
  .large .author-info .author p.name    {width:84%;}
  .large .author-info .date        {width:15%;}

  /*detail*/
  #detail .author-info          {margin-bottom:0px}
  #detail .author-info .author,
  #detail .author-info .author p.name    {width:88%;}
  #detail .author-info .date        {width:11%}

  @media only screen
    and (max-width: 467px)  {
  .author-info .author,
  .author-info .author p.name        {width:72%}
  .author-info .date            {width:20%}

  .large .author-info .author,
  .large .author-info .author p.name    {width:72%}
  .large .author-info .date        {width:20%}

  #detail .author-info .author,
  #detail .author-info .author p.name    {width:72%}
  #detail .author-info .date        {width:20%}
  }
  @media only screen
    and (min-width: 468px)
    and (max-width: 767px)  {
  .author-info .author,
  .author-info .author p.name        {width:84%}
  .author-info .date            {width:13%}

  .large .author-info .author,
  .large .author-info .author p.name    {width:84%}
  .large .author-info .date        {width:13%}

  #detail .author-info .author,
  #detail .author-info .author p.name    {width:86%}
  #detail .author-info .date        {width:13%}
  }



/*entry-box*/
.entry-box              {}
.entry-box p.images          {text-align:center; margin:-10px auto 0}
.entry-box p.images img        {max-width:100%; width:auto; height:auto;text-align:center!important; margin:0 auto 15px; position:relative}
.entry-box a:hover img        {opacity:0.75}
.entry-box h2            {font-size:120%;line-height:1.2em; margin:0; padding:0 10px 15px; font-weight:bold;}
.large .entry-box h2        {font-size:120%;}
.entry-box h2 a            {color:#000; text-decoration:none}
.entry-box h2 a:focus,
.entry-box h2 a:hover        {color:#E50020; text-decoration:underline}
.entry-box span.date        {float:right;color:#999; font-size:65%; display:block; font-weight:normal;padding:0 5px 0 0;letter-spacing:normal}
.entry-box p.text          {padding:0 10px 10px; font-size:90%; line-height:1.5em;}
.entry-box p.share          {padding:10px 0 0; text-align:left}
.entry-box a.tag-assing        {color:#0088cc;}
.entry-box p.button          {width:100%; text-align:center;margin:0 auto; padding:0 10px; clear:both;}
.entry-box p.button a        {font-size:90%!important; padding:3px;}
.entry-box p.button a.btn-readmore  {width:72.0%}
.entry-box p.button a.btn-edit    {width:24.5%}
@media only screen
  and (max-width: 767px)  {
.entry-box p.button a.btn-readmore  {width:74.5%}
.entry-box p.button a.btn-edit    {width:23.5%}
}

/*tag-box*/
.tag-box                  {margin:-10px 0 10px; padding:5px/*; background:#f9f9f9*/}
.tag-box .tag-list              {margin:0 auto;}
.tag-box .tag-list li            {position:relative;display:inline-block; margin-right:0px; vertical-align:middle}
.tag-box .tag-list li a.btn          {}
.tag-box .tag-list li a.tag-assing      {border-radius:0; background:transparent; border:none;color:#0088cc}
.tag-box .tag-list li a.tag-assing:focus,
.tag-box .tag-list li a.tag-assing:hover  {opacity:0.75}
#detail .tag-box              {margin:10px 0 0; padding:10px; }
#detail .tag-box .tag-list li a        {font-size:90%!important;background:transparent;color:#E50020}
#detail .tag-box .tag-list li a.tag-assing  {border-radius:0; background:transparent; border:none;color:#0088cc}
#detail .tag-box .tag-list li a:focus,
#detail .tag-box .tag-list li a:hover    {color:#999}
#detail .entry-box a.tag          {text-decoration:none!important}

/*follow-box*/
.follow-box            {clear:both!important;background:#f9f9f9;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin:-10px auto 15px; padding:5px 0 0}
.follow-box ul          {}
.follow-box ul li        {display:inline-block; vertical-align:middle;padding-left:0; margin:0; margin-top:-5px; border-left:1px solid #ddd;}
.follow-box ul li.label      {color:#000; font-size:80%; margin:-2px 0 0 10px; border:none; text-align:left;}
.follow-box ul li.button    {text-align:center;}

.follow-box .divided3 li.label        {width:30%}
.follow-box .divided3 li.button        {width:19.75%}
.large .follow-box .divided3 li.label    {width:15%}
.large .follow-box .divided3 li.button    {width:10%}
.large .follow-box .divided3 li.author    {}
.large .follow-box .divided3 li.category  {}
.large .follow-box .divided3 li.tag      {}
.large .follow-box .divided3 li.tag      {border-right:1px solid #ddd;}
#detail .follow-box             {margin:5px -25px}
#detail .follow-box ul            {padding:0 25px}
#detail .follow-box .divided3 li.label    {width:17.5%; max-width:75px; padding-left:0}
#detail .follow-box .divided3 li.button    {width:17.75%; max-width:60px}
#detail .follow-box .divided3 li.tag    {border-right:1px solid #ddd;}

.follow-box ul li a              {padding:7px 5px 7px 6px;}
.follow-box ul li a:focus,
.follow-box ul li a:hover          {opacity:0.5}
.follow-box ul li a.btn-follow.btn-small  {color:#E50020}
.follow-box ul li a.btn-following.btn-small  {color:#aaa}
.follow-box ul li .glyphicon        {font-size:80%; vertical-align:middle}
.follow-box ul li .glyphicon-l        {font-size:110%; margin-left:-1px}
@media only screen
  and (max-width: 767px)  {
.follow-box .divided3 li.label,
.large .follow-box .divided3 li.label        {width:22.5%; max-width:75px; padding-left:0}
.follow-box .divided3 li.button,
.large .follow-box .divided3 li.button        {width:17.75%; max-width:60px}
.follow-box .divided3 li.tag        {border-right:1px solid #ddd;}
.follow-box ul li a              {padding:5px 5px 10px 6px;}

#detail .follow-box             {margin:5px -10px}
#detail .follow-box ul            {padding:0 0}
#detail .follow-box .divided3 li.label    {width:22.5%; max-width:75px; padding-left:0}
#detail .follow-box .divided3 li.button    {width:17.75%; max-width:60px}
}

/*metadata*/
.metadata            {clear:both!important;background:#f9f9f9; margin:0 auto -10px}
.metadata-list          {padding:5px;position:relative;}
.metadata li a          {border-radius:4px; background:none; color:#555; padding:3px 5px; text-decoration:none; font-size:90%;}
.metadata li a.others span    {text-align:center;letter-spacing:-0.5em; padding-right:5px}
.metadata li.pull-left a    {margin-right:2px;}
.metadata li.pull-right a    {margin-left:2px}
.metadata div.dropdown .dropdown-menu      {padding:10px}
.metadata li.dropdown a              {text-decoration:none}
.metadata li.dropdown .dropdown-menu         {position:absolute; padding:10px}
.metadata li.dropdown .dropdown-menu li a      {padding:5px; margin:0; text-decoration:none; background:#fff; border:none; }
.metadata li.dropdown .dropdown-menu li a:hover  {background-color:#eee!important;color:#000}

/*quotation-box*/
.quotation-box                {width:100%;background:#fff;position:relative; z-index:100000; margin:10px auto ;}
.quotation-box .quotation-box-inner      {margin:0 15px 15px ; padding:20px; background:#f7f7f7;position:relative;}
.quotation-box .quotation-box-inner:after  {content: ' ';
  position:absolute;
  background:transparent;
  border:20px solid transparent;
  border-top-color:#f7f7f7;
  top:100%;
  left:20px;}
.quotation-box.original .quotation-box-inner:after  {content: ' ';
  position:absolute;
  background:transparent;
  border:none;
  border-top-color:transparent;
  top:0;
  left:0;}
.quotation-box p.title          {margin-bottom:0; font-size:110%; line-height:1.3em}
.quotation-box p.images img        {margin:5px auto; max-width:100%;}
.quotation-box p            {font-size:90%}
.quotation-box .author          {margin:10px auto 0; text-align:right}
.quotation-box .author p        {color:#888;}
.quotation-box .author a         {text-decoration:none!important}
.quotation-box .author a .name      {text-decoration:underline!important}
.quotation-box .author a:focus .name,
.quotation-box .author a:hover .name  {text-decoration:none!important}
.quotation-box .author img        {width:15px; height:auto;}

@media only screen
  and (max-width: 767px)  {
.quotation-box              {margin-bottom:10px!important}
.quotation-box .author p        {margin:0 auto 15px!important}
.quotation-box p.images img        {margin:0 auto 15px!important}
}

/*navigation*/
#stream .navigation          {clear:both; margin:10px auto 0;}
#stream .navigation .btn-box     {text-align:center;display:block;margin:0 auto;}
#stream .navigation .btn-box .btn   { padding:5px 100px}
@media only screen
  and (max-width: 767px)  {
#stream .navigation .btn-box .btn    {width:100%; padding-left:0; padding-right:0}
}

/*like-box*/
/*.button-box      {margin:-10px 0 10px; padding:10px; background:#fff; font-size:80%; }*/
.like-box      {display:inline-block;vertical-align:middle;padding:0;margin:0 0 0 -10px;}
.arrow-box      {display:inline-block;vertical-align:middle;padding:0;margin:0 0 0 -10px;}
.snsshare-box    {display:inline-block;vertical-align:middle; float:right;}

.arrow-box      {position: relative;background: #fff;border: 1px solid #ccc;border-radius:2px;}
.arrow-box:after,
.arrow-box:before   {right: 100%;top: 50%;border: solid transparent;content: "";height: 0;width: 0;padding:0; margin:0;position: absolute;pointer-events: none}
.arrow-box:after   {border-right-color: #fff;border-width: 4px;margin-top: -4px}
.arrow-box:before  {border-right-color: #ccc;border-width: 5px;margin-top: -5px;}

.like-box .button  {padding:10px ; text-align:left}
.like-box .button a  {
opacity:1,0;
height:20px;
border-radius:2px;
padding:0 10px 3px!important;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbeaed));
background-color:#fffafb;
border-color:#ffb4bf!important;
font-size:90%;
}
.like-box .button a.active        {
opacity:0.75;
height:20px;
border-radius:2px;
padding:0 10px 3px!important;
background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f9f9f9));
background-color:#f9f9f9;
box-shadow:none!important;
border-color:#ccc!important;
font-size:90%;
}

.like-box .button a:focus,
.like-box .button a:hover      {opacity:0.5}
.like-box .button a.active:focus,
.like-box .button a.active:hover  {opacity:0.5}

.like-box .button span.text      {display:inlin-block; vertical-align:middle; margin-top:-5px}
.like-box .button span.icon-k    {
width:12px; height:20px;
text-align:left;
vertical-align:middle;
display:inline-block;
background-image:url(../img/icon/k-red.png);
background-position:0 4px;
background-repeat:no-repeat;
background-size:10px
}
.like-box .button .active span.icon-k    {
background-image:url(../img/icon/k-grey.png);
}

.like-box .button a span      {color:#E50020}
.like-box .button a.active span    {color:#666}
.arrow-box .number          {height:20px;padding-left:5px; padding-right:5px; font-size:90%; color:#999; line-height:2em;}

@media only screen
  and (max-width: 767px)  {
.like-box .button a         {font-size:120%}
.arrow-box .number          {font-size:8pt!important;line-height:1.8em;}
#detail .like-box          {margin:0 0 0 -15px;}
#detail .like-box .button a      {height:20px;padding:0 40px 3px 10px!important; margin-right:-10px;}
}

/*share-box*/
.share-box               {margin:0 auto;padding-left:0}
.box .share-box .share-list      {display:inline-block;padding:0 10px 20px;vertical-align:middle}
.large .share-box .share-list    {padding:0 10px 20px; }
.share-box .share-list li      {display:inline-block; vertical-align:top;margin:5px 0 0 ; padding:0; height:20px}
.share-box .twitter-share-button  {margin-right:-10px}

.share-box .like-box        {display:inline-block; height:20px; font-size:90%; vertical-align:middle;}
.share-box .like-box .button    {padding:0 2px 0 0;}
.share-box .arrow-box        {display:inline-block; height:20px; font-size:10%; margin:0 10px 0 -10px; vertical-align:middle}

#detail  .share-box .share-list      {padding:10px 10px 20px;}
#detail  .large .share-box .share-list  {padding:10px 10px 0;}
#detail  .share-box .share-list li    {margin:5px 0 0 5px;}
#detail  .share-box .like-box .button  {padding:0 2px 0 0;margin-left:-10px}
#detail  .share-box .arrow-box      {margin-left:0px!important}
@media only screen
  and (max-width: 767px)  {
#detail  .share-box .like-box .button  {margin-left:-16px}
#detail  .share-box .arrow-box      {margin-left:-5px!important}
}


/* ----------------------------------------------------------
Detail
---------------------------------------------------------- */
#detail .box  {
width: 100%;
float:none;
text-align:left;
position:relative;
margin:0 0 10px;
padding:0;
}
#detail .box.large          {width: 100%}
#detail .box .section-inner      {background:#fff; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
#detail .box .section-body      {padding-left:0; padding-right:0}
#detail .entry-box          {padding:10px 25px}
#detail .entry-box h2        {font-size:130%; line-height:1.2em; margin:0; padding:10px 0; font-weight:bold; display:block}
#detail .entry-box p.images      {margin:5px auto}
#detail .entry-box p.images img    {margin:5px auto; position:relative}
#detail .entry-box p.text      {padding:5px 0; font-size:100%; line-height:1.5em}
#detail .entry-box p.button      {width:auto; padding:10px 0 0}
#detail .entry-box p.button a    {width:auto; padding:2px 10px; font-size:90%}

#detail blockquote         {
    width: 100% !important;
    max-width: 100% !important;
  border:1px solid #ccc!important;
  box-shadow:none!important;
  padding:10px;
  background:#fff!important;
  margin:10px auto!important;
}/*
#detail .twitter-tweet-rendered {
  width: 100% !important;
  max-width: 100% !important;
  border:1px solid #ccc!important;
}*/
#detail .twt-border       {border:1px solid #ccc}
#detail blockquote.reblog    {
    width: 100% !important;
    max-width: 100% !important;
  border:1px solid #ccc!important;
  box-shadow:none!important;
  padding:10px 10px 0
}
#detail blockquote .thumb          {float:left}
#detail blockquote .thumb img,
#detail blockquote img.thumb,
#detail blockquote.affiliate img      {margin:0 10px 10px 0;width:150px; height:auto;}
#detail blockquote.reblog p          {font-size:100%; line-height:1.5em;}
#detail blockquote.reblog p.title      {font-size:100%; font-weight:normal}
#detail blockquote.reblog span.author    { padding:0 5px 0 0}
#detail blockquote.reblog span.author img  {border-radius:50%!important;width:25px; height:auto; margin:0}
#detail blockquote.reblog .source  {font-size:85%}
#detail blockquote.advdata       {margin-top:5px!important}
#detail blockquote.advdata p     {}
#detail blockquote.advdata a    {text-decoration:none}

/*reblog parent*/
#detail blockquote.parent .author-info p.thumb    {padding:0 0; float:none; margin:0 -10px; width:100%; display:block}
#detail blockquote.parent .author-info p.thumb img  {width:30px; height:auto;}
#detail blockquote.parent .author-info span.date  {padding:8px 0 0 0; text-align:right}
#detail blockquote.parent .author-info a:hover    {background:#fff}
#detail blockquote.parent p.title          {clear:both;font-size:130%; font-weight:bold; padding:10px 0 0}

@media only screen
  and (max-width: 767px)  {
#detail .box            {width:100%;clear:both;margin:0 0 10px; float:none!important; display:block;}
#detail .box.large          {width:100%;}
#detail .box .section-inner h2    {font-size:140%;}
#detail .entry-box          {padding:10px 10px!important}
#detail .entry-box img        {max-width:100%}
#detail .share-box .share-list    {padding:10px 0; min-height:1px}
#detail .metadata .tag-box      {padding:5px 10px;position:relative;}

#detail .share-box.pull-left,
#detail .entry-box p.button.pull-right  {float:none!important}
#detail .entry-box p.button        {width:auto; padding:0 0 10px}
#detail .entry-box p.button a      {width:75%;}
}

@media only screen
  and (max-width: 466px)  {
#detail blockquote .thumb      {float:left!important}
#detail blockquote .thumb img,
#detail blockquote img.thumb,
#detail blockquote.affiliate img  {margin:0 10px 10px 0;width:75px; height:auto;}
}

@media only screen
  and (min-width: 467px)
  and (max-width: 766px)  {
#detail blockquote .thumb      {float:left!important}
#detail blockquote .thumb img,
#detail blockquote img.thumb,
#detail blockquote.affiliate img  {margin:0 10px 10px 0;width:150px; height:auto;}
}

#detail .reblog-button        {margin:10px auto 20px}
#detail .reblog-button p.button    {text-align:center; font-size:120%}
#detail .reblog-button p.button a  {color:#fff; width:35%; padding:5px}
@media only screen
  and (max-width: 767px)  {
#detail .reblog-button        {margin:30px auto 10px}
#detail .reblog-button p.button a  { width:100%; padding:5px}
}


/*comment-box*/
.comment-box           {margin:10px 0 ;paddin:0 ;position:relative}
.comment-box h3          {font-weight:bold; padding:0 20px 10px; margin:0}
.comment-box p.name a:hover    {background:transparent!important}
.comment-box a:focus,
.comment-box a:hover      {opacity:0.75}
.comment-box p.name a      {margin:0 10px -5px 0;color:#E50020}
.comment-box p.name a:focus,
.comment-box p.name a:hover    {color:#999}
.comment-box p.name a      {margin:0 10px -5px 0;color:#E50020}
.comment-box p.comment      {color:#555; font-weight:normal; font-size:90%; padding:0 10px 10px;}
.comment-box .list-box      {background:#fff; margin-bottom:20px; padding:0 30px}
.comment-box .list-box ul                {margin-top:0}
.comment-box .list-box ul li.nocomment          {padding:10px}
.comment-box .list-box ul .media img          {width:30px; height:30px; margin:0 -10px 0 0}
.comment-box .list-box ul .form-box          {margin:8px 10px 10px 0; position:relative}
.comment-box .list-box ul input[type=text]:focus  {outline:0!important; box-shadow:none!important}
.comment-box .list-box ul input[type=text]      {border-radius:4px 0  0 4px}

.nocomments            {padding:5px 10px; border-bottom:none!important}
.nocomments a          {display:inline!important; width:auto; color:#E50020!important; text-decoration:underline!important; padding:0!important; margin:0!important}
.nocomments a:focus,
.nocomments a:hover        {text-decoration:none!important; color:#999!important}
@media only screen
  and (max-width: 767px)  {
.comment-box h3                {font-weight:bold; padding:0 10px 10px; margin:0}
.comment-box .list-box            {background:#fff; margin-bottom:20px; padding:0 10px;margin:10px 0 -20px}
.comment-box .list-box li.comment-form    {border-bottom:none!important}
}

/*related-box*/
.related-box           {margin:10px 0 ;paddin:0;position:relative}
.related-box h3          {font-weight:bold; padding:0 20px 10px; margin:0}
.related-box .thumb-box      { padding:10px 20px 0;}
.related-box .thumb-list    {clear:both;float:none; width:100%; margin:2px 0; background:#fff; border:1px solid #ccc; padding:5px 10px}
.related-box .thumb-list img  {/*max-width:100%*/}
.related-box a          {text-decoration:none}
.related-box a h4        {padding:10px 0;text-decoration:underline;font-size:100%;margin:0; color:#E50020; line-height:1.5em;position:relative}
.related-box a:hover img,
.related-box a:hover h4,
.related-box a:focus img,
.related-box a:focus h4      {opacity:0.75; color:#999; text-decoration:none}
.related-box .thumb-list div.images   {float:left;width:17%;max-width:100px;}
.related-box .thumb-list div.images p  {
  position:relative;
  width:80px;
  height:80px;
  overflow:hidden;
  margin:10px 0
}
.related-box .thumb-list div.images p img {
  width:80px;
    height:auto;
    clip:rect(0px 120px 80px 0px);
  margin-left:0px;
  margin-top:0px;
    position:absolute;
}
.related-box .thumb-list div.text   {float:right;width:83%; text-align:left;}
.related-box a span.comment      {color:#000!important; font-size:100%; line-height:1.25em}

.related-box .list-box      {background:#fff; margin:0 10px 20px; padding:0 30px}
.related-box .list-box ul          {margin-top:0}
.related-box .list-box ul li.norelated    {padding:10px;}
@media only screen
  and (max-width: 466px)  {
.related-box .thumb-list div.images   {width:37%;max-width:100px;}
.related-box .thumb-list div.text     {width:63%}
}

@media only screen
  and (min-width: 467px)
  and (max-width: 766px)  {
.related-box .thumb-list div.images   {width:19%;max-width:100px;}
.related-box .thumb-list div.text     {width:81%}
}

.norelated            {padding:5px 10px; border-bottom:none!important}
.norelated a          {display:inline!important; width:auto; color:#E50020!important; text-decoration:underline!important; padding:0!important; margin:0!important}
.norelated a:focus,
.norelated a:hover        {text-decoration:none!important; color:#999!important}
@media only screen
  and (max-width: 767px)  {
.norelated-box h3        {font-weight:bold; padding:0 10px 10px; margin:0}
}

/* ----------------------------------------------------------
Theme
---------------------------------------------------------- */
/*common*/
.theme .pull-right.button        {margin-top:-5px}
.theme .pull-right.button a        {font-size:90%; padding:2px 5px}

/*theme list*/
.theme .list-box             {padding:0; position:relative; display:block}
.theme .list-box a            {text-decoration:none!important}
.theme .list-box p.thumb        {display:inline-block; vertical-align:middle;padding:0;width:85px;}
.theme .list-box h3            {display:inline-block; vertical-align:middle;padding:0;background:transparent!important;width:84%}
.theme .list-box span.glyphicon      {display:inline-block; vertical-align:middle!important; width:1.5%}
.theme .list-box p.thumb img      {width:75px; height:auto; margin:0}
.theme .list-box a:hover p.thumb img  {opacity:0.75}
@media only screen
  and (max-width: 467px)  {
.theme .list-box h3            {width:63.5%}
.theme .list-box span.glyphicon      {width:3%}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 766px)  {
.theme .list-box h3            {width:79.5%}
.theme .list-box span.glyphicon      {width:3%}
}

/*theme*/
#stream .box.theme                    {width:100%!important; padding:0; margin:0; float:none; position:relative; display:block}
#stream .box.theme .section-inner            {background:#fff; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
#stream .box.theme .section-inner p.images        {text-align:center; margin:0 auto; position:relative}
#stream .box.theme .section-inner p.images img      {width:300px; height:auto; float:left; margin:10px 20px 10px 0;}
#stream .box.theme .section-inner p.images a:hover img  {opacity:0.75}
#stream .box.theme .section-inner h2          {font-size:140%; line-height:1.2em; margin:0; padding:10px 0 15px; font-weight:bold}
#stream .box.theme .section-inner h2 a          {color:#000; text-decoration:none}
#stream .box.theme .section-inner h2 a:hover      {color:#E50020; text-decoration:underline}
#stream .box.theme .section-body            {padding:10px 20px 10px}
#stream .box.theme .section-body p.thumb img      {width:30px; height:auto; border:1px solid #ccc; padding:1px; border-radius:2px}
#stream .box.theme .section-body p.text          {padding:0; font-size:90%; line-height:1.5em}
#stream .box.theme .section-body p.share        {padding:10px 0 0; text-align:left}
#stream .box.theme .section-body .twitter-share-button  {margin-right:-40px}
#stream .box.theme .theme-box .theme-content      {position:relative; margin:10px -15px}
#stream .box.theme .theme-box p.btn-box         {width:50%;margin:10px auto }
#stream .box.theme .theme-box p.btn-box a         {color:#fff; padding:5px 50px}
#stream .box.theme a.readmore              { visibility:hidden}

#stream .box.theme .post-box               {margin-top:30px}
#stream .box.theme .post-box p.subtitle          {font-size:110%; font-weight:bold; margin:20px 0 5px}
#stream .box.theme .post-box p.text            {margin:0 auto 10px; text-align:left}
#stream .box.theme .post-box p.sampleimg img        {border:1px solid #ccc;width:100%; height:auto; margin-bottom:10px}
#stream .box.theme .post-box .button-box        {background:#f9f9f9;text-align:center;margin:0 auto; padding:15px 0 }
#stream .box.theme .post-box .button-box .button    {text-align:center}
#stream .box.theme .post-box .button-box .button a    {color:#fff; display:block; text-align:center; margin:0 auto;font-size:110%}
#stream .box.theme .post-box .button-box .button .btn-primary,
#stream .box.theme .post-box .button-box .button .btn-secondary      {width:50%!important}
@media only screen
  and (max-width: 467px)  {
#stream .box.theme .section-body            {padding:0}
#stream .box.theme .section-inner p.images         {margin:-10px auto}
#stream .box.theme .section-inner p.images img      {width:auto; height:auto; max-width:100%;float:none; margin:10px 0 10px 0;}
#stream .box.theme .media-body h2            {margin:0 20px;font-size:120%; line-height:normal;}
#stream .box.theme .section-body p.text          {padding:0 20px; font-size:90%; line-height:1.5em}
#stream .box.theme .theme-box p.btn-box         {width:92%; margin:10px auto }
#stream .box.theme .theme-box p.btn-box a         {color:#fff; display:block; padding:5px 0}
#stream .box.theme a.readmore              {visibility:visible}

#stream .box.theme .post-box p.subtitle                  {padding:0 20px}
#stream .box.theme .post-box p.sampleimg                   {margin:10px 20px}
#stream .box.theme .post-box .button-box .button .btn-primary,
#stream .box.theme .post-box .button-box .button .btn-secondary      {width:90%!important}
}
@media only screen
  and (min-width: 468px)
  and (max-width: 766px)  {
#stream .box.theme .post-box p.subtitle                  {padding:0 20px}
#stream .box.theme .post-box p.sampleimg                   {margin:10px 20px}
#stream .box.theme .post-box .button-box .button .btn-primary,
#stream .box.theme .post-box .button-box .button .btn-secondary      {width:50%!important}
}

/* ----------------------------------------------------------
Edit / Reblog
---------------------------------------------------------- */
/*edit*/
#edit section        {position:relative; background:transparent; margin:0 auto 20px;}
#edit section h2      {text-align:left; font-weight:bold; padding:0 0 8px; display:inline-block}
#edit .section-inner    {text-align:left; margin:0 -10px}
#edit .overlay          {position:fixed; width:100%; height:100%;min-height:100%; background:#000; opacity:0.75;z-index:100000000;}
#edit .overlay .overlay-inner  {display:table; table-layout:fixed; width:100%}
#edit .overlay .overlay-inner p  {display:table-cell; vertical-align:middle; text-align:center; margin:0 auto; padding-top:250px}

/*edit-box*/
#edit .edit-box            {margin:0 auto}
#edit .edit-title          {padding:0 ; margin:0 0 5px;border-radius:4px; border:1px solid #ccc; background:#fff}
#edit .edit-title textarea       {border-radius:0;border:none;background:transparent}
#edit .edit-tool          {padding: 10px ; margin:5px 0 0; border-radius:4px 4px 0 0; border:1px solid #ccc; background:#f9f9f9}
#edit .edit-tool .btn-bold      {font-size:100%; padding:5px 10px}
#edit .edit-tool .btn-blockquote  {font-size:100%; padding:5px 10px}
#edit .edit-tool .btn-italic    {font-size:100%; padding:5px 12px}
#edit .edit-tool .btn-media      {display: inline-block;width:50px;height:30px;overflow: hidden;padding:5px 0 0;position: relative;}
#edit .edit-tool .btn-media input[type=file]    {
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
position: absolute;
right: 0;
left:0;
padding:0;
top: 0;
margin: 0;
font-size: 100px;
cursor: pointer;
}
#edit .edit-content            {padding:0 ; margin:-2px 0 10px;border-radius:0 0 4px 4px; border:1px solid #ccc; background:#fff}
#edit .edit-content textarea      {border-radius:0;border:none/*; outline:0; box-shadow:none;*/;background:transparent;}
#edit .edit-content .count         {min-height:40px}
#edit .edit-content .count p      {padding:10px; font-weight:bold}
#edit .edit-content .snippet       {}
#edit .edit-content .snippet-box    {padding:10px;}
#edit .edit-content .snippet-box img  {max-width:100%; width:auto; height:auto; margin-bottom:5px;}
#edit .edit-content .snippet-box p.code  {font-size:90%; line-height:1.4em; color:#999}
#edit .edit-tag              {padding:0 ; margin:0 0 10px;border-radius:4px; border:1px solid #ccc; background:#fff}
#edit .edit-tag input[type=text]    {border-radius:0;border:none;background:transparent}
#edit .edit-tag .edit-tag-list      {padding:10px}
#edit .edit-tag .edit-tag-list li    {position:relative; padding-right:5px}
#edit .edit-tag .badge          {font-size:70%; margin:0 2px 0 0; padding:4px 5px; vertical-align:top;background-color:#444!important; color:#fff; text-decoration:none}
#edit .edit-tag-usedwell        {margin:10px;}
#edit .edit-tag-usedwell a.btn      {font-size:100%; padding:5px 10px}
#edit .edit-tag-usedwell .usedwell-box  {padding:0 10px 10px;}
#edit .edit-tag-usedwell a.btn-tag    {margin:2px 1px 2px 0; padding:3px 8px}
#edit .edit-share            {padding:5px 10px; margin:0 0 10px;border-radius:4px; border:1px solid #ccc; background:#fff}
#edit .edit-share .btn          {margin:3px 1px 2px 0;font-size:100%; padding:5px 10px; }
#edit .edit-share .btn.active-off    {opacity:1.0; background-color:#ccc; border-color:#ccc}
#edit .edit-share .btn.active-on    {opacity:1.0}
#edit .edit-public            {padding:10px; margin:0 0 10px;border-radius:4px; border:1px solid #ccc; background:#fff}
#edit .btngroup-box            {margin:20px auto 0}
#edit .btngroup-box .btn-draft      {display:block}

#edit .tool-btn              {margin-top:0px}
#edit .tool-btn  a            {font-size:80%!important; padding:2px 10px;}
@media only screen
  and (max-width: 467px)
  and (max-width: 766px)  {
#edit .tool-btn             {margin-top:-2px}
}

/*snsuser-list*/
#edit .snsuser-list            {/*width:32.3333%; */display:inline-block;padding:5px 0; margin:0 -5px 0;vertical-align:middle;}
#edit .snsuser-list .thumb        {min-width:40px; max-width:40px;display:inline-block;width:13%; vertical-align:middle; position:relative; margin:0 5px}
#edit .snsuser-list .thumb img      {width:40px; height:auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
/*#edit .snsuser-list .name        {display:inline-block;width:75.5%; vertical-align:middle}*/
#edit .snsuser-list label        {opacity:0.3}/*SNSアカウント非連携時*/
#edit .snsuser-list label img      {border:3px solid transparent}
#edit .snsuser-list label.checked    {opacity:1.0}/*SNSアカウント連携時*/
#edit .snsuser-list label.checked img  {border:3px solid #dd0000}
@media only screen
  and (max-width: 767px)  {
#edit .snsuser-list            {display:block;width:100%; margin:0;}
#edit .snsuser-list .thumb        {min-width:40px;width:1%;}
/*#edit .snsuser-list .name        {width:80.5%;}*/
}

/*draft*/
.draft .list-box             {padding:0; position:relative; display:block;}
.draft .list-box a:hover        {text-decoration:none}
.draft .list-box h3            {display:inline-block; vertical-align:middle;padding:0;background:transparent!important; width:96.5%}
.draft .list-box span.glyphicon      {display:inline-block; vertical-align:middle!important; width:1.5%}
.draft .list-box p.date          {font-weight:normal; font-size:90%; color:#999; margin:5px 0 -10px; padding:0}

/*reblog*/
.reblog                  {background:#fff!important; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
.reblog .reblog-box           {padding:0}
.reblog .reblog-box p.btn-box       {margin:10px auto 0}
.reblog .reblog-box p.btn-box a      {color:#fff; display:block;}
.reblog .reblog-box .media p.images    {padding:0 20px}
.reblog .reblog-box .media p.images img  {width:300px; height:auto;float:left; margin:0 0 20px 0 }
.reblog .reblog-box .media-body      {padding:0 20px}
.reblog .reblog-box .media-body h2    {margin:0 0 10px; font-size:140%; line-height:1.2em;background:#fff!important}
.reblog .reblog-box .reblog-content    {position:relative; margin:10px -15px}
.reblog a.readmore            {visibility:hidden}

.reblog .author-info          {margin:0 10px 0}
.reblog .author-info p.thumb      {padding:5px 0 5px 5px}
.reblog .author-info p.thumb img    {width:30px; height:auto; margin:0}
@media only screen
  and (max-width: 767px)  {
.reblog .reblog-box .media p.images img  {width:auto; height:auto; max-width:100%;float:none; margin:0 auto }
.reblog .reblog-box .media p.images    {padding:0 }
.reblog .reblog-box .media-body h2    {margin:10px 0; font-size:120%; line-height:normal}
.reblog a.readmore            {visibility:visible}
}

/* ----------------------------------------------------------
Message
---------------------------------------------------------- */
/*message-box*/
.message-box             {position:relative;margin:-20px 0 0px; padding:0}
.message-box .list-box a      {text-decoration:none!important}
.message-box .list-box a:focus,
.message-box .list-box a:hover    {opacity:0.75}
.message-box .list-box li      {border-bottom:none; }

.message-box .media          {background:#fff; border-bottom:1px solid #ddd}
.message-box .media.inactive    {background:#f7f2f3; border-bottom:1px solid #ddd}
.message-box p.thumb.pull-left    {width:45px; padding:5px 0 0}
.message-box p.name          {display:inline-block; color:#d51524; padding:0}
.message-box p.message        {color:#555;font-weight:normal; padding:0}
.message-box p.date          {color:#999;font-weight:normal;font-size:90%; }
.message-box p.thumbs        {padding:5px 0 0; display:block; position:relative}
.message-box p.thumbs span      {display:inline-block; padding:0 0 7px; margin:0}
.message-box p.message span.name  {font-size:100%; color:#d51524; font-weight:bold}

.detail .message-box            {margin:-10px 0 0; padding:0}
.detail .message-box .list-box        {padding:10px 0}
.detail .message-box .media          {padding:10px 0}
.detail .message-box p.thumb.pull-left a  {width:45px; padding: 0 10px; position:relative;}
.detail .message-box p.name a        {color:#d51524; padding:0}
.detail .message-box .message-form              {margin:0 0 -11px 0; position:relative}
.detail .message-box .message-form .media-body        {padding:0 0 0 15px; }
.detail .message-box .message-form .col-lg-6        {border:1px solid #ccc; margin:0; width:95%;padding:0}
.detail .message-box .message-form .col-lg-6 .input-group  {width:100%}
.detail .message-box .message-form .col-lg-6 textarea    {border:none; padding:3px;outline:0!important; box-shadow:none!important}
.detail .message-box .message-form .col-lg-6 p.button    {text-align:center; padding:5px 0}
@media only screen
  and (max-width: 767px)  {
.message-box                   {margin:-10px 0 0px; padding:0}
.detail .message-box .message-form .col-lg-6  {width:90%;padding:0}
}

/* ----------------------------------------------------------
Sidebar
---------------------------------------------------------- */
#sidebar           {margin-top:0}
#sidebar a           {text-decoration:none}
#sidebar .sidemenu      {text-align:left;vertical-align:top;position:relative;margin-bottom:-1px;padding:10px;display:block;
              background:#fff; border:1px solid #d8d8d8;border-bottom:2px solid #d5d5d5;box-shadow:0 0 5px 0 #ddd}
#sidebar .sidemenu-body    {margin:10px}
#sidebar h2          {display:none}

/*userbox*/
#sidebar .user-box            {display:block; padding-top:0}
#sidebar .user-box ul          {margin:0 0px 5px}
/*#sidebar .user-box ul.user-list li        {border:none}
#sidebar .user-box ul.user-list li p.thumb img  {width:30px; margin:-5px 10px 10px 0; padding:0;border-radius: 50%!important}
#sidebar .user-box ul li a p.name    {margin:0 10px 0 0; font-weight:bold}
#sidebar .user-box ul li a p.subtitle  {font-weight:normal; font-size:90%; line-height:1.3em; color:#555;}
#sidebar .user-box ul li a p.text    {font-weight:normal;clear:both;font-size:90%; color:#999; text-align:lef; margin:10px 0 0; padding:0}
#sidebar .user-box ul li.text      {font-weight:normal;clear:both;font-size:90%; color:#999; text-align:lef; margin:0 10px 0; padding:0}

@media only screen
  and (max-width: 767px)  {
#sidebar          {clear:both;}
#sidebar h2          {text-align:left; font-weight:bold; padding:0 0 8px;}
#sidebar .sidemenu      {padding:0}
#sidebar .user-box      {display:none}
}
*/

/*category-list*/
#category .category-list    {margin:0; font-size:90%; padding-bottom:5px;}
#category .category-list li    {padding:0; border-bottom:none}
#category .category-list li a      {padding:5px 0 5px 20px; text-decoration:underline; color:#E50020}
#category .category-list li a:focus,
#category .category-list li a:hover    {text-decoration:none; color:#999}

#category .user-box .category-list        {margin:0; font-size:90%; padding-bottom:5px;}
#category .user-box .category-list li      {padding:0; border-bottom:none}
#category .user-box .category-list li a      {padding:5px 0 5px 20px; text-decoration:underline; color:#E50020}
#category .user-box .category-list li a:focus,
#category .user-box .category-list li a:hover  {text-decoration:none; color:#999}

/* ----------------------------------------------------------
Footer
---------------------------------------------------------- */
.footer-inner  {width:100%;padding:10px 0 25px}
.footer-body  {width:960px; margin:0 auto}
.footer-body p  {font-size:85%; color:#777; text-align:center;}

@media only screen
  and (max-width: 767px)  {
.footer-inner      {width:auto}
.footer-body      {width:auto; margin:0 auto}
.footer-body address  {font-size:85%; font-style:normal; padding:7px 0 30px}
}

/*pagetop
.pagetop      {display:none; bottom:10px; right:10px;position:fixed;z-index:1000;font-size:85%; text-align:right}
.pagetop.mobile    {display:none; bottom:0; right:0;position:relative;z-index:1000;font-size:85%; text-align:right;z-index:1000000000;}
.pagetop p a    {
opacity:0.75;
padding:5px 20px;
margin:0 auto;
text-align:center;
display:block;
background:#212121;
color:#fff;
text-decoration:none;
line-height:2.5em;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px
}
.pagetop.mobile p a  {
opacity:0.75;
padding:5px 0;
margin:20px auto 0;
text-align:center;
display:block;
background:#212121;
color:#fff;
text-decoration:none;
line-height:2.5em;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0
}
.pagetop p a:focus,
.pagetop p a:hover  {opacity:0.5}
*/
.pagetop      {display:none!important}


/* ----------------------------------------------------------
Plugin
----------------------------------------------------------
/*modal
.modal-body  {
  min-height:300px!important;
}
 */
.white-popup-block      {z-index:100000000000!important;position:relative!important;padding:5px 0 20px;width:90%; text-align:center; margin:0 auto; height:100%!important;}/*
.white-popup-block p.button  {text-align:center; margin:5px auto 0; display:block;width:90%; text-align:center; margin:0 auto; height:100%}*/
.white-popup-block a.popup-modal-dismiss  {display:block}

@media only screen
  and (max-width: 767px)  {
.white-popup-block    {width:100%;height:100%}
}

div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}


/* ----------------------------------------------------------
2015/05/22 updata
-----------------------------------------------------------*/
/*header*/
.global-topbar.loggedin        {float:right; margin-right:100px}
.global-topbar.guest        {float:right; margin-right:0}
.global-topbar ul          {float:right}
.navbar-collapse ul li        {text-decoration:none;margin-top:0px; height:40px;}
.navbar-collapse ul li.user a    {text-decoration:none;margin-top:-5px; height:40px;}

#header .navbar-brand        {width:350px;}
#header .navbar-brand h1.brand    {float:left}
#header .navbar-brand h1.brand a  {width:120px}
@media only screen
  and (max-width: 767px)  {
  #header .navbar-brand        {width:100%;}
  #header .navbar-brand h1.brand    {float:none!important}
  #header .navbar-brand h1.brand a  {width:auto}
  }

@media only screen
  and (max-width: 767px)  {
  .navbar-default            {margin-bottom:50px}
  #header .navbar-collapse      {border-top:1px solid #ccc!important;border-bottom:none!important; margin:50px auto -50px}
  #header .header-search        {position:relative; width:100%; float:none; margin:20px auto;}
  }

/*balloon*/
.balloon              {position: relative;mix-width: 53px;max-width: 150px;height: 36px;background-color: #f7f7f7;text-align: center;border:#ccc 1px solid;border-radius:3px;margin:5px;padding:2px 8px 4px;}
.balloon:before       {content: "";position: absolute;bottom: -4px;left: 50%;margin-left: -4px;width: 0;height: 0;border-top: 4px solid #ccc;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.balloon:after        {content: "";position: absolute;bottom: -2px;left: 50%;margin-left: -4px;width: 0;height: 0;border-top: 4px solid #f7f7f7;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.balloon .score       {position: relative;line-height:100%;text-align:center;font-size:100%;font-weight:bold;color:#e50020;margin-left:-10px;padding:0 8px 0 6px; line-height:2.2em;}
.balloon .score:after {content: "";position: absolute;margin-left:2px;margin-top:0.75em;width:10px;height:10px;background:url(../img/icon/k-red.png) no-repeat;background-size:10px 10px;}
.balloon .subtxt    {display:none}

#detail .balloon .score       {position: relative;line-height:100%;text-align:center;font-size:110%;font-weight:bold;color:#e50020;margin-left:-10px;padding:0 8px 0 6px; line-height:2.2em;}

/*balloon2*/
#single .balloon2,
#detail .balloon2              {position: relative;width: 80px;height: 26px;background-color: #f7f7f7;text-align: center;border:#ccc 1px solid;border-radius:3px;margin:10px 0;padding:2px 18px 4px}
#single .balloon2:before,
#detail .balloon2:before       {content: "";position: absolute;top:35%;left: 100%;width: 0;height: 0;border: 4px solid transparent;border-left: 6px solid #ccc!important;}
#single .balloon2:after,
#detail .balloon2:after        {content: "";position: absolute;top:35%;left: 99%;width: 0;height: 0;border: 4px solid transparent;border-left: 4px solid #f7f7f7!important;}
#single .balloon2 .score,
#detail .balloon2 .score       {position: relative;line-height:100%;text-align:center;font-size:90%;font-weight:bold;color:#e50020;margin-left:-10px;padding:0 8px 0 6px; line-height:2.2em;}
#single .balloon2 .score:after,
#detail .balloon2 .score:after {content: "";position: absolute;margin-left:2px;margin-top:0.5em;width:10px;height:10px;background:url(../img/icon/k-red.png) no-repeat;background-size:10px 10px;}
#single .balloon2 .subtxt,
#detail .balloon2 .subtxt    {display:none}

/*share-box*/
.share-box             {background-color:#f9f9f9; border-top:#ddd 1px solid; width:100%;margin:15px 0 -10px;}
.share-box .date       {text-align:right;color:#999;  font-size:75%; font-weight:normal;padding:12px;color:#999;}
.share-box .date span   {text-align:left; }
.share-box .share-list {text-align:right; margin-top:4px; margin-bottom:-10px;}
.share-box .share-list .like-box,
.share-box .share-list .arrow-box{display:inline-block; vertical-align:middle;}

.spviews .input-group     {padding:10px;}
.arrow-box .number        {height:20px; padding-left:5px; padding-right:5px; font-size:10px; color:#999; line-height:2em;}

#detail .share-box      {background-color:#fff; border-top:none; width:100%; margin:15px 0}


/*error404*/
.error404 h3        {text-align:left; font-weight:bold; font-size:120%; padding:10px 20px 8px!important; background:#fff!important;}
#single .error404 .related-box .thumb-list div.images   {width:12%;float:left;min-width:80px;}
#single .error404 related-box .thumb-list div.images p  {
  position:relative;
  width:120px;
  height:120px;
  overflow:hidden;
  margin:10px 0px
}
.related-box .thumb-list div.images p img {
  width:120px;
  height:auto;
  clip:rect(0px 120px 120px 0px);
  margin-left:-20px;
  margin-top:0px;
  position:absolute;
}

#single .error404 .related-box .thumb-list div.text    {width:88%}

@media only screen
  and (max-width: 466px)  {
#single .error404 .related-box .thumb-list div.images   {width:38%;}
#single .error404 related-box .thumb-list div.images p  {
  position:relative;
  width:100px;
  height:100px;
  overflow:hidden;
  margin:10px 0
}
.related-box .thumb-list div.images p img {
  width:100px;
  height:auto;
  clip:rect(0px 120px 80px 0px);
  margin-left:-20px;
  margin-top:0px;
  position:absolute;
}
#single .error404 .related-box .thumb-list div.text    {width:62%}
}

@media only screen
  and (min-width: 467px)
  and (max-width: 766px)  {
#single .error404 .related-box .thumb-list div.images   {width:19%;max-width:100px;}
#single .error404 .related-box .thumb-list div.text    {width:81%}
}


#single .error404 .section-body .errorimages  {
padding:310px 0 0;
background-image:url(/_common/img/common/logo.png);
background-repeat:no-repeat;
background-position:90% top;
margin-top:-150px;
position:relative;
/*background-size:60%;*/
}

@media only screen
  and (max-width: 767px)  {
#single .error404 h2              {padding:20px 20px 10px; }
#single .error404 .section-body          {width:auto;padding:0;width:100%; height:auto;}
#single .error404 .section-body .errorimages  {
padding:120px 0 0;
background-image:url(/_common/img/common/logo.png);
background-repeat:no-repeat;
background-position:bottom;
margin-top:0;
position:relative;
background-size:200px;
}
}



/* ----------------------------------------------------------
2015/12/01 updata
-----------------------------------------------------------*/

.btn-lg  {
color: #ffffff;
font-size:105%;
padding-top:15px;
}

.btn-twitter {
background-image:url(../img/icon/tw_logo_w30.png);
background-position:5% 60% ;
background-repeat:no-repeat
}

.btn-facebook {
background-image:url(../img/icon/fb_logo_w20.png);
background-position:5% 50% ;
background-repeat:no-repeat
}
/* ----------------------------------------------------------
2016/02/09 updata
-----------------------------------------------------------*/
.btn-group.btn-group-primary		{float:left;width:90%}
.btn-group.btn-group-secondary		{float:right;width:10%;position:relative}

.dropdown							{right:0; position:absolute;}
.dropdown a 						{padding:9px 0;font-size:80%}
.dropdown a .caret					{border-top-color:#dd0000}
.dropdown a:focus .caret,
.dropdown a:hover .caret			{border-top-color:#fff}
.dropdown-menu						{min-width:80px;margin-left:-5px;}
.dropdown-menu li					{width:100%;padding:0; text-align:left; background:#fff}
.dropdown-menu li button			{display:block;padding:5px 10px;width:100%;font-size:80%;}
.dropdown-menu li button:focus,
.dropdown-menu li button:hover		{background:#dd0000; color:#fff;}
	

@media only screen and (max-width: 467px) {
  .btn-group.btn-group-primary		{width:70%}
  .btn-group.btn-group-secondary		{width:30%}
}

@media only screen and (min-width: 468px) and (max-width: 767px) {
  .btn-group.btn-group-primary		{width:80%}
  .btn-group.btn-group-secondary		{width:20%}
}

.coin-btn-list  {
  border-top:1px dotted #dedede;
  padding:25px 0 0;
  margin:0 auto;
  text-align:center
}

.coin-btn-list .coin-btc,
.coin-btn-list .coin-mona  {
  display:inline-block
}

.coin-btn-list .coin-btc button  {
  background:url("/_common/img/icon/icon-btc.png") 10px 50% no-repeat #F8A138;
  min-width:14px;
  min-height:10px;
  padding-left:25px;
  color:#fff;
  border:none
}

.coin-btn-list .coin-mona button  {
  background:url("/_common/img/icon/icon-mona.png") 10px 50% no-repeat #B4A98E;
  min-width:14px;
  min-height:10px;
  padding-left:30px;
  color:#fff;
  border:none
}

/*modal*/
.modal .modal-title,
.modal .modal-body  {
  text-align:left!important
}

.modal .address-qr .qr-label  {
  color:#000;
  font-size:100%;
  font-weight:bold;
  padding:5px 0
}

.modal .address-qr .qr  {
  padding:5px 0
}