/* 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 url('https://fonts.googleapis.com/css?family=Oswald:600');
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans';


body{font-family: 'Noto Sans Japanese';  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:0.85em; 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 { }


.ctlogo {
    animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0.3}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0.3}
    100% {opacity: 1}
}



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

@media screen and (min-width: 50px) and (max-width: 736px){

.mboff{display:none;}/*非表示*/

#mainimg{height:350px; top:100px;}
#PCmenu{display:none;}/*PC用メニュー非表示*/

#MBmenu{width:100%; height:50px; background-color:#00006F; padding:5px; box-sizing:border-box; position:fixed; top:0; left:0; z-index:10; font-family: 'Noto Sans Japanese';}
#MBmenu .ttltx{text-align:left; float:left; font-size:11px; line-height:1.3em; font-weight:bold; color:#FFFFFF; padding:0; margin:15px 0 0 5px;}
#MBmenu .mbd220{margin:20px 0; padding:0; display:block;}
#MBmenu .ms{width:90%; font-size:16px; line-height:2.0em; color:#FFFFFF; font-weight:bold; margin:20px auto 20px auto; padding:0;}
#MBmenu .mn{width:90%; font-size:16px; line-height:1.7em; color:#FFFFFF; font-weight:bold; margin:50px auto 20px auto; padding:0;}
#MBmenu .mn li{margin: 20px;padding: 0 0 5px 0;border-bottom:  1px #fff solid;}


.catchWrap{display:none;}

/*調整*/label.pure-toggle-label{top:5px;}

/*MBのみのメニュー*/
#mbtopMenu{background-color:#00006F; padding:20px 0;}
#mbtopMenu a , .pure-drawer a{color:#FFFFFF; text-decoration:none;}
#mbtopMenu .lmtxt{font-family: 'Alfa Slab One', cursive; font-size:22px; color:#FFFFFF; padding:0; margin:0 auto 10px auto;}
#mbtopMenu a.mbtmInOne {display: inline-block; width:32%; margin:0 10px; padding:20px; text-align:center; color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:bold; border-top:#FFFFFF solid 1px;}
#mbtopMenu a.mbtmInOneb {display: inline-block; width:32%; margin:0 10px; padding:20px; text-align:center; color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:bold; border-top:#FFFFFF solid 1px; border-bottom:#FFFFFF solid 1px;}
#mbtopMenu a.mbtmInOnenone {display: inline-block; width:32%; margin:0 10px; padding:20px; text-align:center; color:#FFFFFF; font-size:16px; text-decoration:none; font-weight:bold; border-top:0; border-bottom:0;}

/*WLキャッチテキスト*/
#WLcatchtxt{position:relative; padding:10px 0 0 0; margin:0;}
#WLcatchtxt .WLCTinWrap{width:100%; margin:30px auto;}
#WLcatchtxt .WLCTinWrap .Limg{display:none;}
#WLcatchtxt .WLCTinWrap .Ctext{vertical-align:top; width:95%; margin:0 auto; text-align:center; background:url("../images/WLcatchtxt-BG.png"); background-size:contain; background-repeat: no-repeat; font-family: 'Noto Sans Japanese' ;}
#WLcatchtxt .WLCTinWrap .Ctext .Cttl{margin:20px auto 20px auto; text-align:center;}
#WLcatchtxt .WLCTinWrap .Ctext p{font-size:12px; line-height:1.3em; margin:0 0 10px 0;}
#WLcatchtxt .WLCTinWrap .Rimg{display:none;}
#WLcatchtxt .WLCTinWrap .MBimg{display:block; width:100%; margin:30px 0 20px 0; padding:0;}/*モバイルのみ表示*/
#WLcatchtxt .tcbar{width:100%; height:21px; margin:0; padding:0;}

/*トップコンテンツ*/
#topContents{width:100%; margin:0; padding:0; background-color:#8195ce;}
#topContents .tcWrap{width:93%; margin:0 auto;}

/*左*/#topContents .tcWrap .L{width:100%; padding:10px 0; box-sizing:border-box;}
#topContents .tcWrap .L .blog{font-size:33px; line-height:1.0em; margin:0 0 5px 0; font-family: 'Oswald', sans-serif;}
#topContents .tcWrap .L .blog a{color:#ffffff; text-decoration:none;}

/*ブログ*/
#topContents #topblog{border-top:#FFFFFF 2px solid; border-bottom:#FFFFFF 3px solid; font-size:12px; line-height:1.3em; margin-bottom:20px;}
#topContents .tcWrap .L .blogOne{display:block; border-top:#FFFFFF 1px solid; color:#FFFFFF; padding:20px 0; text-decoration:none;}
#topContents .tcWrap .L .blogOne .blogTxt{margin:0 20px 0 0; font-size:14px; line-height:1.3em;}
#topContents .tcWrap .L .blogOne .blogDate{font-family: 'Josefin Sans', sans-serif; font-size:14px; line-height:1.2em; padding:0; margin:0 0 5px 0;}
#topContents .tcWrap .L .blogOne .blogTitle{font-size:16px; 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 10px 0 0; width:100px; height:100px; background-size:cover; float:left;}
#topContents .tcWrap .L .blogOne .blogNext{background-color:#ff7f00; font-size:14px; padding:5px 10px; margin:10px 0 0 0; text-align:center; font-weight:bold; width:140px; box-sizing:border-box; float:right;}

/*右*/#topContents .tcWrap .R{width:100%; margin:0 0 30px 0;}

/*ボーターズ*/
#topContents .tcWrap .R .btsBox{width:100%; padding:10px; margin:0 0 30px 0; background-color:#FFFFFF; font-size:12px; box-sizing:border-box;}
#topContents .tcWrap .R .btsBox .btsttl{border-bottom:#00006F 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 10px 10px 0; width:120px; height:120px; background-size:cover; float:left;}
#topContents .tcWrap .R .btsBox .btsNext{display:block; text-decoration:none; background-color:#ffffff; color:#00006F; border:#00006F 2px solid; padding:5px; margin:20px auto 0 auto; text-align:center; font-weight:bold; font-size:16px; width:100%; box-sizing:border-box; clear:both;}


/*フッター*/
footer{background-color:#d4dded; padding:30px 10px; display:table; box-sizing:border-box; width:100%;}
footer .ftL{display:block; width:180px; margin:0 auto 20px auto; box-sizing:border-box; text-align:center;}
footer .ftC{display:block; text-align:left; margin:0 0 10px 0; 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; width:100%; margin:0 0 20px 0; box-sizing:border-box; text-align:center;}
footer .ftR img{width:50px;}

/*calendar*/
.calendarttl{font-size:33px; line-height:1.0em; color:#ffff86; margin:0 0 5px 0; font-family: 'Oswald', sans-serif;}
.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);}


}


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


@media screen and (min-width: 737px) and (max-width: 5000px) , print{

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

/*PCメニュー*/
#PCmenu{width:250px; height:100vh; padding:40px; position:fixed; top:0; left:0; background-color:#FFFFFF; box-sizing:border-box; z-index:10; box-shadow: 0 0 20px #7a7d9e; font-family: 'Noto Sans Japanese';}
#PCmenu a{color:#00006f; 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 30px 0;}
#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 li{margin:0 0 10px 0;}
#PCmenu .ms{margin:20px 0; padding:0; color:#FFFFFF; font-size:16px; line-height:2.0em; font-weight:bold;}
#PCmenu .mn{margin:0 0 20px 0; padding:0; color:#FFFFFF; font-size:16px; line-height:1.7em; font-weight:bold;}
#PCmenu .mn li{margin:0 0 0 1.0em;}

#PCmenu .PCmenuAdd{display:block; max-width:250px; background-color:rgba(255,255,255,0.70); position:fixed; bottom:20px; left:0;}
#PCmenu .PCmenuAdd .addTell{display:block; margin:10px; padding:0; transition:all 0.2s;}
#PCmenu .PCmenuAdd .addMail{display:block; margin:0 10px; padding:0; transition:all 0.2s;}

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


.catchWrap{position:relative; height:100%;}
.catch{display:block; position:absolute; top:35vh; right:30px; font-size:3.0em; color:#FFFFFF; text-shadow:0 0 10px #000000;  font-family: 見出ミンMA31;}
.lead{padding:0; margin:10px 0;}


/*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-color:#8195ce;}
#topContents .tcWrap{margin:0 0 0 250px; padding:40px 80px;}
/*左*/#topContents .tcWrap .L{width:70%; margin:0 5% 0 0; float:left; box-sizing:border-box;}
#topContents .tcWrap .L .blog{font-size:33px; line-height:1.0em; margin:0 0 10px 0; font-family: 'Oswald', sans-serif;}
#topContents .tcWrap .L .blog a{text-decoration:none; color:rgba(255,255,255,1.00);}

/*ブログ*/
#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(255,255,255,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:#283142; 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:25%; 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:#00006F 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:150px; height:120px; 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:#00006F; border:#00006F 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:#00006F; color:#FFFFFF; opacity:1.0;}


/*フッター*/
footer{background-color:#d4dded; padding:20px 20px 20px 325px; display:table; width:100%; box-sizing:border-box;}
footer .ftL{display:block; float:left; width:170px; margin:0 10px 0 0; box-sizing:border-box;}
footer .ftC{display:block; float:left; text-align:left; font-size:12px; line-height:1.3em; color:#00006f; 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:#00006f;}
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: 'Oswald', sans-serif;}
#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;}

}

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

@media screen and (min-width: 737px) and (max-width: 1200px){
	
#PCmenu{width:200px; height:100vh; padding:20px; background-color:#FFFFFF; box-sizing:border-box; position:fixed; top:0; left:0; z-index:10; font-family: 'Noto Sans Japanese';}
#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:18px; color:#FFFFFF; padding:0; margin:0 0 10px 0;}
#PCmenu .ms{font-size:14px; line-height:1.5em; color:#FFFFFF; font-weight:bold; margin:20px 0; padding:0;}
#PCmenu .mn{font-size:14px; line-height:1.3em; color:#FFFFFF; font-weight:bold; margin:0 0 20px 0; padding:0;}
#PCmenu .mn li{margin:0 0 0 1.0em;}

#WLcatchtxt{position:relative; padding:10px 0 0 0; margin:0 0 0 200px; background:url("../images/hemp-bg.png");}
#WLcatchtxt .WLCTinWrap .Limg{display:none;}
#WLcatchtxt .WLCTinWrap .Ctext{display:table-cell; vertical-align:top; width:100%; text-align:center; background:url("../images/WLcatchtxt-BG.png"); background-repeat: no-repeat; font-family: 'Noto Sans Japanese' ;}
#WLcatchtxt .WLCTinWrap .Rimg{display:none;}
#WLcatchtxt .WLCTinWrap .MBimg{display:block; width:100%; margin:30px 0; padding:0; text-align:center;}/*モバイルのみ表示*/


#topContents .tcWrap{margin:0px 5px 5px 200px; padding:40px 0; box-sizing:border-box;}
#topContents .tcWrap .L{width:63%; margin:0 2% 0 0; float:left; min-width:200px; box-sizing:border-box;}
#topContents .tcWrap .R{width:35%; margin:0; float:left; min-width:200px; box-sizing:border-box;}

footer{background-color:#d4dded; padding:20px; margin:0 0 0 200px; display:table;}

}