@charset "utf-8";

/* --------------------------------------------------------------

新規アドミンバー201311改修分

20131111　ログイン状態時のcss修正
-------------------------------------------------------------- */

/*アドミンバーを上部に固定しないページの設定*/
body.creator #wrap-wp-admin-bar {
	position:static;
}


/*格納*/
body.creator #advanceMenu{
display: none;
}

/*bodyにcreator(格納）が付与されていてもアドミンバーを展開する設定*/

body.creator.openbar #wrap-wp-admin-bar{
		position:fixed !important;
}

body.creator.openbar #advanceMenu{
    display: block !important;
}
body.creator.openbar{
	margin: 70px auto 0;
}


/*pc版*/
#advanceContainer2 {
  min-height: 70px;
  height: 70px;
  border: none;
}

@media screen and (max-width: 500px) {
#advanceContainer2.pc {
	display:none !important;
}	
}

body.creator.bgc000 #advanceContainer2 {
	border-bottom: solid 1px #9d9d9d;
}

#advanceContainer2 .padder2 {
  margin: 0 auto !important;
  padding: 20px 0 0;
/*  min-width: 1100px;*/
}
#advanceContainer2 .padder2 div.logo {
  top: 20px;
  left: 0;
}
#advanceContainer2 #nav {
  position: absolute;
  top: 19px;
  left: 110px;
  margin: 0 !important;
  text-align: left !important;
}


#advanceContainer2 #nav ul.item {
  display: block;
  overflow: hidden;
  clear: both;
}
#advanceContainer2 #nav ul.item li {
  font-size: 13px;
}
#advanceContainer2 #nav ul.item li a {
  padding: 2px 8px !important;
}
#advanceContainer2 #search-bar {
  top: 25px !important;
  left: 640px !important;
}
#advanceContainer2 #search-bar form {
  top: 0 !important;
  height: 25px !important;
  background-color: #2b2b2b !important;
}
#advanceContainer2 #search-bar input[type="text"] {
  padding: 0 0 0 25px !important;
  width: 145px !important;
  height: 25px;
  background: #2b2b2b;
  color: #fff;
}
#advanceContainer2 #search-bar input[type="submit"] {
  right: none;
  left: 10px;
  height: 20px !important;
  background: url("../images/mypage/icon_search3.gif") no-repeat scroll 0 0 !important;
}
#advanceContainer2 #area_right {
  position: absolute;
  top: 20px;
  right: 0;
  float: right;
}
#advanceContainer2 #area_right #name_area {
  margin-top: 5px;
	max-width:150px;
	overflow:hidden;
}
#advanceContainer2 #area_right #number_area a {
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-top: 2px;
  padding: 5px 10px;
  background: #333;
  font-size: 16px;
  text-decoration: none;
}
#advanceContainer2 #area_right #number_area a:hover {
  background: #FF0000;
}
#advanceContainer2 #area_right #number_area #alert {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  right: 50px;
  z-index: 50;
  display: none;
  margin: 9px 0 0;
  padding: 3px 12px 2px;
  text-align: right;
  border-right: 1px solid #4d4d4d;
  background: #000;
  color: #fff;
  width: 150px;
  border-top: 1px solid #4d4d4d;
}
#advanceContainer2 #area_right #number_area #alert:after {
  position: absolute;
  top: -6px;
  right: 6px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #4d4d4d;
  border-left: 5px solid transparent;
  content: '';
}
#advanceContainer2 #area_right #number_area #alert span:after {
  position: absolute;
  top: -5px;
  right: 6px;
  z-index: 55;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  border-left: 5px solid transparent;
  content: '';
}
#advanceContainer2 #area_right div {
  display: inline-block;
  float: left;
  margin: 0 16px 0 0;
}
#advanceContainer2 #area_right ul#prof_area {
  display: inline-block;
  float: left;
}
#advanceContainer2 #area_right ul#prof_area li a:hover {
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  /* ie 8 */
  filter: alpha(opacity=60);
  /* ie lt 8 */
  -moz-opacity: 0.6;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;
  /* Safari 1.x */
}

#advanceContainer2 #area_right ul li #balloon-menu {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 50;
  display: none;
  margin: 5px 0 0;
  /*padding: 0 12px 10px;*/
  border-right: 1px solid #4d4d4d;
  background: #000;
  color: #fff;
  border-top: 1px solid #4d4d4d;
	width:210px !important;
}
#advanceContainer2 #area_right ul li #balloon-menu :after {
  position: absolute;
  top: -7px;
  right: 10px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #4d4d4d;
  border-left: 7px solid transparent;
  content: '';
}
#advanceContainer2 #area_right ul li #balloon-menu ul#tl:after {
  position: absolute;
  top: -5px;
  right: 10px;
  z-index: 55;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #000;
  border-left: 7px solid transparent;
  content: '';
}
#advanceContainer2 #area_right ul li #balloon-menu li {
  border-bottom: solid 1px #252525;
  color: #ccc;
}

#advanceContainer2 #area_right ul li #balloon-menu li a{
	display:block;
  padding: 10px 12px 10px;
text-decoration: none;
}

#advanceContainer2 #area_right ul li #balloon-menu li:first-child,
#advanceContainer2 #area_right ul li #balloon-menu li:first-child a{
-webkit-border-top-left-radius: 10px;  
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;  
-moz-border-radius-topright: 10px; 
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

#advanceContainer2 #area_right ul li #balloon-menu li:last-child,
#advanceContainer2 #area_right ul li #balloon-menu li:last-child a{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#advanceContainer2 #area_right ul li #balloon-menu li a:hover{
	background: #2B2B2B;
	text-decoration:none;
}

#balloon-menu li.myblog,
#balloon-menu li.admin-options{
  padding: 10px 12px 15px;	
}

#balloon-menu li.myblog dl,
#balloon-menu li.admin-options ul{
	margin:10px 0 0 10px;
}

#advanceContainer2 #area_right ul li #balloon-menu li.myblog dl dt{
	word-wrap: break-word;
	line-height:1.1;
	padding:0;
	margin-bottom:1px;
}

#advanceContainer2 #area_right ul li #balloon-menu li.myblog dl dd{
	margin-bottom:5px;
	margin-left:1em;
}

#advanceContainer2 #area_right ul li #balloon-menu li.myblog dl dt a{
	padding:0;
	margin:-1em 0 0 0.5em;
}

#advanceContainer2 #area_right ul li #balloon-menu li.myblog dl dd a{
	padding:0;
	margin:-1.6em 0 0 0.5em;
}



#advanceContainer2 #area_right ul li #balloon-menu li.admin-options ul li a{
    line-height: 1.1;
    margin: -1.3em 0 0 1em;
    padding: 0;
		border-radius:0;
}


#advanceContainer2 #area_right ul li #balloon-menu li.myblog dl dt:before,
#advanceContainer2 #area_right ul li #balloon-menu li.myblog dl dd:before,
#advanceContainer2 #area_right ul li #balloon-menu li.admin-options ul li:before{
	content:"-";
}

#advanceContainer2 #area_right ul li #balloon-menu li.admin-options ul li{
	border:none;
	margin-bottom: 0.7em;
}




/*ログアウト状態*/
#advanceContainer2 #area_right ul#loginnav_area li {
  display: inline-block;
	margin: 5px 0.5em;
}

#advanceContainer2 #area_right ul#loginnav_area li+li {
	border-left:1px solid #cccccc;
	 padding-left: 1em;
}

#advanceContainer2 #area_right ul#loginnav_area li a{
	color:#cccccc;
}

#advanceContainer2 #area_right ul#loginnav_area li a img{
	vertical-align:text-bottom;
}



/*レスポンシブ対応*/
@media screen and (max-width: 500px) {
#advanceContainer2 .padder2 {
		min-width:100%;
}
#advanceContainer2 .padder2 #nav,
#advanceContainer2 .padder2 #search-bar,
#advanceContainer2 #area_right #number_area,
#advanceContainer2 #area_right #name_area,
#advanceContainer2 #area_right ul li #balloon-menu li.mobile-hide,
#advanceContainer2 #area_right ul#loginnav_area
{
   display: none !important;
}

#advanceContainer2 .padder2 div.logo{
	left:10px;
}

#advanceContainer2 #area_right ul li #balloon-menu{
	margin-right: 15px;
}

#advanceContainer2 #area_right ul li #balloon-menu ul#tl:after {
    right: 60px;
}
#advanceContainer2 #area_right ul li #balloon-menu *:after {
    right: 60px;
}

#advanceContainer2 #area_right div#respo-menu{
	margin:3px 15px 0;
}

#respo-open-menu{
	background:#000;
	width:100%;
	max-width:none;
}

#respo-open-menu #menuContainer dl.menu_bar dt {
    background: none repeat scroll 0 0 #212121;
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px;
}

#respo-open-menu #menuContainer dl.menu_bar dt a {
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    margin: 4px 0 0;
}
#respo-open-menu #menuContainer dl.menu_bar dt a span {
    background: url("../images/mypage/m_close.png") no-repeat scroll right center / 12px auto rgba(0, 0, 0, 0);
    padding: 0 15px 0 0;
}
#respo-open-menu menuContainer dl.menu_bar dd {
    background: none repeat scroll 0 0 #000000;
    color: #CCCCCC;
}
#respo-open-menu #menuContainer dl.menu_bar dd ul li {
    border-top: 1px solid #CCCCCC;
    font-size: 10px;
}
#respo-open-menu #menuContainer dl.menu_bar dd ul li a {
    background: url("../images/mypage/SP_menu_arrow.jpg") no-repeat scroll 97% center / 5px auto rgba(0, 0, 0, 0);
    color: #CCCCCC;
    display: block;
    padding: 10px 15px;
		text-decoration:none;
}
#respo-open-menu #menuContainer dl.menu_bar dd ul li:last-child {
    border-bottom: 1px solid #CCCCCC;
}

/*レスポ検索窓*/
/*adminbar検索ボックス*/

#respo-open-menu #menuContainer dl.menu_bar dd ul li#adminbar-search{
width: 100%;
padding: 10px 0;
margin: 0 auto;
background:#2e2e2e;
font-size:16px;
}

#respo-open-menu #menuContainer dl.menu_bar dd ul li#adminbar-search form{
width: 305px;
height: 35px;
margin: 0 auto;
position: relative;
background:#848484;
}

#respo-open-menu #menuContainer dl.menu_bar dd ul li#adminbar-search input[type="text"] {
width: 295px;
height: 35px;
padding:0 0 0 10px;
border:none;
color:#fff;
background:#848484;
font-size:16px;
}

#respo-open-menu #menuContainer dl.menu_bar dd ul li#adminbar-search input[type="submit"] {
height: 35px;
width: 35px;
padding:0 5px;
border: none;
background: url(../images/common/m-search-btn.png) no-repeat center center;
background-size:19px auto;
cursor: pointer;
position:absolute;
bottom: 0;
right: 0;
}

#respo-open-menu #menuContainer dl.menu_bar dd ul li input::-webkit-input-placeholder {
    color:#fff;
}

/*for Firefox*/
#respo-open-menu #menuContainer dl.menu_bar dd ul li input:-moz-placeholder {
    color:#fff;
}


}


@media screen and (min-width: 740px) and (max-width: 1060px) {
#advanceContainer2 .padder2 #nav {
    width: 65%;
}
}

@media screen and (min-width: 501px) and (max-width: 739px) {
#advanceContainer2 .padder2 #nav {
    width: 47%;
}
}

@media screen and (min-width: 501px) and (max-width: 1060px) {
body {
    margin: 125px auto 0;
}
#advanceContainer2 {
    height: 125px;
}

#advanceContainer2 .padder2 {
		min-width:100%;
}

/*#advanceContainer2 .padder2 #nav {
    width: 350px;
}*/
#advanceContainer2 .padder2 #search-bar {
	position:absolute !important;
	top:25px !important;
	left:auto !important;
	right:10px !important;
}
#advanceContainer2 #area_right {
	top:70px;
	right: 10px;
}
}




@media screen and (max-width: 690px) {
  #advanceContainer2 .padder2 #nav {
    padding: 0 !important;
  }
}

@media screen and (min-width: 501px) {
#advanceContainer2 #area_right div#respo-menu,
#respo-open-menu{
	display:none;
}
}

@media screen and (max-width: 500px) {
#wrap-wp-admin-bar .menubtn,
#respo-open-menu{
	display:none;
}
}