@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 18px; }
body { line-height: 1.6; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

li { list-style: none; }
img { max-width: 100%; vertical-align: bottom; }
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
.opacity:hover { opacity: 0.7; }

.pc { display: block; }
.sp { display: none; }
img.pc { display: inline; }
img.sp { display: none; }
table.pc { display: table; }
table.sp { display: none; }


.contents { max-width: 1100px; margin: 0 auto; }


.mainImg { padding: 80px 0 480px; background: url(../img/home/main_ph001.jpg) no-repeat center top; background-size: cover; }
.mainImg .ttl-main { margin-right: 65px; text-align: right; }

.toplead { padding: 55px 0 55px; background: url(../img/home/toplead_bg001.gif) no-repeat center top; background-size: cover; text-align: center; }

.cmn-ttl { margin-bottom: 60px; text-align: center; }
.cmn-phoro { margin-bottom: 85px; text-align: center; }
.cmn-phoro-img { box-shadow: 5px 10px 20px rgba(0,0,0,0.4); }
.cmn-box { position: relative; margin-bottom: 45px; }
.cmn-box dt { margin-bottom: 30px; }
.cmn-box .cmn-icon { position: absolute; left: 17%; width: 9%; }
.column-2 dl { display: inline-block; width: 82%; padding-right: 6%; vertical-align: middle; }
.column-2 .cmn-box-btn { display: inline-block; width: 17%; vertical-align: middle; }
.column-3 dl { display: inline-block; width: 59%; padding: 0 6% 0 3%; vertical-align: middle; }
.column-3 .cmn-box-btn { display: inline-block; width: 17%; vertical-align: middle; text-align: right; font-size: 0; }
.column-3 .cmn-box-img { display: inline-block; width: 22.5%; vertical-align: middle; font-size: 0; }


.worship { background: url(../img/home/worship_bg001.gif); }
.worship .bg-top { background: url(../img/home/worship_bg002.png) no-repeat right top; }
.worship .bg-bottom { background: url(../img/home/worship_bg003.png) repeat-x center bottom; }
.worship .contents { padding: 70px 0 50px; }
.worship .cmn-icon { top: -35%; }

.walk .bg-top { background: url(../img/home/walk_bg001.png) no-repeat right top; }
.walk .bg-bottom { background: url(../img/home/walk_bg002.png) repeat-x center bottom; }
.walk .contents { padding: 80px 0; }
.walk .cmn-icon { top: -15%; }

.ama { background: url(../img/home/ama_bg001.gif); }
.ama .bg-top { background: url(../img/home/ama_bg002.png) no-repeat right top; }
.ama .bg-bottom { background: url(../img/home/ama_bg003.png) repeat-x center bottom; }
.ama .contents { padding: 105px 0; }
.ama .img-photo { display: inline-block; width: 45%; margin: 0 1% 0 6.8%; vertical-align: middle; }
.ama .ttl-ama { display: inline-block; width: 44%; vertical-align: middle; }
.ama .img-photo02 { margin: 115px 0 100px; text-align: center; }

.special .bg-top { background: url(../img/home/special_bg001.gif) no-repeat right top; }
.special .bg-bottom { background: url(../img/home/special_bg002.png) repeat-x center bottom; }
.special .contents { padding: 60px 0 65px; }
.special .column-3 dl { width: 50%; }
.special .column-3 .cmn-box-btn { width: 21%; }
.special .column-3 .cmn-box-img { width: 28%; }
.special .btn-special { margin-top: 130px; text-align: center; }

.food { background: #e1fbe1; }
.food .bg-top { background: url(../img/home/food_bg001.png) no-repeat right top; }
.food .bg-bottom { background: url(../img/home/food_bg002.png) repeat-x center bottom; }
.food .contents { padding: 80px 0 70px; }
.food .ttl-food { margin-bottom: 60px; }
.food .txt-food { text-align: center; }
.food .list-food { max-width: 1200px; margin: 0 auto 63px; }
.food .list-food li { float: left; width: 50%; margin-bottom: 60px; }
.food .list-food li p { margin-bottom: 50px; }
.food .list-food dl { padding: 0 50px; }
.food .list-food dt { margin-bottom: 35px; text-align: center; }
.food .btn-food { padding-bottom: 65px; text-align: center; }

.charm .bg-top { background: url(../img/home/charm_bg001.png) no-repeat left top; }
.charm .bg-bottom { background: url(../img/home/charm_bg002.png) repeat-x center bottom -160px; }
.charm .contents { padding: 80px 0 115px; }
.charm .img-photo { display: inline-block; width: 45%; vertical-align: middle; }
.charm .ttl-charm { display: inline-block; width: 30%; margin: 0 6% 0 14%; vertical-align: middle; }
.charm .mat70 { margin-top: 70px; }
.charm .ttl-detail { float: left; width: 8%; margin-left: 20%; }
.charm .list-charm { float: right; width: 67%; }
.charm .list-charm li { margin-bottom: 40px; }
.charm .list-charm li:last-child { margin-bottom: 0; }
.charm .list-charm dt { font-size: 1.66rem; color: #3b7fc2; }
.charm .list-charm dd { font-size: 1.33rem; }
.charm .list-charm li a { text-decoration: none; }
.charm .list-charm li a:hover { text-decoration: underline; }

.footer { background: #333; color: #fff; }
.footer .footer-logo { float: left; }
.footer .copy { float: right; margin-top: 20px; margin-right: 50px; }


/* ====================================================================================================
   960px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 960px) {
.cmn-box .cmn-icon { top: -15%; }
.food .list-food dt { margin-bottom: 2%; }
}

/* ====================================================================================================
   767px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 767px) {
html { font-size: 3.12vw !important; }

.pc { display: none; }
.sp { display: block; }
img.pc { display: none; }
img.sp { display: inline; }
table.pc { display: none; }
table.sp { display: table; }

.contents { padding: 10% 3% 20%!important; }


.mainImg { padding: 10% 0 40% ;}
.mainImg .ttl-main { width: 50%; margin : 0 auto; }
.mainImg .ttl-main img { width: 100%; height: auto; }

.toplead { padding: 10% 3% ; }

.cmn-phoro { margin-bottom: 10%; }
.cmn-box { margin-bottom: 10%; }
.cmn-box dt { width: 50%; margin-bottom: 3%; }
.cmn-box .cmn-icon { position: absolute; top: -5%; left: 0; width: 100%; }
.column-2 dl { display: block; width: 100%; margin-bottom: 3%; padding-right: 0; }
.column-2 .cmn-box-btn { display: block; width: 100%; text-align: center; }
.column-3 dl { display: block; width: 100%; margin-bottom: 3%; padding: 0; }
.column-3 .cmn-box-btn { display: block; width: 100%; text-align: center; }
.column-3 .cmn-box-img { display: block; width: 100%; margin-bottom: 3%; }
.cmn-box-btn img { width: 50%; height: auto; margin: 0 auto; }
.cmn-box-img img { width: 100%; height: auto; }

.bg-top { background-size: contain !important; }
.bg-bottom { background-size: contain !important; }

.worship .cmn-ttl { width: 80%; margin: 0 auto; margin-bottom: 10%; }

.walk .cmn-ttl { width: 80%; margin: 0 auto; margin-bottom: 10%; }

.ama .img-photo { display: block; width: 100%; margin: 0; vertical-align: middle; }
.ama .img-photo img { width: 100%; height: auto; }
.ama .ttl-ama { display: block; width: 70%; margin: 0 auto; margin-bottom: 5%; text-align: center; }
.ama .img-photo02 { margin: 5% 0 10%; }

.special .contents { padding: 10% 3% !important; }
.special .column-3 dl { width: 100%; }
.special .column-3 .cmn-box-btn { width: 100%; }
.special .column-3 .cmn-box-img { width: 100%; }
.special .cmn-ttl { width: 80%; margin: 0 auto; margin-bottom: 10%; }
.special .btn-special { margin-top: 5%; padding: 0 3%; }

.food .contents { padding: 10% 3% !important; }
.food .ttl-food { margin-bottom: 10%; }
.food .list-food { margin: 0 auto 10%; }
.food .list-food li { float: none; width: 100%; margin-bottom: 5%; }
.food .list-food li p { margin-bottom: 3%; }
.food .list-food li p img { width: 100%; height: auto; }
.food .list-food dl { padding: 0 3%; }
.food .list-food dt { width: 40%; margin: 0 auto 3%; }
.food .btn-food { padding: 0 3% 15%; }

.charm .img-photo { display: block; width: 100%; }
.charm .img-photo img { width: 100%; height: auto; }
.charm .ttl-charm { display: block; width: 60%; margin: 0 auto 5% !important; text-align: center; }
.charm .mat70 { margin-top: 10%; }
.charm .ttl-detail { float: none; width: 100%; margin-left: 0; margin-bottom: 5%; padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 1.33rem; text-align: center; }
.charm .list-charm { float: none; width: 100%; }
.charm .list-charm li { margin-bottom: 40px; }
.charm .list-charm li:last-child { margin-bottom: 0; }
.charm .list-charm dt { font-size: 1.66rem; color: #3b7fc2; }
.charm .list-charm dd { font-size: 1.33rem; }
.charm .list-charm li a { text-decoration: none; }
.charm .list-charm li a:hover { text-decoration: underline; }

.footer { padding: 10% 0; }
.footer .footer-logo { float: none; width: 40%; margin: 0 auto 0; text-align: center; }
.footer .copy { float: none; margin-top: 20px; margin-right: 0; text-align: center; }


}