@charset "utf-8";

/*-----------------------------------------------------	*/
/*	トップページ					*/
/*-----------------------------------------------------	*/

html, body { height: 100%; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


.tx90 { font-size:90%; line-height:120%; }
.tx80 { font-size:80%; line-height:110%; padding-top:0.3em; }
.tx-L { font-size:180%; }
.tx-orange { color:#FF7F00; }
.tx-white { color:#FFF; }
.tx-red { color:#AE1000; }
.tx-blue { color:#00BFFF; }
.tx-navy { color:#33638A; }
.tx-green { color:#64CA2C; }
.nounder { text-decoration:none; }

.wid50 { width:50%; }

h3 {
	clear:both;
	padding-bottom:0.5em;
	margin: 2em auto  0.5em auto;
	text-align:center !important;
	font-size:120%;
	font-weight:bold;
}

section {
	padding-bottom:80px;
	position:relative !important;
}

/*-- メインビジュアル  --*/

#Visual {
	width:100vw;
	height:25vh;
	max-height:200px;
	/*min-height:device-height;*/
	margin-top:85px;
	padding:0;
	/*color: #fff;*/
}

.mainvis {
	background: url(images/mainvis_news.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}

.catch {
	position: absolute;
	top: 30%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	text-align: center;
	font-size:290%;
	font-weight:300;
	line-height:160%;
	text-shadow:rgba(75,45,24,1.0) 1px 1px 6px;
	font-family:"ヒラギノ角ゴ Pro W6";
}

.noborder {
	border-bottom:none !important ;
	margin-bottom:0 !important ;
}

/*-- ページタイトル  --*/

#Ptitle {
	padding-bottom:0 !important ;
	padding-top:1em !important ;
}

#Ptitle h2 {
	font-size:170%;
	line-height:200%;
	text-align:center;
}

/*-- News  --*/

#News {
	overflow:hidden;
	padding-bottom: 5em;
	max-width:1200px;
	margin:0 auto;
}

#News h2 {
	font-size:150%;
	line-height:180%;
	margin-bottom:1.5em;
	margin-top:0 !important;
}

#News .date {
	display:block;
	color:#64CA2C;
	margin:0;
}

#News h3 {
	background:#ECFAE4;
	text-align:center;
	padding:1em;
	font-size:160%;
	color:#64CA2C;
	margin-top:2em;
	font-weight:normal;
}

#News dl.bn {
	clear:both;
	display:block;
	width:100%;
	overflow:hidden;
	border-bottom:1px dashed #64CA2D;
	padding:1.5em;
}

#News dl.bn dt {
	float:left;
	color:#64CA2C;
	width:12%;
	font-weight:normal;
}


/*-- ドロワーナビ --*/

#page{
	padding-top:0px;
	position: relative;
	z-index: 2;
	left: 0;
	background: #fff;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

#drawernav{
	position: fixed;
	top: 0;
	right: -240px;
	width: 240px;
	height: 100%;
	background: #64CA2D;
	color: #fff;
	z-index: 1;
	padding-top: 40px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
    }
	
#drawernav ul{
	list-style: none;
	padding: 0;
}

#drawernav ul li.subcat {
	padding-left:1.5em;
	font-size:90%;
}

#drawernav ul li.ttl,
#drawernav ul li a{
	color: #fff;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	border-top:1px dotted #FFF;
}

#drawernav ul li a:hover,
#drawernav ul li.inquiry a:hover{
	color: #FFF;
	background: #FB7E3C;
}

#drawernav ul li.inquiry a{
	color: #FA6B1F;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	border-bottom:1px dotted #FFF;
	background:#FCE4CB;
		}

#drawernav h4{
	padding: 0 15px; 
}

#humberger{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 3;
	width: 45px;
	padding: 17px 10px 10px;
	cursor: pointer;
}

.icon-bar{
	height: 2px;
	background: #333;
	display: block;
	margin-bottom: 6px;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
    -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

.fixed-content{
	right: inherit;
	width: 100%;
	z-index: 2;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}

#overlay{
	z-index:-1;
	opacity: 0;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
}	


/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 801px) {

	.SP,
	#header { display:none; }	
	
}


@media screen and (max-width: 800px) {
	
	.col {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	.PC,
	header#Defhead,
	div#Navmenu {
		display:none;
		visibility:hidden;
	}
	
	#Visual {
	margin-top:0;
	}

	.catch {
		font-size:240%;
		top: 20%;
		width:95%;
	}
	
	#News {
	width:90vw;
	max-width:800px;
	}
	
	#News h2 {
	font-size:130%;
	line-height:160%;
	margin-bottom:1.5em;
	}
	
	#News dl.bn dt {
	float:none;
	display:block;
	}
	
	#page{
		padding-top: 50px;
	}
	

}

@media(max-width: 800px) {

	/*-- ドロワーナビ開放時 --*/
	
    body.drawer-opened #page{
        left: -240px;
        box-shadow: 1px 0 2px #000;
        -webkit-box-shadow: 1px 0 2px #000;
    }
    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
        right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background: #fff;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,8px) rotate(45deg);
        -webkit-transform:translate(0,8px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-8px) rotate(-45deg);
        -webkit-transform:translate(0,-8px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity: 0.3;
        left: -240px;
    }
	
	section#Inq input { width:50% !important; }
	section#Inq input.widno { width:30% !important; }

}

@media screen and (min-width: 641px) {

	.SPP { display:none; }	
}


@media screen and (max-width: 640px) {
	
	.PCC,
	.comment02.SP {
		display:none;
		visibility:hidden;
	}
	
	section {
	padding-bottom:1em !important;
	}
	
	#News h3 {
	font-size:130%;
	}

.mainvis {
	background: url(images/mainvis_news_sp.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}

}

div.thumb {
    margin: 15px auto 30px auto;
    text-align: center;
}

div.thumb img {
    border: 1px solid #DDD;
    padding: 10px;
}

/* 202511 */
#News {padding-bottom:0;}
ul.book-page {display:flex;justify-content: center;}
ul.book-page li:nth-of-type(2) img {border-left: none;}
.btn-area {
    text-align: center;
}
.btn-area a {
    border: 2px solid #64CA2D;
    color: #64CA2D;
    padding: 15px 35px;
    display: inline-block;
    text-decoration: none;
}
.btn-area a:hover {
    background: #64CA2D;
    color: #FFFFFF;
}

@media (min-width: 801px) {
#News dl.bn {display:flex;}
#News dl.bn dt {min-width:110px;}
}