@charset "utf-8";
@charset "utf-8";

/* 帯色 */
.bg-wood {background-color:#becad6;width:100%;}
.bg-navbar{background-color:#eee;width:100%;}
.b-navbar{background-color:#eee;width:100%;}

.bg-orange {background-color:darkorange;}
.bg-purple{background-color:purple;}
/* Topページ */

 /* ▼▼▼  nav menu ▼▼▼   */
.b-tag1,.b-tag2,.b-tag3,.b-tag4,.b-tag-x{
background-color:#fff;
border-top: 0px solid #eee;
border-bottom: 1px solid #aaa;
border-right:1px solid #ccc;
margin-right:6px;
margin-bottom:6px;
border-radius:5px;
}
.b-tag1{background-color: #233145;}
.b-tag2{background-color: #3d566f;}
.b-tag3{background-color:#d97455;}
.b-tag4{background-color:#f1ac5f;}
.b-tag-x{background-color:green;}
 /* ▼▼▼  sns　box ▼▼▼     */
 .snsbox{
margin:10px;
width:300px;
height:300px;
border:solid gray 1px;
position:relative;
overflow:hidden;
}
 .snsbox-wow{
margin:10px;
width:300px;
height:300px;
border:solid #fff 1px;
position:relative;
overflow:hidden;
}
.sns-word{
margin:3px auto 0px auto;
line-height:12px;
font-size:10px;
color: #555;
text-align:left;
width:94%;
}
.sns-posi {
    position: absolute;
    left: 0px;
    bottom: -1px;
}
/*▲▲▲   sns　box  ▲▲▲  */


/*  ▼▼boxコンテンツ ▼▼ */
.todaynews,.nannohi,.syucho,.kankeilink,.todayyoutube,.todaytree{
max-width:950px;
min-width:400px;
height:auto;
margin:20px auto;
font-size:15px;
line-height:18px;
color:#555;
}
.todaytree-in {margin:10px;}
.todaynews{}
.nannohi {}
.syucho{}
.kankeilink{}
.kankeilink table {
width:90%;
margin:5px auto;}
.kankeilink td {padding:10px;}
.todaynews {border-left: 8px solid #4A6F43;} /*1 top 教ノニュース */
.todayyoutube{border-left: 8px solid #E7D557;} /*2 top 動画 */
.nannohi {border-left: 8px solid #E3CCB9;} /*3 top 何の日 */
.syucho  {border-left: 8px solid #95A69C;} /*4 top 主張　 */
.kankeilink {border-left: 8px solid #B7BF8E;}/*5 top関係リンク*/
.todaytree {border-left: 8px solid #c38f95;} /*6インスタ木*/
.todaynews,.todayyoutube,.nannohi,.syucho,.kankeilink,.todaytree{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
/*  ▲▲box   コンテンツ ▲▲    */


/*　▼切替▼　*/
#kirikae{width:692px;margin-left:5%;margin-top:10px;}
/*-- PC --*/
.pc_area{display:block;}
.sp_area{display:none;}

/*-- sp  --*/
@media screen and (max-width:1000px){
.pc_area{display:none;}
.sp_area{ display:block;}
}
/*　▲切替▲　*/

.b-navtop{border-top:2px solid #555;margin-top:-2px;}


.thispage {
color: #009900;
font-weight:bold;
}

/*　▼足跡▼　*/
#b-breadcrumb {
width:99%;
margin:3px auto 18px auto;
font-size:13px;
background: linear-gradient(to right, #eee, white 90%);
padding: 10px;
border-left: 10px solid #777;}
#b-breadcrumb ol{
list-style:none;
margin:0;
padding:0;}
#b-breadcrumb ol li {display:inline;}
#b-breadcrumb ol li::after {
content:"＞";
padding-left:7px;
padding-right:3px;}
#b-breadcrumb ol li:last-child::after {content:none;}
/*　▲足跡▲　*/

/*　▼サブメニュー▼　*/
.menu-list{
border-left:8px solid #f0ccbd; /*サブメニュー 縦 */
background-color     :#FEF6E9; /*サブメニュー背景薄の色*/
border-right: 1px solid #ddd;
border-bottom:1px solid #ddd;
border-top: 1px solid #ddd;}
.menu-list,.menu-list2{
margin:10px auto;
font-size:16px;
width:95%;
padding:7px;
/* border:1px solid olivedrab; */
text-align:center;
line-height:32px;
}
.menu-list ol,.menu-list2 ol{
list-style:none;
margin:0;
padding:0;
}
.menu-list ol li,.menu-list2 ol li {
display:inline;
}
.menu-list ol li::after,.menu-list2 ol li::after {
content:"|";
font-weight:bold;
color:#ccc;
padding-left:7px;
padding-right:3px;
}
.menu-list ol li:last-child::after {
content:none;
}
.menu-list2{
text-align:left;
background-color: #fefefe;
border-left:8px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-top: 1px solid #ddd;
}
/*　▲サブメニュー▲　*/
/* ▼メール. 右上固定▼ */
.tomail{
position:fixed;
top:10px;
right:16px;
}
/* ▼上に戻る 右下固定▼ */
.pagetop{
position: fixed;
bottom: 16px;
right: 16px;
z-index: 999;
}
.pagetop a{
    display: block;
    text-decoration: none;
}
.pagetop:hover{opacity:0.55;}
/* ▲上に戻る 右下固定▲ */

.clearline {clear:both;}
/* ▼▼ 枠　共通  カラー色  フォント▼▼   */
.w-98 {width:98%;margin:5px auto 3px auto;}
.w-95 {width:95%;margin:5px auto 3px auto;}
.w-90 {width:90%;margin:5px auto 3px auto;}
.w-85 {width:85%;margin:5px auto 3px auto;}
.w-80 {width:80%;margin:5px auto 3px auto;}
.w-70 {width:70%;margin:5px auto 3px auto;}
.w-60 {width:60%;margin:5px auto 3px auto;}
.w-45 {width:45%;margin:5px auto 3px auto;}
.w-40 {width:40%;margin:5px auto 3px auto;}
.w-30 {width:30%;margin:5px auto 3px auto;}
.c-blue {color:blue ;}
.c-orange {color:orange;}
.c-maroon {color:maroon;}
.c-purple {color:purple;}
.c-fuchsia {color:fuchsia;}
.c-olive {color:olive;}
.c-green {color:green;}
.c-navy {color:#000080;}
.c-lime {color:lime;}
.c-red {color: #FF0000;}
.c-white {color:white;}
.c-yellow {color:yellow;}
.c-holday {color: #FFCC99}
.c-darkred {color:#8b0000}
.l-8 {font-size:8px;}
.l-9 {font-size:9px;}
.l-10 {font-size:10px;}
.l-11 {font-size:11px;}
.l-12 {font-size:12px;}
.l-13 {font-size:12px;}
.l-14 {font-size:14px;}
.l-16 {font-size:16px;}
.l-18 {font-size:18px;}
.l-20 {font-size:20px;}
.l-24 {font-size:24px;}
.l-28 {font-size:28px;}
.l-32 {font-size:32px;}
.lh-9 {line-height: 9px;}
.lh-10 {line-height: 10px;}
.lh-12 {line-height: 11px;}
.lh-13 {line-height: 12px;}
.lh-14 {line-height: 14px;}
.lh-15 {line-height: 15px;}
.lh-16 {line-height: 16px;}
.lh-18 {line-height: 18px;}
.lh-20 {line-height: 20px;}
.lh-22 {line-height: 22px;}
.lh-24 {line-height: 24px;}
.lh-26 {line-height: 26px;}
.lh-28 {line-height: 28px;}
.lh-30 {line-height: 30px;}
.l-b{font-weight: bold;}
.ls-1 {letter-spacing:1px;}
.ls-2 {letter-spacing:2px;}
.ls-3 {letter-spacing:3px;}
.ls-6 {letter-spacing:6px;}

.pad-5 {padding:5px;} 
.pad-10 {padding:10px;} 
.padtop-5 {padding-top:5px;} 
.padtop-10 {padding-top:10px;} 
.padtop-15 {padding-top:15px;} 
.tin-b5{text-indent:-5px;}
.tin-b10{text-indent:-10px;}
.tin-10{text-indent:10px;}
.tin-20{text-indent:20px;}
.ll-14 {line-height:14px}
.ll-15 {line-height:15px}
.ll-16 {line-height:16px}
.ll-17 {line-height:17px}

.m-L10{margin-left:-10px;}
.m-L15{margin-left:-15px;}

.kugiri0 {margin-left:2px;margin-right:1px;color: #999999;}
.kugiri1 {margin-left:5px;margin-right:5px;color: #999999;}
.kugiri2 {margin-left:10px;margin-right:10px;color: #999999;}
.l-cen,.l-c{
margin:0px auto;
text-align:center;
}
.l-left,.l-l{text-align:left;}
.l-right,.l-r{text-align:right;}
/*　▲▲ココまで基本形▲▲　*/



/*  ▼▼共通　回り込み 拡大▼▼ */
.fl-left,.float-L {
float:left;
margin:5px;
}
.fl-right,.float-R{
float:right;
margin:5px;
}



/* ▼▼切手拡大 transformとtransition ▼▼*/
.scale img {
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -m-transition: -m-transform 0.3s linear;
    transition: transform 0.3s linear;
 -moz-opacity: 1;
    opacity: 1;
}
.scale img:hover {
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -o-transform: scale(2.2);
    -m-transform: scale(2.2);
    transform: scale(2.2);
/*
 -moz-opacity: 1;
    opacity: 1;*/
box-shadow:2px 2px 5px 5px #ccc;
border:5px solid snow;
}

/*　▼▼自社広告　▼▼　*/
.pr01 {
width:95%;
margin:200px auto 5px auto;
border:5px solid palegoldenrod;
background-color: #FCFAF2; /*白練り */
text-align:center;
}

.pr01 img{
margin:10px;
box-shadow:0px 0px 10px #ccc;
border:1px solid darkkhaki;
}
.pr01 a:hover {opacity: 0.6;color:orange;text-decoration:none;border-bottom: 0px #0000ff solid;}
/*  ▼▼ PR用キヤンバー、デッキ施工▼▼  */
.imgprfoot{width:97%;margin:152px auto 10px auto;
border:1px solid #ddd; 
border-left:20px solid #D0104C; /*韓紅花*/
background-color: #FCFAF2; /*白練り */
padding-left:30px; 
padding-bottom:30px;
}
.imgprfootin{width:95%;margin:10px auto;}