@charset "UTF-8";


/* Setting
------------------------------------------------------------------- */
html,body { color:#333; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; background:#FFF; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; }

a { color:#EE8318; text-decoration:underline;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a img { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a:hover { color:#F19C46; }
.defs { display:none; }

	/* block */
	.container { width:1000px; margin:0 auto; position:relative; }
	.container:after { content:""; display:block; clear:both; }
	
	/* block */
	.fix { position:absolute; right:0; top:855px; padding:20px 15px; background:#CCC;
	border-top-left-radius:5px; border-bottom-left-radius:5px; }
	.fix:hover { background:#EE8318; padding:20px 20px; }
	

/* header
------------------------------------------------------------------- */
body > header { position:absolute; left:0; top:40px; width:100%; z-index:99999; }
body > header h1 { float:left; }
body > header address { float:right; }


/* nav
------------------------------------------------------------------- */
body > nav { width:100%; position:relative; background:#FFF; height:80px; line-height:80px; box-sizing:content-box; border-bottom:10px solid #EE8318; z-index:99999; margin-top:-90px; margin-bottom:60px;
-moz-box-shadow:0px -2px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px -2px 5px rgba(0,0,0,0.3); -o-box-shadow:0px -2px 5px rgba(0,0,0,0.3); box-shadow:0px -2px 5px rgba(0,0,0,0.3); }
body > nav ul li { float:left; }
body > nav ul li a { display:block; color:#000; text-decoration:none; font-weight:bold; font-size:1.35rem; margin-left:63px; height:80px; }
body > nav ul li:first-child a { margin-left:0; }
body > nav ul li a:hover { color:#EE8318; }
body > nav ul li a img { margin-right:10px; }
body > nav ul li a:hover img { -webkit-animation:turn 1.5s; -moz-animation:turn 1.5s; -ms-animation:turn 1.5s; -o-animation:turn 1.5s; animation:turn 1.5s; }

	@-webkit-keyframes turn {
		0% { -webkit-transform:rotateX(0deg); }
		100% { -webkit-transform:rotateX(360deg); }
	}
	@-moz-keyframes turn {
		0% { -moz-transform:rotateX(0deg); }
		100% { -moz-transform:rotateX(360deg); }
	}
	@-ms-keyframes turn {
		0% { -ms-transform:rotateX(0deg); }
		100% { -ms-transform:rotateX(360deg); }
	}
	@-o-keyframes turn {
		0% { -o-transform:rotateX(0deg); }
		100% { -o-transform:rotateX(360deg); }
	}
	@keyframes turn {
		0% { transform:rotateX(0deg); }
		100% { transform:rotateX(360deg); }
	}

body > nav div > a { display:block; width:100px; height:30px; line-height:30px; padding-left:13px; background:#EE8318; border-top-left-radius:5px; border-top-right-radius:5px; position:absolute; left:0; top:-30px; }
body > nav div > a:hover { height:35px; top:-35px; }


/* fv
------------------------------------------------------------------- */
.bx-wrapper { position:relative; height:105vh; }
.bx-wrapper ul { height:105vh; }
.bx-wrapper ul li { height:105vh; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; text-align:center; }
.bx-wrapper ul li:nth-child(1) { background-image:url(../images/fv01r.jpg); }
.bx-wrapper ul li:nth-child(2) { background-image:url(../images/fv02.jpg); }
.bx-wrapper ul li:nth-child(3) { background-image:url(../images/fv03.jpg); }

.bx-wrapper ul li h2 { text-align:center; margin-top:180px; margin-bottom:40px; }
.bx-wrapper ul li:nth-child(2) h2 { margin-top:190px; }
.bx-wrapper ul li:nth-child(3) h2 { margin-top:190px; }

.bx-wrapper ul li a { display:block; width:200px; height:40px; line-height:40px; text-align:center; text-decoration:none; margin:0 auto; color:#FFF; border-radius:20px; letter-spacing:1px; position:relative; }
.bx-wrapper ul li a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:20px; top:14px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.bx-wrapper ul li a:hover:after { right:15px; }

.bx-wrapper ul li:nth-child(1) a { background:#EE8318; }
.bx-wrapper ul li:nth-child(2) a { background:#696; }
.bx-wrapper ul li:nth-child(3) a { background:#06C; }
.bx-wrapper ul li:nth-child(1) a:hover { background:#F19C46; }
.bx-wrapper ul li:nth-child(2) a:hover { background:#85AD85; }
.bx-wrapper ul li:nth-child(3) a:hover { background:#3385D6; }

.bx-wrapper .bx-pager { display:none; }



/* column
------------------------------------------------------------------- */
body .container > article { float:left; width:700px; }
body .container > aside { float:right; width:240px; }

body article > section { padding-bottom:80px; position:relative; }
body article > section:last-of-type { padding-bottom:100px; }
body article > section h1 { border-top:5px solid #DDD; padding-top:25px; font-size:1.8rem; color:#000; letter-spacing:2px; font-weight:bold; position:relative; margin-bottom:40px; }
body article > section h1:before { content:""; width:150px; height:5px; background:#EE8318; position:absolute; left:0; top:-5px; }



/* s1
------------------------------------------------------------------- */
.s1 ul { margin-bottom:40px; }
.s1 ul li a { display:block; padding:25px 0; border-bottom:1px solid #CCC; text-decoration:none; color:#333; position:relative; }
.s1 ul li a dl:after { content:""; display:block; clear:both; }
.s1 ul li a dl dt { float:left; margin-right:40px; }
.s1 ul li a dl dd { overflow:hidden; }
.s1 ul li a dl dd h2 { color:#000; font-size:2rem; font-weight:bold; margin-bottom:25px; letter-spacing:1px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.s1 ul li a dl dd .cat { width:80px; height:20px; line-height:22px; text-align:center; margin-bottom:15px; color:#FFF; font-size:1.1rem; letter-spacing:2px; }
.s1 ul li a dl dd .c1 { background:#E35649; }
.s1 ul li a dl dd .c2 { background:#5AB5C0; }
.s1 ul li a:hover { background:#EEE; border-bottom:4px solid #EE8318; }
.s1 ul li a:hover dl dd h2 { color:#EE8318; }

.s1 ul li a .icon01 { width:15px; height:15px; position:absolute; right:0; bottom:20px; fill:#AAAAAA; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.s1 ul li a:hover .icon01 { fill:#EE8318; }

.s1 > p:first-of-type { text-align:center; margin-bottom:40px; }

.s1 > p:last-of-type { text-align:center; }
.s1 > p > a { display:inline-block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#E35649; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 10px; }
.s1 > p > a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.s1 > p > a:hover { background:#E9786D; }
.s1 > p > a:hover:after { right:8px; }

.s1 > p > a:last-of-type { background:#5AB5C0; }
.s1 > p > a:last-of-type:hover { background:#7BC4CD; }



/* s2
------------------------------------------------------------------- */
.s2 ul { margin-bottom:40px; }
.s2 ul li a { display:block; padding:25px 0; border-bottom:1px solid #CCC; text-decoration:none; color:#333; position:relative; }
.s2 ul li a dl:after { content:""; display:block; clear:both; }
.s2 ul li a dl dt { float:left; margin-right:40px; width:120px; height:120px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.s2 ul li a dl dd { overflow:hidden; height:120px; position:relative; }
.s2 ul li a dl dd h2 { color:#000; font-size:1.4rem; font-weight:bold; margin-bottom:15px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.s2 ul li a dl dd q { display:block; font-size:1.1rem; }
.s2 ul li a dl dd time { font-size:1.1rem; color:#999; position:absolute; left:0; bottom:0; }
.s2 ul li a:hover { background:#EEE; border-bottom:4px solid #EE8318; }
.s2 ul li a:hover dl dd h2 { color:#EE8318; }

.s2 ul li a .icon01 { width:15px; height:15px; position:absolute; right:0; bottom:20px; fill:#AAAAAA; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.s2 ul li a:hover .icon01 { fill:#EE8318; }

.s2 > a { display:block; width:200px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; }
.s2 > a:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.s2 > a:hover { background:#F19C46; }
.s2 > a:hover:after { right:8px; }



/* pickup
------------------------------------------------------------------- */
aside .pickup a { display:block; border:5px solid #EE8318; margin-bottom:30px; text-align:center; padding-bottom:15px; position:relative; }
aside .pickup a h1 { margin-bottom:210px; }
aside .pickup a > img { position:absolute; left:35px; top:110px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
aside .pickup a p { width:200px; height:36px; line-height:36px; text-align:center; color:#FFF; background:#EE8318; text-decoration:none; letter-spacing:1px; font-size:1.25rem; position:relative; margin:0 auto; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
aside .pickup a p:after { content:""; width:6px; height:10px; background:url(../images/arrow01.png) center center no-repeat; position:absolute; right:12px; top:12px;
-webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
aside .pickup a:hover p { background:#F19C46; }
aside .pickup a:hover p:after { right:8px; }
aside .pickup a:hover { border:5px solid #F19C46; }
aside .pickup a:hover > img { left:45px; top:100px; }


/* bnr
------------------------------------------------------------------- */
aside > a:first-of-type { display:block; margin-bottom:20px; }
aside > a:first-of-type img { max-width:100%; height:auto; }
aside > a img { margin-bottom:10px; }
aside > a:hover { opacity:0.6; }
aside > p { font-size:1.1rem; color:#888; }
aside > ul { text-align:center; margin-top:30px; }
aside > ul li { border-top:1px solid #CCC; padding-top:20px; }
aside > ul li:first-child { margin-bottom:30px; }
aside > ul li img { margin-bottom:20px; }
aside > ul li a { text-decoration:none; }
aside > ul li h2 { font-size:1.2rem; margin-bottom:10px; }
aside > ul li p { font-size:1rem; color:#333; }


/* footer
------------------------------------------------------------------- */
body > footer { height:150px; border-top:1px solid #CCC; background:#EEE; border-bottom:10px solid #EE8318; box-sizing:content-box; }
body > footer h1 { float:left; margin-right:50px; padding-top:35px; }
body > footer address { float:left; color:#666; font-size:1.2rem; padding-top:55px; }
body > footer small { float:right; color:#999; line-height:150px; font-style:italic; }