@charset "shift-jis";

/*
# ============================================================================================================ #
Copyright (C) 2013-2017 ういすぷ (wisp), All right reserved.
Copyright (C) 2013-2017 TREE-WEB.NET, All right reserved.
Front    : http://www.tree-web.net/
Private  : http://wisp.tree-web.net/
Works    : http://works.tree-web.net/
WebBoard : http://webboard.jp
# ============================================================================================================ #
*/


/*
-------------------------------------------------------------------
スタイルのリセット（初期化）
-------------------------------------------------------------------
*/
.TW_WB_preset1,
.TW_WB_preset2,
.TW_WB_preset3,
.TW_WB_preset4,
.TW_WB_preset5,
.TW_WB_preset6,
.TW_WB_preset7,
.TW_WB_preset_js1,
.TW_WB_preset1 a,
.TW_WB_preset2 a,
.TW_WB_preset3 a,
.TW_WB_preset4 a,
.TW_WB_preset5 a,
.TW_WB_preset6 a,
.TW_WB_preset7 a,
.TW_WB_preset_js1 a,
.TW_WB_JS_SLIDE a {
   width:100%;
   height:100%;
   
   margin:0px;
   padding:0px;
   
   list-style-type:none;
   line-height:1.3em;
   text-align:left;
   text-decoration:none;
   
   font-weight:normal;
   font-style:normal;
   font-size:16px;
   font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
   border:none;
}
.TW_WB_preset1 .TW_WB_date,
.TW_WB_preset4 .TW_WB_date,
.TW_WB_preset7 .TW_WB_date,
.SliderTYPE3 .TW_WB_date {
   margin-right:5px;
   font-size:70%;
}


/*
-------------------------------------------------------------------
design type1
-------------------------------------------------------------------
*/
.TW_WB_preset1 {}
.TW_WB_preset1 ul{}
.TW_WB_preset1 li{
   clear:both;
   display:block;
   min-height:72px;
   width:100%;
   
   padding-bottom:5px;
   margin-bottom:6px;
   border-style:none none dotted none;
   border-width:1px;
   border-color:#eee;
}

.TW_WB_preset1 .TW_WB_image,
.TW_WB_preset1 .TW_WB_image_small,
.TW_WB_preset1 .TW_WB_image_medium,
.TW_WB_preset1 .TW_WB_image_large,
.TW_WB_preset1 .TW_WB_image_overlarge {
   display:block;
   width:72px;
   height:72px;
   float:left;
}
.TW_WB_preset1 .TW_WB_date {
   margin-left:78px;
   display:block;
}
.TW_WB_preset1 .TW_WB_link {} /* A */
.TW_WB_preset1 .TW_WB_title { /* SPAN */
   margin-left:78px;
   display:block;
}



/*
-------------------------------------------------------------------
design type2
-------------------------------------------------------------------
*/
.TW_WB_preset2 {}
.TW_WB_preset2 ul{}
.TW_WB_preset2 li{
   clear:both;
   display:block;
   min-height:72px;
   width:100%;
   position:relative;
   
   padding-bottom:5px;
   margin-bottom:6px;
   border-style:none none dotted none;
   border-width:1px;
   border-color:#eee;
}

.TW_WB_preset2 .TW_WB_image,
.TW_WB_preset2 .TW_WB_image_small,
.TW_WB_preset2 .TW_WB_image_medium,
.TW_WB_preset2 .TW_WB_image_large,
.TW_WB_preset2 .TW_WB_image_overlarge {
   display:block;
   width:72px;
   height:72px;
   float:left;
}
.TW_WB_preset2 .TW_WB_link {} /* A */
.TW_WB_preset2 .TW_WB_title { /* SPAN */
   margin-left:78px;
   display:block;
}
.TW_WB_preset2 .TW_WB_description {
   margin-left:78px;
   display:block;
}
.TW_WB_preset2 .TW_WB_gotolink {
   position:absolute;
   bottom:3px;
   right:3px;
   font-size:12px;
}
@media only screen and (max-width: 481px) {
   .TW_WB_preset2 .TW_WB_title {
      height:72px;
      overflow:hidden;
      text-overflow:ellipsis;
   }
   .TW_WB_preset2 .TW_WB_description {
      margin-top:8px;
      margin-left:0;
      width:100%;
   }
}



/*
-------------------------------------------------------------------
design type3
-------------------------------------------------------------------
*/
.TW_WB_preset3 {}
.TW_WB_preset3 ul {}
.TW_WB_preset3 li {
   clear:both;
   display:block;
   min-height:72px;
   width:100%;
   position:relative;
   
   padding-bottom:5px;
   margin-bottom:6px;
   border-style:none none dotted none;
   border-width:1px;
   border-color:#eee;
}
.TW_WB_preset3 .TW_WB_date {}
.TW_WB_preset3 .TW_WB_description {
   display:block;
   position:relative;
   top:10px;
}
.TW_WB_preset3 .TW_WB_gotopagelink {
   position:absolute;
   top:0px;
   right:3px;
   font-size:12px;
}
.TW_WB_preset3 .TW_WB_description img {
   max-width:100%;
   height:auto;
}




/*
-------------------------------------------------------------------
design type4
-------------------------------------------------------------------
*/
.TW_WB_preset4 {}
.TW_WB_preset4 ul {}
.TW_WB_preset4 li {
   clear:both;
   display:block;
   min-height:16px;
   width:100%;
   position:relative;
   
   padding-bottom:5px;
   margin-bottom:6px;
   border-style:none none dotted none;
   border-width:1px;
   border-color:#eee;
}
.TW_WB_preset4 .TW_WB_date {
   margin-right:10px;
   min-width:95px;
   min-height:16px;
   display:block;
   float:left;
}
.TW_WB_preset4 .TW_WB_link {} /* A */
.TW_WB_preset4 .TW_WB_title { /* SPAN */
   margin-left:100px;
   display:block;
}
@media only screen and (max-width: 481px) {
   .TW_WB_preset4 .TW_WB_date {
      margin:0;
      width:100%;
      height:0;
      display:block;
      float:none;
   }
   .TW_WB_preset4 .TW_WB_title {
      margin:0;
      margin-top:5px;
   }
}



/*
-------------------------------------------------------------------
design type5
-------------------------------------------------------------------
*/
.TW_WB_preset5 {}
.TW_WB_preset5 ul {}
.TW_WB_preset5 li {
   display:inline-block;
   padding-right:5px;
}
.TW_WB_preset5 li a {
   display:block;
}
.TW_WB_preset5 li img {
   width:100px;
   height:100px;
}



/*
-------------------------------------------------------------------
design type6
-------------------------------------------------------------------
*/
.TW_WB_preset6 {}
.TW_WB_preset6 ul{}
.TW_WB_preset6 li{
   clear:both;
   display:block;
   min-height:72px;
   width:100%;
   
   padding-bottom:5px;
   margin-bottom:6px;
   border-style:none none dotted none;
   border-width:1px;
   border-color:#eee;
}
.TW_WB_preset6 .TW_WB_image,
.TW_WB_preset6 .TW_WB_image_small,
.TW_WB_preset6 .TW_WB_image_medium,
.TW_WB_preset6 .TW_WB_image_large,
.TW_WB_preset6 .TW_WB_image_overlarge {
   width:72px;
   height:72px;
   display:block;
   float:left;
}
.TW_WB_preset6 .TW_WB_link {} /* A */
.TW_WB_preset6 .TW_WB_title { /* SPAN */
   margin-left:8px;
}



/*
-------------------------------------------------------------------
design type7
-------------------------------------------------------------------
*/
.TW_WB_preset7 {}
.TW_WB_preset7 ul{}
.TW_WB_preset7 li{
   padding-bottom:5px;
   margin-bottom:6px;
   width:100%;
   display:block;
   border-bottom-style:dotted;
   border-bottom-width:1px;
   border-bottom-color:#eee;
   clear:both;
}
.TW_WB_preset7 .TW_WB_image,
.TW_WB_preset7 .TW_WB_image_small,
.TW_WB_preset7 .TW_WB_image_medium,
.TW_WB_preset7 .TW_WB_image_large,
.TW_WB_preset7 .TW_WB_image_overlarge {
   max-width:160px;
   max-height:160px;
   display:block;
   float:left;
}
.TW_WB_preset7 a {
   display:block;
}
.TW_WB_preset7 .TW_WB_date {
   margin-left:10px;
   margin-bottom:5px;
}

.TW_WB_preset7 .TW_WB_link {} /* A */
.TW_WB_preset7 .TW_WB_title { /* SPAN */
   margin-left:170px;
   margin-bottom:5px;
   display:block;
}
.TW_WB_preset7 .TW_WB_description {
   margin-left:170px;
   display:block;
}
@media only screen and (max-width:600px) {
   .TW_WB_preset7 .TW_WB_image,
   .TW_WB_preset7 .TW_WB_image_small,
   .TW_WB_preset7 .TW_WB_image_medium,
   .TW_WB_preset7 .TW_WB_image_large,
   .TW_WB_preset7 .TW_WB_image_overlarge {
      float:none;
   }
   .TW_WB_preset7 .TW_WB_date,
   .TW_WB_preset7 .TW_WB_title,
   .TW_WB_preset7 .TW_WB_description {
      margin:0;
   }
   .TW_WB_preset7 .TW_WB_date,
   .TW_WB_preset7 .TW_WB_title {
      margin-bottom:5px;
   }
}


/*
-------------------------------------------------------------------
JS利用デザイン(1) 
-------------------------------------------------------------------
*/
.TW_WB_preset_js1{}
.TW_WB_preset_js1 ul{
   position:relative;
}
.TW_WB_preset_js1 li{
   position:relative;
   margin-bottom:6px;
}
.TW_WB_preset_js1 .TW_WB_date {}
.TW_WB_preset_js1 .TW_WB_link {} /* A */
.TW_WB_preset_js1 .TW_WB_title { /* SPAN */
}



/*
-------------------------------------------------------------------
JS スライダー（jquery.bxslider ver.）
-------------------------------------------------------------------
*/
.TW_WB_JS_SLIDE {
   display:block;
}
.TW_WB_JS_SLIDE .bx-wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	*zoom:1;
}
.TW_WB_JS_SLIDE .bx-wrapper img {
	max-width:100%;
	display:block;
}
.TW_WB_JS_SLIDE .bx-wrapper .bx-pager-item {
   display:inline-block;
	*zoom:1;
	*display:inline;
}
.TW_WB_JS_SLIDE .bx-wrapper .bx-pager.bx-default-pager a {
	margin:0 2px;
	width:10px;
	height:10px;
	outline:0;
	display:block;
	text-indent:-9999px;
	border-radius:5px;
	background-color:#888;
}
.TW_WB_JS_SLIDE .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color:#000;
}
.TW_WB_JS_SLIDE .bx-wrapper .bx-pager.bx-default-pager {
   margin-top:10px;
   height:10px;
}


.SliderTYPE1 {
   width:160px; /*画像サイズに合わせて適時変更*/
}
.SliderTYPE1 .TW_WB_link {
   padding:5px;
   width:100%;
   height:3em;
	position:absolute;
   bottom:0px;
   overflow:hidden;
   display:block;
   color:#fff;
   background-color:rgba(0,0,0,0.8);
   transition:0.4s ease-in-out;
}
.SliderTYPE1 .TW_WB_link:hover {
   opacity:0;
   filter:alpha(opacity=0);
}

.SliderTYPE2 {}
.SliderTYPE3 {}
.SliderTYPE4 {}