body			{ background:#fcf0ef; padding-top:0; }
.header			{ background:rgba(255,255,255,0.8); position:fixed; top:0; left:0; z-index:99; width:100%; height:126px; overflow:hidden; }
.header.active	{ background:rgba(255,255,255,1); box-shadow:2px 0 10px #666; } 
.header h1.logo	{ position:absolute; top:19px; left:50%; transform:translateX(-50%);  }
.header h1.logo a			{ display:block; padding:41px 90px 9px 0; position:relative; text-decoration:none; }
.header h1.logo strong		{ display:block; font-size:15px; color:#e4012e; font-weight:normal; line-height:18px; padding-left:18px; }
.header h1.logo span		{ display:block; font-size:15px; color:#535353; line-height:18px; }
.header h1.logo a img		{ position:absolute; top:0; right:0; }
.header .l_logo	{ float:left; padding:36px 0 0 60px; }
.header>a.gnbBt	{ float:right; padding:44px 60px 0 0; color:#535353; font-size:20px; padding-left:45px; position:relative; }
.header>a.gnbBt span		{ display:block; width:32px; height:5px; background:#535353; border-radius:2px; position:absolute; top:56px; left:0; }
.header>a.gnbBt span:after	{ content:''; position:absolute; top:-9px; left:0; width:32px; height:5px; background:#535353; border-radius:2px; }
.header>a.gnbBt span:before	{ content:''; position:absolute; top:9px; left:0; width:32px; height:5px; background:#535353; border-radius:2px; }

.gnb			{ position:fixed; top:0; right:-450px; width:100%; max-width:450px; height:100%; background:#f19295; z-index:100; transform:translateX(100%); transition:all .6s; overflow-y:auto; }
.gnb ul			{ padding:120px 0 0; }
.gnb ul li		{ text-align:center; padding:0 0 20px; }
.gnb ul li strong		{ display:block; color:#fff; font-size:25px; line-height:55px; }
.gnb ul li a			{ display:block; color:#fff; font-size:18px; line-height:34px; }
.gnb .gnbClose			{ position:absolute; top:46px; right:60px; width:31px; height:28px; display:block; }
.gnb .gnbClose:after	{ content:''; width:100%; height:6px; background:#fff; border-radius:4px; position:absolute; top:50%; left:0; margin-top:-3px; transform:rotate(45deg); }
.gnb .gnbClose:before	{ content:''; width:100%; height:6px; background:#fff; border-radius:4px; position:absolute; top:50%; left:0; margin-top:-3px; transform:rotate(-45deg); }

.visual					{ display:block; line-height:0; text-align:center; position:relative; }
.visual img				{ width:auto; max-width:100%; }
.visual img.pc			{ display:inline; }
.visual img.mob			{ display:none; }
.visual .slick-list		{ overflow:hidden; }
.visual .slick-slide	{ float:left; }
.visual .slick-arrow	{ position:absolute; top:50%; width:45px; height:85px; border:0; z-index:10; text-indent:-9999px; overflow:hidden; transform:translateY(-50%); cursor:pointer; }
.visual .slick-arrow.slick-prev		{ left:40px; background:url(../img/main/leftArr.png) 0 0 no-repeat; }
.visual .slick-arrow.slick-next		{ right:40px; background:url(../img/main/rightArr.png) 0 0 no-repeat; }

.container				{ width:100%; }
.container .section		{ width:100%; padding:90px 0 110px; }
.container .section:nth-of-type(2n+1)		{ background:#f7c1c3; }
.container .section .inner		{ max-width:1260px; margin:0 auto; position:relative; }
.container .section .inner ul		{ width:100%; display:inline-block; }
.container .section .inner ul li	{ padding:0 15px; box-sizing:border-box; float:left; }
.container .section .inner ul li>a	{ display:block; background:#fff; padding-left:45px; line-height:0; color:#333; text-decoration:none; }
.container .section .inner ul li a img		{ width:100%; }
.container .section .inner>.tit		{ font-size:30px; color:#000; padding:0 0 45px; line-height:45px; text-align:center; }

ul.listLength2 li	{ width:50%; }
ul.listLength3 li	{ width:33.33333%; }

.container .section .inner ul.st1 li:nth-child(2) a,
.container .section .inner ul.st3 a		{ padding:0; }

.container .section .inner ul.st1 .cate	{ background:#fff; padding:16px 0 0 45px; line-height:33px; font-size:16px; color:#888888; }
.container .section .inner ul.st1 strong	{ display:block; line-height:30px; font-size:22px; color:#000; padding:14px 0; font-weight:normal; }
.container .section .inner ul.st1 li:nth-child(2) a strong		{ padding:14px 0 30px 45px; }
.container .section .inner ul.st1 span.txt		{ display:block; font-size:16px; color:#888; line-height:23px; padding:0 45px 30px 0; }
.container .section .inner ul.st1 span b	{ font-weight:normal; color:#000; }
.container .section .inner ul.st1 span em	{ font-style:normal; }

.container .section .inner ul.st2 .pc		{ display:block; }
.container .section .inner ul.st2 .mob		{ display:none; }
.container .section .inner ul.st2 strong	{ display:block; padding:25px 45px 25px 0; font-size:22px; color:#000; line-height:30px; font-weight:normal; }
.container .section .inner ul.st2 span>span		{ display:block; font-size:16px; color:#888; padding:10px 0 35px; position:relative; line-height:20px; }
.container .section .inner ul.st2 span>span:after		{ content:''; position:absolute; top:0; left:0; width:28px; height:1px; background:#888; }

.container .section .inner ul.st1 a:hover strong,
.container .section .inner ul.st2 a:hover strong,
.container .section .inner ul.st3 a:hover strong	{ text-decoration:underline; }
.container .section .inner ul.st3 a:hover strong span		{ text-decoration:none; }

.container .section .inner ul.st3 .txtWrap		{ display:block; padding:30px 45px; font-size:16px; color:#888; line-height:23px; }
.container .section .inner ul.st3 strong		{ display:block; font-size:22px; color:#000; line-height:30px; padding:10px 0 0; font-weight:normal; }
.container .section .inner ul.st3 span span		{ display:block; font-size:20px; color:#8a8a8a; padding:5px 0 0; }

.container .section .inner a .img		{ overflow:hidden; display:block; }
.container .section .inner a img		{ transform:scale(1); transition:all .6s; }
.container .section .inner a:hover img	{ transform:scale(1.08); transition:all .6s; }

.container .section:nth-of-type(4) a img,
.container .section:nth-of-type(4) a:hover img	{transform:none;}

.banner					{ width:100%; overflow:hidden; line-height:0; margin-bottom:90px; }
.banner>a				{ float:left; margin:0 15px; }
.banner p				{ float:right; }
.banner p>a				{ display:block; margin:22px 15px; }
.banner p>a:first-child	{ margin-top:0; }
.banner p>a:last-child	{ margin-bottom:0; }
.banner img.pc			{ display:block; }
.banner img.mob			{ display:none; }

.container .section .inner .link				{ display:flex; }
.container .section .inner .link li				{ flex:1; }
.container .section .inner .link li a			{ background:none; padding:0; text-align:center; }
.container .section .inner .link li a img		{ width:auto; max-width:100%; }
.container .section .inner .link li a span		{ display:block; line-height:40px; font-size:20px; color:#7a6352; padding:6px 0 0; }
.container .section .inner .link li a:hover span	{ text-decoration:underline; }


.footerWrap			{ width:100%; background:#252525; }
.footerWrap .footer	{ max-width:1100px; margin:0 auto; padding:36px 0; overflow:hidden; position:relative; }
.footerWrap .footer .footLogo		{ float:left; }
.footerWrap .footer address			{ float:left; color:#fff; font-size:15px; padding:5px 0 0 30px; font-style:normal; }
.footerWrap .footer .footLink		{ position:absolute; top:48px; right:0; }
.footerWrap .footer .footLink:after	{ content:''; position:absolute; top:5px; left:calc(50% - 6px); background:#929292; height:18px; width:1px; }
.footerWrap .footer .footLink a		{ color:#fff; font-size:17px; padding:0 0 0 26px; margin:0 20px; }
.footerWrap .footer .footLink a:nth-child(1)		{ background:url(../img/layout/footIcon1.png) 0 50% no-repeat; }
.footerWrap .footer .footLink a:nth-child(2)		{ background:url(../img/layout/footIcon2.png) 0 50% no-repeat; }

@media all and (max-width:1380px){
	.banner					{ max-width:1024px; margin:0 auto 80px; }
	.banner>a				{ width:31%; }
	.banner p				{ width:66%; }
	.banner img				{ width:100%; }
	.banner p>a				{ display:block; margin:22px 15px; }
	.banner p>a:first-child	{ margin-top:0; }
	.banner p>a:last-child	{ margin-bottom:0; }
}

@media all and (max-width:1024px){
	.container .section		{ width:100%; padding:30px 0 0px; }
	.container .section .inner ul		{ display:block; overflow:hidden; }
	.container .section .inner ul li	{ padding:0; float:none; margin-bottom:10px; }
	.container .section .inner ul li:last-child 	{ margin-bottom:0; }
	.container .section .inner ul li>a	{ padding-left:0; }
	.container .section .inner>.tit		{ font-size:20px; color:#000; padding:14px 0; line-height:30px; text-align:center; }

	ul.listLength2 li	{ width:100%; }
	ul.listLength3 li	{ width:100%; }
	
	.container .section .inner ul.st1 li:nth-child(2) a { padding:0 40px 25px; }

	.container .section .inner ul.st1 a		{ padding:0 40px; }
	.container .section .inner ul.st1 .cate	{ padding:14px 0; line-height:33px; font-size:16px; text-align:center; }
	.container .section .inner ul.st1 strong	{ line-height:24px; font-size:18px; padding:8px 0; text-align:center; }
	.container .section .inner ul.st1 li:nth-child(2) a strong		{ padding:0 0 20px 0; }
	.container .section .inner ul.st1 li:nth-child(3) a strong br	{ display:none; }
	.container .section .inner ul.st1 span		{ text-align:center; font-size:14px; line-height:19px; padding:0 0 20px 0; }
	.container .section .inner ul.st1 span b	{ font-weight:normal; color:#000; }
	.container .section .inner ul.st1 em		{ display:none; }
	.container .section .inner ul.st1 span.txt		{ padding:0 0px 30px 0; }

	.container .section .inner ul.st2 a			{ padding:10px; position:relative; }
	.container .section .inner ul.st2 .pc		{ display:none; }
	.container .section .inner ul.st2 .mob		{ display:block; }
	.container .section .inner ul.st2 a>span	{ position:static; width:100%; background:rgba(0,0,0,0.75); padding:10px; box-sizing:border-box; display:block; }
	.container .section .inner ul.st2 strong	{ padding:0 0 12px; font-size:16px; line-height:24px; color:#fff; }
	.container .section .inner ul.st2 span>span		{ font-size:12px; padding:4px 0 8px 0; line-height:16px; color:#fff; }
	.container .section .inner ul.st2 span>span:after		{ width:28px; background:#888; }

	.container .section .inner ul.st3 li:last-child	{ margin-bottom:10px; }
	.container .section .inner ul.st3 a			{ margin:0 10px 20px; }
	.container .section .inner ul.st3 .txtWrap		{ padding:15px 20px; font-size:12px; line-height:16px; }
	.container .section .inner ul.st3 strong		{ font-size:16px; line-height:24px; padding:6px 0 0; }
	.container .section .inner ul.st3 strong br		{ display:none; }
	.container .section .inner ul.st3 span span		{ font-size:14px; color:#8a8a8a; padding:5px 0 0; }
	
	.banner					{ margin-bottom:30px; }
	.banner>a				{ float:none; display:block; margin:0 20px; width:auto; }
	.banner p				{ float:none; width:auto; }
	.banner p>a				{ margin:20px; display:block; }
	.banner p>a:first-child	{ margin-top:20px; }
	.banner p>a:last-child	{ margin-bottom:20px; }
	.banner img.pc			{ display:none; }
	.banner img.mob			{ display:block; width:100%; }

	.container .section .inner .link li				{ flex:1; padding:0 12px; }
	.container .section .inner .link li:last-child	{ display:none; }
	.container .section .inner .link li a span		{ line-height:30px; font-size:12px; }
}


@media all and (max-width:960px){
	body			{ padding-top:0; }
	.header			{ height:64px; position:relative}
	.header h1.logo	{ top:9px; }
	.header h1.logo a			{ padding:14px 56px 2px 0; }
	.header h1.logo strong		{ font-size:13px; line-height:15px; padding-left:18px; }
	.header h1.logo span		{ font-size:13px; line-height:15px; }
	.header h1.logo a img		{ position:absolute; top:0; right:0; width:65px; }
	.header .l_logo	{ display:none; }
	.header>a.gnbBt	{ float:right; padding:0; width:32px; margin:20px 20px 0 0; color:#535353; font-size:20px; position:relative; text-indent:-9999px; }
	.header>a.gnbBt span		{ display:block; width:32px; height:5px; background:#535353; border-radius:2px; position:absolute; top:9px; left:0; }

	.gnb ul			{ padding:64px 0 0; }
	.gnb ul li		{ padding:0 0 12px; }
	.gnb ul li strong		{ font-size:20px; line-height:40px; }
	.gnb ul li a			{ font-size:16px; line-height:30px; }
	.gnb .gnbClose			{ top:23px; right:30px; }
	
	.visual img.pc			{ display:none; }
	.visual img.mob			{ display:inline; }
	.visual .slick-arrow	{ width:23px; height:43px; background-size:cover; }
	.visual .slick-arrow.slick-prev		{ left:20px; background-size:cover; }
	.visual .slick-arrow.slick-next		{ right:20px; background-size:cover; }

	.container				{ padding:0; position:relative; }
	.container .sns			{ position:static; text-align:center; width:100%; }
	.container .sns li		{ display:inline-block; padding:15px 6px 10px; }
	.container .top			{ display:none; }
	.contents				{ background:#fff; padding:35px 20px 50px; min-height:300px; }
	
	
	.footerWrap .footer	{ padding:20px 0; text-align:center; }
	.footerWrap .footer .footLogo		{ float:none; }
	.footerWrap .footer .footLogo img	{ width:170px; }
	.footerWrap .footer address			{ float:none; color:#fff; font-size:13px; padding:10px 0 10px; }
	.footerWrap .footer .footLink		{ position:relative; top:0;  }
	.footerWrap .footer .footLink:after	{ height:10px; }
	.footerWrap .footer .footLink a		{ font-size:12px; padding:0 0 0 18px; margin:0 12px; }
	.footerWrap .footer .footLink a:nth-child(1)		{ background:url(../img/layout/footIcon1.png) 0 50% no-repeat; background-size:14px auto; }
	.footerWrap .footer .footLink a:nth-child(2)		{ background:url(../img/layout/footIcon2.png) 0 50% no-repeat; background-size:14px auto; }
}