@charset "utf-8";
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

body, input, select {font-family:'S-CoreDream-4Regular'; color:#333; font-size:16px; word-wrap:break-word; word-break:keep-all;}
.wrap {position:relative; width:1440px; max-width:90%; margin-left:auto; margin-right:auto;}

header {position:relative; z-index:10;}

footer {text-align:center; padding:70px 5%;}
.footer_menu>ul {display:flex; justify-content:center;}
.footer_menu>ul>li:nth-of-type(n+2):before {display:inline-block; vertical-align:middle; content:""; width:1px; height:15px; margin:0 25px; background:rgba(255,255,255,.2); transform:rotate(20deg);}
.footer_menu>ul>li>a {color:#fff;}
address {margin-top:40px; margin-bottom:5px; font-family:'S-CoreDream-5Medium'}
.copyright {color:rgba(0,0,0,.5); font-size:14px; letter-spacing:0;}


.photo {position:relative; z-index:1;}
.photo>ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.photo>ul>li {width:24%; margin-top:10px;}
.photo>ul>li>a {display:block; border-radius:15px; background:#fff; overflow:hidden;}
.photo_img {height:320px; overflow:hidden;}
.photo_img img {position:relative; left:50%; transform:translateX(-50%) scale(1); max-width:none; min-width:100%; height:100%; transition:.5s;}
.photo a:hover .photo_img img {transform:translateX(-50%) scale(1.1);}
.photo_con {padding:30px 40px;}
.photo_ttl {font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.photo_date {margin-top:5px; color:#666; font-size:13px;}
.photo .noimg {text-align:center; min-height:220px; border-radius:15px; background:#f9f9f9;}
.photo .noimg img {position:relative; top:50%; min-width:50%; height:auto; transform:translateY(-50%);}


/*pc*/
@media all and (min-width:801px){
	header {display:flex; justify-content:space-between; align-items:center; padding:0 5%; border-bottom:1px solid rgba(0,0,0,.05);}
	body.sub_dark header {border-bottom-color:rgba(255,255,255,.15);}
	h1 {width:150px;}
	body.sub_dark h1 img {filter:invert(100%);}
	.lnb {flex-grow:1;}
	.lnb_toggle {display:none;}
	.lnb_list>ul {display:flex; justify-content:center;}
	.lnb_list_ttl, 
	.lnb_toggle-close {display:none;}
	.lnb_list>ul>li {position:relative; flex-basis:220px; text-align:center;}
	.lnb_list>ul>li>a {display:block; padding:38px 0; font-size:20px; color:rgba(0,0,0,.75); font-family:'S-CoreDream-5Medium';}
	body.sub_dark .lnb_list>ul>li>a {color:rgba(255,255,255,.9);}
	.lnb_sub {display:none; position:absolute; margin-top:-5px; width:100%; padding:30px 20px; border-radius:5px; background:rgba(0,0,0,.8);}
	.lnb_sub li {margin:5px 0;}
	.lnb_sub a {color:#fff;}
	.nd_link {display:inline-block; width:106px; margin-top:5px;}
}

/*small_pc2*/
@media screen and (max-width:1180px){
	.footer_menu {display:none;}
	address {margin-top:0;}

	.photo>ul>li {width:49%;}
}

/*tablet*/
@media screen and (max-width:800px){
	body.fix {height:100%; overflow:hidden;}
	h1, 
	.nd_link {display:none;}
	.lnb_toggle {display:block; position:absolute; left:5%; top:30px;}
	.lnb_toggle>a {display:block; width:30px; height:22px;}
	.lnb_toggle>a:after{display:block; content:''; position:absolute; left:0; top:9px; width:100%; height:4px; border-radius:6px; background:#333; box-shadow:0px -9px 0px #333, 0px 9px 0px #333}
	.sub_dark .lnb_toggle>a:after {background:#fff; box-shadow:0px -9px 0px #fff, 0px 9px 0px #fff}

	.lnb_list {position:fixed; left:-100%; top:0;  width:60%; height:100%; overflow-y:scroll; background:#fff; transition:.5s;}
	.lnb_list.on {left:0;}
	.lnb_toggle-close {display:none; position:fixed; left:65%; top:30px; width:30px; height:30px; z-index:10;}
	.lnb_toggle-close:before,
	.lnb_toggle-close:after {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:100%; height:3px; border-radius:6px; background:#fff;}
	.lnb_toggle-close:before {transform:rotate(-45deg);}
	.lnb_toggle-close:after {transform:rotate(45deg);}
	.lnb_bg {display:none; content:""; position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:-1;}
	/* .lnb_list_ttl {display:block; padding:33px 20px; font-size:20px; font-weight:bold;background:#359D5F; border-bottom:1px solid #eaeaea;} */
	.lnb_list_ttl {display:block; width:28px; height:26px; margin:33px 20px 20px; background:url('/trail/img/inc/menu_home.png') no-repeat;}
	.lnb_list>ul>li>a {display:block; padding:15px 20px 10px; font-size:16px; font-weight:bold;}
	.lnb_sub {padding:15px 30px; background:#f9f9f9;}
	.lnb_sub>li {position:relative; margin:10px 0; font-size:14px;}
	/* .lnb_sub>li:before {content:""; position:absolute; left:0; top:9px; width:6px; height:1px; background:#666;} */

	footer {padding:50px 5%;}
	footer:after {display:none;}
	address {font-size:14px;}
	.copyright {font-size:13px;}
}


/*tablet*/
@media screen and (max-width:600px){
	.photo_img {height:150px;}
	.photo_con {padding:15px 20px;}
	.photo_ttl {font-size:14px;}
}