@charset "utf-8";

/* ************************************************************************************************

   normalize.css

   ************************************************************************************************ */
   
img,legend{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C""\201D""\2018""\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ************************************************************************************************

   Base

   ************************************************************************************************ */
	

@font-face {
    font-family: 'NSJ_Medium';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp.eot');
    src: url('../fonts/NotoSansCJKjp.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansCJKjp.woff') format('woff'),
    url('../fonts/NotoSansCJKjp.ttf')  format('truetype');
}
@font-face {
    font-family: 'NSJ_bold';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Bold.eot');
    src: url('../fonts/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype');
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; }
html { width: 100%; height:100%; }
html,
body { font-family: 'Hiragino Kaku Gothic ProN', Meiryo,  Osaka, 'MS PGothic', arial, helvetica, sans-serif; margin: 0; padding: 0; width: 100%; height:100%; color: #414141; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:500;position: relative;
  overflow-x: hidden;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight:500}
p { margin: 0; padding: 0; font-weight: normal; }

button { text-decoration:none; border:none;}
/* ----- *::selection ----- */ 
*::-moz-selection {background: #111;color:#fefefe;}
*::selection { background: #111; color: #fefefe; }
/* ----- h1,h2,h3,h4,h5 ----- */ 
h1,h2,h3,h4,h5{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h2 { font-family: 'NSJ_Medium', serif; font-size:18px;font-weight:400; color:#363636; margin-bottom:7px; line-height:16px; text-align:left; letter-spacing:0px;}
@media only screen and (max-width: 768px) {
h2 { font-family: 'NSJ_Medium', serif; font-size:16px;font-weight:400; color:#363636; margin-bottom:7px; line-height:16px; text-align:left; letter-spacing:0px;}
}
h4 { font-family: 'NSJ_Medium', serif; font-weight:400;}
.img-responsive-overwrite{
    margin: 0 auto;
}
.pb_60 { padding-bottom::60px;}
.mb_60 { margin-bottom:60px;}
.mb_90 { margin-bottom:90px;}
.btn {
	border-radius: 0;
	font-size: 12px;
	padding-top: 15px;
	padding-right: 35px;
	padding-bottom: 15px;
	padding-left: 35px;	
}
.call_info {
	display:block;
	font-size:12px;
	line-height:24px;
	margin-top:10px;
	margin-bottom:40px;
}
.under_line {
	text-decoration:underline;
}
.under_line:hover {
	text-decoration: none;
}
.btn-primary {
	color: #fff;
	background: #c19f62;
	border: 1px solid #c19f62;
	display: inline-block;
	position: relative;
	border: none;
	margin-top:50px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 10px;
}

.btn-primary:hover {
	background: #c19f62;
	color: #fff;
	border: none;
}

.btn-primary:before {
	content: '';
	position: absolute;
	border: #c19f62 solid 1px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}

.btn-primary:hover:before {
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: -4px;
}
.pd_l_none {
	padding-left:0px;
}
.pd_r_none {
	padding-right:0px;
}
@media only screen and (max-width: 991px) {
.pd_l_none {
	padding-left:15px;
}
.pd_r_none {
	padding-right:15px;
}
.class_cont {
	margin-bottom:150px;}
}

#mass .btn-primary {
	color: #fff;
	background: #c19f62;
	border: 1px solid #c19f62;
	display: inline-block;
	position: relative;
	border: none;
	margin-top:50px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.sub_ttl {font-family: 'Marcellus', serif;font-size:11px;font-weight:400; color:#5d5c5c; line-height:10px; text-align:left; margin-bottom:30px;}
.contants_grid {
	margin:0px;
	padding-left:30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c19f62;
	}
.contants_grid_left {
	margin:0px;
	padding-right:15px;
	padding-top:30px;
	text-align: center;
	}
.contants_grid_left_non {
	margin:0px;
	padding-right:0px;
	padding-top:30px;
	text-align: center;
	}
.contants_grid_non {
	margin:0px;
	padding-top:30px;
	text-align: left;
	}
@media only screen and (max-width: 1170px) {
.contants_grid_left {
	margin:0px;
	padding-right:0px;
	padding-top:30px;
	text-align: left;
}
#beginners .contants_grid_left {
	margin:0px;
	padding-right:0px;
	padding-top:30px;
	text-align: center;
	}
}
@media only screen and (max-width: 991px) {
#beginners .contants_grid_left {
	margin:0px;
	padding-right:0px;
	padding-top:30px;
	text-align: center;
	}
}

@media only screen and (max-width: 768px) {
.contants_grid_left {
	margin:0px;
	padding-right:0px;
	padding-top:30px;
	text-align: center;
	margin-left:-15px;
	}
#beginners .contants_grid_left {
	margin:0px;
	padding-right:0px;
	padding-top:30px;
	text-align: center;
	}
}
.contants_grid_inner {
	margin:0px;
	padding-left:30px;
	padding-top:30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c19f62;
	}
.contants_grid_inner_non {
	margin:0px;
	padding-top:30px;
	padding-left:30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c19f62;
	}
#activities .contants_grid_inner_non {
	margin:0px;
	padding-top:30px;
	padding-left:30px;
	padding-bottom:60px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c19f62;
	}
#activities .contants_grid_inner_non_last {
	margin:0px;
	padding-top:30px;
	padding-left:30px;
	margin-bottom:90px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c19f62;
	}
#activities .contants_grid_inner_s {
	margin:0px;
	padding-top:30px;
	padding-left:30px;
	padding-bottom:0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c19f62;
	}
.l_text{
	font-size:14px;
	line-height:28px;
}
.contants_grid_inner .l_text{
	font-size:14px;
	line-height:24px;
	padding-right:18%;
}

@media only screen and (max-width: 900px) {
.contants_grid_inner .l_text{
	font-size:14px;
	line-height:24px;
	padding-right:5%;
}
}
.news_wrap {
	margin-bottom:30px;
}
.news_wrap a {
	text-decoration:underline;
}
.news_wrap a:hover{
	color: #88a730;
	text-decoration: none;
	}
.post_n_date {
	margin-top:6px;
	font-size:10px;
	line-height:12px;
}
.sc_n_date {
	margin-bottom:10px;
	font-size:12px;
	line-height:12px;
	background-color:#f8f4e9;
	padding:5px;
}
.post_n_ttl {
	font-size:14px;
}
#weeky_info {
	background-image: url(http://azabu-catholic.jp/images/weeklyinfo_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 70px;
	vertical-align: middle;
	padding-left: 20px;
	margin-bottom: 60px;
	margin-top: 40px;
	font-size: 14px;
	font-family: 'NSJ_Medium', serif;
	color: #2788ec;
	text-align: left;
	line-height: 70px;
}
.date_month {
	margin-bottom: 10px;
	margin-top: 30px;
	font-size: 28px;
	font-family: 'NSJ_Medium', serif;
	vertical-align: bottom;
}
.date_month span {
	margin-left: 2px;
	font-size: 12px;
	vertical-align: middle;
}
div[class*=box] {
    height: 33.33%;
    width: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-3 { background-color: #c19f62; }

.pg_btn {
    line-height: 50px;
    height: 50px;
    text-align: center;
    width: 250px;
    cursor: pointer;
}
.line_h {
	text-align:center;
	margin-bottom:30px;
}
.ca { font-size:11px; color:#cb0a0c; display:block; line-height:18px; margin-bottom:10px;}
.colum_box {
	background-color:#f1f1f1;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.colum_box h4 {
	font-size:14px;
	margin-bottom:30px;
	line-height:20px;
}
.colum_box p {
	font-size:12px;
	line-height:18px;
	padding-right:10px;
}
@media only screen and (max-width: 991px) {
	.colum_box {
	background-color:#f1f1f1;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
.colum_box h4 {
	font-size:14px;
	margin-bottom:30px;
	line-height:20px;
	margin-top:20px;
}
.colum_img {
	margin-top:-15px;
}
.colum_box p {
	font-size:12px;
	line-height:18px;
	padding-right:0px;
}
}


.alpha:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	cursor:pointer;
}
.nav-links {
	margin-bottom:90px;
}
@media only screen and (max-width: 800px) {
.dis_non {
	display:none
}
}
/* ----- .cf ----- */ 
/* For modern browsers */
.cf:before,
.cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
/* ----- .transition03 ----- */ 
.transition03 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.transition05 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
/* ----- img----- */ 

/* ----- a ----- */ 
a { color: inherit; outline: none; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:focus,
*:focus { outline: none; text-decoration: none; }
a:hover { text-decoration: none; outline: none; color:#88a730 }
/* ----- p ----- */ 
p { margin: 0; padding: 0; font-size: 14px; font-weight: 500; line-height: 2.2; letter-spacing: 1px; }


/*@media only screen and (max-width: 800px) {
p { font-size: 13px; line-height: 2; }
p a:hover { background: none; color: #111; border-bottom: #aaa 1px dashed;}
}*/
/*@media only screen and (max-width: 738px) {
p { font-size: 12px; line-height: 2; }
}*/


/* .lazyload,.lazyloading */
.lazyload,
.lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;transition: opacity 750ms;}

/* ************************************************************************************************

   Page

   ************************************************************************************************ */
   
/* -----------------------------------------------------------

   #page

   ----------------------------------------------------------- */
#page { height:100%; background:#fefefe; position:relative; z-index:4; margin-top:210px; }
@media only screen and (max-width: 1170px) {
#page { height:100%; background:#fefefe; position:relative; z-index:4; margin-top:0px; padding-top:150px; }
}

/* -----------------------------------------------------------

   #content

   ----------------------------------------------------------- */
   
#content { padding-top:125px; }

@media only screen and (max-width: 800px) {
#content { padding-top:50px; }
}

/* -----------------------------------------------------------

   #header

   ----------------------------------------------------------- */

#head_wraper {
	position:relative;
}

/* transition */
#header,
#header .logoArea,
#header .logoAreaSmall,
#header .snsArea,
#header .calendarArea { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

/* #header */
#header,
#header:after{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }

/* --- #header --- */
#header { height: 125px; position: absolute; top: 0px; left:0; right:0; width: 100%; background: rgba(255,255,255,1); background:#fff; z-index: 5; }
#header.autofix_sb.fixed { position:fixed; height: 90px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

@media only screen and (max-width: 1170px) {
#header { display: none; }
}


/* ======== #header .logoArea ======== */
#header .logoArea { position: absolute; top: -45px; left: 50%; z-index: 3; margin-left:-60px; text-align:center;}
#header .logoArea h1 { width: 133px; height: 137px; padding:0;  margin: 0; }
#header .logoArea h1 span { font-family: 'NSJ_Medium', serif; font-size:12px; margin-top:20px; letter-spacing:2px; line-height:10px; color:#727171;}
#header .logoArea h1 a { width: 133px; height: 137px; display: block; position: relative; overflow: hidden; z-index: 1003; margin-bottom:20px;}
/*#header .logoArea h1 a:hover { opacity: 0.7; }*/
#header.autofix_sb.fixed .logoArea { top: -90px; opacity: 0; height: 0; }


/* ======== #header .logoAreaSmall ======== */
#header .logoAreaSmall { position: absolute; top: -90px; left:50%;  margin-left:-80px;  z-index: 1002; opacity: 0; text-align:center; }
#header .logoAreaSmall h1 { width: 174px; height: 61px; line-height: 0; font-size: 0;}
#header .logoAreaSmall h1 span {font-family: 'NSJ_Medium', serif;   font-size:12px;letter-spacing:2px; line-height:10px; color:#727171;}
#header .logoAreaSmall h1 a { width: 174px; height: 61px; display: block; position: relative; z-index: 1003; }
#header.autofix_sb.fixed .logoAreaSmall { top: 13px; opacity: 1; text-align:center; }


/* ======== #header .navArea ======== */
#header .navArea { position: relative; top:20px; bottom: 0; width:100%; display: block; z-index: 15; text-align:center; }

#header .navArea ul.navi { font-size: 0; width: 100%; position: relative; }
#header .navArea ul.navi li { display: inline-block; *display: inline;*zoom: 1; width: auto; height: 50px }
#header .navArea ul.navi li.about { margin-right:115px;
background-image: url(../images/menu_about_bg.png);
background-repeat: no-repeat;
background-position: center center;}
.about_active {  color:#e46996;  }
#header .navArea ul.navi li.about a:hover {  color:#e46996;  }

#header .navArea ul.navi li.guide { margin-right:310px;
background-image: url(../images/menu_guide_bg.png);
background-repeat: no-repeat;
background-position: center center;
}
#header .navArea ul.navi li.guide a:hover {  color:#5f56a1;  }
.guide_active {  color:#5f56a1;  }
#header .navArea ul.navi li.flow { margin-right:110px;
background-image: url(../images/menu_flow_bg.png);
background-repeat: no-repeat;
background-position: center center;
}
#header .navArea ul.navi li.flow a:hover {  color:#40a7c7;  }
.flow_active {  color:#40a7c7;  }
#header .navArea ul.navi li.access {
background-image: url(../images/menu_access_bg.png);
background-repeat: no-repeat;
background-position: center center; }
#header .navArea ul.navi li.access a:hover {  color:#85af0e;  }
.access_active {  color:#85af0e;  }
#header .navArea ul.navi li a { font-family: 'NSJ_Medium', serif; display: block; margin: 0; height: 50px; text-align: center; position: relative; z-index:15; font-size:14px;line-height:50px;}
#header .navArea ul.navi li a:focus {
	
	}


/* focus */
#header .navArea ul.navi li:hover a {  color:#c19f62;  }
span.active {  color:#c19f62;  }



/* ======== .subNav ======== */

.subNav { width: 100.1%; text-align: center; position: absolute; top: 60px; padding:0 2px 10px; left: 0; z-index: -1; overflow: hidden; }
.off .subNav { display:none; opacity:0;}
.off .subNav .inner { width: 100%; height: 100%; padding: 0; }
.subNav .inner { width: 100%; width:auto; margin:0 -2px 0; padding: 15px;  overflow: hidden; background: #fbf8f0; background: url(http://azabu-catholic.jp/images/noise.png) repeat #fefefe; background:#fbf8f0; background:#fbf8f0; 
-webkit-animation:show 0.2s ease-in 0s;-moz-animation:show 0.2s ease-in 0s;-ms-animation:show 0.2s ease-in 0s;-o-animation:show 0.2s ease-in 0s;animation:show 0.2s ease-in 0s; 
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); position:relative; z-index:1;}
.subNav .inner:before { position:absolute; top:0; left:0; right:50%; bottom:0; content:""; border:#eee 1px solid; border-right:none; z-index:-1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.subNav .inner:after { position:absolute; top:0; left:50%; right:0; bottom:0; content:""; border:#eee 1px solid; border-left:none; z-index:-1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.off .subNav .inner > * { opacity: 0; }

/* ul.inner2 */
#header .navArea ul.navi .subNav ul.inner2 { font-size: 0; margin:0 0 0 1px; text-align: left; position: relative; }
#header .navArea ul.navi .subNav ul.inner2 li { width: 25%; height: auto; margin: 0 0 -1px -1px; padding:0; position: relative; z-index: 0;overflow:hidden; background: #eee; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .navArea ul.navi .subNav ul.inner2 li:after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; border: #eee 1px solid; content: ""; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .navArea ul.navi .subNav ul.inner2 li:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; background: #fff; content: ""; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .navArea ul.navi .subNav ul.inner2 li:hover:before { background:#fff; }

/* ul.inner2 li a */
#header .navArea ul.navi .subNav ul.inner2 li a { display: block; margin: 0; padding: 0; height: 90px; color: #111; line-height: 0; position: relative; text-align: left; }
#header .navArea ul.navi .subNav ul.inner2 li a:after { display:none; }
#header .navArea ul.navi .subNav ul.inner2 li a:hover { color:#c19f62; }

/* .txtArea */
#header .navArea ul.navi .subNav ul.inner2 li a .txtArea { font-size:14px; line-height: 90px; text-align:center; position:relative; letter-spacing:2px; }
#header .navArea ul.navi .subNav ul.inner2 li a .txtArea:before { position:absolute; top:0; right:20px; bottom:0; color:#363636; font-size:14px; line-height:90px; font-family: 'Ionicons'; content:"\f3d1"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .navArea ul.navi .subNav ul.inner2 li a:hover .txtArea:before { color: #c19f62; content: "\f3d1"; -webkit-transform:translate(5px,0);-moz-transform:translate(5px,0);-o-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0);}


@keyframes show{from{opacity:0}to{opacity:1}}@-moz-keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@-o-keyframes show{from{opacity:0}to{opacity:1}}@-ms-keyframes show{from{opacity:0}to{opacity:1}}





/* ======== #header .calendarArea ======== */
#header .accessArea { position: absolute; top: 30px; right: 30px; z-index:2; }
#header.autofix_sb.fixed .accessArea { top: 15px;right: 30px; z-index:20; }

/* .accessArea ul */
#header .accessArea ul { font-size:0; }
#header .accessArea ul li { display:inline-block; margin:0; text-align:center; }
#header .accessArea ul li a { display:block; padding:0; color:#363636; font-size:16px; font-weight:500; vertical-align:middle; position:relative; z-index:2; }
#header .accessArea ul li a:hover { color:#c19f62;}


@media only screen and (max-width: 1050px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 945px) {

}


/* -----------------------------------------------------------

   #headerSp

   ----------------------------------------------------------- */
   
#headerSp { display: none; }
#headerSp { position: fixed; top:0; left:0; right:0; height:70px; background:#fff; background:rgba(255,255,255,1); z-index:1000; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}

@media only screen and (max-width: 1170px) {
#headerSp { display: block; z-index:99999; }
}

/* ======== #headerSp a.btnMenu ======== */
#headerSp a.btnMenu { position: absolute; top:16px; left:15px; display: block; width:46px; height:40px; color:#fff; z-index:0; background-color:#a3c441; border-radius: 8px; }
#headerSp a.btnMenu span.lineTop { position: absolute; top:11px; left:12px; right:12px; height:2px; background:#fff; z-index:1; }
#headerSp a.btnMenu span.lineMiddle { position: absolute; top:47%; left:12px; right:12px; height:2px; background:#fff; z-index:1; }
#headerSp a.btnMenu span.lineBottom { position: absolute; bottom:11px; left:12px; right:12px; height:2px; background:#fff; z-index:1; }
/* ======== #headerSp .logoArea ======== */
#headerSp .logoArea { position: absolute; top:10px; left:50%; width:150px; z-index:1001; margin-left:-110px; text-align:center; }
#headerSp .logoArea h1 { width:150px; height:52px; line-height:0; font-size:0; margin:0; }
#headerSp .logoArea h1 span { font-size:10px;font-weight:600; letter-spacing:5px; line-height:10px; color:#727171;}
#headerSp .logoArea h1 a { position: relative; display: block; width:220px; height:50px; overflow: hidden; z-index:1003; }

/* ======== #headerSp a.btnMenu ======== */
#headerSp a.btnAccess { position: absolute; top:0; right:7px; display: block; width:60px; height:50px; z-index:0; text-align:center; }
#headerSp a.btnAccess span.b_ac { position:absolute; top:4px; left:13px; bottom:8px;  z-index:2; text-align:center;color:#363636; font-size:14px; line-height:42px;}



/* ======== #menu .btnClose ======== */
#menu .btnClose { position: absolute; top:0; left:0; width:60px; height:50px; color:#363636; overflow: hidden; z-index:100; }
#menu .btnClose:before { position: absolute; top:0; right:0; left:0; bottom:0; font-family:'Ionicons'; content:"\f12a"; font-size:14px; line-height:50px; text-align: center; text-indent:0; z-index:1; }



/* -----------------------------------------------------------

   jQuery.mmenu CSS

   ----------------------------------------------------------- */
#my-menu:not( .mm-menu ) { display: none; }
#menu:not( .mm-menu ) { display: none; }
/* jQuery.mmenu oncanvas CSS */
.mm-hidden { display: none !important; }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu,
.mm-panels,
.mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; letter-spacing: 1px; }
.mm-panels > .mm-panel { margin-top: 50px; border-top:#ddd 1px solid; }
.mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1; }
.mm-panels,
.mm-panels > .mm-panel { background: inherit; border-color: inherit; }
.mm-panels > .mm-panel { background: inherit; border-color: inherit;  background:#fafafa;-webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; }
.mm-panels > .mm-panel:before,
.mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after,
 .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel { display: block; }

/* .mm-listview ul */
.mm-listview ul { background:#fefefe;  }
.mm-listview,
.mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 11px; line-height: 20px; letter-spacing: 1px; }
.mm-listview a,
 .mm-listview a:hover { text-decoration: none; }
.mm-listview > li { position: relative; background:#fefefe;}
.mm-listview > li,
.mm-listview > li:after,
 .mm-listview > li .mm-next,
 .mm-listview > li .mm-next:before { border-color: inherit; border-color: #eee; }

.mm-listview > li > a,
 .mm-listview > li > span.block { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 0 10px 0 30px; margin: 0; font-size: 12px; line-height:50px; }


.mm-listview > li > a.calendarArea,
.mm-listview > li > a.contact,
.mm-listview > li > a.tel { position:relative; z-index:1; padding: 0 10px 0 75px; font-size:12px;letter-spacing:2px; }
.mm-listview > li > a.calendarArea span.calendar { position:absolute; top:8px; left:30px; bottom:8px; width:35px; border:#333 1px dotted; border-top:#333 double; z-index:2; text-align:center;}

/* .calendarArea p */
.mm-listview > li > a.calendarArea span.calendar p { color:#111; font-family: 'Catamaran', sans-serif; font-weight:800; line-height:0; }
.mm-listview > li > a.calendarArea span.calendar p.month { position:absolute; top:0; left:0; right:0; line-height:20px; font-size:9px; text-transform:uppercase; }
.mm-listview > li > a.calendarArea span.calendar p.day { position:absolute; left:0; right:0; bottom:0px; line-height:20px;font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.5px;}

.mm-listview > li > a.contact:before { position:absolute; top:0; left:30px; bottom:0; width:35px; font-size:20px; text-align:center; font-family: 'themify'; content: "\e75a"; font-weight:normal; }
.mm-listview > li > a.tel:before{ position:absolute; top:0; left:30px; bottom:0; width:35px; content: ""; background:url(http://azabu-catholic.jp/images/telIconSp.png) center center no-repeat; background-size:20px 20px;}

.mm-listview > li > span.block { font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:600; letter-spacing:2.5px;}
.mm-listview > li > span.block b {font-family:'Open Sans'; font-size:0.9em; font-weight:500; vertical-align:0;}
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px; left:0; }

/* .bgGray */
.mm-listview > li > .bgGray { background:#fafafa;}

/* .mm-next */
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a,
 .mm-listview .mm-next + span { margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen { width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }
.mm-listview .mm-next.mm-fullsubopen + a,
 .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; }
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; }

/* .mm-inset */
.mm-listview .mm-inset { list-style: none; padding: 0; margin: 0; }
.mm-listview .mm-inset > li { padding: 0; position:relative; z-index:1; }
.mm-listview .mm-inset > li:after{ position:absolute; top:0; right:0; left:0; height:0; content:""; border-top:#eee 1px solid; z-index:-1; }

.mm-listview .mm-inset > li > a { display:block; padding: 0 10px 0 50px; font-size:12px; line-height:45px; letter-spacing:2px; position:relative; }
.mm-listview .mm-inset > li > a:before { position:absolute; top:50%; left:30px; width:7px; height:0; content:""; border-top:#c19f62 1px solid; }

/* .SNS */
.mm-listview .mm-inset > li.youtubeIcon > a,
.mm-listview .mm-inset > li.facebookIcon > a,
.mm-listview .mm-inset > li.pinterestIcon > a,
.mm-listview .mm-inset > li.instagramIcon > a,
.mm-listview .mm-inset > li.blogIcon > a { font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing:2px; background:#fafafa; line-height:40px; }

.mm-listview .mm-inset > li.youtubeIcon > a:before,
.mm-listview .mm-inset > li.facebookIcon > a:before,
.mm-listview .mm-inset > li.pinterestIcon > a:before,
.mm-listview .mm-inset > li.instagramIcon > a:before,
.mm-listview .mm-inset > li.blogIcon > a:before { position: static; width: 20px;height:auto; margin-right:5px; display: inline-block;border-top:none; font-family: 'themify'; font-weight: normal; text-align:center; }

.mm-listview .mm-inset > li.youtubeIcon > a:before { font-size:15px; content: "\e728" }
.mm-listview .mm-inset > li.facebookIcon > a:before { content: "\e741" }
.mm-listview .mm-inset > li.pinterestIcon > a:before { content: "\e731"}
.mm-listview .mm-inset > li.instagramIcon > a:before { content: "\e73d" }
.mm-listview .mm-inset > li.blogIcon > a:before { font-size:13px; content: "\e61c"}

.mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview .mm-spacer { padding-top: 40px; }
.mm-listview .mm-spacer > .mm-next { top: 40px; }
.mm-listview .mm-spacer.mm-divider { padding-top: 25px; }

.mm-prev:before,
.mm-next:after,
.mm-arrow:after { content: ''; border: 1px solid transparent; display: inline-block; width: 7px; height: 7px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 23px; }
.mm-next:after,
.mm-arrow:after { border-top: none; border-left: none; right: 23px; }
/* .mm-menu */
.mm-menu { background: #fefefe; border-color: #eee; color: #111; border-right: #ededed 1px solid; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.mm-menu .mm-navbar > *,
 .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); color: #b09d7c; font-size: 13px; letter-spacing: 2px; }
.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-listview > li .mm-next:after,
 .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); }
.mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); }
.mm-menu .mm-listview > li a:not(.mm-next):hover { color:#c19f62;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
 .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); }
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
 .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
 .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
 .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); }
/* jQuery.mmenu offcanvas addon CSS */
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow-x: hidden; position: relative; }
html.mm-blocking { overflow: hidden; }
html.mm-blocking body { overflow: hidden; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block; }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }

@media all and (max-width: 175px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}

@media all and (min-width: 550px) {
html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
/* jQuery.mmenu autoHeight addon CSS */
.mm-menu.mm-autoheight { max-height: 80%; }
.mm-menu.mm-autoheight.mm-fullscreen { max-height: 100%; }
.mm-menu.mm-measureheight > .mm-panels > .mm-panel { bottom: auto !important; height: auto !important; }
/* jQuery.mmenu counters addon CSS */
em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; }
em.mm-counter { font-size: 12px; letter-spacing: 0; }
em.mm-counter + a.mm-next { width: 90px; }
em.mm-counter + a.mm-next + a,
 em.mm-counter + a.mm-next + span { margin-right: 90px; }
em.mm-counter + a.mm-fullsubopen { padding-left: 0; }
.mm-vertical > .mm-counter { top: 12px; margin-top: 0; }
.mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; }
.mm-nosubresults > .mm-counter { display: none; }
.mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); color: #111; }
/* jQuery.mmenu dividers addon CSS */
.mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; }
.mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-collapsed:not(.mm-uncollapsed) { display: none; }
.mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mm-fixeddivider:after { content: none !important; display: none !important; }
.mm-hasdividers .mm-fixeddivider { display: block; }
.mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); }
/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/*
	jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel { -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; }
.mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; }
.mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; }
.mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; }
.mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; }
.mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; }
.mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; }
.mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; }
.mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; }
.mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; }

/*
	jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after,
.mm-listview.mm-border-none > li:after { content: none; }
.mm-menu.mm-border-full .mm-listview > li:after,
.mm-listview.mm-border-full > li:after { left: 0 !important; }
.mm-menu.mm-border-offset .mm-listview > li:after,
.mm-listview.mm-border-offset > li:after { right: 20px; }
/*
	jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; }
/*
	jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker,
html.mm-pagedim-white #mm-blocker,
html.mm-pagedim-black #mm-blocker { opacity: 0; }
html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker { opacity: 0.3; transition: opacity 0.4s ease 0.4s; }
html.mm-pagedim #mm-blocker { background: inherit; }
html.mm-pagedim-white #mm-blocker { background: #fff; }
html.mm-pagedim-black #mm-blocker { background: #000; }
/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; }
.mm-menu.mm-right { left: auto; right: 0; }
.mm-menu.mm-bottom { top: auto; bottom: 0; }
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); }
}

@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); }
}
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; }
.mm-menu.mm-front { z-index: 1; }
.mm-menu.mm-front,
.mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }




/* -----------------------------------------------------------

   #footer

   ----------------------------------------------------------- */

#footer { padding-top:30px; padding-bottom:0px; background-color:#fff;font-family: 'Noto Sans JP', sans-serif;}
#footer .top_area {
	width:100%;
	padding-bottom:90px;
	background-image: url(http://azabu-catholic.jp/images/footer_border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#footer .top_area a{
	text-decoration:underline;
}
#footer .top_area a:hover{
	text-decoration: none;
}
#footer h3 { font-family: 'NSJ_Medium', serif;font-size:18px;font-weight:400;margin-bottom:10px; padding-top:30px;}
#footer .info_container { margin-bottom:40px; margin-top:40px; font-size:20px; font-weight:600; vertical-align:middle;}
#footer .info_container span { font-size:26px; font-weight:600; margin-right:10px; vertical-align:middle;}

#footer .info_detail { vertical-align:middle;}
#footer .info_detail p{ font-size:12px; line-height:24px; margin-top:20px;}

#footer .ttl_cont {
	padding-bottom: 60px;
}

/* ----- .inner3 ----- */ 
#footer .inner3 {
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
/* ul.sns */
#footer .inner3 ul.f_link {text-align:center; margin-bottom:20px;}
#footer .inner3 ul.f_link li {
	display:inline-block;
	line-height:12px;
	font-size:12px;
}

#footer .inner3 ul.f_link li a { display:block; font-size:12px;font-weight:400;	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left:15px;
	padding-right:15px;
}
#footer .inner3 ul.f_link li a.non { display:block; font-size:12px;font-weight:400;	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-left:15px;
	padding-right:15px;
}

@media only screen and (max-width: 1200px) {
#footer .info_container span.new_line { display:block; margin-top:5px;}
}
@media only screen and (max-width: 768px) {
#footer h3 { margin-top:60px;}
.sp_top { margin-top:30px;}
#footer .info_container { margin-bottom:30px; margin-top:30px; font-size:18px; font-weight:600; vertical-align:middle;}
#footer .info_container span { font-size:18px; font-weight:600; margin-right:10px;}
}

/* ----- .copyrightArea ----- */ 
#footer .copyrightArea {
	text-align:center;
	padding:0px;
}
#footer .copyrightArea p { font-size:12px; }
#footer .copyrightArea p.notice span{ 
    font-family: 'NSJ_Medium', serif;
		font-size:11px;
		display:block; 
		margin-bottom:70px;
		letter-spacing: 2px;
		line-height: 10px;
		color: #727171;
		margin-top:10px;
	}
#footer .copyright { padding-bottom:10px; text-align: right;}
#footer .privacy { padding-bottom:10px; text-align: left;}

#footer .group_name { 
	font-family: 'Cardo', serif;
	font-size:30px;
	color: #8f7117;
	text-align: center;
	padding-top: 30px;
}
#footer .clinic_name { 
	font-size:15px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	display: inline-flex;
	vertical-align: middle;
}
#footer .clinic_name img{ 
	vertical-align: middle;
	margin-left: 5px;
}
#footer .line_right { 
	border-right: #d9d9d9 1px solid;
}
#footer .clinic_detail {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #d9d9d9 1px dotted;
}
#footer .clinic_detail p{
	line-height: 24px;
	font-size: 12px;
}
#footer .guide dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size: 12px;
  }
#footer .guide dt {
	width: 67%;
	margin-bottom: 10px;
  }
  
#footer .guide dd {
	width: 33%;
	margin-bottom: 10px;
	text-align: right;
	font-weight: bold;
	color: #9abd37;
  }
  .footer-social {
    width: 100%;
    margin: auto;
    padding: 0;
    display: block;
}
.footer-social li {
    display: inline-block;
	margin-right: 30px;
    font-size: 20px;
	width: 50px;
	height: 50px;
	background-color: #eba7be;
	border-radius: 50%;
	text-align: center;
	position: relative;
}
.footer-social li:last-child {
	display: inline-block;
	margin-right: 0px;
    font-size: 20px;
	width: 50px;
	height: 50px;
	background-color: #eba7be;
	border-radius: 50%;
	text-align: center;
	position: relative;
}
.footer-social li img {  
	position: absolute;
	top: 50%;
	left: 50%;  
	transform: translateY(-50%) translateX(-50%); 
 }
 #footer .pt{
	padding-top: 30px;
 }


#footer_ac { padding-top:0px;  padding-bottom:30px; background-color:#fbf8f0;}
#footer_ac .top_area {
	width:100%;
	padding-bottom:90px;
	background-image: url(http://azabu-catholic.jp/images/footer_border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#footer_ac .top_area a{
	text-decoration:underline;
}
#footer_ac .top_area a:hover{
	text-decoration: none;
}
#footer_ac h3 { font-size:18px;font-weight:400;margin-bottom:20px; padding-top:30px;}
#footer_ac .info_container { margin-bottom:40px; margin-top:40px; font-size:20px; font-weight:600; vertical-align:middle;}
#footer_ac .info_container span { font-size:26px; font-weight:600; margin-right:10px; vertical-align:middle;}

#footer_ac .info_detail { vertical-align:middle;}
#footer_ac .info_detail p{ font-size:12px; line-height:24px; margin-top:20px;}

/* ----- .inner3 ----- */ 
#footer_ac .inner3 { padding:40px 0;}
/* ul.sns */
#footer_ac .inner3 ul.f_link {text-align:center; margin-bottom:20px;}
#footer_ac .inner3 ul.f_link li {
	display:inline-block;
	line-height:12px;
	font-size:12px;
}
#footer_ac .inner3 ul.f_link li:after { position:absolute; top:50%; right:-8px; content: ""; width:16px; height:0; border-bottom:#ededed 1px solid; z-index:-1;}
#footer_ac .inner3 ul.f_link li:last-child:after { display:none;}
#footer_ac .inner3 ul.f_link li a { display:block; font-size:12px;font-weight:400;	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left:15px;
	padding-right:15px;
}
#footer_ac .inner3 ul.f_link li a.non { display:block; font-size:12px;font-weight:400;	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-left:15px;
	padding-right:15px;
}

@media only screen and (max-width: 991px) {

	#footer .ttl_cont {
		padding-bottom: 30px;
	}

	#footer .line_right {
		border-bottom: #d9d9d9 1px solid;
		border-right: none;
		margin-bottom: 30px;
	}
	#footer .clinic_detail p{
		line-height: 24px;
		font-size: 12px;
	}

	#footer .guide dd {
		width: 33%;
		margin-bottom: 10px;
		text-align: left;
		font-weight: bold;
		color: #9abd37;
	  }
	  #footer .clinic_name { 
		font-size:18px;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 15px;
	}

}


@media only screen and (max-width: 768px) {
#footer_ac h3 { margin-top:60px;}
#footer_ac .info_container { margin-bottom:30px; margin-top:30px; font-size:18px; font-weight:600; vertical-align:middle;}
#footer_ac .info_container span { font-size:18px; font-weight:600; margin-right:10px;}

}

/* ----- .copyrightArea ----- */ 
#footer_ac .copyrightArea {
	text-align:center;
	padding:0px;
}
#footer_ac .copyrightArea p { font-size:12px; }
#footer_ac .copyrightArea p.notice span{ 
		font-size:11px;
		display:block; 
		margin-bottom:80px;
		font-weight: 600;
		letter-spacing: 5px;
		line-height: 10px;
		color: #727171;
		margin-top:10px;
	}
#footer_ac .copyrightArea p.copyright { font-size:10px;letter-spacing:1.5px;}
#footer_ac .copyrightArea p.copyright span { font-size:11px; vertical-align: 0 ; font-family:'Marcellus', serif;}


@media only screen and (max-width: 1200px) {
	.footer-social {
		margin: 0;
		padding: 0;
		text-align: left;
		display: block;
		text-align: center;
	}

	#footer .copyright { padding-bottom:10px; text-align: center;}
	#footer .privacy { padding-bottom:10px; text-align: center;}
 }









/* ----------------------------------------------------------
   
   #preloader
   
   ---------------------------------------------------------- */

#preloader { position: fixed; top:0; left:0; right:0; bottom:0; display: block; background:#fff; z-index:99998; }
/* .spinner */
.spinner { position: absolute; left:0; right:0; bottom:0; top:0; width:70px; height:70px; margin: auto; text-indent:-9999px; border-top:3px solid #cde58a; border-right:3px solid #cde58a; border-bottom:3px solid #9abd37; border-left:3px solid #9abd37; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spin .5s linear infinite; -moz-animation: spin .5s linear infinite; -ms-animation: spin .5s linear infinite; -o-animation: spin .5s linear infinite; animation: spin .5s linear infinite }

@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){.spinner{width:50px;height:50px}}@media screen and (max-width:414px){.spinner{width:40px;height:40px}}





/* -----------------------------------------------------------

   .central

   ----------------------------------------------------------- */
   
.central { max-width: 1200px; margin: 0 auto; position: relative; }

/* -----------------------------------------------------------

   #breadcrumb

   ----------------------------------------------------------- */
   
#breadcrumb {
	max-width:1170px;
	margin-right:auto;
	margin-left:auto;
	padding-top: 125px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#breadcrumb ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
#breadcrumb li { display: inline-block; *display: inline;*zoom: 1;list-style: none; font-size: 11px; font-weight: normal; margin: 0; padding: 0; letter-spacing: 1px; height:20px; line-height:20px;color:#88a730;}
#breadcrumb li span{ font-size: 14px;}
#breadcrumb li:after { font-size: 6px; font-family: 'Ionicons'; content: "\f3d1"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; color:#414141; }
#breadcrumb li:last-child:after { display:none;}
#breadcrumb li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3;  }
#breadcrumb li a { font-size:11px; height:20px; line-height:20px; color:#363636;}

#breadcrumb li a:after { position:absolute; top:0; left:0; bottom:0; width:0; content:""; background:transparent; z-index:-1;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#breadcrumb li a:hover { color:#88a730;}


@media only screen and (max-width: 1170px) {
	#breadcrumb {
	max-width:1140px;
	margin-right:auto;
	margin-left:auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
	}


/* -----------------------------------------------------------

   #headline

   ----------------------------------------------------------- */
  
#headline { margin:0 5% 0; height:400px; position:relative; z-index:1; } 
#headline:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: #111; opacity: 0.2; z-index: 2; }
#headline:before { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 0; content: ""; border:#fefefe 1px dotted; border-bottom:none; z-index: 3; opacity:0.4; }
#headline .inner { position: absolute; top: 50%; left: 50%; width:90%; max-width: 100%; display: inline-block; color:#fefefe; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:4;}
#headline h2.en { font-size: 45px; font-family: 'Catamaran', sans-serif; font-weight:800; line-height: 1; letter-spacing: 5px; position: relative; z-index: 3; }
#headline h2.jp { font-size: 15px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin-top: 20px; position: relative; z-index: 3; }

@media only screen and (max-width: 1024px) {
#headline { height:350px; } 	
}

@media only screen and (max-width: 800px) {
#headline { height:300px; } 
#headline h2.en { font-size: 35px; letter-spacing: 4px; position: relative; z-index: 3; }
#headline h2.jp { font-size: 14px; font-weight: bold; letter-spacing: 4px; line-height: 1; margin-top: 15px; position: relative; z-index: 3; }	
}

@media only screen and (max-width: 738px) {
#headline { margin:0 ;height:250px; } 
#headline:before { top: 10px; left: 10px; right: 10px; display:none; }
#headline:after { opacity: 0.3; }
#headline h2.en { font-size: 30px; letter-spacing: 3px; position: relative; z-index: 3; }	
}

@media only screen and (max-width: 414px) {
#headline { height:200px; } 
#headline h2.en { font-size: 23px; letter-spacing: 3px; position: relative; z-index: 3; }	
#headline h2.jp { font-size: 12px; font-weight: bold; letter-spacing: 3px; line-height: 1; margin-top: 10px; position: relative; z-index: 3; }	
}







/* -----------------------------------------------------------

   #w_headline

   ----------------------------------------------------------- */
 
#w_headline { margin:0 5% 90px; text-align:center; } 
#w_headline .headlinePlan { }
#w_headline .headlinePlan h3.no { display: block; width: 80px; height: 80px; margin: -40px auto 0; background: #fefefe; font-size: 18px; font-weight: 700; line-height: 80px; letter-spacing: 1px; position: relative; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } 
#w_headline .headlinePlan h3.no:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#w_headline .headlinePlan h2.jp_plan { margin-top:10px; font-size: 30px; font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:500; letter-spacing: 2.5px; line-height: 1.8; text-align: center;}  

/* --- .descriptionArea --- */
#w_headline .descriptionArea { position: relative; z-index: 1; margin: 20px auto 0; }
#w_headline .descriptionArea p { font-size: 14px; line-height: 2.4; letter-spacing: 2px; margin-top: 1em; }

@media only screen and (max-width: 800px) { 
#w_headline { margin: 0 5% 80px;}
#w_headline .headlinePlan h3.no { width: 70px; height: 70px; margin: -35px auto 0; font-size: 18px; line-height: 70px;} 
#w_headline .headlinePlan h2.jp_plan { /*margin-top:10px; */font-size: 25px; }  
}
@media only screen and (max-width: 738px) { 
#w_headline { margin: 0 5% 70px;}
#w_headline .headlinePlan h3.no { width: 60px; height: 60px; margin: -30px auto 0; font-size: 16px; line-height: 60px;} 
#w_headline .headlinePlan h2.jp_plan { /*margin-top:10px; */font-size: 20px;letter-spacing: 2px; }  
/* --- .conceptArea --- */
#w_headline .descriptionArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; }
#w_headline .descriptionArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
#w_headline .descriptionArea p br { display:none; }
}

@media only screen and (max-width: 414px) { 
#w_headline { margin: 0 5% 60px;}
#w_headline .headlinePlan h2.jp_plan { margin-top:5px;letter-spacing: 2px; }
#w_headline .descriptionArea p { font-size: 12px;}
}





/* -----------------------------------------------------------

   .headline

   ----------------------------------------------------------- */
.headline { text-align:center; margin-bottom:45px; }
.headline h3.en { font-size: 35px; font-family: 'Catamaran', sans-serif; font-weight:700; line-height: 1; letter-spacing: 5px; position: relative; z-index: 3;}
.headline h3.jp { font-size: 15px; font-weight: bold; letter-spacing: 5px; line-height: 1; margin-top: 20px; position: relative; z-index: 3; }

@media only screen and (max-width: 800px) { 
.headline { margin-bottom:40px; }
.headline h3.en { font-size: 30px; letter-spacing: 4px;}
.headline h3.jp { font-size: 14px; letter-spacing: 4px;margin-top: 15px;}
}
@media only screen and (max-width: 738px) { 
.headline { margin-bottom:35px; }
.headline h3.en { font-size: 25px; letter-spacing: 3px;}
.headline h3.jp { font-size: 13px; letter-spacing: 3px;margin-top: 10px;}
}


.block-section {
    background: #ffffff;
    position: relative;
    z-index: 5;
	width:100%;
	overflow-x:hidden;
}


#header .navArea ul.navi a.p_home { color:#c19f62;}
/* -----------------------------------------------------------

   #about

   ----------------------------------------------------------- */
   #about {
	   text-align:center;
	   font-family: 'NSJ_Medium';
	   position:relative;
	   z-index:15;
	   }
	   #about p {
	   font-size:12px;
	   }
   #about .read_b { 
	   font-size:18px;
	   line-height:32px;
	   margin-bottom:50px;
	}
	#about .read_s { 
	   font-size:14px;
	   line-height:24px;
	   width:555px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	}
	#about .ttl_name {
	   font-size:14px;
	   line-height:14px;
	   margin-bottom:50px;
	   }
	 #about .ttl_name span {
	   font-size:12px;
	   line-height:12px;
	   padding-right:20px;
	   }
	#about .about_btn {
		background-color: #fc7cab;
		padding: 20px 24px;
		font-size: 16px;
		letter-spacing: 0px;
		color: #fff;
		border-radius: 8px;
		text-decoration:none;
		display: inline-block;
		text-align:center;
		white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		margin-top:50px;
		border: 1px solid #fc7cab;
		}
		#about .about_btn a {
		text-decoration:none;
		color:#FFF;
		
		}
		
		#about .about_btn:hover,
		#about .about_btn:focus,
		#about .about_btn:active,
		#about .about_btn .active {
	color: #fc7cab;
	background-color: #fff;
	border: 1px solid #fc7cab;
		}
		
	.circle_color_01 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: -50px;
	  left: 260px;
	  }
	 .circle_color_02 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 100px;
	  left: 60px;
	  }
	  .circle_color_03 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 450px;
	  left: 200px;
	  }
	 .circle_color_04 { 
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: -30px;
	  right: 280px;
	  }
	  .circle_color_05 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 150px;
	  right: 120px;
	  }
	  .circle_color_06 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 320px;
	  right: 120px;
	  }
	  .circle_color_07 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 400px;
	  right: 35px;
	  }
	  
   .circle_photo_01 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: -70px;
	  left: 35px;
	  }
	 .circle_photo_02 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 150px;
	  left: 170px;
	  }
	  .circle_photo_03 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 370px;
	  left: 50px;
	  }
	 .circle_photo_04 { 
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 0px;
	  right: 150px;
	  }
	  .circle_photo_05 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 240px;
	  right: 150px;
	  }
	  @media only screen and (max-width: 1170px) {
.circle_color_01 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 50px;
	  left: 260px;
	  }
	 .circle_color_02 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 200px;
	  left: 60px;
	  }
	  .circle_color_03 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 500px;
	  left: 30px;
	  }
	 .circle_color_04 { 
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 40px;
	  right: 150px;
	  }
	  .circle_color_05 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 250px;
	  right: 120px;
	  }
	  .circle_color_06 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 420px;
	  right: 120px;
	  }
	  .circle_color_07 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 500px;
	  right: 35px;
	  }
	  
   .circle_photo_01 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 30px;
	  left: 35px;
	  }
	 .circle_photo_02 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 250px;
	  left: 170px;
	  }
	  .circle_photo_03 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 440px;
	  left: 30px;
	  }
	 .circle_photo_04 { 
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 100px;
	  right: 0px;
	  }
	  .circle_photo_05 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 320px;
	  right: 130px;
	  }
}
@media only screen and (max-width: 767px) {
	#about .read_b { 
	   font-size:16px;
	   line-height:28px;
	   margin-bottom:50px;
	}
	#about .read_b span {
		display:block;
	}
	#about .read_s { 
	   font-size:14px;
	   line-height:24px;
	   width:100%;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	}

	.circle_color_01 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 50px;
	  left: 260px;
	  }
	 .circle_color_02 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 290px;
	  left: -20px;
	  }
	  .circle_color_03 {
	  display: none;
	  z-index: 9;
	  position: absolute;
	  top: 550px;
	  left: 100px;
	  }
	 .circle_color_04 { 
	  display: none;
	  z-index: 9;
	  position: absolute;
	  top: 40px;
	  right: 150px;
	  }
	  .circle_color_05 {
	  display: none;
	  z-index: 9;
	  position: absolute;
	  top: 250px;
	  right: 120px;
	  }
	  .circle_color_06 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 290px;
	  right: -20px;
	  }
	  .circle_color_07 {
	  display: block;
	  z-index: 9;
	  position: absolute;
	  top: 350px;
	  right: 15px;
	  }
	  
   .circle_photo_01 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 20px;
	  left: -20px;
	  }
	 .circle_photo_02 {
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 330px;
	  left: -30px;
	  }
	  .circle_photo_03 {
	  display: none;
	  z-index: 10;
	  position: absolute;
	  top: 470px;
	  left: 50px;
	  }
	 .circle_photo_04 { 
	  display: block;
	  z-index: 10;
	  position: absolute;
	  top: 50px;
	  right: -10px;
	  }
	  .circle_photo_05 {
	  display: none;
	  z-index: 10;
	  position: absolute;
	  top: 280px;
	  right: 20px;
	  }
	
	}
/* -----------------------------------------------------------

   #topImg

   ----------------------------------------------------------- */
#topImg { min-height: 350px; width: 100%; z-index: 2; position: relative }
/* ----- .catchArea ----- */ 
#topImg .catchArea { position: absolute; bottom: 0; right: 0; left: 0; text-align: center; z-index: 2; }
#topImg .catchArea h2 { font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:300; letter-spacing: 8px; line-height: 50px; }
#topImg .catchArea h2 span { font-size: 11px;font-family: 'Open Sans'; vertical-align:0; font-weight:300;}
/* ----- .arrowArea ----- */ 
#topImg .arrowArea { position: absolute; bottom: 50px; right: 0; width: 5%; z-index: 2; }
#topImg .arrowArea a { position: absolute; top: -90px; left: 0; bottom: 0; right: 0; z-index: 3; }
/* span */
#topImg .arrowArea span { display: block; height: 60px; text-align: center; position: relative; z-index: 2; }
#topImg .arrowArea span:before { position: absolute; top: 0; left: 50%; bottom: 0; width: 0; content: ""; border-left: #ddd 1px dotted; z-index: -2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#topImg .arrowArea:hover span:before { border-left: #7eccd6 1px solid; top: 0px; }
/* .dot */
#topImg .arrowArea span .dot { position: absolute; top: 0; left: 50%; width: 1px; height: 20px; /*margin-left:-1px;*/ background: #8ed7d0; background:#7eccd6; z-index: -2; z-index: 1; -webkit-animation: scroll-next 4s infinite; -moz-animation: scroll-next 4s infinite; -o-animation: scroll-next 4s infinite; animation: scroll-next 4s infinite; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#topImg .arrowArea:hover span .dot { background: transparent; }
/* .arrow */
#topImg .arrowArea .arrow { position: absolute; bottom: -15px; left: 50%; margin-left: -3px; width: 7px; height: 7px; border-bottom: #fefefe 1px solid; border-left: #fefefe 1px solid;/*opacity:0; */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; /*font-family: 'themify'; content: "\e64b"*/ z-index: 3; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#topImg .arrowArea:hover .arrow { opacity: 1; bottom: -8.5px; bottom: 0px; border-bottom: #7eccd6 1px solid; border-left: #7eccd6 1px solid; }
/* .txt */
#topImg .arrowArea span .txt { position: absolute; top: -45px; left: 0; right: 0; width: auto; color:#7eccd6; font-size: 11px;font-family: 'Catamaran', sans-serif; font-weight:300;
text-transform: uppercase; letter-spacing: 4px; line-height: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#topImg .arrowArea:hover span .txt { /*letter-spacing:5px; */ }
/* ----- .img ----- */ 
#topImg .img { position: absolute; top: 0px; left: 0%; bottom: 0px; right: 0%; background-size: cover; z-index: -1; }
/* ----- .bg ----- */
#topImg .bg001 { background: url(http://childcare.bambini.tokyo/info/wp-content/themes/twentyten/images/intro/intro_1.jpg) center center no-repeat; }
#topImg .bg002 { background: url(../images/intro/intro_2.jpg) center center no-repeat; }
#topImg .bg003 { background: url(../images/intro/intro_3.jpg) center center no-repeat; }
#topImg .bg004 { background: url(../images/intro/intro_4.jpg) center center no-repeat; }
#topImg .bg005 { background: url(../images/intro/intro_5.jpg) center center no-repeat; }


/* ----- .slick-dots ----- */ 
#topImg .mainImg { min-height: 100%; width: 100%; background-size: cover !important; }
/* ----- .mainSlider ----- */ 
.mainSlider { }
#topImg .slick-list,
#topImg .slick-track { height: 100%; }
/* --- Arrows --- */
#topImg .slick-prev,
#topImg .slick-next { font-size: 0; line-height: 0; position: absolute; /*top: 50%;*/ top: 50%; display: block; width: 55px; height: 55px; padding: 0; margin-top: -25px; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; border: #111 1px solid; border: none; outline: none; background: none;/*background: #111;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; }
#topImg .slick-prev:before,
#topImg .slick-next:before { font-family: 'themify'; font-size: 20px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#topImg .slick-prev { left: -5%; border-right: none; }
#topImg .slick-prev:before { content: "\e64a" }
#topImg .slick-next { right: -5%; border-left: none; }
#topImg .slick-next:before { content: "\e628"; }
#topImg .slick-prev:hover,
#topImg .slick-next:hover { color: #fefefe; background: #b09d7c; }
#topImg .slick-prev:hover:before,
#topImg .slick-prev:focus:before,
#topImg .slick-next:hover:before,
#topImg .slick-next:focus:before { opacity: 1; }
/* ----- .slick-dots ----- */ 
#topImg .slick-dots { position: absolute; top: 50%; bottom:auto; left: -5.25%; list-style: none; display: block; text-align: center; padding: 0px; width: 5%; height: auto; z-index: 100; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: -25px; }
#topImg .slick-dots li { position: relative; display: block; height: 20px; width: 100%; margin: 25px auto 0; padding: 0; cursor: pointer; text-align: center; }
#topImg .slick-dots li button { border: 0; background: #fefefe; display: block; height: 20px; width: 30px; padding: 0; /*overflow: hidden; */ line-height: 20px; font-size: 0; color: transparent; cursor: pointer; position: relative; z-index: 2; margin: 0 auto; text-align: center; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#topImg .slick-dots li button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight:300; color: #111; z-index: -1; letter-spacing: 2px; }
#topImg .slick-dots li:first-child button:after { content: "01"; }
#topImg .slick-dots li:nth-child(2) button:after { content: "02"; }
#topImg .slick-dots li:nth-child(3) button:after { content: "03"; }
#topImg .slick-dots li:nth-child(4) button:after { content: "04"; }
#topImg .slick-dots li:nth-child(5) button:after { content: "05"; }
#topImg .slick-dots li:nth-child(6) button:after { content: "06"; }
#topImg .slick-dots li button:focus { outline: none; }
#topImg .slick-dots li.slick-active button { outline: none; /*background: #111;*/ }
#topImg .slick-dots li button:before { position: absolute; top: 45%; right: 100%; left: 0; content: ""; border-top: transparent 2px solid; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0.7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#topImg .slick-dots li:hover button:before { right: 0; border-top: #fec6c7 2px solid; opacity: 1; }
#topImg .slick-dots li.slick-active button:before { position: absolute; top: 45%; right: 0; left: 0; content: ""; border:none; border-top: #fec6c7 2px solid; z-index: 1; opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.intro_read {
    position: relative;
    height: 500px;
    margin: 0 auto;
    padding: 0;
	max-width:945px;
}

.intro_copy {
    position: absolute;
    left: 0px;
    bottom: 30px;
}
.intro_copy .copy{ font-family: 'NSJ_Medium', serif; font-size:18px; color:#333; padding:10px; line-height:16px; text-align:left; letter-spacing:0px; background-color:#fff; margin-bottom:10px;}

.topActionButton {
    top: 0px;
    right: 0px;
    position: fixed;
    z-index: 3333333;
    width: 200px;
    height: 150px;
}

#g_book_btn {
	position: absolute;
	right: 40px;
	top: 10px;
	height: 127px;
	width: 129px;
	background-image: url(../images/book_btn_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	font-family: 'NSJ_Medium', serif; font-size:16px; color:#fff;
	padding-top:40px;
	display:none;
}
#g_info_btn {
    position: absolute;
    right: 30px;
    top: 130px;
    height: 81px;
    width: 80px;
	background-image: url(../images/info_btn_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	font-family: 'NSJ_Medium', serif; font-size:12px; color:#fff;
	padding-top:30px;
	display:none;
}
#g_book_btn_s {
	display: none;
	position: absolute;
	right: 10px;
	top: 5px;
	height: 60px;
	width: 60px;
	background-image: url(../images/book_btn_bg_sp.png);
	background-size:60px 60px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	font-family: 'NSJ_Medium', serif; font-size:10px; color:#fff;
	padding-top:17px; 
	margin:0px;
}


@media only screen and (max-width: 1170px) {
.topActionButton {
    top: 0px;
    right: 0px;
    position: fixed;
    z-index: 3333333;
    width: 70px;
    height: 70px;
	
	display:none;
}

.catchArea { position: relative; bottom: 0; margin-top:30px; }
#g_info_btn { display:none;}
#g_book_btn {
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
	height: 60px;
	width: 60px;
	background-image: url(../images/book_btn_bg_sp.png);
	background-size:60px 60px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	font-family: 'NSJ_Medium', serif; font-size:10px; color:#fff;
	padding-top:17px; 
	margin:0px;
}
#g_book_btn_s {
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
	height: 60px;
	width: 60px;
	background-image: url(../images/book_btn_bg_sp.png);
	background-size:60px 60px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	font-family: 'NSJ_Medium', serif; font-size:10px; color:#fff;
	padding-top:17px; 
	margin:0px;
}
.intro_copy {
    position: absolute;
    left: 30px;
    bottom: 30px;
}
.intro_copy .copy{ font-family: 'NSJ_Medium', serif; font-size:16px; color:#333; padding:10px; line-height:16px; text-align:left; letter-spacing:0px; background-color:#fff; margin-bottom:10px;}

}

@media only screen and (max-width: 800px) {
#topImg { min-height: 350px;}
/* ----- .catchArea ----- */ 

/* ----- .arrowArea ----- */ 
#topImg .arrowArea { display:none; }
/* ----- .img ----- */ 

/* ----- .slick-dots ----- */ 
#topImg .mainImg { min-height: 350px; width: 100%; background-size: cover !important; }
.intro_read {
    position: relative;
    height: 350px;
    margin: 0 auto;
    padding: 0;
	max-width:945px;
}

}




#topImg_inner { height:350px;width: 100%;margin-top:50px; position:relative; z-index:2; text-align:center;}
#topImg_inner .c_ttl_container { left:0%; top:50%; position: absolute; z-index:3; color:#FFF; width:100%; text-align:center;}
#topImg_inner .c_ttl_container .c_ttl {  font-size:30px; font-weight:400; letter-spacing:3px;text-shadow:0px 0px 6px #292929; margin-bottom:10px; line-height:30px;}
#topImg_inner .c_ttl_container .c_ttl_sub {  font-family: 'Marcellus', serif; font-size:24px; font-weight:400; letter-spacing:1px;text-shadow:0px 0px 6px #292929; margin-top:10px;line-height:24px;}
#topImg_inner .img { position: absolute; top: 0px; left: 0; bottom: 0px; right: 0; width:100%; z-index: -1; }
#topImg_inner .mainImg {
 height:350px;
	width: 100%;
	position:fixed;
}

@media only screen and (max-width: 768px) {
#topImg_inner { height:350px;width: 100%;margin-top:50px; position:relative; z-index:2; text-align:center;}
#topImg_inner .mainImg {
 height:350px;
	width: 100%;
	position:fixed;
}
#topImg_inner .c_ttl_container .c_ttl {  font-size:24px; font-weight:400; letter-spacing:3px;text-shadow:0px 0px 6px #292929; margin-bottom:10px; line-height:24px;}
#topImg_inner .c_ttl_container .c_ttl_sub {  font-family: 'Marcellus', serif; font-size:20px; font-weight:400; letter-spacing:1px;text-shadow:0px 0px 6px #292929; margin-top:10px;line-height:24px;}
.intro_copy {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.intro_copy .copy{ font-family: 'NSJ_Medium', serif; font-size:12px; color:#333; padding:10px; line-height:16px; text-align:left; letter-spacing:0px; background-color:#fff; margin-bottom:10px;}
}



/* -----------------------------------------------------------

   #Beginners

   ----------------------------------------------------------- */
#guide {
	font-family: 'NSJ_Medium', serif;
	margin-top:200px;
	padding:0px;
	}
#guide h2{
	font-family: 'NSJ_bold', serif;
	font-size:16px;
	color:#7b74ac;
	line-height:16px;
	margin-top:25px;
	margin-bottom:50px;
	text-align:center;
	}
#guide h3{
	
	font-size:16px;
	line-height:14px;
	margin-bottom:40px;
	text-align:center;
	}
#guide .ttl_l{
	font-size:16px;
	line-height:14px;
	margin-bottom:40px;
	text-align:center;
	background-color:#9d95ce;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFF;
	width:100%;
	}
#guide .ttl_r{
	font-size:16px;
	line-height:14px;
	margin-bottom:40px;
	text-align:center;
	background-color:#867eb3;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFF;
	width:100%;
	}
#guide .detail {
	font-size:14px;
	line-height:22px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:40px;
	text-align:center;
	}
#guide .detail span {
	font-size:12px;
	color:#6b61a1;
	display:block;
	}
#guide .txt_column {
	font-size:14px;
	border-radius: 8px;
	background-color:#f6f4ff;
	padding:20px;
	border: 2px solid #7b74ac;
	}
#guide .txt_column .ttl_column {
	font-family: 'NSJ_bold', serif;
	color:#6b61a1;
	margin-bottom:30px;
	}
#guide .guide_btn {
		background-color: #ec008c;
		padding: 18px 50px;
		font-size: 16px;
		letter-spacing: 0px;
		color: #fff;
		border-radius: 8px;
		text-decoration:none;
		display: inline-block;
		text-align:center;
		white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		margin-top:30px;
		border: 1px solid #ec008c;
		}
		#guide .guide_btn a {
		text-decoration:none;
		color:#FFF;
		
		}
		
		#guide .guide_btn:hover,
		#guide .guide_btn:focus,
		#guide .guide_btn:active,
		#guide .guide_btn .active {
	color: #ec008c;
	background-color: #fff;
	border: 1px solid #ec008c;
		}
#guide .ca {
	font-size:12px;
	color:#ec008c;
	line-height:12px;
	padding-top:15px;
}
/* -----------------------------------------------------------

   #flow

   ----------------------------------------------------------- */
#flow {
	padding:0px;
	margin-top:200px;
	margin-bottom:200px;
	font-family: 'NSJ_Medium', serif;
	}
#v-rl-1 {
  display: flex;
  justify-content: space-between;
  background: #5eb7d3;
  font-family: 'NSJ_bold', serif;
	color:#FFF;
	font-size:24px;
	letter-spacing:15px;
	list-style:none;
}
#v-rl-1 li {
  text-align: center;
  overflow: hidden;
  flex: 1;
  
}
#v-rl-1 span {
  text-align: left;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  padding:0px;
  box-sizing: border-box;
  vertical-align:middle;
}
#flow .pd_r_ch {
	padding-right:12px;
}
#flow .f_line {
	padding-left:3px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right:0px;
	}
#flow .f_line_first {
	padding-left:3px;
	background-image: none;
	padding-right:0px;
	}
#flow .ttl_f {
	color:#FFF;
	background-color:#5eb7d3;
	
	font-size:14px;
	line-height:14px;
	padding:20px;
	}
#flow .f_img_area {
	max-height:165px;
	overflow:hidden;
	}
#flow .detail_f {
	font-size:14px;
	line-height:22px;
	padding:20px;
	}
#flow .detail_f span {
	font-size:12px;
	line-height:12px;
	display:block;
	}	
#flow .link_area {
	font-size:14px;
	line-height:14px;
	padding:20px;
	background-color:#fc7cab;
	color:#FFF;
	}
#flow .gray_area {
	padding-left:3px;
	background-image: url(../images/line_gray.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-right:0px;
	background-color:#c5c5c5;
	}
#flow .txt_column {
	font-size:14px;
	border-radius: 8px;
	background-color:#effbff;
	padding:20px;
	border: 2px solid #5eb7d3;
	margin-top:50px;
	}
#flow .txt_column .ttl_column {
	font-family: 'NSJ_bold', serif;
	color:#4aa6c3;
	margin-bottom:30px;
	}
@media only screen and (max-width: 1024px) {
	#flow .ttl_f {
	color:#FFF;
	background-color:#5eb7d3;
	font-size:12px;
	line-height:14px;
	padding-left:45px;
	}
}
@media only screen and (max-width: 991px) {
	#guide {
	font-family: 'NSJ_Medium', serif;
	margin-top:150px;
	padding:0px;
	margin-bottom:0px;
	}
#v-rl-1 {
	font-size:18px;
	letter-spacing:5px;
}
#v-rl-1 span {
  text-align: left;
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  display: inline-block;
  padding-top:20px;
  padding-bottom:20px;
  box-sizing: border-box;
  vertical-align:middle;
}
#flow .ttl_f {
	color:#FFF;
	background-color:#5eb7d3;
	font-size:14px;
	line-height:14px;
	padding-left:45px;
	}
#flow .f_line_first {
	padding-left:0px;
	background-image: none;
	padding-right:0px;
	}
#flow .f_line {
	padding-left:0px;
	background-image: none;
	padding-right:0px;
	}
#flow .gray_area {
	display:none;
	}
#flow .detail_f {
	font-size:14px;
	line-height:22px;
	padding-bottom:50px;
	padding-top:20px;
	padding-left:45px;
	padding-right:45px;
	}
#flow .link_area {
	font-size:14px;
	line-height:20px;
	padding:20px;
	background-color:#fc7cab;
	color:#FFF;
	}
}
/* -----------------------------------------------------------

   #book

   ----------------------------------------------------------- */
#book {
	font-family: 'NSJ_Medium', serif;
	padding:0px;
	margin-bottom:200px;
	}
#book .ttl_l{
	font-size:16px;
	line-height:14px;
	margin-bottom:40px;
	text-align:center;
	background-color:#9abd37;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFF;
	width:100%;
	}
#book .ttl_r{
	font-size:16px;
	line-height:14px;
	margin-bottom:40px;
	text-align:center;
	background-color:#88a730;
	padding-top:20px;
	padding-bottom:20px;
	color:#FFF;
	width:100%;
	}
#book .detail {
	font-size:14px;
	line-height:22px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:40px;
	text-align:center;
	}
#book .detail .num {
	font-family: 'NSJ_bold', serif;
	font-size:36px;
	line-height:36px;
	text-align:center;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	color:#9abd37;
	height:60px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	}
#book .detail span {
	font-size:12px;
	display:block;
	margin-top:10px;
	}
#book .txt_column {
	font-size:14px;
	border-radius: 8px;
	background-color:#f6fae9;
	padding:20px;
	border: 2px solid #9abd37;
	}
#book .txt_column .ttl_column {
	font-family: 'NSJ_bold', serif;
	color:#88a730;
	margin-bottom:20px;
	}
#book .book_btn {
		background-color: #9abd37;
		padding: 18px 50px;
		font-size: 16px;
		letter-spacing: 0px;
		color: #fff;
		border-radius: 8px;
		text-decoration:none;
		display: inline-block;
		text-align:center;
		white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		border: 1px solid #9abd37;
		}
		#book .book_btn a {
		text-decoration:none;
		color:#FFF;
		
		}
		
		#book .book_btn:hover,
		#book .book_btn:focus,
		#book .book_btn:active,
		#book .book_btn .active {
	color: #a2c441;
	background-color: #fff;
	border: 1px solid #9abd37;
		}
#book .ca_btn {
		background-color: #ec008c;
		padding: 18px 50px;
		font-size: 16px;
		letter-spacing: 0px;
		color: #fff;
		border-radius: 8px;
		text-decoration:none;
		display: inline-block;
		text-align:center;
		white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		border: 1px solid #ec008c;
		}
		#book .ca_btn a {
		text-decoration:none;
		color:#FFF;
		
		}
		
		#book .ca_btn:hover,
		#book .ca_btn:focus,
		#book .ca_btn:active,
		#book .ca_btn .active {
	color: #ec008c;
	background-color: #fff;
	border: 1px solid #ec008c;
		}
		
#book .ca {
	font-size:12px;
	color:#ed145b;
	line-height:12px;
	padding-top:15px;
	margin-bottom:50px;
}
#book .sp_mb {
		margin-bottom:0px;}
@media only screen and (max-width: 1170px) {
	#book .detail .num {
	font-family: 'NSJ_bold', serif;
	font-size:30px;
	line-height:36px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	color:#9abd37;
	height:60px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:100%;
	}
	
	}
@media only screen and (max-width: 991px) {
	#book .sp_mb {
		margin-bottom:50px;}
	#book .detail .num {
	font-family: 'NSJ_bold', serif;
	font-size:36px;
	line-height:36px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	color:#9abd37;
	height: auto;
	display: block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	}
	
	}
/* -----------------------------------------------------------

   #notice

   ----------------------------------------------------------- */
#notice {
	font-family: 'NSJ_Medium', serif;
	margin-top:150px;
	padding:0px;
	margin-bottom:0px;
	background-color: #f4f4f4;
	padding-top:80px;
	padding-bottom:80px;
}
#notice .ttl_n {
	font-family: 'NSJ_bold', serif;
	font-size:18px;
	text-align:center;
	margin-bottom:50px;
	}
#notice .txt_column {
	font-size:14px;
	line-height:22px;
	border-radius: 8px;
	background-color:#fff;
	padding:20px;
	border: 2px solid #d9d9d9;
	}
/* -----------------------------------------------------------

   #info

   ----------------------------------------------------------- */
#info {
	margin-top:40px;
	padding:0px;
	margin-bottom:100px;
}
.page-title {
	margin-bottom:60px;}
 /* -----------------------------------------------------------

   #info

   ----------------------------------------------------------- */
#info .entry-meta {
	 font-size:10px;
	 margin-top:0px;
	 margin-bottom:40px;
}
#info .entry-metameta {
	 font-size:10px;
	 margin-bottom:40px;
	 margin-top:0px;
}
#info h2.entry-title {
	 font-size:20px;
	 margin-bottom:10px;
	 line-height:30px;
}

#info h2.entry-title a:hover,
		#info h2.entry-title a:focus,
		#info h2.entry-title a:active,
		#info h2.entry-title a .active {
	color: #88a730;
	text-decoration:none;
		} 

#info h3.entry-title {
	     font-family: 'NSJ_Medium', serif;
    font-size: 20px;
	 margin-bottom:10px;
	 line-height:30px;
}
#info h3.entry-title span {
	height:60px;
	display:inline-block;
}

#info .post {
	margin-bottom:90px;
	}
#info .entry-content {
	font-size:14px;
	line-height:28px;
	}
#info .entry-content img {
	    max-width: 100%;
		height:auto;
	} 
#info .entry-content a{
	text-decoration:underline;
	}
#info .entry-content a:hover{
	color: #88a730;
	text-decoration: none;
	}
.widget {
    margin-bottom: 20px;
}
.widget ul, .widget ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}
.widget ul li:last-of-type {
    padding-bottom: 0;
    border: none;
}
.widget ul li {
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
.widget ul li a {
    text-decoration: underline;
}
.widget ul li a:hover{
	color: #88a730;
	text-decoration:none;
	}
.widget_search .search-field{
	width: 100%;
	background-color: #f0f0f0;
	padding: 8px 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea{
	background-color: #f6f6f6;
	padding: 12px 15px;
	border: none;
	border-radius: 0;

}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus{
	outline: none;
}

#comments {
	display:none;
}
#nav-below {
	margin-bottom:90px;
}
.b_next {
	text-align:right;
}
@media only screen and (max-width: 768px) {
#info {
	margin-top:30px;
	margin-bottom:50px;
	padding-left:15px;
	padding-right:15px;
}
.b_next {
	text-align: left;
	margin-top:20px;
}
}
/* -----------------------------------------------------------

   #access

   ----------------------------------------------------------- */
#access {
	font-family: 'NSJ_Medium', serif;
	color:#FFF;
	font-size:14px;
	padding:0px;
	margin:0px;
	background-image: url(../images/ac_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#access p {
	font-family: 'NSJ_Medium', serif;
	line-height:22px;
}
#footer_main_map {
	width:100%;
	height:400px;
}
#access .ac_l {
	padding-top:50px;
	padding-bottom:50px;
	text-align: left;
}

.ac_ttl_s {
	font-family: 'NSJ_bold', serif;
	font-size:14px;
	margin-top:50px;
	margin-bottom:10px;
	display:block;
}
#access .b_num {
	font-family: 'NSJ_bold', serif;
	font-size:50px;
	line-height:46px;
}
@media only screen and (max-width:768px) {
	#access .b_num {
	font-family: 'NSJ_bold', serif;
	font-size:46px;
	line-height:46px;
}
	}
#access .ac_r {
	padding-top:50px;
	padding-bottom:50px;
	padding-left:100px;
}
.ca_ss {
	font-family: 'NSJ_Medium', serif;
	font-size:12px;
	margin-top:20px;
}
#access .booking_btn {
	font-family: 'NSJ_bold', serif;
	background-color: #fff;
	font-size: 22px;
	letter-spacing: 0px;
	color: #a2c441;
	border-radius: 8px;
	text-decoration:none;
	display: inline-block;
	text-align:center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #fff;
	padding-top: 12px;
	padding-right: 50px;
	padding-bottom: 12px;
	padding-left: 50px;
		}
		#access .booking_btn a {
		text-decoration:none;
		color:#FFF;
		
		}
		
		#access .booking_btn:hover,
		#access .booking_btn:focus,
		#access .booking_btn:active,
		#access .booking_btn .active {
	color: #fff;
	background-color: #607919;
	border: 1px solid #607919;
		}
@media only screen and (max-width: 991px) {
.contaner_max {
	width:100%;
}
#access {
	font-family: 'NSJ_Medium', serif;
	color:#FFF;
	font-size:14px;
	padding:0px;
	margin:0px;
	background-image: none;
}
#access .ac_l {
	padding-top:50px;
	padding-bottom:50px;
	text-align: left;
	background-color:#9abd37;
}
#access .ac_r {
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
	background-color:#88a730;
}
#access .new_line {
	display:block;
	}
	}
/* -----------------------------------------------------------

   #side

   ----------------------------------------------------------- */
#side_container {
	margin-top:40px;
	margin-bottom:90px;
}
#side_container h2 {
    font-size: 18px;
    color: #363636;
    margin-bottom: 7px;
    line-height: 16px;
    text-align: left;
}
#side_container h2.wp {
    font-size: 18px;
    color: #363636;
    margin-bottom: 7px;
    line-height: 16px;
    text-align: left;
	margin-top:60px;
	margin-bottom:30px;
}
@media only screen and (max-width: 768px) {
#side_container h2 {
    font-size: 16px;
    color: #363636;
    margin-bottom: 7px;
    line-height: 16px;
    text-align: left;
}
#side_container h2.wp {
    font-size: 16px;
    color: #363636;
    margin-bottom: 7px;
    line-height: 16px;
    text-align: left;
	margin-top:60px;
	margin-bottom:30px;
}
}

/* -----------------------------------------------------------

   #link

   ----------------------------------------------------------- */
#link a {
	text-decoration:underline;
}
#link a:hover {
	text-decoration: none;
}
#link h3 {
	font-size:14px;
	margin-bottom:20px;
}
#link h3 span {
	font-size:12px;
	line-height:20px;
	display:block;
}
#link h2 {
    font-size: 16px;
    color: #363636;
    margin-bottom: 5px;
    line-height: 20px;
    text-align: right;
}
#link p {
	font-size:14px;
	line-height:18px;
}
#link .sub_ttl {
    font-family: 'Marcellus', serif;
    font-size: 11px;
    font-weight: 400;
    color: #5d5c5c;
    line-height: 10px;
    text-align: right;
    margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
#link h2 {
    font-size: 16px;
    color: #363636;
    margin-bottom: 5px;
    line-height: 20px;
    text-align: left;
}
}






.widget {
    margin-bottom: 20px;
}
.widget ul, .widget ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}
.widget ul li:last-of-type {
    padding-bottom: 0;
    border: none;
}
.widget ul li {
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
.widget ul li a {
    text-decoration: underline;
}
.widget ul li a:hover{
	text-decoration: none;
	}
.widget_search .search-field{
	width: 100%;
	background-color: #f0f0f0;
	padding: 8px 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea{
	background-color: #f6f6f6;
	padding: 12px 15px;
	border: none;
	border-radius: 0;

}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus{
	outline: none;
}

#comments {
	display:none;
}
#nav-below {
	margin-bottom:90px;
}
.b_next {
	text-align:right;
}
@media only screen and (max-width: 768px) {
.b_next {
	text-align: left;
	margin-top:20px;
}
}


 /* -----------------------------------------------------------

   #w_photography_otherplan

   ----------------------------------------------------------- */

#w_otherplan { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; background: url(http://azabu-catholic.jp/images/noise.png) repeat #fefefe; }
#w_otherplan:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }

/* --- .planArea --- */
#w_otherplan .planArea { margin: -60px -1.5% 0; font-size:0; text-align:left; }
/* .photographyBox */
#w_otherplan .planBox { display: inline-block; margin: 80px 1.5% 0; width:30.333%; position: relative; z-index: 2; background:#fefefe;  }
#w_otherplan .planBox:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; border:#ededed 1px solid; z-index:-1;}

/* .inner */
#w_otherplan .planBox .inner { padding:35px 5% 50px; text-align:center; }

/* .imgArea */
#w_otherplan .planBox .imgArea { overflow:hidden; position:relative; z-index:1; }
#w_otherplan .planBox .imgArea img { width:100%; height:auto; }

/* h5 */
#w_otherplan .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; ont-family: 'Catamaran', sans-serif; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_otherplan .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}

/* .txtArea */
#w_otherplan .planBox .txtArea { margin-top:-5px; }

/* h3 */
#w_otherplan .planBox h3 {font-size: 12px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; }

/* h4 */
#w_otherplan .planBox h4 { font-size: 17px; font-family: 'Playfair Display',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; font-weight:400; letter-spacing: 2px;line-height: 2; margin-bottom:5px; }

/* p.price */
#w_otherplan .planBox .txtArea p { font-size:13px; }

/* .linkArea */
#w_otherplan .planBox .linkArea { margin-top:20px; }



@media only screen and (max-width: 1024px) {
#w_otherplan .planArea { margin: -60px -1% 0; }
#w_otherplan .planBox { margin: 80px 1% 0; width:31.333%; }
#w_otherplan .planBox h4 { font-size: 16px; letter-spacing:1.5px; }
#w_otherplan .planBox .linkArea a { width:180px; }
}


@media only screen and (max-width: 800px) {
#w_otherplan { padding: 80px 5%; }
#w_otherplan .planArea { margin: -40px -1.5% 0; }
#w_otherplan .planBox { display: inline-block; margin: 60px 1.5% 0; width:97%;  }
}

@media only screen and (max-width: 738px) { 
#w_otherplan { padding: 70px 5%; }
#w_otherplan .planArea { margin: -40px -1.5% 0; }
#w_otherplan .planBox { margin: 50px 1.5% 0; }
#w_otherplan .planBox .inner { padding:30px 5% 45px; }
#w_otherplan .planBox .linkArea { margin-top:15px; }
}

@media only screen and (max-width: 414px) { 
#w_otherplan { padding: 60px 5%; }
#w_otherplan .planArea { margin: -40px -1.5% 0; }
#w_otherplan .planBox { margin: 40px 1.5% 0; }
}

/* -----------------------------------------------------------


   #w_other_link

   ----------------------------------------------------------- */

#w_other_link { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; /*background: url(http://azabu-catholic.jp/images/noise.png) repeat;*/ }
#w_other_link:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; }
/* .inner */
#w_other_link .inner { margin: 0; }
/* ul */
#w_other_link .inner ul { font-size: 0; margin: 0 -1.5%; text-align: center; }
#w_other_link .inner ul li { display: inline-block; margin: 0 1.5%; width: 47%; position: relative; z-index: 1; border: #ededed 1px solid; overflow: hidden; }
#w_other_link .inner ul li a { display: block; color: #fefefe; text-align: center; position: relative; z-index: 1; }
/* .imgArea */
#w_other_link .inner .imgArea { -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; }
#w_other_link .inner li:hover .imgArea { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/* .txtArea */
#w_other_link .inner .txtArea { position: absolute; top: 50%; left: 50%; min-width: 300px; max-width: 100%; display: inline-block; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; z-index: 3; }
/* h3 */
#w_other_link .inner h3.en { font-size: 20px; font-family: 'Catamaran', sans-serif; font-weight: 800; letter-spacing: 3px; line-height: 1; }
#w_other_link .inner h3.jp { font-size: 13px; font-weight: bold; letter-spacing: 2.5px; line-height: 1; margin-top: 10px; }
/* a:before */
#w_other_link .inner ul li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #111; opacity: 0.4; z-index: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#w_other_link .inner ul li a:hover:before { background: #e4f5fd; opacity: 0.8; }
/* a:after */
#w_other_link .inner ul li a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: #fefefe 10px solid; opacity: 1; z-index: 2; }
/* transition */
#w_other_link .inner ul li .arrow { position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; color: #fefefe; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#w_other_link .inner ul li .arrow i { font-size: 12px; line-height: 40px; }
#w_other_link .inner ul li .arrow:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#w_other_link .inner ul li:hover .arrow { color: #111; }
#w_other_link .inner ul li:hover .arrow:after { border: transparent 1px solid; background: #fefefe; }
/* .arrow */
#w_other_link .inner ul li a:before,
#w_other_link .inner ul li .arrow,
#w_other_link .inner ul li .arrow:after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/* .linkArea */
#w_other_link .linkArea { margin-top: 50px; }

@media only screen and (max-width: 1024px) {
/* h3 */
#w_other_link .inner h3.en { font-size: 16px; }
}

@media only screen and (max-width: 800px) {
#w_other_link { padding: 80px 5%; }
/* .inner */
#w_other_link .inner { margin: 0; }
/* ul */
#w_other_link .inner ul { margin: -30px 0 0; }
#w_other_link .inner ul li { display: block; margin: 30px 0 0; width: 100%; }
/* h3 */
#w_other_link .inner h3.en { font-size: 18px; }
/* .imgArea */
#w_other_link .inner li:hover .imgArea { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
/* .txtArea */
#w_other_link .inner .txtArea { min-width: 300px; }
/* a:before */
#w_other_link .inner ul li a:hover:before { background: #111; opacity: 0.5; }
/* transition */
#w_other_link .inner ul li .arrow { position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; color: #fefefe; z-index: 3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#w_other_link .inner ul li .arrow i { font-size: 12px; line-height: 40px; }
#w_other_link .inner ul li .arrow:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
#w_other_link .inner ul li:hover .arrow { color: #fefefe; }
#w_other_link .inner ul li:hover .arrow:after { border: #fefefe 1px solid; background: none; }
/* .linkArea */
#w_other_link .linkArea { margin-top: 40px; }
}

@media only screen and (max-width: 738px) {
#w_other_link { padding: 70px 5%; }
}

@media only screen and (max-width: 414px) {
#w_other_link { padding: 60px 5%; }
/* ul */
#w_other_link .inner ul { margin: -25px 0 0; }
#w_other_link .inner ul li { margin: 25px 0 0; }
#w_other_link .inner .txtArea { min-width: 200px; }
#w_other_link .inner h3.en { font-size: 16px; }
#w_other_link .inner h3.jp { font-size: 12px; letter-spacing: 2px; }
/* a:after */
#w_other_link .inner ul li a:after { border: #fefefe 5px solid; }
#w_other_link .inner ul li .arrow { width: 30px; height: 30px; margin-top: -15px; }
#w_other_link .inner ul li .arrow i { font-size: 10px; line-height: 30px; }
/* .linkArea */
#w_other_link .linkArea { margin-top: 35px; }
}







/* ----------------------------------------------------------
   
   #scrollUp
   
   ---------------------------------------------------------- */
   
#scrollUp { position: fixed; bottom: 80px; right: 20px; z-index: 1000; }
/*#scrollUp a { width: 30px; height: 30px; display: block; color: #fff; background: #363636; border:none; text-align: center; z-index: 11; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position:relative; z-index:1; }
#scrollUp a:before { position:absolute; top:0; left:0; right:0; bottom:0; font-family: 'Ionicons'; content:"\f3d8"; font-size: 12px; line-height:28px;  }
#scrollUp a:hover {-webkit-transform: translate(0px, -5px); -moz-transform: translate(0px, -5px); -o-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); color: #fff; background: #c19f62; }*/
/*@media only screen and (max-width: 800px) {
#scrollUp a:hover { -webkit-transform: trbtn-primaryanslate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}*/





/* ----------------------------------------------------------
   
   slick.js
   
   ---------------------------------------------------------- */
/* Slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* --- Dots --- */
.slick-dots{position:absolute;bottom:-30px;list-style:none;display:block;text-align:center;padding:0;width:100%;height:6px;z-index:100}.slick-dots li{position:relative;display:inline-block;height:6px;width:6px;margin:0 10px;padding:0;cursor:pointer;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out}.slick-dots li button{background:0 0;border:1px solid #999;display:block;height:4px;width:4px;overflow:hidden;line-height:0;font-size:0;color:transparent;cursor:pointer;padding:2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.slick-dots li.slick-active button{outline:0;border:1px solid #7eccd6;background:#7eccd6}.slick-dots li button:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";border:1px solid transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.slick-dots li.slick-active button:before{border:1px solid #7eccd6;content:""}





/*! Hint.css - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */

[data-hint]{position:relative;display:inline-block}[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;transition:.2s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[data-hint]:hover:after,[data-hint]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:50ms;-moz-transition-delay:50ms;transition-delay:50ms}[data-hint]:before{content:'';position:absolute;background:0 0;border:4px solid transparent;z-index:1000001}[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:11px;font-family:Catamaran,sans-serif;font-weight:400;line-height:1;white-space:nowrap;letter-spacing:1.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-8px;left:calc(50% - 4px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:focus:after,.hint--bottom-right:focus:before,.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--rounded:after{border-radius:3px}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}




/*
jquery.padca.js

The MIT License
Copyright (c) 2013 Yasufumi Minoda

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/

.padcal + div, input.padcal + div > div.padcal-copy {display: inline-block;width: 50px;height: 52px;margin: 5px;padding-bottom: 5px; font-size: x-large;font-weight: bold;text-align: center;}
input.padcal + div > div.padcal-copy {position: relative;float: left;width: 48px;top: -52px;z-index: 1;}
.padcal + div.padcal-sun, input.padcal + div > div.padcal-copy.padcal-sun {background-color: #feeeee;color: #900;border: 1px solid #d8aaaa;}
.padcal + div.padcal-sun > div:first-child, input.padcal + div > div.padcal-copy.padcal-sun > div:first-child {background-color: #900;}
.padcal + div.padcal-mon, .padcal + div.padcal-tue, .padcal + div.padcal-wed, .padcal + div.padcal-thu, .padcal + div.padcal-fri,
input.padcal + div > div.padcal-copy.padcal-mon, input.padcal + div > div.padcal-copy.padcal-tue, input.padcal + div > div.padcal-copy.padcal-wed, input.padcal + div > div.padcal-copy.padcal-thu, input.padcal + div > div.padcal-copy.padcal-fri {background-color: #fefefe;color: #666;border: 1px solid #d8d8d8;}
.padcal + div.padcal-mon > div:first-child, .padcal + div.padcal-tue > div:first-child, .padcal + div.padcal-wed > div:first-child, .padcal + div.padcal-thu > div:first-child, .padcal + div.padcal-fri > div:first-child,
input.padcal + div > div.padcal-copy.padcal-mon > div:first-child, input.padcal + div > div.padcal-copy.padcal-tue > div:first-child, input.padcal + div > div.padcal-copy.padcal-wed > div:first-child, input.padcal + div > div.padcal-copy.padcal-thu > div:first-child, input.padcal + div > div.padcal-copy.padcal-fri > div:first-child {background-color: #666;}
.padcal + div.padcal-sat, input.padcal + div > div.padcal-copy.padcal-sat {background-color: #eeeefe;color: #009;border: 1px solid #aaaad8;}
.padcal + div.padcal-sat > div:first-child, input.padcal + div > div.padcal-copy.padcal-sat > div:first-child {background-color: #009;}
.padcal + div > div:first-child, input.padcal + div > div.padcal-copy > div:first-child {height: 5px;clear: left;}
.padcal + div > div:nth-child(2), input.padcal + div > div.padcal-copy > div:nth-child(2) { font-size: xx-small;font-weight: normal;}



/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity,.lity-wrap{z-index:9990;position:fixed;top:0;outline:0!important}.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}.lity,.lity-container,.lity-wrap{outline:0!important}.lity-content:after,.lity-wrap:before{content:''}.lity,.lity-content:after,.lity-wrap{right:0;bottom:0;left:0}.lity{white-space:nowrap;background:#fefefe;opacity:0;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.lity.lity-opened{opacity:1;background:rgba(243,251,255,.9)}.lity.lity-closed{opacity:0;background:#fefefe}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{text-align:center}.lity-wrap:before{height:100%;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;white-space:normal;max-width:100%;max-width:90%;max-height:100%}.lity-close,.lity-close:before{line-height:60px;text-align:center}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s ease;-o-transition:-o-transform .5s ease;transition:transform .5s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}.lity-close{z-index:9994;width:60px;height:60px;position:fixed;right:10px;top:10px;-webkit-appearance:none;cursor:pointer;text-decoration:none;padding:0;font-size:0;font-style:normal;border:0;color:#fefefe;background:#111;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.lity-close:before{position:absolute;top:0;right:0;left:0;bottom:0;font-family:themify;content:"\e646";font-size:16px;text-indent:0;z-index:1}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}#inline{overflow:auto;background:#fefefe;padding:50px 7.5%;width:1200px;max-width:100%}.profileLeft{float:left;width:35%}.profileRight{float:right;width:60%}


@media only screen and (max-width: 738px) {
.lity-close,.lity-close:before{line-height:50px;}.lity-close{width:50px;height:50px;}.lity-close:before{font-size:14px;}
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.hinge { -webkit-animation-duration: 1s; animation-duration: 1s; }
 
 
 @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}