/* WLリニューアル（2016.09）　メインCSS 印刷用*/

@charset "UTF-8";

/*webfont*/
@import 'https://fonts.googleapis.com/css?family=Alfa+Slab+One';
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import 'https://fonts.googleapis.com/css?family=Bungee';
@import 'https://fonts.googleapis.com/css?family=Bowlby+One+SC';
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans';


body{width:1600px !important; font-family: "メイリオ", Meiryo, sans-serif; overflow-x:hidden; transition:all 0.5s;}

a{transition:all 0.3s;}

img{max-width:100%; vertical-align:bottom; vertical-align:top;}

p{margin:0; padding:0;}

ul{padding:0; margin:0; list-style:none;}
li{padding:0; margin:0;}

/*clearfix*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

.m-b5 {margin:0 0 5px;} .m-b10 {margin:0 0 10px;} .m-b15 {margin:0 0 15px;} .m-b20 {margin:0 0 20px;} .m-b25 {margin:0 0 25px;} .m-b30 {margin:0 0 30px;} .m-b35 {margin:0 0 35px;} .m-b40 {margin:0 0 40px;} .m-b45 {margin:0 0 45px;} .m-b50 {margin:0 0 50px;}

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

.lf{float:left;}
.rf{float:right;}
.clb{clear:both; visibility:hidden; margin:0; padding:0;}

/*calendar*/
.calendar {background-color:rgba(255,255,255,0.40); font-size:1.0em; border-collapse:collapse; margin:5px 0; font-family: 'Josefin Sans', sans-serif;}
table.calendar{border:1px #FFFFFF solid;}
table.calendar td {border: solid 1px #333333; text-align:center;}
.calendar-off {background-color:rgba(255,181,181,0.30);}
/* Holiday */
.calendar td.closed {color:#EF2F33; font-weight:bold; background-color:rgba(255,215,216,0.50);}
/* rinji */
table.calendar16 td.working { }


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



#mainimg{height:100vh;}
#MBmenu{display:none;}/*MB用メニュー非表示*/

/*PCメニュー*/
#PCmenu{width:300px; height:100vh; background:url("../images/bg-wood_w240.jpg"); padding:40px; box-sizing:border-box; position:fixed; top:0; left:0; z-index:10; font-family:"Midashi Go MB31";}
#PCmenu a{color:#FFFFFF; text-decoration:none;}
#PCmenu a:hover{opacity:0.6;}
#PCmenu .ttltx{text-align:center; font-size:14px; line-height:1.7em; font-weight:bold; color:#FFFFFF; padding:0; margin:5px 0 0 0; text-shadow:0 0 25px #000000, 0 0 20px #000000, 0 0 0.40px #000000;}
#PCmenu .mbd220{margin:20px 0; padding:0; display:block;}
#PCmenu .lmtxt{font-family: 'Alfa Slab One', cursive; font-size:22px; color:#FFFFFF; padding:0; margin:0 0 10px 0;}
#PCmenu .ms{font-size:16px; line-height:2.0em; color:#FFFFFF; font-weight:bold; margin:0 0 20px 0; padding:0;}
#PCmenu .mn{font-size:16px; line-height:1.7em; color:#FFFFFF; font-weight:bold; margin:0 0 20px 0; padding:0;}
#PCmenu .mn li{margin:0 0 0 1.0em;}

#PCmenu .PCmenuAdd{display:block; width:350px; height:176px; background-image: url("../images/Lmenu-add-BG.png"); position:fixed; bottom:20px; left:0;}
#PCmenu .PCmenuAdd .addTell{display:block; margin:20px 0 10px 10px; padding:0; transition:all 0.2s;}
#PCmenu .PCmenuAdd a.addTell:hover{-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}
#PCmenu .PCmenuAdd .addMail{display:block; margin:0 0 0 10px; padding:0; transition:all 0.2s;}
#PCmenu .PCmenuAdd a.addMail:hover{-webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}

.catch{display:block; position:absolute; top:0px; right:0;}

/*MBのみのメニュー非表示*/#mbtopMenu{display:none;}

/*WLキャッチテキスト*/
#WLcatchtxt{position:relative; padding:10px 0 0 0; margin:0 0 0 300px; background:url("../images/hemp-bg.png");}
#WLcatchtxt .WLCTinWrap{display:table; width:100%; margin:30px auto;}
#WLcatchtxt .WLCTinWrap .Limg{display:table-cell; vertical-align:top; width:22.5%; padding:0 0 0 5%; min-width:150px;}
#WLcatchtxt .WLCTinWrap .Ctext{display:table-cell; vertical-align:top; width:55%; text-align:center; background:url("../images/WLcatchtxt-BG.png"); background-repeat: no-repeat; font-family: 'Noto Sans Japanese' ;}
#WLcatchtxt .WLCTinWrap .Ctext .Cttl{margin:14% auto 6% auto; text-align:center;}
#WLcatchtxt .WLCTinWrap .Ctext p{font-size:20px; line-height:2.0em; margin:0 0 40px 0;}
#WLcatchtxt .WLCTinWrap .Rimg{display:table-cell; vertical-align:top; width:22.5%; padding:0 5% 0 0; min-width:150px;}
#WLcatchtxt .WLCTinWrap .MBimg{display:none;}/*モバイルのみ表示*/
#WLcatchtxt .tcbar{width:100%; height:21px; margin:0; padding:0; background:url("../images/BG-giza.png");}

/*トップコンテンツ*/
#topContents{width:100%; margin:0; padding:0; background:url("../images/hemp-bg2.jpg");}
#topContents .tcWrap{margin:0 0 0 300px; padding:40px 80px;}
/*左*/#topContents .tcWrap .L{width:60%; margin:0 5% 0 0; float:left; box-sizing:border-box;}
#topContents .tcWrap .L .blog{font-size:33px; line-height:1.0em; color:#ffff86; margin:0 0 10px 0; font-family: 'Bowlby One SC', cursive;}

/*ブログ*/
#topContents #topblog{border-top:#FFFFFF 2px solid; border-bottom:#FFFFFF 3px solid;}
#topContents .tcWrap .L .blogOne{display:block; border-top:#FFFFFF 1px solid; color:#FFFFFF; padding:20px 0; text-decoration:none; transition:all 0.5s;}
#topContents .tcWrap .L  a.blogOne:hover{background-color:rgba(147,194,239,0.35);}
#topContents .tcWrap .L .blogOne .blogTxt{margin:0 20px 0 0;}
#topContents .tcWrap .L .blogOne .blogDate{font-family: 'Josefin Sans', sans-serif; font-size:14px; padding:0; margin:0 0 5px 0;}
#topContents .tcWrap .L .blogOne .blogTitle{font-size:20px; font-weight:bold; margin:0 0 5px 0; padding:0; text-decoration:underline;}
#topContents .tcWrap .L .blogOne .blogImg{display:inline-block; background-color:#eee; background-position:center center; background-repeat:no-repeat; margin:0 40px 0 20px; width:200px; height:160px; background-size:cover; float:left;}
#topContents .tcWrap .L .blogOne .blogNext{background-color:#ff7f00; padding:5px 10px; margin:20px 0 0 0; text-align:center; font-weight:bold; width:140px; box-sizing:border-box; float:right;}

/*右*/#topContents .tcWrap .R{width:35%; margin:0; float:left; min-width:250px; box-sizing:border-box;}

/*ボーターズ*/
#topContents .tcWrap .R .btsBox{width:100%; padding:10px; margin:0 0 30px 0; background-color:#FFFFFF; font-size:14px; box-sizing:border-box;}
#topContents .tcWrap .R .btsBox a:hover{opacity:0.7;}
#topContents .tcWrap .R .btsBox .btsttl{border-bottom:#0ba9ff 2px solid; margin:0 0 5px 0; padding:0 0 5px 0; box-sizing:border-box;}
#topContents .tcWrap .R .btsBox .btsOttl{font-size:14px; font-weight:bold; padding:0; color:#3A3A3A; margin:0 0 3px 0; text-decoration:underline;}
#topContents .tcWrap .R .btsBox .blogImg{display:inline-block; background-color:#eee; background-position:center center; background-repeat:no-repeat; margin:0 20px 0 0; width:170px; height:140px; background-size:cover; float:left;}
#topContents .tcWrap .R .btsBox .blogImg:hover{opacity:0.7;}
#topContents .tcWrap .R .btsBox .btsNext{display:block; text-decoration:none; background-color:#ffffff; color:#0ba9ff; border:#0ba9ff 2px solid; padding:5px; margin:20px auto 0 auto; text-align:center; font-weight:bold; font-size:16px; width:100%; float:left; box-sizing:border-box; transition:all 0.5s;}
#topContents .tcWrap .R .btsBox a.btsNext:hover{background-color:#0ba9ff; color:#FFFFFF; opacity:1.0;}

/*リンク*/
#topContents .tcWrap .R .link{font-size:33px; line-height:1.0em; color:#ffff86; margin:0 0 10px 0; font-family: 'Bowlby One SC', cursive;}
#topContents .tcWrap .R .linkWrap{display:block; border-top:#ffffff 1px solid; border-bottom:#ffffff 2px solid;}
#topContents .tcWrap .R .linkWrap .linkOne{display:table; width:100%; text-decoration:none; border-top:#ffffff 1px solid; padding:10px; box-sizing:border-box; background-color:rgba(255,255,255,0.40); transition:all 0.5s;}
#topContents .tcWrap .R .linkWrap a.linkOne:hover{opacity:0.7;}
#topContents .tcWrap .R .linkWrap .linkOne .linkImg{width:180px; display:table-cell; vertical-align:middle;}
#topContents .tcWrap .R .linkWrap .linkOne .linkTxt{display:table-cell; padding:0 0 0 10px; vertical-align:middle; font-size:14px; color:rgba(255,255,255,1.00);}

/*フッター*/
footer{background-color:#d4dded; padding:20px 20px 20px 320px; display:table; width:100%; box-sizing:border-box;}
footer .ftL{display:block; float:left; width:170px; margin:0 0 0 60px; box-sizing:border-box;}
footer .ftC{display:block; float:left; text-align:left; font-size:12px; line-height:1.3em; color:#0b44aa; font-family: 'Noto Sans Japanese' ; box-sizing:border-box;}
footer .ftC p{padding:0; margin:0 0 5px 0;}
footer .ftR{display:block; float:right; width:85px; text-align:right; box-sizing:border-box;}
footer .ftC a{color:#0b44aa;}
footer .ftC a:hover{opacity:0.6;}
#topButton{transition:all 0.5s;}
#topButton:hover{opacity:0.6;}

/*calendar*/
.calendarttl{font-size:33px; line-height:1.0em; color:#ffff86; margin:0 0 10px 0; font-family: 'Bowlby One SC', cursive;}
#calendar{width:100%; margin:0 auto 20px auto;}
#calendar td{padding:5px; width:14.28%;}
.calendar_rd{ width:49%; margin:0 5px 0 0; float:left;}
.calendar_rd2{ width:46.8%; margin:0; float:left;}