@charset "shift-jis";
/*
********************************************************************************
WebBoardスタイルシート

Front   : http://www.tree-web.net/
Private : http://wisp.tree-web.net/
Works   : http://works.tree-web.net/

Copyright (C) 2013-2015 TREE-WEB.NET
Copyright (C) ういすぷ
********************************************************************************
*/

*{
   margin:0px;
   padding:0px;
   font-weight:normal;
   list-style-type:none;
   border:none;
   text-decoration:none;
   
   font-style:normal;
   font-size:13px;
   line-height:1.5em;
   font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}

html,body {
   margin:0px;
   padding:0px;
   background-color:#ebf2f5;
   height:100%;
}
html {
   min-height:100%;
   height:auto !important;
   position:relative;
}
a,
a:before {
   transition:0.4s ease-in-out;
}


#contents {
   position:relative;
   margin-top:65px;
   margin-bottom:50px;
}


/*
float clear
*/
.floatclear{
   font-size:1px;
   margin:0px;
   padding:0px;
   clear:both;
}
.clearfix:after {
   content:'';
   display:block;
   clear:both;
}
.clearfix {
   zoom:1;
}


/*
header
*/
#contents > h1{
   position:fixed;
   top:0px;
   width:100%;
   max-height:40px;
   display:block;
   
   padding:8px 10px;
   color:#fff;
   font-size:18px;
   font-weight:bold;
   z-index:9999;
   overflow:hidden;
   background-color:rgba(0,119,200,0.9);
}

/*
footer
*/
#footer {
   text-align:right;
   padding:10px 0;
   position:absolute;
   bottom:0;
   min-width:100%;
   width:auto;
   background-color:#000;
}
#footer a,
#footer p{
   font-size:9px;
   color:#fff;
   padding:0 5px;
}




/*
--------------------------------------------------------------------------------
WebBoard Index
--------------------------------------------------------------------------------
*/
#blogs_menu {
   margin:0 10px;
   padding:10px;
   border-style:solid;
   border-width:1px;
   border-color:#ccc;
   background-color:#fff;
   box-shadow:0px 0px 3px #ccc;
}
#list {}
#list .item {
   margin-bottom:50px;
}
#list .item:last-child {
   margin:0;
}
#list .item > .title {
   padding:10px;
   display:block;
   font-size:130%;
   font-weight:bold;
   color:#fff;
   
   border-style:solid;
   border-width:1px;
   border-color:#eee;
   background-color:rgba(0,0,0,1);

}
#list .item > .title:hover {
   color:#000;
   border-color:#999;
   background-color:rgba(0,0,0,0.1);
}
#list .item > .sub_menu {
   margin-top:8px;
}
#blogs_menu #list .item > .sub_menu > li,
#globalMenu li{
   margin-right:5px;
   display:inline-block;
}


/* sitemap index */
#sitemapindex {
   margin-top:80px;
   text-align:right;
}
#sitemapindex > a {
   display:inline-block;
}



/*
--------------------------------------------------------------------------------
.commmonButton は共通ボタン設定用
--------------------------------------------------------------------------------
*/
.commmonButton{
   margin-bottom:3px;
   padding:5px 8px;
   display:block;
   color:#000;
   border-style:solid;
   border-width:1px;
   border-color:#eee;
   background-color:#eee;
   box-sizing:border-box;
}
.commmonButton:hover{
   background-color:#fff; /* */
   border-color:#ccc;
}
.commmonButton:before{
   content:"▲";
   margin-right:5px;
   display:inline-block;
   transform:rotate(90deg);
   -webkit-transform:rotate(90deg);
}
.commmonButton:hover:before{
   transform:rotate(450deg);
   -webkit-transform:rotate(450deg);
   color:#ddd;
}
/* back to blog top */
#globalMenu .Back a:before {
   transform:rotate(-90deg);
   -webkit-transform:rotate(-90deg);
   color:#b71d1d;
}
#globalMenu .Back a:hover:before {
   transform:rotate(-450deg);
   -webkit-transform:rotate(-450deg);
}





/*
--------------------------------------------------------------------------------
ページリンク共通設定
--------------------------------------------------------------------------------
*/

.pagelink_top,
.pagelink_bottom {
   margin:10px 0;
   text-align:center;
}
.pagelink_top a,
.pagelink_bottom a,
.pagelink_top .w,
.pagelink_bottom .w,
.pagelink_top .v,
.pagelink_bottom .v {
   padding:5px 10px;
   margin:2px 2px;
   display:inline-block;
   
   border-style:solid;
   border-color:#44869e;
   border-width:1px;
   background-color:#fff;
   color:#000;
}
.pagelink_top a:hover,
.pagelink_bottom a:hover,
.pagelink_top .v,
.pagelink_bottom .v {
   border-color:#000;
   background-color:#ccdfe6;
}
.pagelink_top span.w,
.pagelink_bottom span.w {
   color:#aaa;
   border-color:#aaa;
   background-color:transparent;
}



/* APP ブログタイトル */
#blogTitle {
   padding:6px 0;
   font-size:1.5em;
   font-weight:bold;
   color:#fff;
   text-align:center;
   background-color:#8c8d8e;
   box-shadow:0 1px 5px #aaa;
   border-radius:18px;
}

/* APP 戻りボタン等メニュー */
#globalMenu {
   margin:10px 0;
   text-align:right;
}




/*
--------------------------------------------------------------------------------
SmartPhone
*/
@media only screen and (max-width: 480px) {
   #blogs_menu {
      margin:0 10px;
   }
}
@media only screen and (max-width: 768px) {
   #contents > h1{
      font-size:14px;
      padding:5px;
   }
   
}