/* CSS Document */
html{ height:100%;}
body{ background:#fff; height:100%; color:#221814; position:relative;}
a{ color:#221814;}
h1,h2,h3,p{ line-height:1.2em;}
img{ max-width:100%; vertical-align:bottom;}
.sp{ display:none;}
.wrap{ width:1048px; max-width:100%; margin:0 auto 0; position:relative;}
p{ font-size:1.6rem; line-height:2.2em; margin:0 auto; font-weight:300; letter-spacing:0.1em;}
.contents{ padding-bottom:50px;}



/*トグルボタン*/
#navi_toggle{ width:100%; display:none; background:rgba(255,255,255,0.9); padding-bottom:30px; position:relative; z-index:1;}
#navi_toggle ul{ margin:0px 15px 0 0; }
#menubtn{
	width:40px;
	height:41px;
	display:none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
	border:1px solid #7d8488;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-family:Arial, Helvetica, sans-serif;
	}
#menubtn #menubtn_line{
    width: 40px;
    height:40px;
    position: absolute;
    top: 0px;
    right: 0px;
	
}
#menubtn #menubtn_line span {
    display: block;
    background: #7d8488;
    width:   23px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menubtn p{color:#fff; position:absolute; bottom:3px; left:8px;}
#menubtn #menubtn_line span:first-child {
    top: 12px;
}
#menubtn #menubtn_line span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menubtn #menubtn_line span:last-child {
    bottom: 12px;
}
#menubtn.active #menubtn_line span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}
#menubtn.active #menubtn_line span:nth-child(2) {
    opacity: 0;
}
#menubtn.active #menubtn_line span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}


/*ヘッダー*/
header { width:1048px; max-width:100%; margin:0 auto; overflow:hidden; position:relative;}
header .logo{ width:260px; margin:25px auto 10px 25px; float:left;}
header .nav_wrap{ width:600px; max-width:100%; margin:40px 0 30px auto;}
header ul.nav { width:600px; max-width:90%; margin:0 auto; display:flex; flex-wrap: wrap; align-items:right; justify-content: right; position: relative;}
header ul.nav li{ margin:0 0px 10px 30px; padding:14px 0 0 0; font-size:1.4rem; line-height:1.2em; text-align:center;}
header ul.nav li:last-child{ margin-right:0px;}
header ul.nav_icon{
  width:60px; max-width:90%; margin:0 auto; display:flex;
  align-items:right;
  flex-direction: row;
  flex-wrap: wrap;
  margin:0 10px 0 auto;
   justify-content: right;
}
header ul.nav_icon li{margin:0 10px 0px 0px; padding:0;}

#navi_toggle ul{ width:220px; margin-left:auto;}
#navi_toggle ul li{ font-size:1.2rem; border-bottom:1px solid #a5d9ec;  margin:0px 0 8px; padding:3px 5px 2px 3px; text-align:left;}
#navi_toggle ul.nav_icon{padding:0 10px;  margin:0 10px 0 auto;}
#navi_toggle ul.nav_icon li{ border:none;}




/*フッター*/
#footer_wrap{ width:100%; background:#F3F1EE; padding:60px 0 0;}
footer{ width:940px; max-width:95%; margin:0 auto; overflow:hidden; display:flex; justify-content: space-between; flex-wrap: wrap; }

footer .left_box{ width:30%; padding:0; margin:0;}
footer .left_box p{font-size:1.2rem; line-height:1.8em; font-weight:500; text-align:left;}
footer .left_box ul.nav_icon{ display:flex; justify-content:left; flex-wrap:wrap; margin-top:10px;}
footer .right_box{ width:60%; font-size:1.4rem; line-height:1.2em; padding:0; }
footer .right_box ul{ display:flex; justify-content:right; flex-wrap: wrap;}
footer .right_box ul li{ padding:10px 25px;}
.copy { width:100%; background:#373737; padding:15px 0; margin-top:30px;}
.copy p{ width:940px; max-width:90%; margin:0 auto; font-size:1.2rem; line-height:1.2em; color:#fff; font-weight:300; text-align:right;}




/*トップページ*/
h1.title{ font-size:2.2rem; line-height:1.4em; letter-spacing:0.2em; margin:60px auto 30px;}
h1.title span{ color:#888889; font-size:0.5em; display:block;}
.mainimage{ width:1048px; position:relative; max-width:100%; margin:0 auto;}
.mainimage p{ font-size:2.2rem; line-height:1.2em; position:absolute; top:calc(50% - 0.5em); right:12%; color:#000;}
.mainimage p span{ font-size:1.2rem; line-height:1.2em; display:block;}
#top .mainimage p{ color:#fff; right:auto; left:20%;}

#top h1.title{ font-size:2.2rem; line-height:1.4em; letter-spacing:0.2em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align:left; margin:0 30px 0 60px;}
#top h1.title span{ color:#888889; font-size:0.5em; text-align:left; display:inline;}

#top .contents{ text-align:right;}
#top .sec1{ width:400px; margin:60px auto;  -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#top .sec1 p{ height:235px; text-align:left;}

#top .btn{ font-size:1.6rem; line-height:1.4em; border:1px solid #666; display:inline-block; margin:auto 30px 0 10px;}
#top .btn a{ display:block; padding:10px 8px;}
#top .btn a:hover{ color:#fff; background:#000;}

#top .sec2{ background:url(../images/top_image1.jpg) left bottom no-repeat; background-size:cover; padding:10px; text-align:left;}
#top .sec2 .text_box{ width:400px; margin:140px 100px 140px auto; color:#fff;}
#top .sec2 .text_box h1{ font-size:3.1rem; line-height:1.4em; margin-bottom:60px;}
#top .sec2 .text_box h1 span{ display:block; font-size:1rem; text-align:center; letter-spacing:0.2em;}

#top .sec3{ width:1000px; max-width:90%; margin:60px auto; height:300px;  -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#top .sec3 p{ text-orientation: upright; padding:0 20px 0 20px; text-align:left; line-height:1.2em;}
#top .sec3 p.name{ text-align:right; line-height:1.6em;}
#top .sec3 p.name img{ padding-bottom:80px; margin-left:10px; width:44px;}
#top img.photo{ margin:0 10px;}

#top .sec4 section{ overflow:hidden; margin:50px 0; text-align:left;}
#top .sec4 .right_box{ width:350px; float:right;}
#top .sec4 .main_text{ -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#top .sec4 .right_box h1{ display:inline-block;}
#top .sec4 p.text{ height:300px;}
#top .sec4 p.other_mes{ padding:60px 0;}
#top .sec4 .left_box{ float: left; width:600px; max-width:60%;}

#top .sec4 .item_list{ display:flex; flex-wrap: wrap; align-items:left; justify-content:left;}
#top .sec4 .item_list div{ max-width:45%; margin:0 10px 10px 0; text-align:center; font-size:1.4rem; line-height:1.2em; padding:3px 0px 10px;}
#top .sec4 .worship_wrap .item_list>div:last-child{ width:600px; max-width:100%;}
#top .sec4 .item_list div img{ margin-bottom:10px;}
#top .sec4 .item_list div .point{ max-width:90%; display:inline-block; font-size:1.4rem; line-height:1.4em; padding:5px 10px; border:1px solid #000; margin:10px 10px 0 0;}
#top .sec4 h2{ font-size:1.4rem; line-height:1.4em; padding:5px 20px; border:1px solid #000; display:inline-block; margin:0 0 10px 0;}
#top .sec4 .worship_wrap{ overflow:hidden;}
#top .sec4 .btn{ display:block; width:140px; text-align:center; clear:both; margin:20px 20px 0 auto;}
#top .megami{ margin:20px auto;}
#top .megami .image{ width:550px; max-width:100%; text-align:center;}
#top .megami .btn{ width:240px; max-width:100%;}

#top .sec5{ width:612px; margin:50px auto; max-width:90%; text-align:center;}
#top .sec5 h1.title{ -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; margin: 30px auto 60px; text-align:center;}
#top .sec5 p{ margin-bottom:30px;}

#top .sec6{ width:1000px; max-width:90%; margin:60px auto; height:300px;  -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#top .sec6 p{padding:0 20px 0 20px; text-align:left;}
#top .sec6 .photo{ -ms-writing-mode: lr-tb; writing-mode:horizontal-tb; font-size:1.4rem; line-height:1.4em; text-align:left;}

#top .sec7{ width:746px; margin:0 auto; text-align:center;}	
#top .sec7 h1.title{ -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; margin: 30px auto 60px; text-align:center;}
#top .sec7 .btn{ display:block; width:140px; text-align:center; clear:both; margin:20px 20px 0 auto;}
	
	
#top #facebook ul {
	padding: 0;
	list-style: none;
	margin-top: .7rem;
	margin:30px auto;
	text-align:center;
	display:flex;
	width:900px;
	max-width:100%;
	justify-content: center;
	 flex-wrap: wrap;
}

#top #facebook ul li{ width:270px; margin:0 10px 20px;}
#top #facebook ul li img{ width:260px; height:180px; object-fit: cover;}
#top #facebook a {
	padding-bottom: .5rem;
}
#top #facebook p.time{ text-align:center; font-size:1.1em;}
#top #facebook p{
	max-width:100%;
	margin:10px 0;
	text-align:left;
	font-size:1.1em; line-height:1.2em;
}

#top #facebook .text-overflow {
  overflow: hidden;
  width:260px;
	height:3.6em;
}
 
 
.anchor,#top .anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

#contact_area {display:flex; justify-content: center; flex-wrap: wrap; margin:30px auto;}
#contact_area img{ max-width:40%;}
#contact_area .text_area{ width:560px; max-width:45%; background:#F3F1EE; text-align:center; padding:5% 2%; margin:0 10px;}
#contact_area .text_area p{ font-size:1.4rem; line-height:1.4em;}
#contact_area .text_area p span.tel{ font-size:2.8rem; line-height:1.2em; display:inline-block; margin:50px auto 20px;}
#contact_area .text_area p span.time{ font-size:1.2rem;}



#access h1{ font-size:2rem; line-height:1.4em; margin:110px 0 5px 0;}
#access p{ line-height:1.6em; padding:20px;}
#access p.add{ margin-bottom:40px;}
#access p.url{ padding:0 10px 10px;}
#access .information{ width:360px; max-width:90%; margin:0 auto;}
#access h2{ margin:25px auto 10px; text-align:left;}
#access dl{ width:270px; margin:10px 0 30px; display:flex; justify-content:left; flex-wrap: wrap; font-size:1.6rem; line-height:1.4em; text-align:left;}
#access dl dt{ width:80px; padding:3px 10px;}
#access dl dd{ width:120px; padding:3px 10px 3px 22px; position:relative;}
#access dl dd:before{ content:""; background:url(../images/tel_icon.png) no-repeat; width:20px; height:23px; background-size:cover; position:absolute; left:0; top:2px;}


.gmap {
position: relative;
width:960px;
padding-bottom: 50%;
height: 0;
overflow: hidden;
max-width:100%;
margin:0 auto;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#greeting .sec1 h1{ font-size:2.6rem; line-height:1.2em; margin:90px auto 50px; text-align:center;}
#greeting .sec1 h1 span{ font-size:1.6rem;}
#greeting .sec1 h1 span.en{ font-size:1.2rem; letter-spacing:0.1em;}
#greeting h2{font-size:2.0rem; line-height:1.4em; margin:0 auto 15px;}
#greeting .sec1{ width:760px; max-width:90%; margin:0 auto; text-align:left; overflow:hidden;}
#greeting .sec1 .name{ display:block; margin-top:30px;}
#greeting .sec1 p{ margin-bottom:15px;}
#greeting .sec1 p.text2{ width:calc(100% - 322px); float:left;}
#greeting .sec2 h2{ width:998px; max-width:95%; margin:80px auto 15px;}

#greeting .sec1 .img {
  margin: 0 10px 80px 10px;/*画像の周りの余白*/
}

#worship .sec1 p,#worship .sec3 p{ width:810px; max-width:90%; text-align:left;}
#worship .sec3 { width:810px; max-width:90%; margin:0 auto;}
#worship .prayer_image{ display:flex; justify-content:center; flex-wrap: wrap; margin-bottom:60px;}
#worship .prayer_image img{ width:218px; max-width:23%; margin-right:2%}
#worship .sec2 h2{ font-size:2.2rem; line-height:1.4em; margin:20px auto; width:440px; max-width:90%; text-align:left;}
#worship .sec2 dl{ width:300px; max-width:90%; font-size:1.6rem; line-height:1.4em; margin:10px auto 20px;}
#worship .sec2 dt{ text-align:center; padding:10px 20px; font-weight:normal; border:1px solid #999;}
#worship .sec2 dd{ text-align:left; text-align:center; padding:15px 20px; border:1px solid #999; border-top:none; line-height:2em;}
#worship .sec2 p{ width:460px; max-width:90%; font-size:1.4rem; line-height:1.6em;}
#worship .sec3 p.text2{ font-size:1.8rem; line-height:1.8em; margin:20px auto;}
#worship .sec3 p.text1 span{ font-size:1.4rem; line-height:1.2em; display:inline-block; margin:20px 0 20px 0;}
#worship .sec3 dl{ width:260px; font-size:1.4rem; line-height:1.2em; display:flex; justify-content:left; flex-wrap: wrap; text-align:left;}
#worship .sec3 dt{ width:70px; padding:5px 10px;}
#worship .sec3 dd{ width:150px; padding:5px 10px;}
#worship .sec3 h2{ margin-bottom:10px; text-align:left;}
#worship .sec4 { background:url(../images/worship_image14.jpg) no-repeat bottom center; background-size:cover;}
#worship .sec4 .gift_wrap{ width:700px; max-width:90%; display:flex; justify-content:left; flex-wrap: wrap; margin:0 auto 0 3%; padding:30px 15px;}
#worship .sec4 .gift_box{ width:190px; display:flex; justify-content:left; flex-wrap: wrap; align-items: flex-start;}
#worship .sec4 .gift_box:nth-child(n+13){ width:300px;}
#worship .sec4 .gift_box .item{ width:calc(100% - 80px); border-top:1px solid #46556A; border-bottom:1px solid #46556A; padding:0 0 0 10px; margin:10px 10px 10px 0 ; text-align:left;}
#worship .sec4 .gift_box:nth-child(n+13) .item{ width:calc(100% - 150px); }
#worship .sec4 .gift_box .image{ width:58px;}
#worship .sec4 .gift_box:nth-child(n+13) .image{ width:130px;}
#worship .sec4 .gift_box:last-child .item p{ padding-bottom:10px;}
#worship .sec4 .gift_box .image .point{ display:inline-block; max-width:90%; font-size:1.1rem; line-height:1.4em; padding:5px 5px 7px; border:1px solid #000; margin:5px 5px 0 0;}
#worship .sec4 .gift_box .item p{font-size:1.4rem; line-height:1.4em;}
#worship .sec4 .gift_box .item p.num{ font-size:40px; color:#46556A; font-family: 'Roboto', sans-serif;}
#worship .sec4 .gift_box .item span.price{ display:block; margin:0; padding:5px 0 10px 0;}

#worship .sec4 #bracelet{ width:540px;}
#worship .sec4 #bracelet .image{ width:400px; max-width:100%;}
#worship .sec4 #bracelet .item{ width:100px;}



#worship ul.point2 { margin-top:10px;}
#worship ul.point2 li{ width:50px;  display:inline-block; font-size:1.6em; border:1px solid #000; padding:20px 0;
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius:50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
	}
#worship .s_text{ font-size:1.2rem; line-height:1.4em; text-align:left;}

#nature h1{ width:120px; border-bottom:1px solid #333; font-size:2.2rem; line-height:1.2em; text-align:left; padding:0 15px; margin:40px auto 50px 0;}
#nature h1 span{ font-size:1.2rem; padding:0 15px 0 0;}

#nature .mov_wrap,#nature .photo_wrap{ width:940px; max-width:95%; display:flex; justify-content:left; flex-wrap: wrap; margin:0 auto 50px;}
#nature .photo_wrap img{ width:286px; max-width:31%; margin:0 3% 3% 0;}
#nature .photo_wrap img:nth-child(3n){ margin-right:0;}
#nature .mov_wrap video{ margin:0 10px 10px 0;}

#about h1{ font-size:2.6rem; line-height:1.2em; margin:50px auto 40px;}
#about h2{ font-size:2.2rem; line-height:1.2em; margin:0 0 50px; }
#about .right_box,#about .left_box{ background:#fff; width:570px; padding:5%; max-width:52%; position:relative; text-align:left; margin:50px 0 0 0;}
#about .sec2,#about .sec3{ width:940px; max-width:100%; position:relative; overflow:hidden; margin:0 auto;}
#about .right_image,#about .left_image{ max-width:50%; z-index:-10;}
#about .right_image{ position:absolute; right:0; top:0; margin-left:-50px;}
#about .left_image{ position:absolute; left:0; top:0; margin-right:-50px;}
#about .right_box{ margin:50px 0 0 auto;}
#about .right_box dl{ font-size:1.3rem; line-height:1.6em; display:flex; justify-content:left; flex-wrap: wrap; }
#about .right_box dl dt{ width:100px; padding:5px;}
#about .right_box dl dd{ width:calc(98% - 110px); padding:1%;}






#privacy .mainimage p{ color:#fff;}
#privacy .sec1{ text-align:left;  width:780px; max-width:90%; margin:30px auto;}
#privacy p{ margin:10px auto; font-size:1.4rem; line-height:1.8em;}
#privacy h2{ font-size:2rem; line-height:1.2em; color:#144879; margin:30px 0 15px;}
#privacy p{ padding:1em;}
#privacy p.date{ text-align:right; margin-bottom:60px;}
#privacy h3{ font-size:1.6rem; line-height:1.4em; margin:20px 0 0 0;}
 
 
#contact h1{ width:700px; max-width:90%; font-size:1.8rem; line-height:1.4em; margin:60px auto;} 
#contact p.text{ width:700px; max-width:90%; font-size:1.4rem; line-height:1.8em; margin:50px auto 30px;}
#contact .tel_box{ width:940px; max-width:90%; background:#F3F1EE; text-align:center; padding:40px 2%; margin:30px auto;}
#contact .tel_box p{ font-size:1.6rem; line-height:1.4em;}
#contact .tel_box p span.tel{ font-size:2.8rem; line-height:1.2em; display:inline-block; margin:20px auto 20px; background:#373737; padding:20px 40px; color:#fff;}
#contact .tel_box p span.tel a{ color:#fff;}
#contact .tel_box p span.time{ font-size:1.2rem;}

#contact #mailformpro  dt{ font-size:1.4rem; line-height:1.4em; padding:5px; margin-top:20px;}
#contact #mailformpro  dd{ padding:5px; font-size: 1.4rem; margin-bottom:20px;}
#contact #mailformpro  dd input,#contact #mailformpro  dd textarea{ width: 90%;
    padding: 30px 5%;
    font-size: 1.4rem;
    font-weight: normal;
    background: #F5F5F5;
    border: none;
}
 
 
#contact #mailformpro  dd.privacy { margin-top:60px; text-align:center; }
#contact #mailformpro  dd.privacy a{ text-decoration:underline;}
#newsletter img {box-sizing:border-box;}
#newsletter .mainimage p{ color:#fff;} 
#newsletter p{ margin:0; padding:15px 0; text-align:left; line-height:2em; box-sizing:border-box;}
#newsletter .sec1{ width:920px; max-width:95%; margin:0 auto;}
#newsletter .sec1 h1{ font-size:2.6rem; line-height:1.2em; margin:90px auto 50px; text-align:center;}
#newsletter .sec1 h1 span{ font-size:1.8rem;}

#newsletter .col2 { display:flex; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; margin-top:40px;}
#newsletter_r4 .col2 {margin-top:60px;}
#newsletter .col2 img{ box-sizing:border-box; padding:0 15px;}

#newsletter p.name { text-align:right;}
#newsletter h2{ font-size:2.4rem; line-height:1.2em; margin:60px auto 20px; text-align:left;}
#newsletter h3{ font-size:2rem; line-height:1.2em; margin:20px auto 20px; text-align:left;}
#newsletter h3 span{ font-size:1.6rem;}
#newsletter .w50{ width:460px; max-width:50%;}
#newsletter .w60{ width:550px; max-width:60%;}
#newsletter .w40{ width:360px; max-width:40%;}
#newsletter .w30{ width:275px; max-width:30%;}
#newsletter .w70{ width:640px; max-width:70%;}

#newsletter_r4 .sec2 p{ width:700px; max-width:70%;}
#newsletter_r4 .sec2 img.image2{ max-width:25%;}

#newsletter_r4 .sec3 .col2	{ flex-direction: row-reverse;}
#newsletter_r4 .sec3 p{ width:500px; max-width:55%;}
#newsletter_r4 .sec3 img{ max-width:40%;}
#newsletter_r4 .sec4 .col2 div{ width:500px; max-width:55%;}
#newsletter_r4 .sec4 img{ max-width:40%;}

#newsletter_r5 .sec3 .col2 img{ padding:0;}
#newsletter_r5 .sec3 img:nth-child(1){ max-width:61%;}
#newsletter_r5 .sec3 img:nth-child(2){ max-width:37%;}
#newsletter_r5 .sec4 div.col2:nth-of-type(2){flex-direction: row-reverse;}
#newsletter_r5 .sec4 div.col2 img,#newsletter_r5 .sec5 img{ padding:15px;}


#newsletter_r6 .sec2 p{ padding:20px;}





a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


#thanks{ width:600px; max-width:90%; text-align:left; font-size:1.2em; padding-bottom:40px;}
#thanks h2{ font-size:1.5em; line-height:1.4em; color:#627a86; margin:40px 0 20px; letter-spacing:0.2em;}
#thanks p{ font-size:1.2em; line-height:1.8em; margin:0 auto; padding:15px 0;}




/*1192以下 */
@media screen and (max-width: 1000px){

}


/*960以下
 */
@media screen and (max-width: 960px){





}
/*870以下
 */
@media screen and (max-width: 870px){
#menubtn{ display:block;}
header ul.nav li{ display:none;}
header ul.nav li.header_logo{ display:block;}
header .logo{ float:none;}
header .nav_wrap{ margin:0;}


#top .sec1,#top .sec3,#top .sec4 .main_text,#top .sec6,#top .sec7{ max-width:90%; margin:60px auto; height:auto; -ms-writing-mode: lr-tb; writing-mode:horizontal-tb; text-align:center;}
#top .sec1 p,#top .sec4 p.text{ height:auto; margin-bottom:20px;}
h1.title,#top h1.title{margin:30px auto 30px auto; display:inline-block;}
h1.title span,#top h1.title span{ color:#888889; font-size:0.5em; text-align:left;}
#top .btn a{  display:block; padding:8px 20px;}
#top .btn { width:140px; display:block; margin:20px 0 20px auto;}

#top .sec2 .text_box{ width:400px; max-width:85%; margin:100px auto 100px auto; color:#fff;}
#top .sec3 p.name{ margin-bottom:20px;}
#top .sec3 p.name img{ width:200px; padding-bottom:0px;}
#top .sec4 .right_box{ width:90%; float:none;}
#top .sec4 p.other_mes{ padding:10px 0; text-align:center;}
#top .sec4 .left_box{ float:none; max-width:90%; margin:0 auto}


#worship .sec4 { background:url(../images/worship_image14.jpg) no-repeat bottom center; background-size:contain; padding-bottom:300px;}

}
/*767以下 ipadを含まない*/
@media screen and (max-width: 767px){
.spno{ display:none;}



header .tel{ font-size:1.4em; margin-top:28px;}
header .left_box{ width:230px; padding:10px 0 0 10px; float:left;}

#about .right_box,#about .left_box{padding:5%; max-width:85%; margin:30px auto;}
#about .right_image,#about .left_image{ max-width:100%; z-index:0;}
#about .right_image{ position:relative; right:auto; top:auto; margin-left:0px;}
#about .left_image{ position:relative; left:auto; top:auto; margin-right:0;}
#about .right_box{ margin:30px auto;}

#newsletter .w50{ width:100%; max-width:100%;}
#newsletter .w60{ width:100%; max-width:100%;}
#newsletter .w40{ width:360px; max-width:100%;}
#newsletter .w30{ width:45%; max-width:45%;}
#newsletter .w70{ max-width:55%;}

}





/*600以下 */
@media screen and (max-width: 600px){
.mainimage p{ font-size:1.8rem;}
#top .mainimage p{ left:10%;}
footer{ display:block; }

footer .left_box{ width:100%; padding:0; margin:0;}
footer .right_box{ width:100%;}
footer .right_box ul{ justify-content:left; margin-top:30px;}
footer .right_box ul li{ padding:5px 15px;}

#greeting .sec1 p.text2{ width:100%; float:none;}


#worship .sec4 .gift_wrap{ width:600px; max-width:90%; display:flex; justify-content:left; flex-wrap: wrap; margin:0 auto 0 auto; padding:30px 15px;}
#worship .sec4 .gift_box{ width:50%; display:flex; justify-content:left; flex-wrap: wrap;}
#worship .sec4 .gift_box .item br{ display:none;}

#nature .photo_wrap img{ width:286px; max-width:47%; margin:0 3% 3% 0;}
#nature .photo_wrap img:nth-child(3n){ margin-right:3%;}
#nature .photo_wrap img:nth-child(2n){ margin-right:0;}


#newsletter_r4 .sec3 .col2,#newsletter_r4 .sec4 .col2,#newsletter_r4 .sec5 .col2{ display:block;}
#newsletter_r4 .sec3 p{ width:600px; max-width:95%;}
#newsletter_r4 .sec3 img{ max-width:100%;}
#newsletter_r4 .sec4 .col2 div{ width:600px; max-width:95%;}
#newsletter_r4 .sec4 img{ max-width:100%;}


#newsletter_r5 .sec3 img:nth-child(1){ max-width:100%;}
#newsletter_r5 .sec3 img:nth-child(2){ max-width:100%; padding-top:20px;}



}

/*560以下 */
@media screen and (max-width: 560px){
header .logo{ width:200px; margin:20px auto 10px 10px; float:none;}
#top .sec2 .text_box h1{ font-size:2.6rem;}
p{ font-size:1.4rem; line-height:1.8em;}

#contact_area { width:90%; display:block;margin:20px auto; text-align:center;}
#contact_area img{ max-width:100%; margin:0; padding:0;}
#contact_area .text_area{ max-width:94%; padding:20px 3%; margin:20px auto;}
#contact_area .text_area p span.tel{ font-size:2.2rem; line-height:1.2em; display:inline-block; margin:30px auto 20px;}
#contact .tel_box p span.tel{ font-size:2.2rem;margin:20px auto 20px;}


#worship .sec4 {padding-bottom:200px;}
#worship .sec2 table{ width:340px; max-width:80%; font-size:1.6rem; line-height:1.4em; margin:10px auto 40px;}

#newsletter .col2{ display:block;}
#newsletter .w30{  width:275px; max-width:100%;}
#newsletter .w70{ max-width:100%;}



/*グーぐるマップ*/
.gmap {
position: relative;
width:480px;
padding-bottom: 70%;
height: 0;
overflow: hidden;
max-width:100%;
margin:0 auto;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	
}
/*414以下 iphone縦*/
@media screen and (max-width: 414px){
.spno2{ display:none;}

#top .mainimage p{ font-size:1.6rem; left:0; right:0; margin:auto;}

.mainimage p{ font-size:1.6rem; left:0; right:0;  margin:auto;}
#top #facebook ul li{ width:270px; max-width:90%; margin:0 3% 20px;}
#worship .sec4 .gift_box{ width:90%;}

#newsletter_r4 .sec2 .col2{ display:block;}
#newsletter_r4 .sec2 p{ max-width:100%; margin-bottom:20px;}
#newsletter_r4 .sec2 img.image2{ max-width:100%;}






}