@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.indent_content {padding: 30px 16px;}
.page_thumb {letter-spacing: inherit; font-size: 6vw; height: 100px; margin-bottom: 0; margin-top: 60px; background-position: center; background-size: cover; padding: 0 16px;}
.page_thumb span {display: none;}
.content {padding: 16px;}
.page_title p {font-size: 5vw; padding-bottom: 10px;}
.indent_content02 {margin-top: 30px;}
.sphead {background: #0b0b0b; box-sizing: border-box; padding: 10px 5px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;height: 60px; display: flex; align-items: center;}
.sphead h1{width: 55%;}
	header .head_inner {display: none;}

/*sp-menu*/
/*ハンバーガー*/	
#sp-nav-toggle {
position: fixed;
top: 10px;
right: 16px;
width: 40px;
height: 40px;
cursor: pointer;
font-size: 12px;
}
#sp-nav-toggle > div {
position: relative;
width: 100%;
margin-top: 5px;
}
#sp-nav-toggle span {
width: 50%;
height: 2px;
right: 0;
display: block;
background: #fff;
position: absolute;
-webkit-transition: .4s ease-out;
transition: .4s ease-out;
/* #nav-toggle close */
}
#sp-nav-toggle span:nth-child(1) {
top: 10px;
}
#sp-nav-toggle span:nth-child(2) {
top: 20px;
}
#sp-nav-toggle span:nth-child(3) {
top: 30px;
}

.open #sp-nav-toggle span:nth-child(1) {
top: 20px;
transform: rotate(45deg);
background: #000;
}
.open #sp-nav-toggle span:nth-child(2) {
opacity: 0;
    -webkit-transform: translateX(1em);
    transform: translateX(1em);
}
.open #sp-nav-toggle span:nth-child(3) {
top: 20px;
transform: rotate(-45deg);
background: #000;
}

/* z-index */
#sp-nav-toggle {
z-index: 1000;
}

#container {
z-index: 900;
}

#sp-gloval-nav nav {
z-index: 999;
}

#sp-gloval-nav {
background: url("img/index/box02_bg.jpg")repeat;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 4vw;
padding-left: 0;
transform: translateX(-100%);
transition: transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.open #sp-gloval-nav {
transform: translateX(0);
}

#sp-gloval-nav a {
display: inline-block;
text-decoration: none;
padding: 5px 0;
transition: color 0.6s ease;
}
#sp-gloval-nav ul {
list-style: none;
padding: 0 16px;
letter-spacing: 3px;
}
#sp-gloval-nav ul li {
transition: transform .4s ease;
position: relative;
width: 100%;
border-bottom: 1px dotted #000;
color: #000;
padding: 7px 0;
line-height: 1;
}

.nav-bg {
opacity: 0;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
transition: all 1s ease;
}
.nav-bg.active {
opacity: 1;
}

.nav_fixed #sp-nav-toggle span {background: #000;}

.front_main .inview .txt_img img{margin: auto; width: 65%; padding-bottom: 40px;}
	
/*header*/
#header .head_inner {display: none!important;}
	.front_main .info_box {width: 100%; left: inherit; margin-left: inherit; padding: 10px 16px; box-sizing: border-box;}
	.front_main .info_box h2 {font-synthesis: 3.5vw; margin-right: 2%;}
	.front_main .info_box h2 span {font-size: 4vw;}
	.front_main .info_item {width: 60%; font-size: 3.5vw; margin-right: 0; background: #fff;}
	.front_main .info_btn {display: none;}
	.front_main .info_box .inner {justify-content: space-between;}
	.front_main .info_item .img {width: 60px; margin-right: 5%;}
	.front_main .info_item .img img {width: 100%; height: 60px; object-fit: cover;}
/*index*/
	#index .box02 h2::before, #index .box03 h2::before, #index .box05 h2::before, #index .box06 h2::before,.big_page_title::before {background-size: cover; width: 70px; height: 70px;}
	#index .box02 h2, #index .box03 h2, #index .box05 h2, #index .box06 h2 {font-size: 6vw;}
	#index .box02 .txt01, #index .box03 .txt01, #index .box05 .txt01, #index .box06 .txt01 {font-size: 3.5vw; margin: 10px auto 30px;}
	#index .insert_img {min-width: inherit; width: 100%; left: inherit; margin-left: inherit;}
	#index .box01 .inner {display: block;}
	#index .box01 ul {width: 100%; min-width: inherit;}
	#index .box01 li {width: 48%; margin-right: 4%; margin-top: 4%;}
	#index .box01 li:nth-child(5n) {margin-right: 4%;}
	#index .box01 li:nth-child(2n) {margin-right: 0;}
	#index .box01 h2 {margin: 0 auto; min-width: inherit;}
	#index .box02 .bdr_box {display: none;}
	#index .box02 ul::before,#index .box02 ul::after {display: none;}
	#index .box02 li {width: 100%; font-size: 3.2vw;}
	#index .box02 li:nth-child(n + 2),#index .box02 li:nth-child(n + 3) {margin-top: 20px;}
	#index .box02 li a {background: none; width: auto; height: auto; margin-bottom: 10px; padding: 0;}
	#index .box01 .btn, #index .box06 .btn {width: 70%; height: auto; padding: 12px 0; box-sizing: border-box; border: 1px solid #000; font-size: 3.5vw; margin-top: 30px;}
	#index .box01 .btn::before, #index .box06 .btn::before,#index .box01 .btn::after, #index .box06 .btn::after {display: none;}
	#index .box03 {padding: 30px 0;}
	#index .box03 .swiper_all {margin-bottom: 0; padding: 0 16px;}
	#index .box03 .swiper-slide {display: block; margin: 0 16px; font-size: 3.5vw;}
	#index .box03 .btn_area {display: none;}
	#index .box03 .img {min-width: inherit; margin-right: 0; margin-bottom: 16px;}
	#index .box03 .over {font-size: 7vw; justify-content: center;}
	#index .box03 .pick {font-size: 3.5vw; margin-right: 3%;}
	#index .box03 .font_sz {font-size: 7vw;}
	#index .box03 .no {font-size: 7vw;}
	#index .box03 h3 {font-size: 7.5vw; text-align: center;}
	#index .box03 .img_inner {flex-wrap: wrap;}
	#index .box03 .img_inner a {width: 48%; margin-right: 4%;}
	#index .box03 .img_inner a:nth-child(2n) {margin-right: 0;}
	#index .box03 .img_inner a:nth-child(n + 3) {margin-top: 4%;}
	.calender_box {margin: 30px auto 0;}
	.calender_box tbody td {width: calc(100% / 7); height: 100px; font-size: 3.5vw;}
	#index .box04 {padding-top: 10px;}
	#index .box04 .inner {display: block;}
	#index .box04 a::before, #index .box04 a::after {display: none;}
	#index .box04 a {margin-top: 20px;}
	#index .box05 .map {margin-bottom: 30px;}
	#index .box05 .map::before,#index .box05 .map::after {display: none;}
	#index .box05 iframe {width: 100%; height: 250px; border: 1px solid #b5b5b5;}
	#index .box05 table {margin-top: 20px;}
	#index .box05 table::after {display: none;}
	#index .box05 th, #index .box05 td {font-size: 3.5vw; padding-bottom: 10px;}
	#index .box05 th {padding-right: 0; width: 25%;}
	#index .box05 .logo {width: 70%;}
	#index .box06 {overflow: hidden;}
	#index .box06 .blog_item {padding: 10px 0;}
	#index .box06 .time {font-size: 3.5vw;}
	#index .box06 .tag {width: auto; height: auto; font-size: 3.5vw; padding: 2px 5px; margin: 0 3%;}
	#index .box06 h3 {font-size: 3.5vw;}
	.global_nav {display: none;}
footer {background: url("img/sp/footer_bg.jpg")center center no-repeat; padding-top: 20px; background-size: cover;}
footer .list {display: none;}
footer .copyright {display: block; margin-top: 16px; padding: 5px 0;}
footer .inner02 {display: none;}
footer .box {font-size: 4vw; padding: 0 16px;}
footer .box img {width: 70%; margin: auto;}
footer .txt01 {margin: inherit;}
.stoker02 {display: flex; justify-content: space-between;}
.stoker02 li{width: 50%;}

#pop_banner {
padding: 0;
z-index: 50;
background: none;
width: 100%;
border: none;
bottom: 0;
position: fixed;
}

.pan {
display: none;
}
.page_top_img {
margin-top: 30px;
}
.page_title {font-size: 4vw; line-height: 1.2; margin: 0 auto 30px;}
.big_page_title {font-size: 5vw; letter-spacing: inherit; margin-top: 30px;}
.navigation {margin-bottom: 20px;}

/*contactbnr*/
	#contact_banner .box {padding: 0; background: none;}
	#contact_banner .box01 {border: none; padding: 0;}
	#contact_banner h2 {font-size: 6vw; padding: 12px;}
	#contact_banner .inner {font-size: .5vw; padding: 20px 16px; background: url("img/contactbnr/box_bg.jpg")top left repeat;}
	#contact_banner .inner img {width: 70%;}
	#contact_banner .under {display: block; margin-top: 20px;}
	#contact_banner .under .tel {font-size: 4vw; margin-right: 0;}
	#contact_banner .under .tel img {width: 6%; margin: 0;}
	#contact_banner .under .tel .number {font-size: 8vw; margin-left: 0;}
	#contact_banner .under .tel a {justify-content: center; margin: 10px auto;}
	#contact_banner .under .mail {background-size: 3%; border: 1px solid #000;}
	#contact_banner .under .mail h3 {font-size: 4vw; padding: 7px 0 8px;}
	#contact_banner .under .mail .mailbox {padding: 20px 0; font-size: 4.5vw; justify-content: center;}
	#contact_banner .under .mail .mailbox img {width: 6%; margin: 0 2% 0 0;}
	#contact_banner .under .mail .mailbox span {font-size: 4.5vw;}
	#contact_banner .box02 {display: none;}

/*contact*/
#contact {margin-bottom: 0;}
#contact .tel {font-size: 4vw; padding: 16px 0; margin-bottom: 20px;}
#contact .number {font-size: 5vw; margin: 10px auto;}
#contact .number span {font-size: 8vw;}
#contact ul {font-size: 3.5vw; margin-bottom: 20px; padding: 0 16px; line-height: 1.5;}
	#contact li {margin-bottom: 10px;}
#contact .thanks {padding: 20px 16px; font-size: 3.5vw; margin-bottom: 0;}
#contact table {margin: 16px auto; border: 1px solid #d2d2d2;}
.mw_wp_form {padding: 0 16px;}
#contact table th, #contact table td {width: 100%; display: flex; justify-content: space-between; font-size: 3.5vw; padding: 10px; border-bottom: 1px solid #d2d2d2;}
#contact table input {position: relative; margin: 0; vertical-align: middle;}
#contact table input, #contact table textarea {font-size: 16px;}
.mw_wp_form_input .btn input {width: 100%!important; font-size: 3.5vw!important; padding: 15px 0!important; margin-bottom: 20px;}
#contact .box02 {padding: 0 16px 20px; font-size: 3.5vw;}
	#contact .sp_trans01 td {justify-content: flex-start;}
	#contact .sp_trans02 td {display: block;}
	#contact .scroll {font-size: 3.5vw; padding: 10px; margin: 10px 0;}
	
	.mgn_b100 {margin-bottom: 30px;}
/*treasure*/
#treasure span {font-size: 4vw; border-bottom: 1px solid #161616; padding-bottom: 5px; letter-spacing: 1px;}
	#treasure .box01 {display: block; margin-bottom: 20px; padding-bottom: 16px;}
	#treasure .txtbox {width: auto; height: auto; padding: 16px; border: none;}
	#treasure h3 {font-size: 5vw;}
	#treasure .box01 p {font-size: 3.5vw; line-height: 2; padding: 0 16px;}
	#treasure ul {font-size: 3.5vw; padding: 16px 16px; line-height: 1.5;}
	
/*history*/
	#history .title01 {font-size: 4vw; letter-spacing: 1px; line-height: 1.5;}
	#history .title_box {display: block; text-align: center;}
	#history .l_border {display: none;}
	#history h2 {font-size: 6vw; letter-spacing: 1px;}
	#history .box02 .contetbox {padding: 20px 16px; font-size: 4vw;}
	#history .con01, #history .con02, #history .con03 {display: block; font-size: 3.5vw; line-height: 2;}
	#history .con01 img, #history .con02 img, #history .con03 img {margin: 0 auto 16px;}
	#history .box02 .con02 {margin: 20px 0 0;}
	#history .sp_mgb {margin-bottom: 16px;}
	
/*guide*/
	.mgn_b100 {margin-bottom: 30px;}
	.mgn_t100 {margin-top: 30px;}
	#guide h2 {font-size: 4vw; letter-spacing: 1px; line-height: 1.2; padding: 0; margin: 30px auto; text-align: center;}
	#guide h2::before {display: none;}
	#guide h2 span {font-size: 7vw;}
	#guide p {font-size: 3.5vw; padding: 0 16px; line-height: 2; text-align: justify;}
	#guide h3 {font-size: 7vw; text-align: center; margin: 0 auto 20px;}
	#guide h3::before {display: none;}
	#guide h3 span {font-size: 4.3vw;}
	#guide .con01 {display: block; background: none;
}
	#guide .con01 img {margin: 0 auto 16px;}
	#guide .con01 p {padding: 0 16px 16px; line-height: 2;}
	#guide .img_box img {width: 32%;}
	#guide .btnbox{padding: 0; justify-content: space-between;}
	#guide .btn{font-size: 3.5vw; width: 48%; height: auto; padding: 15px 0; margin-top: 0;}
	#guide .btn02{margin-left: 0;}
	
	
	
	/*blog*/
	.nav_btn {width: 48%;}
	.previous-entries, .next-entries {width: 48%; font-size: 3.5vw;}
	.nav_archive_btn {width: 48%; font-size: 3.5vw;}
	#blog_single .span_r a {background: none; padding-right: 0;}
	#blog{padding: 30px 16px;}
	#blog_single {padding: 30px 0;}
	#blog .big_page_title,#blog_single .big_page_title {margin-top: 0;}
	#blog .blog_item {font-size: 3.5vw; padding: 16px 0;}
	#blog .blog_area {padding: 0;}
	#blog_single p {font-size: 4vw;}
	#blog_single h3 {font-size: 4.5vw; margin: 10px 0;}
	#blog_single .box01 {border: 1px solid #000;}
	#blog_single .navigation {margin-top: 20px;}
	#blog .tag {font-size: 3.5vw; margin: 0 3%;}
	
/*memorial*/
	#memorial {padding-bottom: 30px;}
	#memorial .txt {font-size: 3.5vw; padding: 16px;}
	#memorial .titlebox {display: block; margin-top: 30px; font-size: 3.5vw; padding: 0 16px;}
	#memorial h2 {font-size: 6vw; padding: 0 0 0 5px; border-left: 5px solid #222; margin-bottom: 5px;}
	#memorial .box {padding: 20px 16px; margin-top: 30px; border: none;}
	#memorial .inner {display: block; padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	#memorial h3 {font-size: 6vw;}
	#memorial .txt01 {font-size: 4vw; letter-spacing: 1px;}
	#memorial .txt02 {font-size: 3.5vw; line-height: 2;}
	#memorial .inner img {margin: 0 auto 16px;}
	#memorial .txt03 {font-size: 3.5vw; line-height: 2;}
	#memorial .txt01 span {font-size: 3.5vw;}
	
	/*pets*/
	#pets p {font-size: 3.5vw; line-height: 2;}
	#pets .box01 p {padding: 16px;}
	#pets .sp-img_box img {width: 48%; margin: 0;}
	#pets .title01 {display: block; text-align: center; font-size: 5vw;}
	#pets .l_border {display: none;}
	#pets .imbox {display: block;}
	#pets .imbox img {margin: 0 auto 16px;}
	#pets .imbox p {padding: 0 16px;}
	#pets .box03 {padding: 16px;}
	#pets .imgbox {margin-bottom: 16px; justify-content: space-between;}
	#pets .imgbox img {width: 32%;}
	#pets .box03 img:nth-child(1), #pets .box03 img:nth-child(2) {margin-right: 0;}
	
	/*event*/
	#event .con01,#event .con02 {display: block;}
	#event .txtbox {padding: 20px 16px; font-size: 6vw;}
	#event .txtbox h3 {font-size: 4vw; margin-bottom: 16px;}
	#event .txtbox p {font-size: 3.5vw; letter-spacing: 1px; line-height: 2;}
	#event .img_box img {width: 32%;}
	
	/*calendar*/
	#calendar_time .big02 {font-size: 5vw; padding: 15px 0; margin-top: 20px;}
	#calendar_time .big {display: none;}
	.time_ul01 {width: 50%;}
	.time_ul01 li {font-size: 3vw; height: 30px; border-left: none; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
	#calendar_time .inner {border: none; background: none; border-bottom: 1px solid #b5b5b5; margin-bottom: 30px;}
	.time_ul02 {width: 18%;}
	.time_ul02 li {font-size: 4vw; height: 30px; border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
	.time_ul03 {width: 170px;}
	.time_ul03 li {width: 100%; height: 30px; padding: 0; border-bottom: 1px solid #b5b5b5;}
	.time_btn01,.time_btn02 {width: 160px; font-size: 3vw; height: 28px;}
	#calendar_time .num,#contact .num {margin: 0; padding: 0 16px; box-sizing: border-box; width: auto;}
	#contact .title {background: #2b3700; font-size: 5vw; padding: 16px 0; margin: 30px auto 16px;}
	.end02 .thanks {margin-top: 20px;}
	.calender_box td .cpt_date {font-size: 4vw;}
	
/*priests*/	
	#priests {padding-bottom: 30px;}
	.priests_parts h2 {font-size: 5vw; margin: 0 16px 20px;}
	.priests_parts h2 span {border-left: 5px solid #222;}
	.priests_parts .con01 {font-size: 3.5vw; margin: 0; justify-content: space-between;}
	.priests_parts .btn01 {width: 48%;}
	.priests_parts .btn01:nth-child(1) {margin-right: 0;}
	.priests_parts .inner01 {display: block;}
	.priests_parts h3 {margin-top: 5px;}
	.priests_parts .txt01,.priests_parts .txt02 {padding: 10px; font-size: 3.5vw; line-height: 1.5;}
	.priests_parts .inner01 span {font-size: 4vw; margin-left: 5%;}
	.priests_parts .under01 {padding: 10px;}
	#priests .txt01 {font-size: 3.5vw;}
	.priests_parts .btn02 {width: 48%; margin-right: 0;}
	.priests_parts .txt02 h3 {font-size: 4vw; padding-top: 0;}
	.priests_parts .btn02 {margin-top: 4%;}
	.priests_parts .btn02:nth-child(n + 4) {margin-top: 4%;}
	#priests .box01 {font-size: 3.5vw; padding: 20px 16px; display: block;}
	#priests h1 span {font-size: 6vw; letter-spacing: 1px; margin-right: 2%;}
	#priests ul {padding: 10px; margin: 16px 0 10px;}
	#priests .box01 .img {margin: 16px auto 0;}
	#priests table {font-size: 3.5vw; margin: 30px 0; border-top: 1px solid #030303;}
	#priests th, #priests td {display: block; width: 100%; border-bottom: 1px solid #030303; padding: 13px; box-sizing: border-box; line-height: 1.5;}
	#priests th .no{position: inherit; left: 0; top: 0; bottom: 0; margin: auto; margin-top: 20px; padding-left: 10px;}
	#priests th {border-bottom: none; width: 100%;}
	#priests td p:nth-child(n + 2) {margin-top: 10px;}
	#priests .box03 h2{font-size: 4.5vw; padding: 17px; line-height: 1; background: #030303; text-align: center;}
	#priests .box03 .inner01 {padding: 20px 0 30px; border: none;}
	#priests .box03 .sp_inner01 {padding: 0 0 30px;}
	#priests .box03 .inner01 img{padding: 0 16px; box-sizing: border-box; width: auto;}
	#priests .box03 .inner01 h3 {margin-top: 20px; font-size: 4.5vw; line-height: 1; background: #2b3700; padding: 10px; text-align: center;}
	#priests .box03 .inner01 p{font-size: 3.5vw; line-height: 2; background: #ebebeb; padding: 10px 16px;}
	#priests .box03 .inner01 .in_p{padding: 20px 16px;}

	#event #e01,#event #e02,#event #e03,#event #e04,#event #e05 {margin-top: -60px; padding-top: 60px;}
	
}