@charset "UTF-8";

/* ===================================================================
/
/
/	SETTING
/
/
===================================================================*/
html { color:#000; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }

	/* Link set
	-------------------------------------------------------------------*/
	a { color:#C3D242; text-decoration:none; transition:.3s ease-in-out; }
	a img { transition:.3s ease-in-out; }
	a:hover { color:#00A1E9; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body { overflow-x:hidden; }
			
		}

	/* Font set
	-------------------------------------------------------------------*/
	@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500&display=swap');
	@font-face {
	  font-family: 'Spinnaker';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: local('Spinnaker'), local('Spinnaker-Regular'), url(https://fonts.gstatic.com/s/spinnaker/v11/w8gYH2oyX-I0_rvR6HmX1XYKmOo.woff2) format('woff2');
	  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}
	@font-face {
	  font-family: 'Spinnaker';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: local('Spinnaker'), local('Spinnaker-Regular'), url(https://fonts.gstatic.com/s/spinnaker/v11/w8gYH2oyX-I0_rvR6HmX23YK.woff2) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

	/* Block set
	-------------------------------------------------------------------*/
	section { position:relative; }
	section:after { content:""; display:block; clear:both; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		.m { display:none; }
		@media screen and (max-width:768px) {
			
			body { font-size:1.2rem; }
			.container { width:100%; }
			.m { display:block; }
			
		}

	/* JS set
	------------------------------------------------------------------- */
	.animated { opacity:0; animation-duration:1.5s !important; }
	.defs { display:none; }
	body *:not([.loading]) { display:none; }
	.loading { width:100%; height:100vh; background:#000; position:fixed; right:0; top:0; z-index:999999; }
	.loading img { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-animation:logo 1.5s linear infinite; animation:logo 1.5s linear infinite; }
	.pagetop { position:fixed; right:20px; bottom:20px; opacity:0; }
	.pagetop:hover { padding-bottom:20px; z-index:9999; }
	.insta { position:fixed; right:-10px; top:50%; z-index:9999; }
	.insta:hover { right:0; }
	
		
	@-webkit-keyframes logo {
		0% { opacity:0; }
		50% { opacity:.8; }
		100% { opacity:0; }
	}
	@keyframes logo {
		0% { opacity:0; }
		50% { opacity:.8; }
		100% { opacity:0; }
	}
	
		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.insta { transform:scale(.6); right:-20px; }
			.insta:hover { transform:scale(.6); right:-10px; }
			.loading img { width:80px; height:auto; top:48%; -webkit-animation:logo_sp 1.5s linear infinite; animation:logo_sp 1.5s linear infinite; }
			
		}
		
			@-webkit-keyframes logo_sp {
				0% { opacity:0; }
				50% { opacity:.8; }
				100% { opacity:0; }
			}
			@keyframes logo_sp {
				0% { opacity:0; }
				50% { opacity:.8; }
				100% { opacity:0; }
			}
			
			
			
/* ===================================================================
/
/
/	Header
/
/
===================================================================*/
body > header { height:100px; line-height:100px; position:relative; background:#EFEFEF; box-shadow:0px 0px 3px rgba(0,0,0,.2); z-index:9999; }
body > header h1 a { position:absolute; display:block; top:-20px; left:50%; transform:translateX(-50%); text-align:center; width:230px; height:230px; border-radius:50%; background:#EFEFEF; }
body > header h1 a img { position:relative; top:50%; transform:translateY(-50%); }
body > header h1 a:hover { top:-30px; }
		
	/* toggle */
	body > header .drawer { position:absolute; left:5%; top:30px; cursor:pointer; text-align:center; z-index:9999; }
	body > header .drawer .navbar_toggle { width:28px; height:28px; position:relative; margin:0 auto; }
	body > header .drawer .navbar_toggle > * { transition:.3s ease-in-out; }
	body > header .drawer .navbar_toggle .navbar_toggle_icon { width:12px; height:12px; border-radius:2px; position:absolute; background:#C3D242; }
	body > header .drawer .navbar_toggle .navbar_toggle_icon:nth-child(2),
	body > header .drawer .navbar_toggle .navbar_toggle_icon:nth-child(3) { background:#DCDDDD; }
	body > header .drawer .navbar_toggle .navbar_toggle_icon:nth-child(1) { left:0; top:0; }
	body > header .drawer .navbar_toggle .navbar_toggle_icon:nth-child(2) { right:0; top:0; }
	body > header .drawer .navbar_toggle .navbar_toggle_icon:nth-child(3) { left:0; bottom:0; }
	body > header .drawer .navbar_toggle .navbar_toggle_icon:nth-child(4) { right:0; bottom:0; }
	body > header .drawer p { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.6; color:#C3D242; margin-top:5px; font-size:1rem;
	 font-weight:bold; }
	 
		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body > header .drawer { position:fixed; }
			
		}
		
		
	 	/* hover */
		body > header .drawer:hover .navbar_toggle .navbar_toggle_icon { border-radius:6px; background:#DCDDDD; }
		body > header .drawer:hover .navbar_toggle .navbar_toggle_icon:nth-child(2),
		body > header .drawer:hover .navbar_toggle .navbar_toggle_icon:nth-child(3) { background:#C3D242; }


	/* open */
	nav.menu { display:block; position:fixed; left:-30vw; top:0; width:30vw; z-index:8888; transition:ease .5s; height:100vh; padding-top:80px; background:none; text-align:left; border-right:1px solid rgba(255,255,255,.5); box-shadow:0px 5px 5px rgba(0,0,0,.2); }
	nav.menu.open { top:0; left:0; overflow-y:auto;-webkit-overflow-scrolling:touch; background:rgba(195,210,66,.98); }
	nav.menu ul li a { display:block; padding:20px; border-bottom:1px solid #FFF; font-size:1.4rem; letter-spacing:1px; position:relative; line-height:1.6; color:#333; color:#FFF; text-shadow:1px 1px 3px rgba(0,0,0,.2); }
	nav.menu ul li a .sml { font-size:1.1rem; font-family:'Spinnaker', sans-serif; margin-left:30px; }
	

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			nav.menu { left:-100vw; width:100vw; }
			nav.menu address { display:block; position:relative; right:0; left:50%; transform:translateX(-36%); }
			nav.menu address dl dt { background:#FFF; color:#C3D242; }
			nav.menu address a { display:block; color:#FFF; }
			
		}
		

/* sns */
body > header .sns { position:absolute; left:calc(5% + 100px); }
body > header .sns ul:after { content:""; display:block; clear:both; }
body > header .sns ul li { float:left; margin-left:20px; }
body > header .sns ul li:first-child { margin-left:0; }
body > header .sns ul li svg { width:18px; height:18px; fill:#C9CACA; }
body > header .sns ul li:last-child svg { width:20px; height:20px; }
body > header .sns ul li a:hover svg { fill:#C2D241; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body > header .sns { display:none; }
			nav.menu .sns { display:block; }
			nav.menu .sns { position:static; left:0; }
			nav.menu .sns ul { text-align:center; }
			nav.menu .sns ul li { float:none; display:inline-block; margin:0 5px; }
			nav.menu .sns ul li svg { fill:#FFF; }
			
		}
		

/* address */
body > header address { display:block; position:absolute; right:calc(5% - -50px); top:0; }
body > header address dl:after { content:""; display:block; clear:both; }
body > header address dl dt { float:left; margin-right:10px; width:50px; height:26px; line-height:26px; border-radius:10px; background:#C3D242; color:#FFF;
 text-align:center; text-transform:uppercase; font-weight:bold; position:relative; top:35px; font-size:1.1rem; }
body > header address dl dd { overflow:hidden; text-align:left; position:relative; top:15px; line-height:1.6; }
body > header address dl dd h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:3rem; }
body > header address dl dd p { font-size:1.1rem; margin-top:-10px; }
body > header address a { display:block; color:#000; }
body > header address a:hover { color:#C3D242; }

	/* mail */
	body > header > a { display:block; position:absolute; right:5%; top:10px; width:35px; height:35px; }
	body > header > a svg { width:35px; height:35px; fill:#B4B4B5; }
	body > header > a:hover svg { fill:#C2D241; }

			

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body > header address  { display:none; }
			body > header > a { z-index:9999; }
			
		}
			
/* ===================================================================
/
/
/	Nav
/
/
===================================================================*/
body > nav { position:absolute; left:0; top:250px; width:100%; z-index:3; }
body > nav ul { width:1280px; margin:0 auto; }
body > nav ul:after { content:""; display:block; clear:both; }
body > nav ul li { float:left; width:280px; height:280px; text-align:center; margin-left:50px; }
body > nav ul li:first-child { margin-left:0; }
body > nav ul li:nth-child(2),
body > nav ul li:nth-child(3) { margin-top:-60px; }
body > nav ul li a { display:block; height:100%; background:#FFF; border-radius:50%; padding:40px 0; position:relative; top:0; box-shadow:0px 0px 3px rgba(0,0,0,.3); }
body > nav ul li a * { position:relative; z-index:3; }
body > nav ul li a:before { content:""; display:block; width:250px; height:250px; border:1px solid #DDD; position:absolute; left:15px; top:15px; border-radius:50%;
 transition:.3s ease-in-out; z-index:1; }
body > nav ul li a:after { content:">"; display:block; width:60px; height:60px; background:#FFF; position:absolute; right:20px; bottom:0; border-right:1px dotted #AAA; border-bottom:1px dotted #AAA; border-radius:50%; line-height:60px; font-family:'Spinnaker', sans-serif; font-size:1.6rem; transition:.3s ease; z-index:2; }
body > nav ul li a dl dt { margin-bottom:20px; }
body > nav ul li a dl dd { overflow:hidden; }
body > nav ul li a dl dd h2 { color:#C3D241; text-transform:uppercase; font-family:'Spinnaker', sans-serif; font-size:1.1rem; margin-bottom:5px; }
body > nav ul li a dl dd h1 { font-size:2.4rem; margin-bottom:15px; color:#000; transition:.3s ease; }
body > nav ul li a dl dd p { font-size:1.1rem; color:#9FA0A0; }

	/* hover */
	body > nav ul li:not(.ac) a:hover { top:-20px; background:#C3D241; }
	body > nav ul li a:hover:before { background:#FFF; border:none; }
	body > nav ul li:not(.ac) a:hover:after { color:#C3D241; transform:scale(1.1) }
	body > nav ul li a:hover dd h1 { color:#C3D241; }
	/* ac */
	body > nav ul li.ac a { background:#C3D241; }
	body > nav ul li.ac a:before { background:#FFF; border:none; }
	body > nav ul li.ac a:after { background:#C3D241; color:#FFF; }
	body > nav ul li.ac a dd h1 { color:#C3D241; }

			
		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body > nav { display:none; }
			body > header address  { display:none; }
			body > header > a { z-index:9999; }
			
		}

			
			
/* ===================================================================
/
/
/	Fv
/
/
===================================================================*/
body > .fv { height:110vh; position:relative; z-index:1; background:url(../images/fv.jpg) center center no-repeat; background-size:cover; }
	
body > .fv h1 { position:absolute; left:0; width:100%; top:55%; text-align:center; }
body > .fv h1 svg { stroke:#000; width:374px; height:96px; stroke:#FFF; stroke-width:3px; fill:transparent; stroke-dasharray:1425px; stroke-dashoffset:1425px; -webkit-animation:copy 4s ease-in 0s forwards; animation:copy 4s ease-in 0s forwards; }


	@-webkit-keyframes copy {
		0% { stroke-dashoffset:1425px; }
		30% { fill:transparent; }
		100% { stroke-dashoffset:0; fill:#000; stroke:#FFF; }
	}
	@keyframes copy {
		0% { stroke-dashoffset:1425px; }
		30% { fill:transparent; }
		100% { stroke-dashoffset:0; fill:#000; stroke:#FFF; }
	}
 
 	
		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
		
			body > .fv { height:70vh; }
			body > .fv h1 { width:100%; text-align:center; }
			body > .fv h1 svg { width:300px; height:80px; }	
			
		}
		
		
 
 /* ===================================================================
/
/
/	All Title
/
/
===================================================================*/
dl.tit { position:relative; margin-bottom:30px; }
dl.tit:after { content:""; display:block; clear:both; }
dl.tit:before { content:""; width:70%; height:1px; background:#DDD; position:absolute; right:0; top:10px; }
dl.tit dt { float:left; margin-right:20px; }
dl.tit dt h2 { width:82px; height:23px; line-height:23px; font-size:1.1rem; background:#C3D242; color:#FFF; text-align:center; border-radius:10px;
 font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; }
dl.tit dd { overflow:hidden; position:relative; top:-10px; }
dl.tit dd h1 { font-size:3.2rem; letter-spacing:1px; font-weight:bold; }
dl.tit dd .sml { font-size:1.6rem; color:#C9CACA; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
		
			dl.tit { padding:0 20px; }
			dl.tit:before { display:none; }
			dl.tit dt { margin-right:20px; }
			dl.tit dt h2 { width:70px; font-size:.9rem; }
			dl.tit dd { overflow:hidden; position:relative; top:-7px; }
			dl.tit dd h1 { font-size:2.2rem; letter-spacing:1px; font-weight:bold; }
			dl.tit dd .sml { font-size:1.1rem; color:#C9CACA; }
			
		}


/* ===================================================================
/
/
/	s1
/
/
===================================================================*/
.home .s1 { text-align:center; margin-top:-80px; position:relative; z-index:4; }
.home .s1 h1 { width:100%; height:190px; background:url(../images/home_s1_h1.png) center center no-repeat; color:#FFF; padding:80px 0 0; font-size:1.5rem;
 font-weight:bold; letter-spacing:1px; }
.home .s1 p { padding:50px 0; background:url(../images/home_s1_bg.png) center center no-repeat; line-height:1.8; font-size:1.5rem; font-family:'Noto Serif JP', serif; }
.home .s1 a { display:block; width:225px; height:50px; line-height:50px; text-align:center; border-radius:10px; margin:0 auto; background-image:linear-gradient(120deg, #C3D242 0%, #92C059 100%); color:#FFF; font-weight:bold; letter-spacing:1px; font-size:1.4rem; position:relative; }
.home .s1 a:after { content:""; width:25px; height:25px; border-radius:50%; background:#FFF; position:absolute; right:10px; top:50%; transform:translateY(-50%);
 z-index:1; }
.home .s1 a:before { content:""; width:6px; height:6px; border-right:2px solid #92C059; border-bottom:2px solid #92C059; 
 position:absolute; right:17px; top:50%; transform:rotate(-45deg) translateY(-50%); z-index:2; }
.home .s1 a:hover { width:250px; }

		

	.home .s1 .carousel { width:100%; height:300px; overflow:hidden; margin-bottom:60px; }
	.home .s1 .carousel ul { padding:50px 0; }
	.home .s1 .carousel ul:after { content:""; display:block; clear:both; }
	.home .s1 .carousel ul li { float:left; margin-left:0; overflow:hidden; transition:.3s ease-in-out; }
	.home .s1 .carousel ul li:nth-child(2n) { margin-top:50px; }
	.home .s1 .carousel ul li:hover { transform:scale(1.1); box-shadow:0px 0px 5px rgba(0,0,0,.8); }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
		
			.home .s1 p { padding:40px 30px; font-size:1.4rem; }
			.home .s1 p br { display:none; }
			
		}
		
		
	/* carousel js
	------------------------------------------------------------------- */
	.simply-scroll-container{position:relative}
	.simply-scroll-clip{position:relative;overflow-x:hidden}
	.simply-scroll-list{overflow-x:hidden;list-style:none;}
	.simply-scroll-list li{list-style:none;}
	.simply-scroll-list li img{border:none;display:block}
	.simply-scroll{width:100%;height:auto;}
	.simply-scroll .simply-scroll-clip{width:100%;height:auto}


/* ===================================================================
/
/
/	s2
/
/
===================================================================*/
.home .s2 { padding:60px 0; width:1080px; margin:0 auto; }

.home .s2 > ul { width:100%; }
.home .s2 > ul:after { content:""; display:block; clear:both; }
.home .s2 > ul li { float:left; width:290px; margin-left:-30px; text-align:center; }
.home .s2 > ul li:first-child { margin-left:0; }
.home .s2 > ul li > h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.2rem; text-transform:uppercase; font-weight:bold; }
.home .s2 > ul li dl { width:100%; height:290px; border-radius:50%; padding:20px 0; text-align:center; opacity:.9; }
.home .s2 > ul li dl dt { margin-bottom:20px; color:#FFF; }
.home .s2 > ul li dl dt * { color:#FFF; }
.home .s2 > ul li dl dt h2 { font-size:2.5rem; }
.home .s2 > ul li dl dt h3 { font-size:1.1rem; font-weight:bold; }
.home .s2 > ul li dl dd p a { width:80%; height:26px; line-height:26px; text-align:center; background:#FFF; border:1px solid #FFF; border-radius:10px; margin:0 auto 10px; display:block; }
.home .s2 > ul li dl dd p:last-of-type { background:none; color:#FFF !important; font-family:Arial, Helvetica, sans-serif; font-size:1.1rem; letter-spacing:1px; }
.home .s2 > ul li dl dd p a:hover { background:none; color:#FFF !important; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
		
			.home .s2 { width:100%; }
			.home .s2 > ul { text-align:center; }
			.home .s2 > ul li { float:none; width:90%; margin-left:0; margin:0 auto 30px; }
			.home .s2 > ul li:first-child { margin:0 auto 30px !important; }
			.home .s2 > ul li dl { height:auto; border-radius:10px; }
			.home .s2 > ul li dl dd p a { height:40px; line-height:40px; }
			
		}

	/* color */
	.home .s2 > ul li:nth-child(1) dl { background:#9AC19B; }
	.home .s2 > ul li:nth-child(2) dl { background:#D56E48; }
	.home .s2 > ul li:nth-child(3) dl { background:#B5B384; }
	.home .s2 > ul li:nth-child(4) dl { background:#52BBC7; }
	.home .s2 > ul li:nth-child(1) > h2, 
	.home .s2 > ul li:nth-child(1) dl dd p a { color:#9AC19B; } 
	.home .s2 > ul li:nth-child(2) > h2,
	.home .s2 > ul li:nth-child(2) dl dd p a { color:#D56E48; }
	.home .s2 > ul li:nth-child(3) > h2,
	.home .s2 > ul li:nth-child(3) dl dd p a { color:#B5B384; }
	.home .s2 > ul li:nth-child(4) > h2,
	.home .s2 > ul li:nth-child(4) dl dd p a { color:#52BBC7; }

/* other */
.home .s2 .other h2 { text-align:center; font-family:'Spinnaker', sans-serif; margin:40px 0; text-transform:uppercase; font-size:2rem; color:#CCC;
 font-weight:700; line-height:1.4; position:relative; }
.home .s2 .other h2:after { content:""; width:90px; height:1px; background:#CCC; position:absolute; left:50%; top:30px; transform:translateX(-180px); }
.home .s2 .other h2:before { content:""; width:90px; height:1px; background:#CCC; position:absolute; right:50%; top:30px; transform:translateX(180px); }
.home .s2 .other ul { width:1080px; margin:0 auto 60px; }
.home .s2 .other ul:after { content:""; display:block; clear:both; }
.home .s2 .other ul li { width:175px; float:left; }
.home .s2 .other ul li a { display:block; height:26px; line-height:26px; text-align:center; background:#EFEFEF; color:#111; margin-right:10px;
 border-radius:10px; margin-bottom:15px; font-size:1.2rem; }
.home .s2 .other ul li:nth-child(6) a { margin-right:0; }
.home .s2 .other ul li a:hover { background:#DDD; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
		
			.home .s2 .other ul { width:100%; text-align:center; margin:0 auto 30px; }
			.home .s2 .other ul li { display:inline-block; width:48%; float:none; }
			.home .s2 .other ul li a { height:40px; line-height:40px; }
			.home .s2 .other ul li:nth-child(6) a { margin-right:10px; }
			.home .s2 .other ul li:nth-child(2n) a { margin-right:0; }
			
		}
		
		
.home .s2 > a { display:block; width:225px; height:50px; line-height:50px; text-align:center; border-radius:10px; margin:0 auto;
 background-image:linear-gradient(120deg, #C3D242 0%, #92C059 100%); color:#FFF; font-weight:bold; letter-spacing:1px; font-size:1.4rem; position:relative; }
.home .s2 > a:after { content:""; width:25px; height:25px; border-radius:50%; background:#FFF; position:absolute; right:10px; top:50%; transform:translateY(-50%);
 z-index:1; }
.home .s2 > a:before { content:""; width:6px; height:6px; border-right:2px solid #92C059; border-bottom:2px solid #92C059; 
 position:absolute; right:17px; top:50%; transform:rotate(-45deg) translateY(-50%); z-index:2; }
.home .s2 > a:hover { width:250px; }


/* ===================================================================
/
/
/	s3
/
/
===================================================================*/
.home .s3 { padding:60px 0; width:1080px; margin:0 auto; background:url(../images/home_s3_bg.jpg) top 100px right -100px no-repeat; background-size:600px auto; }
.home .s3 ul:after { content:""; display:block; clear:both; }
.home .s3 ul { margin-bottom:80px; }
.home .s3 ul li { float:none; }
.home .s3 ul li dl:after { content:""; display:block; clear:both; }
.home .s3 ul li dl dt { float:left; background:#F6F7F7; border:8px solid #00A1E9; width:300px; height:300px; border-radius:20px; text-align:center; margin-right:50px; }
.home .s3 ul li dl dd { overflow:hidden; }
.home .s3 ul li dl dd h3 { background:#00A1E9; width:100px; text-align:center; padding:3px 0; margin-bottom:20px; color:#FFF; }
.home .s3 ul li dl dd h2 { font-size:3rem; margin-bottom:10px; font-weight:bold; }
.home .s3 ul li dl dd h2 .sml { color:#C9CACA; margin-left:30px; font-size:1.2rem; }
.home .s3 ul li dl dd h4 { padding:0 3px; width:200px; text-align:center; border:1px solid #000; margin-bottom:30px; }
.home .s3 ul li dl dd p { font-size:1.8rem; margin-bottom:30px; }
.home .s3 ul li dl dd a { display:block; width:210px; height:44px; text-align:center; line-height:44px; border:1px solid #00A1E9; color:#00A1E9; border-radius:10px; letter-spacing:1px; text-transform:uppercase; }
.home .s3 ul li dl dd a:hover { background:#00A1E9; color:#FFF; }

/*
.home .s3 ul li:last-child { float:right; width:300px; height:300px; background:#F6F7F7; border:8px solid #E4007F; text-align:center; padding:30px 10px; border-radius:20px; }
.home .s3 ul li:last-child img { margin-bottom:30px; }
*/

.home .s3 > p { text-align:center; font-size:1.4rem; margin-bottom:40px; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
		
			.home .s3 { padding:30px 0; width:100%; background:none; }
			.home .s3 .tit { padding:0 !important; }
			.home .s3 ul { margin:0 auto 40px; text-align:center; }
			.home .s3 ul li { float:none; display:inline-block; }
			.home .s3 ul li dl dt { float:none; width:250px; height:250px; margin:0 auto 30px; }
			.home .s3 ul li dl dd h3 { margin:0 auto 20px; }
			.home .s3 ul li dl dd h2 { font-size:2.5rem; margin-bottom:30px; }
			.home .s3 ul li dl dd h2 .sml { margin-left:0; display:block; }
			.home .s3 ul li dl dd h4 { padding:10px; margin:0 auto 30px; }
			.home .s3 ul li dl dd p { padding:0 20px; font-size:1.6rem; }
			.home .s3 ul li dl dd a { margin:0 auto; }
			.home .s3 > p { padding:0 30px; font-size:1.3rem; line-height:1.8; margin-bottom:40px; }
			.home .s3 > p br { display:none; }
			
		}

.home .s3 > a { display:block; width:225px; height:50px; line-height:50px; text-align:center; border-radius:10px; margin:0 auto;
 background-image:linear-gradient(120deg, #C3D242 0%, #92C059 100%); color:#FFF; font-weight:bold; letter-spacing:1px; font-size:1.4rem; position:relative; }
.home .s3 > a:after { content:""; width:25px; height:25px; border-radius:50%; background:#FFF; position:absolute; right:10px; top:50%; transform:translateY(-50%);
 z-index:1; }
.home .s3 > a:before { content:""; width:6px; height:6px; border-right:2px solid #92C059; border-bottom:2px solid #92C059; 
 position:absolute; right:17px; top:50%; transform:rotate(-45deg) translateY(-50%); z-index:2; }
.home .s3 > a:hover { width:250px; }



/* ===================================================================
/
/
/	Cv
/
/
===================================================================*/
.cv { padding-bottom:40px; }
.cv iframe { width:100%; height:400px; border:2px solid #DDD; border-radius:10px; margin:70px auto 30px; }
.cv address { text-align:center; }
.cv address img { margin-bottom:10px; }
.cv address h3 { color:#8CBD50; font-size:1.7rem; margin-bottom:30px; }
.cv address h3 br { display:none; }
.cv address p { font-size:1.4rem; margin-bottom:40px; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cv { padding:0 20px 40px !important; }
			.cv iframe { height:250px !important; }
			.cv address h3 { font-size:1.4rem !important; font-weight:bold; }
			.cv address h3 br { display:block; }
			.cv address p { font-size:1.2rem !important; }
			
		}
		

.cv > a { display:block; width:225px; height:50px; line-height:50px; text-align:center; border-radius:10px; margin:0 auto;
 background-image:linear-gradient(120deg, #C3D242 0%, #92C059 100%); color:#FFF; font-weight:bold; letter-spacing:1px; font-size:1.4rem; position:relative; }
.cv > a:after { content:""; width:25px; height:25px; border-radius:50%; background:#FFF; position:absolute; right:10px; top:50%; transform:translateY(-50%);
 z-index:1; }
.cv > a:before { content:""; width:6px; height:6px; border-right:2px solid #92C059; border-bottom:2px solid #92C059; 
 position:absolute; right:17px; top:50%; transform:rotate(-45deg) translateY(-50%); z-index:2; }
.cv > a:hover { width:250px; }


/* ===================================================================
/
/
/	Footer
/
/
===================================================================*/
body > footer { padding:50px; background-image:linear-gradient(120deg, #C3D242 0%, #92C059 100%); color:#FFF; }
body > footer:after { content:""; display:block; clear:both; }
body > footer ul { float:left; }
body > footer ul li { float:left; margin-left:10px; border-left:1px solid rgba(255,255,255.5); padding-left:10px; }
body > footer ul li:first-child { margin-left:0; padding-left:0; border-left:none; }
body > footer ul li a { color:#FFF; }
body > footer small { float:right; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body > footer { padding:20px; }
			body > footer ul { float:none; text-align:center; margin-bottom:50px; }
			body > footer ul li { float:none; margin-left:0; border-left:none; padding-left:0; display:block; }
			body > footer ul li a { display:block; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.3); }
			body > footer small { float:none; display:block; text-align:center; }
			
		}


/* ======================================================================================================================================
/
/
/
/	Under
/
/
/
/
/
/
/
/
/
/
/
/
/
/
======================================================================================================================================*/
/* ALL */
.title_box { text-align:center; position:relative; margin-bottom:150px; }
.title_box:before { content:""; width:100%; height:200px; background:url(../images/under_tit_grd.png) center center no-repeat; background-size:100% auto;
 position:absolute; left:0; top:0; z-index:2; }
.title_box img { position:relative; z-index:1; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.title_box { text-align:center; position:relative; margin-bottom:80px; }
			.title_box:before { content:""; width:100%; height:100px; background:url(../images/under_tit_grd.png) center top repeat; background-size:100% auto;
			 position:absolute; left:0; top:0; z-index:2; }
			.title_box img { position:relative; z-index:1; }
			
		}

a.btn { display:block; width:225px; height:50px; line-height:50px; text-align:center; border-radius:10px;
 background-image:linear-gradient(120deg, #C3D242 0%, #92C059 100%); color:#FFF; font-weight:bold; letter-spacing:1px; font-size:1.4rem; position:relative; }
a.btn:after { content:""; width:25px; height:25px; border-radius:50%; background:#FFF; position:absolute; right:10px; top:50%; transform:translateY(-50%);
 z-index:1; }
a.btn:before { content:""; width:6px; height:6px; border-right:2px solid #92C059; border-bottom:2px solid #92C059; 
 position:absolute; right:17px; top:50%; transform:rotate(-45deg) translateY(-50%); z-index:2; }
a.btn:hover { width:250px; }

a.center { margin:0 auto; }

.sample { text-align:center; }


/* ======================================================================================================================================
/
/
/	Cpt
/
/
======================================================================================================================================*/
.cpt .s1 { padding:50px 0; }

.cpt .s1 h1 { text-align:center; text-transform:uppercase; font-size:3rem; font-weight:700; color:#BBB; font-family:'Spinnaker', sans-serif; }
.cpt .s1 h1 span { display:block; width:130px; height:28px; line-height:28px; font-size:1.4rem; letter-spacing:1px; border-radius:20px; background:#C3D242; color:#FFF; margin:0 auto; position:relative; top:-80px; font-weight:bold; }
.cpt .s1 h1 span:before { content:""; width:130px; height:48px; background:url(../images/all_s1_h1_bg.png) center bottom no-repeat; position:absolute; top:-48px; left:10px; }
.cpt .s1 h1:first-letter { color:#C3D242; }

.cpt .s1 .box { height:400px; background-image: linear-gradient(to right, #9CC0D5 0%, #6F98BE 100%); position:relative; }
.cpt .s1 .box dl { width:1080px; margin:0 auto; }
.cpt .s1 .box dl:after { content:""; display:block; clear:both; }
.cpt .s1 .box dl dt { float:left; }
.cpt .s1 .box dl dd { overflow:hidden; padding:50px 0 0 50px; color:#FFF; }
.cpt .s1 .box dl dd h2 { font-size:3.8rem; margin-bottom:30px; letter-spacing:1px; font-family:'Noto Serif JP', serif; margin-left:-30px; }
.cpt .s1 .box dl dd h2 strong { font-size:5.5rem; }
.cpt .s1 .box dl dd p { font-size:1.4rem; letter-spacing:1px; line-height:1.8; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
.cpt .s1 .box { height:400px; background:url(../images/cpt_s1_bg_sp.png) center top no-repeat; position:relative; }
.cpt .s1 .box dl { width:100%; margin:0 auto; }
.cpt .s1 .box dl dt { float:none; }
.cpt .s1 .box dl dt img { display:none; }
.cpt .s1 .box dl dd { overflow:hidden; padding:60px 20px 0; color:#FFF; text-align:center; }
.cpt .s1 .box dl dd h2 { font-size:3.8rem; margin-bottom:30px; text-shadow:1px 1px 3px rgba(0,0,0,.3); }
.cpt .s1 .box dl dd h2 strong { font-size:4.5rem; }
.cpt .s1 .box dl dd p { font-size:1.4rem; text-align:left; letter-spacing:1px; line-height:1.8; text-shadow:1px 1px 3px rgba(0,0,0,.3) }
.cpt .s1 .box dl dd p br { display:none; }
			
		}
		
		
.cpt .s2 { width:1080px; margin:0 auto; padding:0 0 80px; }
.cpt .s2 dl.tit:before { width:60%;  }
/* box */
.cpt .s2 .box:after { content:""; display:block; clear:both; }
.cpt .s2 .box dt { float:left; }
.cpt .s2 .box dd { overflow:hidden; padding:50px 0 0 60px; }
.cpt .s2 .box dd h2 { font-size:3.8rem; letter-spacing:1px; font-family:'Noto Serif JP', serif; margin-bottom:40px; }
.cpt .s2 .box dd p { font-size:1.4rem; margin-bottom:50px; line-height:1.8; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s2 { width:100%; padding:0 0 30px; }
			.cpt .s2 .box dt { float:none; }
			.cpt .s2 .box dd { padding:20px; }
			.cpt .s2 .box dd h2 { font-size:2.5rem; text-align:center; }
			.cpt .s2 .box dd p br { display:none; }
			.cpt .s2 .box dd a { margin:auto; }
			
		}
		
		
.cpt .s3 { height:700px; background:url(../images/cpt_s3_bg.jpg) center center no-repeat; background-size:100% auto; background-attachment:fixed; position:relative; padding:150px 0 0 15%; color:#FFF; font-family:'Noto Serif JP', serif; }
.cpt .s3 h1 { font-size:5rem; letter-spacing:1px; margin-bottom:20px; position:relative; }
.cpt .s3 h1:before { content:""; width:100px; height:2px; background:#FFF; position:absolute; left:0; bottom:0;  }
.cpt .s3 h2 { font-size:3rem; margin-bottom:60px; }
.cpt .s3 a { display:block; width:225px; padding:20px 30px; color:#FFF; border:2px solid #FFF; border-radius:15px; font-size:1.6rem; position:relative; }
.cpt .s3 a:hover { background:rgba(255,255,255,.6); width:250px; }
.cpt .s3 a:before { content:""; display:block; width:10px; height:10px; border-right:2px solid #FFF; border-bottom:2px solid #FFF; transform:rotate(-45deg); position:absolute; right:20px; top:45%; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s3 { height:400px; padding:30px; background:url(../images/cpt_s3_bg_sp.jpg) center center no-repeat; background-size:auto 100%; text-align:center; background-attachment:local; }
			.cpt .s3 h1 { font-size:4rem; text-shadow:1px 1px 3px rgba(0,0,0,.3) }
			.cpt .s3 h1:before { left:50%; transform:translateX(-50%); }
			.cpt .s3 h2 { font-size:2rem; text-shadow:1px 1px 3px rgba(0,0,0,.3) }
			.cpt .s3 a { margin:0 auto; padding:10px 20px;  text-shadow:0px 0px 3px rgba(0,0,0,.3); background:rgba(255,255,255,.3); font-weight:bold; }
			
		}
		

.cpt .s4 { width:1080px; margin:0 auto; padding:80px 0; }
.cpt .s4 dl.tit:before { width:60%; }

.cpt .s4 .box { text-align:center; }
.cpt .s4 .box img { margin-bottom:30px; }
.cpt .s4 .box h2 { font-size:3.8rem; margin-bottom:30px; font-family:'Noto Serif JP', serif; }
.cpt .s4 .box h2 strong { font-size:3rem; }
.cpt .s4 .box p { font-size:1.4rem; line-height:1.8; margin-bottom:50px; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s4 { width:100%; }
			.cpt .s4 .box h2 { font-size:1.7rem; }
			.cpt .s4 .box h2 strong { font-size:2rem; }
			.cpt .s4 .box p { padding:0 20px; text-align:left; }
			.cpt .s4 .box p br { display:none; }
			
			
		}


.cpt .s5 { width:1080px; margin:0 auto; padding:0 0 80px; }
.cpt .s5 dl.tit:before { width:60%; }
/* box */
.cpt .s5 .box:after { content:""; display:block; clear:both; }
.cpt .s5 .box dt { float:left; }
.cpt .s5 .box dd { overflow:hidden; padding:50px 0 0 60px; }
.cpt .s5 .box dd h2 { font-size:2.8rem; letter-spacing:1px; font-family:'Noto Serif JP', serif; margin-bottom:40px; }
.cpt .s5 .box dd h2 strong { font-size:3.4rem; margin-left:-15px; }
.cpt .s5 .box dd p { font-size:1.4rem; margin-bottom:50px; line-height:1.8; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s5 { width:100%; padding:0 0 30px; }
			.cpt .s5 .box dt { float:none; }
			.cpt .s5 .box dd { padding:20px; }
			.cpt .s5 .box dd h2 { font-size:1.7rem; text-align:center; }
			.cpt .s5 .box dd h2 strong { font-size:2.2rem; }
			.cpt .s5 .box dd p br { display:none; }
			.cpt .s5 .box dd a { margin:auto; }
			
		}

.cpt .s6 { height:350px; background:url(../images/cpt_s6_bg.jpg) center center no-repeat; background-size:100% auto; background-attachment:fixed; position:relative; color:#FFF; font-family:'Noto Serif JP', serif; text-align:center; }
.cpt .s6 h1 { font-size:3.7rem; padding-top:100px; letter-spacing:1px; margin-bottom:30px; position:relative;text-shadow:1px 1px 1px rgba(0,0,0,.2);  }
.cpt .s6 p { font-size:1.8rem; text-shadow:1px 1px 1px rgba(0,0,0,.2); }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s6 { background:url(../images/cpt_s6_bg_sp.jpg) center center no-repeat; background-size:auto 100%; padding:0 20px; background-attachment:local; }
			.cpt .s6 h1 { font-size:2.2rem; }
			.cpt .s6 p { font-size:1.3rem; }
			.cpt .s6 p br { display:none; }
			
		}

.cpt .s7 { width:1080px; margin:0 auto; padding:80px 0 0; }
.cpt .s7 dl.tit:before { width:60%; }
/* box */
.cpt .s7 .box:after { content:""; display:block; clear:both; }
.cpt .s7 .box dt { float:left; position:relative; }
.cpt .s7 .box dt p { position:absolute; right:-40px; top:-20px; -webkit-animation:2s bln infinite; animation:3s bln infinite ease; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s7 { width:100%; padding:50px 0 0; }
			.cpt .s7 .box dt { float:none; text-align:center; margin-bottom:20px; }
			.cpt .s7 .box dt p { transform:scale(.8); right:0; }
			
		}
		
@keyframes bln {
	0% { top:-20px; }
	50% { top:-40px; }
	100% { top:-20px; }
}

.cpt .s7 .box dd { overflow:hidden; padding:10px 0 0 60px; }
.cpt .s7 .box dd h2 { font-size:2.8rem; letter-spacing:1px; margin-bottom:40px; }
.cpt .s7 .box dd h2 strong { padding:5px 20px; background:#009FE8; color:#FFF; font-size:1.4rem; margin-right:20px; font-weight:bold; position:relative; top:-5px; }
.cpt .s7 .box dd h2 .sml { font-size:1.2rem; color:#999; margin-left:40px; }
.cpt .s7 .box dd h3 { font-size:1.8rem; font-weight:bold; margin-bottom:20px; }
.cpt .s7 .box dd p { font-size:1.4rem; margin-bottom:50px; line-height:1.8; }


		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.cpt .s7 { width:100%; padding:50px 0 0; }
			.cpt .s7 .box dt { float:none; text-align:center; margin-bottom:20px; }
			.cpt .s7 .box dt p { transform:scale(.8); right:0; }
			.cpt .s7 .box dd { padding:0 20px 0; }
			.cpt .s7 .box dd h2 { font-size:3rem; text-align:center; }
			.cpt .s7 .box dd h2 strong { display:block; width:100px; position:static; margin:0 auto; text-align:center; margin-bottom:20px; border-radius:10px; }
			.cpt .s7 .box dd h2 .sml { display:block; margin-left:0; }
			.cpt .s7 .box dd h3 { text-align:center; font-size:1.7rem; }
			.cpt .s7 .box dd p { margin-bottom:0; }
			.cpt .s7 .box dd p br { display:none; }
			
			
		}
		
		
/* ======================================================================================================================================
/
/
/	Flower
/
/
======================================================================================================================================*/
.ser .s1 { padding:50px 0 80px; }

.ser .s1 h1 { text-align:center; text-transform:uppercase; font-size:3rem; font-weight:700; color:#BBB; font-family:'Spinnaker', sans-serif; }
.ser .s1 h1 span { display:block; width:130px; height:28px; line-height:28px; font-size:1.4rem; letter-spacing:1px; border-radius:20px; background:#C3D242; color:#FFF; margin:0 auto; position:relative; top:-80px; font-weight:bold; }
.ser .s1 h1 span:before { content:""; width:130px; height:48px; background:url(../images/all_s1_h1_bg.png) center bottom no-repeat; position:absolute; top:-48px; left:10px; }
.ser .s1 h1:first-letter { color:#C3D242; }

.ser .s1 dl { text-align:center; margin:0 auto; }
.ser .s1 dl:after { content:""; display:block; clear:both; }
.ser .s1 dl dt { margin-bottom:50px; }
.ser .s1 dl dd { overflow:hidden; }
.ser .s1 dl dd h2 { font-size:3.2rem; margin-bottom:50px; letter-spacing:1px; font-family:'Noto Serif JP', serif; text-align:center; }
.ser .s1 dl dd h2 br { display:none; }
.ser .s1 dl dd p { font-size:1.4rem; letter-spacing:1px; line-height:1.8; margin-bottom:40px; }
.ser .s1 dl dd a { margin:0 auto; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.ser .s1 dl dt { margin-bottom:20px; }
			.ser .s1 dl dd h2 { font-size:2.3rem; }
			.ser .s1 dl dd h2 br { display:block; }
			.ser .s1 dl dd p { padding:0 20px; text-align:left; }
			.ser .s1 dl dd p br { display:none; }
			
		}
		
.ser .s2 { width:100%; margin:0 auto; padding:0; }
.ser .s2 dl.tit { width:1080px; margin:0 auto 40px; }
.ser .s2 dl.tit:before { width:70%;  }
/* box */
.ser .s2 .box { margin:0 auto 60px; }
.ser .s2 .box:after { content:""; display:block; clear:both; }
.ser .s2 .box > li { background:#FFF; overflow:hidden; }
.ser .s2 .box > li:after { content:""; display:block; clear:both; }
.ser .s2 .box > li dt { float:left; width:55%; height:600px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.ser .s2 .box > li:nth-child(2n) { background:#EAEBEB; }
.ser .s2 .box > li:nth-child(2n) dt { float:right; }
.ser .s2 .box > li dd { padding:70px 50px 50px; overflow:hidden; }
.ser .s2 .box > li dd h2 { font-family:'Noto Serif JP', serif; font-size:3.5rem; letter-spacing:1px; margin-bottom:30px; }
.ser .s2 .box > li dd h2 span { color:#C3D241; font-size:1.1rem; margin-left:20px; }
.ser .s2 .box > li dd p { font-size:1.4rem; letter-spacing:1px; line-height:1.8; margin-bottom:40px; }
.ser .s2 .box > li dd h3 { font-weight:bold; border-left:6px solid #9FC44C; padding-left:10px; margin-bottom:20px; }
.ser .s2 .box > li dd .cat { width:400px; }
.ser .s2 .box > li dd .cat:after { content:""; display:block; clear:both; }
.ser .s2 .box > li dd .cat li { float:left; width:180px; padding:0 3px; background:#EFEFEF; border-radius:30px; text-align:center; margin-right:30px; margin-bottom:15px; transition:.3s ease-in-out; }
.ser .s2 .box > li dd .cat li:nth-child(2n) { margin-right:0; }
.ser .s2 .box > li dd .cat li:hover { background:#C3D242; }
.ser .s2 .box > li dd .cat li a { color:#111; display:block; }
.ser .s2 .box > li dd .cat li:hover a { color:#FFF; }
.ser .s2 > a { margin:0 auto; }

		@media screen and (max-width:768px) {
			
			.ser .s2 dl.tit { width:100%; }
			.ser .s2 .box > li dt { float:none; width:100%; height:400px; }
			.ser .s2 .box > li:nth-child(2n) { background:none; }
			.ser .s2 .box > li:nth-child(2n) dt { float:none; }
			.ser .s2 .box > li dd { padding:30px; }
			.ser .s2 .box > li dd h2 { font-size:3rem; }
			.ser .s2 .box > li dd h2 span { margin-left:0; display:block; }
			.ser .s2 .box > li dd p br { display:none; }
			.ser .s2 .box > li dd .cat { width:100%; text-align:center; }
			.ser .s2 .box > li dd .cat li { float:none; display:inline-block; width:48%; padding:10px 3px; margin-right:0; margin-bottom:15px; transition:.3s ease-in-out; }
			
		}


/* ======================================================================================================================================
/
/
/	gift
/
/
======================================================================================================================================*/
.gift .s1 { padding:50px 0; }

.gift .s1 h1 { text-align:center; text-transform:uppercase; font-size:3rem; font-weight:700; color:#BBB; font-family:'Spinnaker', sans-serif; }
.gift .s1 h1 span { display:block; width:130px; height:28px; line-height:28px; font-size:1.4rem; letter-spacing:1px; border-radius:20px; background:#C3D242; color:#FFF; margin:0 auto; position:relative; top:-80px; font-weight:bold; }
.gift .s1 h1 span:before { content:""; width:130px; height:48px; background:url(../images/all_s1_h1_bg.png) center bottom no-repeat; position:absolute; top:-48px; left:10px; }
.gift .s1 h1:first-letter { color:#C3D242; }

.gift .s1 dl { width:850px; margin:20px auto; padding:20px; border:6px solid #C3D242; border-radius:10px; }
.gift .s1 dl dt { background:#C3D242; float:left; padding:2px 10px; color:#FFF; margin-right:20px; }
.gift .s1 dl dd { font-size:1.4rem; font-weight:bold; }
.gift .s1 dl dd a { color:#222; letter-spacing:1px; } 
.gift .s1 dl dd a strong { color:#C3D242; font-size:16px; }

.gift .s1 p { text-align:center; color:#E60012; position:relative; padding-top:40px; background:url(../images/gift_s1_icon.jpg) top center no-repeat; background-size:40px auto; }
.gift .s1 p strong { font-weight:bold; }


		@media screen and (max-width:768px) {
			
			.gift .s1 dl { width:90%; margin:0 auto 30px; }
			.gift .s1 dl dt { float:none; margin:0 auto 20px; text-align:center; }
			
		}


.gift .s2 { width:100%; margin:0 auto; padding:80px; background:#F2F7F2 }
.gift .s2 > dl.tit { width:1080px; margin:0 auto 40px; }
.gift .s2 > dl.tit:before { width:55%;  }
.gift .s2 > h3 { -webkit-text-orientation:mixed; text-orientation:mixed; position:absolute; font-size:20rem; color:#81B282; font-weight:700;
-ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; position:absolute; left:-11rem; top:0;
margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); letter-spacing:10px; font-family:'Spinnaker', sans-serif; opacity:.15; }
/* box */
.gift .s2 .box { width:1080px; margin:0 auto; }
.gift .s2 .box:after { content:""; display:block; clear:both; }
.gift .s2 .box li:nth-child(2n) { margin-bottom:30px; }
.gift .s2 .box li:after { content:""; display:block; clear:both; }
.gift .s2 .box li dt { float:right; width:380px; margin-left:60px; }
.gift .s2 .box li:nth-child(2n) dt { float:left; margin-right:60px; margin-left:0; }
.gift .s2 .box li dd { overflow:hidden; padding:60px 0 0; }
.gift .s2 .box li dd h2 { color:#81B282; font-size:2.6rem; overflow:hidden; font-weight:bold; margin-bottom:40px; }
.gift .s2 .box li dd h2 .day { float:left; margin-right:20px; border:1px solid #000; font-size:1.8rem; color:#000; padding:2px 20px; }
.gift .s2 .box li dd p { font-size:1.6rem; line-height:1.8; margin-bottom:40px; }
.gift .s2 .box li dd .in { width:90%; }
.gift .s2 .box li dd .in:after { content:""; display:block; clear:both; }
.gift .s2 .box li dd .in li { float:left; width:160px; padding:3px 3px; border-radius:30px; text-align:center; margin-right:10px; margin-bottom:15px; transition:.3s ease-in-out; color:#FFF; background:#81B282; }
.gift .s2 .box li dd .in li a { color:#FFF; display:block; }

		@media screen and (max-width:768px) {
			
			.gift .s2 { padding:40px 0; }
			.gift .s2 > dl.tit { width:100%; }
			.gift .s2 > dl.tit:before { width:0; }
			.gift .s2 > h3 { display:none; }
			.gift .s2 .box { width:100%; }
			.gift .s2 .box li dt { float:none; width:100%; margin-left:0; }
			.gift .s2 .box li:nth-child(2n) dt { float:none; margin:0 !important; }
			.gift .s2 .box li dd { padding:20px; }
			.gift .s2 .box li dd h2 { text-align:center; margin-bottom:20px; }
			.gift .s2 .box li dd h2 .day { display:block; margin-right:0; float:none; width:120px; text-align:center; margin:0 auto 20px; }
			.gift .s2 .box li dd p { font-size:1.4rem; }
			.gift .s2 .box li dd p br { display:none; }
			.gift .s2 .box li dd .in { width:100%; text-align:center; }
			.gift .s2 .box li dd .in li { float:none; width:48%; display:inline-block; padding:10px 3px; margin-right:0; }
			
		}

.gift .s3 { width:100%; margin:0 auto; padding:80px; background:#FAEDE8 }
.gift .s3 
.gift .s3 > dl.tit { width:1080px; margin:0 auto 40px; }
.gift .s3 > dl.tit:before { width:55%;  }
.gift .s3 > dl.tit h2 { background:#CA4A1A !important; }
.gift .s3 > h3 { -webkit-text-orientation:mixed; text-orientation:mixed; position:absolute; font-size:20rem; color:#CA4A1A; font-weight:700;
-ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; position:absolute; left:-11rem; top:0;
margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); letter-spacing:10px; font-family:'Spinnaker', sans-serif; opacity:.15; }
/* box */
.gift .s3 .box { width:1080px; margin:0 auto; }
.gift .s3 .box:after { content:""; display:block; clear:both; }
.gift .s3 .box li:nth-child(2n) { margin-bottom:30px; }
.gift .s3 .box li:after { content:""; display:block; clear:both; }
.gift .s3 .box li dt { float:right; width:380px; margin-left:60px; }
.gift .s3 .box li:nth-child(2n) dt { float:left; margin-right:60px; margin-left:0; }
.gift .s3 .box li dd { overflow:hidden; padding:60px 0 0; }
.gift .s3 .box li dd h2 { color:#CA4A1A; font-size:2.6rem; overflow:hidden; font-weight:bold; margin-bottom:40px; }
.gift .s3 .box li dd h2 .day { float:left; margin-right:20px; border:1px solid #000; font-size:1.8rem; color:#000; padding:2px 20px; }
.gift .s3 .box li dd p { font-size:1.6rem; line-height:1.8; margin-bottom:40px; }
.gift .s3 .box li dd .in { width:90%; }
.gift .s3 .box li dd .in:after { content:""; display:block; clear:both; }
.gift .s3 .box li dd .in li { float:left; width:160px; padding:3px 3px; border-radius:30px; text-align:center; margin-right:10px; margin-bottom:15px; transition:.3s ease-in-out; color:#FFF; background:#CA4A1A; }
.gift .s3 .box li dd .in li a { color:#FFF; display:block; }


		@media screen and (max-width:768px) {
			
			.gift .s3 { padding:40px 0; }
			.gift .s3 > dl.tit { width:100%; }
			.gift .s3 > dl.tit:before { width:0; }
			.gift .s3 > h3 { display:none; }
			.gift .s3 .box { width:100%; }
			.gift .s3 .box li dt { float:none; width:100%; margin-left:0; }
			.gift .s3 .box li:nth-child(2n) dt { float:none; margin:0 !important; }
			.gift .s3 .box li dd { padding:20px; }
			.gift .s3 .box li dd h2 { text-align:center; margin-bottom:20px; }
			.gift .s3 .box li dd h2 .day { display:block; margin-right:0; float:none; width:120px; text-align:center; margin:0 auto 20px; }
			.gift .s3 .box li dd p { font-size:1.4rem; }
			.gift .s3 .box li dd p br { display:none; }
			.gift .s3 .box li dd .in { width:100%; text-align:center; }
			.gift .s3 .box li dd .in li { float:none; width:48%; display:inline-block; padding:10px 3px; margin-right:0; }
			
		}

.gift .s4 { width:100%; margin:0 auto; padding:80px; background:#F6F5EF }
.gift .s4 
.gift .s4 > dl.tit { width:1080px; margin:0 auto 40px; }
.gift .s4 > dl.tit:before { width:55%;  }
.gift .s4 > dl.tit h2 { background:#A2A065 !important; }
.gift .s4 > h3 { -webkit-text-orientation:mixed; text-orientation:mixed; position:absolute; font-size:20rem; color:#A2A065; font-weight:700;
-ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; position:absolute; left:-11rem; top:0;
margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); letter-spacing:10px; font-family:'Spinnaker', sans-serif; opacity:.15; }
/* box */
.gift .s4 .box { width:1080px; margin:0 auto; }
.gift .s4 .box:after { content:""; display:block; clear:both; }
.gift .s4 .box li:nth-child(2n) { margin-bottom:30px; }
.gift .s4 .box li:after { content:""; display:block; clear:both; }
.gift .s4 .box li dt { float:right; width:380px; margin-left:60px; }
.gift .s4 .box li:nth-child(2n) dt { float:left; margin-right:60px; margin-left:0; }
.gift .s4 .box li dd { overflow:hidden; padding:60px 0 0; }
.gift .s4 .box li dd h2 { color:#A2A065; font-size:2.6rem; overflow:hidden; font-weight:bold; margin-bottom:40px; }
.gift .s4 .box li dd h2 .day { float:left; margin-right:20px; border:1px solid #000; font-size:1.8rem; color:#000; padding:2px 20px; }
.gift .s4 .box li dd p { font-size:1.6rem; line-height:1.8; margin-bottom:40px; }
.gift .s4 .box li dd .in { width:90%; }
.gift .s4 .box li dd .in:after { content:""; display:block; clear:both; }
.gift .s4 .box li dd .in li { float:left; width:160px; padding:3px 3px; border-radius:30px; text-align:center; margin-right:10px; margin-bottom:15px; transition:.3s ease-in-out; color:#FFF; background:#A2A065; }
.gift .s4 .box li dd .in li a { color:#FFF; display:block; }


		@media screen and (max-width:768px) {
			
			.gift .s4 { padding:40px 0; }
			.gift .s4 > dl.tit { width:100%; }
			.gift .s4 > dl.tit:before { width:0; }
			.gift .s4 > h3 { display:none; }
			.gift .s4 .box { width:100%; }
			.gift .s4 .box li dt { float:none; width:100%; margin-left:0; }
			.gift .s4 .box li:nth-child(2n) dt { float:none; margin:0 !important; }
			.gift .s4 .box li dd { padding:20px; }
			.gift .s4 .box li dd h2 { text-align:center; margin-bottom:20px; }
			.gift .s4 .box li dd h2 .day { display:block; margin-right:0; float:none; width:120px; text-align:center; margin:0 auto 20px; }
			.gift .s4 .box li dd p { font-size:1.4rem; }
			.gift .s4 .box li dd p br { display:none; }
			.gift .s4 .box li dd .in { width:100%; text-align:center; }
			.gift .s4 .box li dd .in li { float:none; width:48%; display:inline-block; padding:10px 3px; margin-right:0; }
			
		}

.gift .s5 { width:100%; margin:0 auto; padding:80px; background:#E9F6F8 }
.gift .s5 
.gift .s5 > dl.tit { width:1080px; margin:0 auto 40px; }
.gift .s5 > dl.tit:before { width:55%;  }
.gift .s5 > dl.tit h2 { background:#27AAB9 !important; }
.gift .s5 > h3 { -webkit-text-orientation:mixed; text-orientation:mixed; position:absolute; font-size:20rem; color:#27AAB9; font-weight:700;
-ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; position:absolute; left:-11rem; top:0;
margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); letter-spacing:10px; font-family:'Spinnaker', sans-serif; opacity:.15; }
/* box */
.gift .s5 .box { width:1080px; margin:0 auto; }
.gift .s5 .box:after { content:""; display:block; clear:both; }
.gift .s5 .box li:nth-child(2n) { margin-bottom:30px; }
.gift .s5 .box li:after { content:""; display:block; clear:both; }
.gift .s5 .box li dt { float:right; width:380px; margin-left:60px; }
.gift .s5 .box li:nth-child(2n) dt { float:left; margin-right:60px; margin-left:0; }
.gift .s5 .box li dd { overflow:hidden; padding:60px 0 0; }
.gift .s5 .box li dd h2 { color:#27AAB9; font-size:2.6rem; overflow:hidden; font-weight:bold; margin-bottom:40px; }
.gift .s5 .box li dd h2 .day { float:left; margin-right:20px; border:1px solid #000; font-size:1.8rem; color:#000; padding:2px 20px; }
.gift .s5 .box li dd p { font-size:1.6rem; line-height:1.8; margin-bottom:40px; }
.gift .s5 .box li dd .in { width:90%; }
.gift .s5 .box li dd .in:after { content:""; display:block; clear:both; }
.gift .s5 .box li dd .in li { float:left; width:160px; padding:3px 3px; border-radius:30px; text-align:center; margin-right:10px; margin-bottom:15px; transition:.3s ease-in-out; color:#FFF; background:#27AAB9; }
.gift .s5 .box li dd .in li a { color:#FFF; display:block; }


		@media screen and (max-width:768px) {
			
			.gift .s5 { padding:40px 0; }
			.gift .s5 > dl.tit { width:100%; }
			.gift .s5 > dl.tit:before { width:0; }
			.gift .s5 > h3 { display:none; }
			.gift .s5 .box { width:100%; }
			.gift .s5 .box li dt { float:none; width:100%; margin-left:0; }
			.gift .s5 .box li:nth-child(2n) dt { float:none; margin:0 !important; }
			.gift .s5 .box li dd { padding:20px; }
			.gift .s5 .box li dd h2 { text-align:center; margin-bottom:20px; }
			.gift .s5 .box li dd h2 .day { display:block; margin-right:0; float:none; width:120px; text-align:center; margin:0 auto 20px; }
			.gift .s5 .box li dd p { font-size:1.4rem; }
			.gift .s5 .box li dd p br { display:none; }
			.gift .s5 .box li dd .in { width:100%; text-align:center; }
			.gift .s5 .box li dd .in li { float:none; width:48%; display:inline-block; padding:10px 3px; margin-right:0; }
			
		}
		
		
.gift .s6 { width:100%; margin:0 auto; padding:80px; background:#FFF }
.gift .s6 
.gift .s6 > dl.tit { width:1080px; margin:0 auto 40px; }
.gift .s6 > dl.tit:before { width:55%;  }
.gift .s6 > dl.tit h2 { background:#000 !important; }
.gift .s6 > h3 { -webkit-text-orientation:mixed; text-orientation:mixed; position:absolute; font-size:20rem; color:#000; font-weight:700;
-ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; text-orientation: mixed; position:absolute; left:-11rem; top:0;
margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); letter-spacing:10px; font-family:'Spinnaker', sans-serif; opacity:.08; }
/* box */
.gift .s6 .box { width:1080px; margin:0 auto; }
.gift .s6 .box:after { content:""; display:block; clear:both; }
.gift .s6 .box li:nth-child(2n) { margin-bottom:30px; }
.gift .s6 .box li:after { content:""; display:block; clear:both; }
.gift .s6 .box li dt { float:right; width:380px; margin-left:60px; }
.gift .s6 .box li:nth-child(2n) dt { float:left; margin-right:60px; margin-left:0; }
.gift .s6 .box li dd { overflow:hidden; padding:60px 0 0; }
.gift .s6 .box li dd h2 { color:#000; font-size:2.6rem; overflow:hidden; font-weight:bold; margin-bottom:40px; }
.gift .s6 .box li dd h2 .day { float:left; margin-right:20px; border:1px solid #000; font-size:1.8rem; color:#000; padding:2px 20px; }
.gift .s6 .box li dd p { font-size:1.6rem; line-height:1.8; margin-bottom:40px; }
.gift .s6 .box li dd .in { width:90%; }
.gift .s6 .box li dd .in:after { content:""; display:block; clear:both; }
.gift .s6 .box li dd .in li { float:left; width:160px; padding:3px 3px; border-radius:30px; text-align:center; margin-right:10px; margin-bottom:15px; transition:.3s ease-in-out; color:#FFF; background:#000; }
.gift .s6 .box li dd .in li a { color:#FFF; display:block; }


		@media screen and (max-width:768px) {
			
			.gift .s6 { padding:40px 0 0; }
			.gift .s6 > dl.tit { width:100%; }
			.gift .s6 > dl.tit:before { width:0; }
			.gift .s6 > h3 { display:none; }
			.gift .s6 .box { width:100%; }
			.gift .s6 .box li dt { float:none; width:100%; margin-left:0; }
			.gift .s6 .box li:nth-child(2n) dt { float:none; margin:0 !important; }
			.gift .s6 .box li dd { padding:20px; }
			.gift .s6 .box li dd h2 { text-align:center; margin-bottom:20px; }
			.gift .s6 .box li dd h2 .day { display:block; margin-right:0; float:none; width:120px; text-align:center; margin:0 auto 20px; }
			.gift .s6 .box li dd p { font-size:1.4rem; }
			.gift .s6 .box li dd p br { display:none; }
			.gift .s6 .box li dd .in { width:100%; text-align:center; }
			.gift .s6 .box li dd .in li { float:none; width:48%; display:inline-block; padding:10px 3px; margin-right:0; }
			
		}
		

/* ======================================================================================================================================
/
/
/	hana
/
/
======================================================================================================================================*/
.hana .s1 { padding:50px 0 70px; }

.hana .s1 h1 { text-align:center; text-transform:uppercase; font-size:3rem; font-weight:700; color:#BBB; font-family:'Spinnaker', sans-serif; }
.hana .s1 h1 span { display:block; width:130px; height:28px; line-height:28px; font-size:1.4rem; letter-spacing:1px; border-radius:20px; background:#C3D242; color:#FFF; margin:0 auto; position:relative; top:-80px; font-weight:bold; }
.hana .s1 h1 span:before { content:""; width:130px; height:48px; background:url(../images/all_s1_h1_bg.png) center bottom no-repeat; position:absolute; top:-48px; left:10px; }
.hana .s1 h1:first-letter { color:#C3D242; }
.hana .s1 { text-align:center; }
.hana .s1 h2 { font-family:'Noto Serif JP', serif; font-size:3.5rem; letter-spacing:1px; margin-bottom:30px; }
.hana .s1 h2 br { display:none; }
.hana .s1 h2 strong { font-weight:bold; }
.hana .s1 p { font-size:1.5rem; line-height:1,8; }


		@media screen and (max-width:768px) {
			
			.hana .s1 h2 { font-size:2.5rem; }
			.hana .s1 h2 br { display:block; }
			.hana .s1 h2 strong { font-size:3rem; }
			.hana .s1 p { font-size:1.4rem; padding:0 20px; }
			.hana .s1 p br { display:none; }
			
		}

.hana .s2 { width:100%; height:450px; background:url(../images/hana_bara_ph.jpg) center center no-repeat; background-size:100% auto; background-attachment:fixed; position:relative; padding:160px 0 0; text-align:center; color:#FFF; font-family:'Noto Serif JP', serif; margin-bottom:80px; }
.hana .s2 h1 { font-size:5rem; letter-spacing:1px; margin-bottom:10px; position:relative; text-shadow:1px 1px 5px rgba(0,0,0,.5); }
.hana .s2 h1:before { content:""; width:50px; height:2px; background:#FFF; position:absolute; left:50%; bottom:0; transform:translateX(-50%); }
.hana .s2 h2 { font-size:2rem; font-family:'Noto Serif JP', serif; text-shadow:1px 1px 5px rgba(0,0,0,.5); margin-bottom:30px; }
.hana .s2 a { display:inline-block; width:225px; padding:10px 20px; margin:0 10px; color:#FFF; border:2px solid #FFF; border-radius:15px; font-size:1.6rem; position:relative; }
.hana .s2 a:hover { background:rgba(255,255,255,.6); width:250px; }
.hana .s2 a:before { content:""; display:block; width:6px; height:6px; border-right:2px solid #FFF; border-bottom:2px solid #FFF; transform:rotate(-45deg); position:absolute; right:20px; top:45%; }

		@media screen and (max-width:768px) {
			
			.hana .s2 { background-size:auto 100%; padding-top:100px; margin-bottom:30px; background-attachment:local; }
			.hana .s2 a:first-of-type { margin-bottom:20px; }
			
		}


.hana .s3 { width:50%; float:left; padding-top:30px; }
.hana .s3 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s3 dl.tit:before { width:60%; }
.hana .s3 dl:after { content:""; display:block; clear:both; }
.hana .s3 dl h2 { background:#C00; margin-bottom:30px; }
.hana .s3 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s3 dl dd .flw dd { overflow:hidden; }
.hana .s3 dl dd .flw dd ul { text-align:center; }
.hana .s3 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }

		@media screen and (max-width:768px) {
			
			.hana .s3 { width:100%; float:none; }
			.hana .s3 dl.tit { width:100%; }
			.hana .s3 dl.tit:before { display:none; }
			.hana .s3 dl.tit dt { width:100%; }
			.hana .s3 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s3 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s3 dl dd h1 { text-align:center; }
			.hana .s3 dl dd span { text-align:center; display:block; }
			.hana .s3 dl dd .flw { margin-top:30px; }
			.hana .s3 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s3 dl dd .flw dd { padding:0 20px; }
			.hana .s3 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
			
		}
		

.hana .s4 { width:50%; float:left; padding-top:30px; }
.hana .s4 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s4 dl.tit:before { width:60%; }
.hana .s4 dl:after { content:""; display:block; clear:both; }
.hana .s4 dl h2 { background:#C36; margin-bottom:30px; }
.hana .s4 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s4 dl dd .flw dd { overflow:hidden; }
.hana .s4 dl dd .flw dd ul { text-align:center; }
.hana .s4 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }


		@media screen and (max-width:768px) {
			
			.hana .s4 { width:100%; float:none; }
			.hana .s4 dl.tit { width:100%; }
			.hana .s4 dl.tit:before { display:none; }
			.hana .s4 dl.tit dt { width:100%; }
			.hana .s4 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s4 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s4 dl dd h1 { text-align:center; }
			.hana .s4 dl dd span { text-align:center; display:block; }
			.hana .s4 dl dd .flw { margin-top:30px; }
			.hana .s4 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s4 dl dd .flw dd { padding:0 20px; }
			.hana .s4 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
			
		}

.hana .s5 { width:50%; float:left; padding-top:30px; }
.hana .s5 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s5 dl.tit:before { width:60%; }
.hana .s5 dl:after { content:""; display:block; clear:both; }
.hana .s5 dl h2 { background:#63C; margin-bottom:30px; }
.hana .s5 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s5 dl dd .flw dd { overflow:hidden; }
.hana .s5 dl dd .flw dd ul { text-align:center; }
.hana .s5 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }
		@media screen and (max-width:768px) {
			
			.hana .s5 { width:100%; float:none; }
			.hana .s5 dl.tit { width:100%; }
			.hana .s5 dl.tit:before { display:none; }
			.hana .s5 dl.tit dt { width:100%; }
			.hana .s5 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s5 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s5 dl dd h1 { text-align:center; }
			.hana .s5 dl dd span { text-align:center; display:block; }
			.hana .s5 dl dd .flw { margin-top:30px; }
			.hana .s5 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s5 dl dd .flw dd { padding:0 20px; }
			.hana .s5 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
			
		}

.hana .s6 { width:50%; float:left; padding-top:30px; }
.hana .s6 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s6 dl.tit:before { width:60%; }
.hana .s6 dl:after { content:""; display:block; clear:both; }
.hana .s6 dl h2 { background:#099; margin-bottom:30px; }
.hana .s6 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s6 dl dd .flw dd { overflow:hidden; }
.hana .s6 dl dd .flw dd ul { text-align:center; }
.hana .s6 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }

		@media screen and (max-width:768px) {
			
			.hana .s6 { width:100%; float:none; }
			.hana .s6 dl.tit { width:100%; }
			.hana .s6 dl.tit:before { display:none; }
			.hana .s6 dl.tit dt { width:100%; }
			.hana .s6 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s6 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s6 dl dd h1 { text-align:center; }
			.hana .s6 dl dd span { text-align:center; display:block; }
			.hana .s6 dl dd .flw { margin-top:30px; }
			.hana .s6 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s6 dl dd .flw dd { padding:0 20px; }
			.hana .s6 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
			
		}

.hana .s7 { width:50%; float:left; padding-top:30px; }
.hana .s7 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s7 dl.tit:before { width:60%; }
.hana .s7 dl:after { content:""; display:block; clear:both; }
.hana .s7 dl h2 { background:#C60; margin-bottom:30px; }
.hana .s7 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s7 dl dd .flw dd { overflow:hidden; }
.hana .s7 dl dd .flw dd ul { text-align:center; }
.hana .s7 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }

		@media screen and (max-width:768px) {
			
			.hana .s7 { width:100%; float:none; }
			.hana .s7 dl.tit { width:100%; }
			.hana .s7 dl.tit:before { display:none; }
			.hana .s7 dl.tit dt { width:100%; }
			.hana .s7 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s7 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s7 dl dd h1 { text-align:center; }
			.hana .s7 dl dd span { text-align:center; display:block; }
			.hana .s7 dl dd .flw { margin-top:30px; }
			.hana .s7 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s7 dl dd .flw dd { padding:0 20px; }
			.hana .s7 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
			
		}
		
		
.hana .s8 { width:50%; float:left; padding-top:30px; }
.hana .s8 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s8 dl.tit:before { width:60%; }
.hana .s8 dl:after { content:""; display:block; clear:both; }
.hana .s8 dl h2 { background:#FC0; margin-bottom:30px; }
.hana .s8 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s8 dl dd .flw dd { overflow:hidden; }
.hana .s8 dl dd .flw dd ul { text-align:center; }
.hana .s8 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }

		@media screen and (max-width:768px) {
			
			.hana .s8 { width:100%; float:none; }
			.hana .s8 dl.tit { width:100%; }
			.hana .s8 dl.tit:before { display:none; }
			.hana .s8 dl.tit dt { width:100%; }
			.hana .s8 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s8 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s8 dl dd h1 { text-align:center; }
			.hana .s8 dl dd span { text-align:center; display:block; }
			.hana .s8 dl dd .flw { margin-top:30px; }
			.hana .s8 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s8 dl dd .flw dd { padding:0 20px; }
			.hana .s8 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
		}

.hana .s9 { width:50%; float:left; padding-top:30px; }
.hana .s9 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s9 dl.tit:before { width:60%; }
.hana .s9 dl:after { content:""; display:block; clear:both; }
.hana .s9 dl h2 { background:#33C; margin-bottom:30px; }
.hana .s9 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s9 dl dd .flw dd { overflow:hidden; }
.hana .s9 dl dd .flw dd ul { text-align:center; }
.hana .s9 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }

		@media screen and (max-width:768px) {
			
			.hana .s9 { width:100%; float:none; }
			.hana .s9 dl.tit { width:100%; }
			.hana .s9 dl.tit:before { display:none; }
			.hana .s9 dl.tit dt { width:100%; }
			.hana .s9 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s9 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s9 dl dd h1 { text-align:center; }
			.hana .s9 dl dd span { text-align:center; display:block; }
			.hana .s9 dl dd .flw { margin-top:30px; }
			.hana .s9 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s9 dl dd .flw dd { padding:0 20px; }
			.hana .s9 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
		}

.hana .s10 { width:50%; float:left; padding-top:30px; }
.hana .s10 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s10 dl.tit:before { width:60%; }
.hana .s10 dl:after { content:""; display:block; clear:both; }
.hana .s10 dl h2 { background:#CCC; margin-bottom:30px; }
.hana .s10 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s10 dl dd .flw dd { overflow:hidden; }
.hana .s10 dl dd .flw dd ul { text-align:center; }
.hana .s10 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }



		@media screen and (max-width:768px) {
			
			.hana .s10 { width:100%; float:none; }
			.hana .s10 dl.tit { width:100%; }
			.hana .s10 dl.tit:before { display:none; }
			.hana .s10 dl.tit dt { width:100%; }
			.hana .s10 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s10 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s10 dl dd h1 { text-align:center; }
			.hana .s10 dl dd span { text-align:center; display:block; }
			.hana .s10 dl dd .flw { margin-top:30px; }
			.hana .s10 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s10 dl dd .flw dd { padding:0 20px; }
			.hana .s10 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
		}

.hana .s11 { width:50%; float:left; padding-top:30px; }
.hana .s11 dl.tit { width:500px; margin:0 auto 20px; }
.hana .s11 dl.tit:before { width:60%; }
.hana .s11 dl:after { content:""; display:block; clear:both; }
.hana .s11 dl h2 { background:#000; margin-bottom:30px; }
.hana .s11 dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .s11 dl dd .flw dd { overflow:hidden; }
.hana .s11 dl dd .flw dd ul { text-align:center; }
.hana .s11 dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }


		@media screen and (max-width:768px) {
			
			.hana .s11 { width:100%; float:none; }
			.hana .s11 dl.tit { width:100%; }
			.hana .s11 dl.tit:before { display:none; }
			.hana .s11 dl.tit dt { width:100%; }
			.hana .s11 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s11 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s11 dl dd h1 { text-align:center; }
			.hana .s11 dl dd span { text-align:center; display:block; }
			.hana .s11 dl dd .flw { margin-top:30px; }
			.hana .s11 dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .s11 dl dd .flw dd { padding:0 20px; }
			.hana .s11 dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
		}
.hana .s12 { width:100%; margin:0 auto; padding:80px; background:#FFF } 
.hana .s12 > dl.tit { width:1080px; margin:0 auto 40px; }
.hana .s12 > dl.tit:before { width:55%;  }
.hana .s12 > dl.tit h2 { background:#C00 !important; }
.hana .s12 .num { margin-top:40px; }
.hana .s12 .num ul:after { content:""; clear:both; display:block; }
.hana .s12 .num li { float:left; width:50%; font-family:'Noto Serif JP', serif; padding:30px 0 10px; border-bottom:1px solid #CCC; font-size:1.4rem; }

		@media screen and (max-width:768px) {
			
			.hana .s12 { width:100%; float:none; }
			.hana .s12 dl.tit { width:100%; }
			.hana .s12 dl.tit:before { display:none; }
			.hana .s12 dl.tit dt { width:100%; }
			.hana .s12 dl h2 { width:200px; margin:0 auto 20px; }
			.hana .s12 dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .s12 dl dd h1 { text-align:center; }
			.hana .s12 dl dd span { text-align:center; display:block; }
			.hana .s12 .num li { height:200px; text-align:center; }
		}
		
.hana .s12 .num li:nth-child(1),
.hana .s12 .num li:nth-child(4),
.hana .s12 .num li:nth-child(5),
.hana .s12 .num li:nth-child(8),
.hana .s12 .num li:nth-child(9),
.hana .s12 .num li:nth-child(12),
.hana .s12 .num li:nth-child(13),
.hana .s12 .num li:nth-child(16),
.hana .s12 .num li:nth-child(17),
.hana .s12 .num li:nth-child(20),
.hana .s12 .num li:nth-child(21) { background:#ffdbed; }
.hana .s12 .num li span { display:inline-block; width:40px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#C00; border:1px solid #C00; font-size:1.2rem; margin-right:10px; }

		@media screen and (max-width:768px) {
			
			.hana .s12 .num li span { display:block; margin:0 auto 20px; }
			
		}
		
.hana .s12 .num li:nth-child(1) span,
.hana .s12 .num li:nth-child(4) span,
.hana .s12 .num li:nth-child(5) span,
.hana .s12 .num li:nth-child(8) span,
.hana .s12 .num li:nth-child(9) span,
.hana .s12 .num li:nth-child(12) span,
.hana .s12 .num li:nth-child(13) span,
.hana .s12 .num li:nth-child(16) span,
.hana .s12 .num li:nth-child(17) span,
.hana .s12 .num li:nth-child(20) span,
.hana .s12 .num li:nth-child(21) span { border:1px solid #C00; }

.hana .etc { width:50%; float:left; padding-top:30px; }
.hana .etc dl.tit { width:500px; margin:0 auto 20px; }
.hana .etc dl.tit:before { width:20%; }
.hana .etc dl.tit dt h2 { background:#C2D241; }
.hana .etc dl:after { content:""; display:block; clear:both; }
.hana .etc dl h2 { background:#000; margin-bottom:30px; }
.hana .etc dl dd .flw dt { height:400px; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; float:none; margin-right:0; margin-bottom:50px; }
.hana .etc dl dd .flw dd { overflow:hidden; }
.hana .etc dl dd .flw dd ul { text-align:center; height:80px; }
.hana .etc dl dd .flw dd li { display:inline-block; width:150px; padding:3px 3px; border-radius:30px; text-align:center; margin:5px; color:#000; background:#EFEFEF; }


		@media screen and (max-width:768px) {
			
			.hana .etc { width:100%; float:none; }
			.hana .etc dl.tit { width:100%; }
			.hana .etc dl.tit:before { display:none; }
			.hana .etc dl.tit dt { width:100%; }
			.hana .etc dl h2 { width:200px; margin:0 auto 20px; }
			.hana .etc dl dd { width:100vw; margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); }
			.hana .etc dl dd h1 { text-align:center; }
			.hana .etc dl dd span { text-align:center; display:block; }
			.hana .etc dl dd .flw { margin-top:30px; }
			.hana .etc dl dd .flw dt { width:90%; height:350px; border-radius:30px; margin:0 auto 40px; }
			.hana .etc dl dd .flw dd { padding:0 20px; }
			.hana .etc dl dd .flw dd ul { height:100px; }
			.hana .etc dl dd .flw dd li { width:48%; padding:10px 3px; margin:0 0 10px 0; }
		}

/* ======================================================================================================================================
/
/
/	contact
/
/
======================================================================================================================================*/

.contactus .s1 { padding:50px 0 30px; width:1080px; margin:0 auto; }

.contactus .s1 h1 { text-align:center; margin-bottom:-20px; text-transform:uppercase; font-size:3rem; font-weight:700; color:#BBB; font-family:'Spinnaker', sans-serif; }
.contactus .s1 h1 span { display:block; width:130px; height:28px; line-height:28px; font-size:1.4rem; letter-spacing:1px; border-radius:20px; background:#C3D242; color:#FFF; margin:0 auto; position:relative; top:-80px; font-weight:bold; }
.contactus .s1 h1 span:before { content:""; width:130px; height:48px; background:url(../images/all_s1_h1_bg.png) center bottom no-repeat; position:absolute; top:-48px; left:10px; }
.contactus .s1 h1:first-letter { color:#C3D242; }

/* table */
.contactus .s1 .box dt { float:none; margin-bottom:40px; width:100%; }
.contactus .s1 .box dt:after { content:""; display:block; clear:both; }
.contactus .s1 .box dt h1 { float:left; display:none; }
.contactus .s1 .box dt ul { float:right; }
.contactus .s1 .box dt ul li { padding:10px 10px 10px 20px; border-bottom:1px solid #DDD; position:relative; }
.contactus .s1 .box dt ul li:before { content:""; width:5px; height:5px; background:#999; border-radius:50%; position:absolute; left:0; top:48%; transform:translateY(-50%); }

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:768px) {

		.contactus .s1 .box dt { margin-bottom:20px; }
		.contactus .s1 .box dt h1 { float:none; }
		.contactus .s1 .box dt ul { float:none; width:70%; margin:0 auto; }
		.contactus .s1 .box dt ul li { font-size:1rem; padding:10px; text-align:center; }
		.contactus .s1 .box dt ul li:before { display:none; }
		
	}
	
.contactus table { width:100%; margin:0 auto; border-top:1px solid #DDD; border-right:1px solid #DDD; font-size:1.2rem; letter-spacing:1px; }
.contactus table th,
.contactus table td { border-bottom:1px solid #DDD; padding:20px; }
.contactus table th span { background:#C3D242; color:#FFF; border-radius:5px; font-size:1.2rem; padding:5px; margin-left:10px; }
.contactus table tr:nth-child(2n) th,
.contactus table tr:nth-child(2n) td { background:#F5F5F5; }
.contactus table tr th { width:20%; background:#EEE !important; vertical-align:middle; }
.contactus table tr td ul:after { content:""; display:block; clear:both; }
.contactus table tr td ul li { border-bottom:1px solid #DDD; float:left; width:50%; }
.contactus table tr td ul li:last-child,
.contactus table tr td ul li:nth-last-child(2) { border-bottom:none; }
.contactus table tr td ul li label { display:block; padding:10px; transition:.3s ease; }
.contactus table tr td ul li label:hover { background:#FFF; }
	/* input */
	.contactus table tr td input[type="text"],
	.contactus table tr td input[type="tel"],
	.contactus table tr td input[type="email"] { width:50%; border:1px solid #DDD; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; }
	.contactus table tr td input[type="email"] { width:100%; }
	.contactus table tr td input[type="radio"] { margin-right:10px; border-radius:50%; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:20px; width:20px; vertical-align:-.6rem; transition:.15s ease-out 0s; color:#FFF; cursor:pointer; display:inline-block; outline:none; border:2px solid #C3D242; }
	.contactus table tr td input[type="radio"]:before { content:""; display:block; width:10px; height:10px; border-radius:50%; margin:3px; transform:scale(0); transition:250ms ease-out; }
	.contactus table tr td input[type="radio"]:checked:before { transform:scale(1); }
	.contactus table tr td input[type="radio"]:checked,
	.contactus table tr td input[type="radio"]:checked:before { background:#C3D242; }
	.contactus table tr td textarea { width:100%; height:20em; border:1px solid #DDD; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; }
	
	/* button */
	.contactus .button { text-align:center; }
	.contactus .button:after { content:""; display:block; clear:both; }
	.contactus .button input[type="submit"],
	.contactus .button input[type="button"],
	.contactus .button input[type="reset"] { width:200px; height:45px; border-radius:5px; border:none; text-align:center; background:#C3D242; color:#FFF; text-decoration:none; letter-spacing:2px; font-weight:bold; font-size:1.3rem; cursor:pointer; transition:.3s ease-in; display:inline-block; margin:30px 10px 0; -webkit-appearance:none; }
	.contactus .button input[type="button"],
	.contactus .button input[type="reset"] { background:#666; }
	.contactus .button input[type="submit"]:hover { background:#95C158; }
	.contactus .button input[type="button"]:hover,
	.contactus .button input[type="reset"]:hover { background:#999; }
	
	/* text */
	.contactus .check { padding:20px; border:3px solid #DDD; text-align:center; font-size:1.4rem; margin-bottom:30px; }
	.contactus .complete { padding:80px 20px; border:3px solid #C3D242; font-size:1.4rem; margin-top:50px; }
	.contactus .complete h2 { text-align:center; font-size:1.8rem; margin-bottom:20px; font-weight:bold; }
	.contactus .complete p { text-align:center; margin-bottom:50px; }
	.contactus .complete p span { font-size:1rem; color:#999; display:block; margin-top:10px; }
	.contactus .complete a { display:block; width:200px; height:40px; line-height:40px; text-align:center; letter-spacing:1px; font-family:'Spinnaker', sans-serif; background:#C3D242; margin:0 auto; color:#FFF; border-radius:5px; }
	.contactus .complete a:hover { background:#DDD; text-decoration:none; }
	
	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:768px) {
	
		.contactus table { font-size:1.1rem; }
		.contactus table tr td ul li { float:none; width:100%; }
		.contactus table tr td ul li:nth-last-child(2) { border-bottom:1px solid #DDD; }
		.contactus table th { font-size:1rem; }
		.contactus table th span { display:block; margin:10px 0 0 0; width:50px; text-align:center; font-size:1rem; padding:2px 4px; border-radius:0; }
		.contactus table tr td input[type="text"],
		.contactus table tr td input[type="tel"],
		.contactus table tr td input[type="email"] { width:100%; }
		.contactus .button input[type="submit"],
		.contactus .button input[type="reset"] { width:150px; -webkit-appearance:none; margin:20px 5px 0; font-size:1.2rem; }
		.contactus .check { font-size:1.1rem; }
		.contactus .complete { padding:40px 20px; font-size:1.1rem; }
		.contactus .complete h2 { font-size:1.4rem; }
		.contactus .complete p { text-align:left; margin-bottom:20px; }
		
	}












/* ======================================================================================================================================
/
/
/	JS
/
/
======================================================================================================================================*/
/* Gallery
------------------------------------------------------------------- */
@-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}

/* Color Box
------------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#cboxContent button,
#cboxCurrent { display:none !important; }
#cboxLoadedContent { overflow-x:hidden; margin-bottom:0 !important; }