/******************
TOP
******************/

body.gokushoindex{

}

.slide-animation{
    animation: fadezoom 15s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}


#top_mainimg {
    position: relative;
    z-index: 1;
    top: -81px;
    margin-bottom: -81px;
    position: relative;
    z-index: 1;
}
#top_mainimg .catch {
    position: absolute;
    z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#top_mainimg .catch section{
    display: flex;
    justify-content: end;
}
#top_mainimg .catch section .catch_word{
color: #fff;
    font-weight: 500;
    text-align: center;
}
#top_mainimg .catch section .catch_word .jp,
#top_mainimg .catch section .catch_word .jp .large,
#top_mainimg .catch section .catch_word .eng{
font-family: "Shippori Mincho", serif;
}
#top_mainimg .catch section .catch_word .jp{
font-size:32px;
}
#top_mainimg .catch section .catch_word .jp .large{
font-size:47px;
}
#top_mainimg .catch section .catch_word .eng{
font-size:22px;
}


#top_mainimg .photo {
    position: relative;
    z-index: 1;
}


.top_block01_cround01 {
position: relative;
/*    right: -10%;
    top: -70px;*/
    z-index: 2;
    display: flex;
    justify-content: end;
    margin-bottom: -270px;
/*overflow:hidden;*/
}
.top_block01_cround01 img{
height:270px;
width:auto;
position: relative;
    /*right: -10%;*/
    top: -70px;
}



#top_event{
padding:80px 0;
background: url(../img/top/top_block01_cloud01.png) no-repeat left -20% bottom 10%, url(../img/common/cmn_bg.jpg) center top;
    background-size: 50% auto, auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.top_event_wrap{
background:#fff;
border:1px solid #222222;
padding:30px 60px;
width: 200%;
    overflow: hidden;
}

.top_event_wrap .box{
border-right:1px solid #222222;
margin-right:30px;
padding-right:30px;
}
.top_event_wrap .box:last-child{
border-right:none;
margin-right:0px;
padding-right:0px;
}
.top_event_wrap .box .date{
    color: #132C5C;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: bold;
}
.top_event_wrap .box .wrap{
display:flex;
flex-flow:wrap;
    justify-content: space-between;
}

.top_event_wrap .box .wrap .photo{
width:55%;
    position: relative;
    max-height: 38vh;
    overflow: hidden;
}
.top_event_wrap .box .wrap .photo img{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.top_event_wrap .box .wrap .photo span.label{
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
background:#132C5C;
color:#fff;
border-right:#333 3px solid ;
border-bottom:#333 3px solid ;
text-align:center;
padding: 15px;
    font-family: "Shippori Mincho", serif;
    font-size: 120%;
    line-height: 110%;
}
.top_event_wrap .box .wrap .photo span.label span.small{
font-size:70%;
}

.top_event_wrap .box.igai .wrap .photo span.label{
background:#333;
border:none;
    font-size: 105%;
    line-height: 115%;
}




.top_event_wrap .box .wrap .text{
background: url(../img/top/top_block02_cloud03.png) no-repeat left 0% bottom 10%, url(../img/top/top_block02_cloud01.png) no-repeat right -20% top 0%;
    background-size: 55% auto, 50% auto;
}
.top_event_wrap .box.igai .wrap .text{
background: none;
}



.top_event_wrap .box .wrap .text .cmn_btn_blue {
    background: #132C5C;
    color: #fff;
    border: 2px solid #132C5C;
    font-size: 18px;
    font-weight: bold;
    min-width: 180px;
    max-width: 250px;
    display: block;
    text-align: center;
    padding: 20px;
    position: relative;
margin:0 auto;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
}
.top_event_wrap .box .wrap .text .cmn_btn_blue span.icon:after {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-weight: 900;
    position: absolute;
    font-size: 16px;
    right: 30px;
    color: #fff;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.top_event_wrap .box .wrap .text .cmn_btn_blue:hover{
background:#fff;
color:#132C5C;
}
.top_event_wrap .box.igai .wrap .text .cmn_btn_white{
background: #fff;
    color: #132C5C;
    border: 2px solid #132C5C;
    font-size: 16px;
    font-weight: bold;
    min-width: 180px;
    max-width: 250px;
    display: block;
    text-align: center;
    padding: 16px;
margin:0 auto;
    position: relative;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
}
.top_event_wrap .box.igai .wrap .text .cmn_btn_white span.icon:after {
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-weight: 900;
    position: absolute;
    font-size: 16px;
    right: 30px;
    color: #132C5C;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.top_event_wrap .box.igai .wrap .text .cmn_btn_white:hover{
background:#efefef;
}


.top_event_wrap .box .wrap .text{
width:40%;
}
.top_event_wrap .box .wrap .text h3{
font-weight:bold;
font-size:25px;
margin-bottom:25px;
}
.top_event_wrap .box .wrap .text h4{
font-weight:bold;
font-size:18px;
margin-bottom:20px;
}

#top_event .btn{
margin-top:30px;
position: relative;
        z-index: 3;
    }




#top_about {
        padding: 80px 0;
        background: url(../img/top/top_block02_cloud03.png) no-repeat left 0% top 40%, url(../img/top/top_block02_cloud01.png) no-repeat right -20% top 10%;
        background-size: 35% auto, 50% auto;
}



#top_about .about_area{
margin-bottom:100px;
}

#top_about .about_area .wrap{
        display: flex;
        flex-flow: column;
        justify-content: start;
        align-items: center;
margin-bottom:60px;
    }

#top_about .about_area .wrap img.ogi{
max-width:190px;
margin-bottom:30px;
}
#top_about .about_area .wrap img.catch{
max-width:75px;
margin-right: 3%;
}

#top_about .about_area .text{
text-align:center;
font-size:18px;
}


#top_about .map_area{
background:url(../img/top/top_block02_img01.jpg) no-repeat top right;
background-size:50% auto;
margin-bottom:100px;
}
#top_about .map_area h3{
color:#304979;
font-size:35px;
margin-bottom:35px;
font-weight:bold;
}
#top_about .map_area p{
width:40%;
margin-bottom:50px;
}
#top_about .map_area .btn{
margin-top:70px;
}



#top_around .bg_wrap{
padding:100px 0;
background:url(../img/common/cmn_bg.jpg) center top;

}

#top_around .corner-title{
margin-bottom:-15px;
}

#top_around .bg_wrap .box{
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
margin-bottom:120px;
    }
#top_around .bg_wrap .box:last-child{
margin-bottom:0;
}
#top_around .bg_wrap .box .photo{
width:50%;
order:2;
}
#top_around .bg_wrap .box .text{
width:60%;
order:1;
position:relative;
margin-left:-15%;
}
#top_around .bg_wrap .box .text .wrap{
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }
#top_around .bg_wrap .box .text .wrap h3{
width:37%;
}
#top_around .bg_wrap .box .text .wrap p{
width:53%;
}
#top_around .bg_wrap .box .text .btn{
        display: flex;
        flex-flow: wrap;
        justify-content: end;
margin-top:50px;
    }
#top_around .bg_wrap .box .text .btn a.cmn_btn_blue{
min-width: unset;
    max-width: unset;
width:90%;
}






#top_osusume{
padding:120px 0 160px 0;
        background: url(../img/top/top_block04_cloud01.png) no-repeat left -15% top 40%, url(../img/top/top_block04_cloud02.png) no-repeat right 10% top 100%;
        background-size: 50% auto, 35% auto;
}
#top_osusume .corner-title.vertical{
    flex-flow: column;
    align-items: center;
    margin-bottom: 70px;
}
#top_osusume .corner-title.vertical .icon {
    margin-right: 0px;
margin-bottom:10px;
}



#top_osusume .osusume_wrap{
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
width:80%;
margin:0 auto;
display:none;
}
#top_osusume .osusume_wrap .photo{
width:55%;
}
#top_osusume .osusume_wrap .text{
width:40%;
}
#top_osusume .osusume_wrap .text .attention{
font-size:90%;
}
#top_osusume .osusume_wrap .text .btn{
margin-top:50px;
}
.recomend_wrap.shuffle_wrap .shuffle_box:first-child{
        display: flex !important;
}





#top_gokusho{
padding:0 0 100px 0;
}


.news_wrap{
border:1px solid #222222;
padding:45px 50px;
margin-bottom:35px;
background:#fff;
}
.news_wrap dl{
border-bottom:1px solid #DADADA;
margin-bottom:30px;
display:flex;
padding-bottom:20px;
color:#132C5C;
display:flex;
flex-flow:wrap;
        align-items: center;
    }
.news_wrap dl:last-child{
margin-bottom:0;
border-bottom:none;
padding-bottom:0;
}
.news_wrap dl dd.date{
margin-right: 20px;
        font-size: 90%;
        width: 10%;
    }
.news_wrap dl dd.title{
font-size:18px;
font-weight:bold;
width:calc(90% - 20px);
}
.news_wrap dl dd.title a{
display:block;
}
.news_wrap dl dd.title a span.icon{
position:relative;
display:block;
}


.news_wrap dl dd.title a span.icon:after{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f061";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 18px;/*サイズ*/
  color: #132C5C; /*アイコン色*/
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transition: all .3s;
}
.news_wrap dl dd.title a span:hover.icon:after{
    right:20px;
}
.news_wrap dl dd.title a:hover{
color:#666;
}

.news_btn_wrap{
display:flex;
flex-flow:wrap;
        justify-content: space-between;
    }
.news_btn_wrap .btn{
width:48%;
}
.news_btn_wrap .btn a{
min-width: unset;
    max-width: unset;
width:100%;
}



#top_foot_slide{
margin-bottom:100px;
}
#top_foot_slide .wrap{
display:flex;
flex-flow:wrap;
}
#top_foot_slide .wrap img{
width:90%;
margin: 0 auto;
}



/*カレンダー*/


#page_content_wrap {
    padding-bottom: 250px;
}

body.calendar{
        background: url(../img/page/calendar_bg.jpg) repeat-y center top;
        background-size: contain;
}

body.calendar #page_content_wrap{
padding:60px 0 50px 0;
        background: url(../img/page/cloud_part01.png) no-repeat left -15% top 60%, url(../img/page/cloud_part02.png) no-repeat right -25% top 10%;
        background-size:35% auto, 56% auto;
background-attachment: fixed;
}


.calendar_anchor{
display:flex;
flex-flow:wrap;
justify-content: space-between;
margin-bottom:30px;
}

.calendar_anchor .box{
width:22%;
text-align:center;
padding:15px;
}


.calendar_anchor .box.haru{
border:1px solid #DB83AF;
background:#FFF8F8;
}
.calendar_anchor .box.natsu{
border:1px solid #8DC662;
background:#F0FCF9;
}
.calendar_anchor .box.aki{
border:1px solid #F08B67;
background:#FDFBED;
}
.calendar_anchor .box.fuyu{
border:1px solid #747280;
background:#F5F5F5;
}

.calendar_anchor .box .title{
margin-bottom:20px;
}
.calendar_anchor .box .title span{
display:block;
}
.calendar_anchor .box .title .label{
font-size:40px;
font-weight:bold;
}
.calendar_anchor .box .title .month{
font-sizepx:20px;
margin-bottom:5px;
}
.calendar_anchor .box .title .icon img{
max-width:125px;
}

.calendar_anchor .box .link{
text-align:center;
}
.calendar_anchor .box .link ul{
  text-align: left;
  display: inline-block;
}
.calendar_anchor .box .link ul li{

}


.calendar_title{
margin-bottom:40px;
text-align:center;
padding-bottom:10px;
}
.calendar_title span{
display:block;
}
.calendar_title .label{
font-size:40px;
}
.calendar_title .cap{
font-size:22px;
}
.calendar_title.haru{
background:url(../img/page/calendar_icon01.svg) no-repeat center bottom;
background:auto 100%;
}
.calendar_title.natsu{
background:url(../img/page/calendar_icon02.svg) no-repeat center bottom;
background:auto 100%;
}
.calendar_title.aki{
background:url(../img/page/calendar_icon03.svg) no-repeat center bottom;
background:auto 100%;
}
.calendar_title.fuyu{
background:url(../img/page/calendar_icon04.svg) no-repeat center bottom;
background:auto 100%;
}


h3.calendar_eventtitle{
font-size:26px;
margin-bottom:30px;
text-align:center;
}
h3.calendar_eventtitle span.small{
font-size:16px;
display:block;
}


.calendar_wrap{
display:flex;
flex-flow:wrap;
margin-bottom:50px;
}
.calendar_wrap .wrap01{
display:flex;
flex-flow:column;
width:68%
}
.calendar_wrap .wrap01 .photo{
margin-bottom:30px;
}
.calendar_wrap .wrap01 .text{
padding-right:5%;
}
.calendar_wrap .wrap01 .text .btn{
margin-top:50px;
}
.calendar_wrap .wrap01 .text .btn a{
margin:0 auto;
}


.calendar_wrap .wrap02{
display:flex;
flex-flow:column;
width:32%
}
.calendar_wrap .wrap02 .photo{
order:2;
}
.calendar_wrap .wrap02 .text{
order:1;
}
.calendar_wrap .wrap02 .text dl{
margin:0 auto;
width:70%;
}
.calendar_wrap .wrap02 .text dl:last-child{
margin-bottom:30px;
}



.calendar_wrap .wrap02 .text dl dt{
color:#fff;
background:#132C5C;
padding:5px 10px;
}
.calendar_wrap .wrap02 .text dl dd{
padding:10px;
}






/*寺社*/

#page_maintitle.map,
#page_maintitle.jisha{
        background: url(../img/common/cloud_main-right.png) no-repeat right center;
        background-size:auto 100% ;
}


body.shop.index #page_content_wrap section,
body.jisha.index #page_content_wrap section{
width:100%;
z-index:2;
position:relative;
}


body.shop #page_content_wrap{
width:100%;
z-index:2;
position:relative;
        background: url(../img/common/cmn_bg.jpg) repeat-y center top;
        background-size:100% auto;

}


body.jisha #page_content_wrap{
width:100%;
z-index:2;
position:relative;
}




#page_footer_cloud{
width:100%;
height:40vh;
z-index:3;
position:relative;
        background: url(../img/common/cloud_footl-left.png) no-repeat left bottom, url(../img/common/cloud_footl-right.png) no-repeat right top;
        background-size:auto 90%,auto 90%;
top:-30vh;
margin-bottom:-40vh;
    }




body.shop footer,
body.jisha footer{
z-index:1;
position:relative;
}



body.jisha #page_mainimg{
        background: url(../img/page/jisha_mainimg.jpg) no-repeat center center;
        background-size: cover;
	height:350px;
	position:relative;
	z-index:1;
top: -81px;
margin-bottom:-81px;
    }


body.about #page_mainimg{
        background: url(../img/page/about_mainimg.jpg) no-repeat center center;
        background-size: cover;
	height:350px;
	position:relative;
	z-index:1;
top: -81px;
margin-bottom:-81px;
    }

body.event.index,
body.shop{
        background:url(../img/common/cmn_bg.jpg) repeat-y center center;
        background-size: 100% auto;
    }

body.oldgokusho #page_maintitle,
body.news #page_maintitle,
body.map #page_maintitle,
body.event #page_maintitle,
body.shop #page_maintitle,
body.jisha #page_maintitle,
body.about #page_maintitle{
position: relative;
        z-index: 2;
        padding: 70px 0 70px 0;
        top: -170px;
        margin-bottom: -150px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

body.jisha.jimatsuri #page_maintitle{
        padding: 70px 0 30px 0;
        top: 0;
        margin-bottom: 0;
    }



body.shop #page_maintitle{
        margin-bottom: -110px;
}

#pankz{
position: relative;
z-index:3;
    }
/*
#page_maintitle.shop.detail {
        background: url(../img/common/cloud_main-left.png) no-repeat left center,url(../img/common/cmn_bg.jpg) repeat-y center center;
        background-size: auto 100%,100% auto;
    }
*/




/*
body.shop #page_maintitle.index,
body.jisha #page_maintitle.index{
background:url(../img/page/cloud_part03.png) no-repeat right -60% top;
background-size: auto 100%;
}
*/


#page_maintitle .corner-title.vertical{
        flex-flow: column;
        align-items: center;
        /*margin-bottom: 70px;*/
    }

#page_maintitle .corner-title.vertical .icon {
    max-width: 155px;
    margin-right: 0px;
}
#page_maintitle .corner-title.vertical .text {
    display: flex;
    flex-flow: column;
    text-align: center;
}


.block_lead{
margin-bottom:100px;
}


.block_tab{
border-bottom:3px solid #94A1BA;
margin-bottom:60px;
}

.block_tab .tab_wrap ul li{
position:relative;
}
.block_tab .tab_wrap ul li a{
display:block;
text-align:center;
font-size:26px;
padding:20px;
}
.block_tab .tab_wrap ul li.active{
border-left:3px solid #94A1BA;
border-right:3px solid #94A1BA;
border-top:3px solid #94A1BA;
border-bottom:3px solid #fff;
background:#fff;
}
.block_tab .tab_wrap ul li.active a{
color:#304979;
}
.block_tab .tab_wrap ul li.active span:before {
    content: '';
    position: absolute;
    bottom: 5px;
    display: inline-block;
    width: 100px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--subcolor);
    border-radius: 2px;
}
.block_tab.tab2 .tab_wrap ul{
display:flex;
flex-flow:wrap;
position: relative;
        bottom: -3px;
    }
.block_tab.tab2 .tab_wrap ul li{
width:50%;
}



.mixup_tab_wrap{
margin-bottom:60px;
}
.mixup_tab_wrap ul{
display:flex;
flex-flow:wrap;
justify-content: center;
    }


.mixup_wrap{
display:flex;
        flex-flow: wrap;
justify-content: space-between;
    }

.mixup_wrap:after{
  content:"" !important;
  display: block !important;
width:calc(92% / 3) !important;
}

.mixup_wrap .box{
width:calc(92% / 3);
/*margin-right:4%;*/
margin-bottom:70px;
}
.mixup_wrap .box.mix{
background:none;
}

.mixup_wrap .box:nth-child(3n){
margin-right:0%;
}

.mixup_wrap .box .photo_box{
margin-bottom:10px;
	overflow:hidden;
    position: relative;
}
.mixup_wrap .box .photo_box .photo{
    min-height: 300px;
}

.mixup_wrap .box .photo_box .screen{
background: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding:60px 30px;
font-weight:bold;
position:absolute;
top:100%;
left:0;
transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.3s ease;
min-height:300px;
width:100%;
}

.mixup_wrap .box:hover .photo_box .screen{
	top:0;
	left:0;
}


.mixup_wrap .box .photo_box .screen .btn a{
border:3px solid #fff;
display:block;
position:relative;
text-align:center;
padding:30px 15px;
	-webkit-transition-property:background;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}

.mixup_wrap .box .photo_box .screen .btn a span.icon{
display:inline-block;
}
.mixup_wrap .box .photo_box .screen .btn a span.icon:after{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f061";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 18px;/*サイズ*/
  color: #fff; /*アイコン色*/
    top: 50%;
            right: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transition: all .3s;
}
.mixup_wrap .box .photo_box .screen .btn a:hover{
background:#fff;
color:#000;
}
.mixup_wrap .box .photo_box .screen .btn a:hover span.icon:after{
color:#000;
}



.mixup_wrap .box p.address{
font-size:15px;
color:#707070;
margin-bottom:10px;
position:relative;
padding-left:22px
}

.mixup_wrap .box p.genre{
font-size:15px;
color:#707070;
margin-bottom:5px;
position:relative;
}

.mixup_wrap .box p.address span.icon:before{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f3c5";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 21px;/*サイズ*/
  color: #707070; /*アイコン色*/
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transition: all .3s;
}


.mixup_wrap .box p.time{
font-size:15px;
color:#222;
margin-bottom:10px;
position:relative;
padding-left:22px
}

.mixup_wrap .box p.time span.icon:before{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f017";/*アイコンのユニコード*/
  font-weight: 400;
  position: absolute;/*絶対位置*/
  font-size: 18px;/*サイズ*/
  color: #222; /*アイコン色*/
    top: 11px;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transition: all .3s;
}

.mixup_wrap .box h3{
font-size:26px;
font-weight:bold;
margin-bottom:10px;
}

.mixup_wrap .box h3.shopname{
font-size:20px;
}

.mixup_wrap .box .labels span.label{
background:#132C5C;
color:#fff;
text-align:center;
padding: 5px 15px;
    font-family: "Shippori Mincho", serif;
font-size:90%;
}
.mixup_wrap .box .labels span.label.igai {
    background: #333;
}
.mixup_wrap .box .labels span.label span.small{
font-size:85%;
}


.mixup_tab{
    }
.mixup_tab fieldset{
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }


.mixup_tab button{
        background: url(../img/page/cloud_part05.png) no-repeat left top;
        background-size: auto 100%;
font-size:26px;
padding:0 0 40px 60px;
font-weight:bold;
margin-right:20px;
    }

.mixup_tab button.control{
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.mixup_tab button.control:hover{
        background: url(../img/page/cloud_part05.png) no-repeat left top;
        background-size: auto 100%;
        font-size: 26px;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.mixup_tab button.control.mixitup-control-active{
color:#132C5C;
        background: url(../img/page/cloud_part05_clear.png) no-repeat left top;
        background-size: auto 100%;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.mixup_tab button.control[data-filter]:after,
.mixup_tab button.control[data-toggle]:after{
content:unset !important;
}



.block_mymap{
margin-bottom:50px;
}
.block_mymap iframe{
width:100%;
height:80vh;
}



/*寺社詳細*/

.jisha_lead{
margin-bottom:50px;
}
.jisha_lead .section{
display:flex;
flex-flow:wrap;
justify-content: space-between;
    }

.jisha_lead .intro{
width:61%;
}

.jisha_lead .data{
width:33%;
}


.jisha_lead .intro .title_wrap{
margin-bottom:20px;
display:flex;
flex-flow:wrap;
justify-content: space-between;
align-items: center;
    }

.jisha_lead .intro .title_wrap h3{
font-size:40px;
font-weight:bold;
width:50%;
}
.jisha_lead .intro .title_wrap .sns{
text-align:right
}

.jisha_lead.event.detail .intro .title_wrap,
.jisha_lead.jimatsuri .intro .title_wrap{
        flex-flow: column;
        align-items: start;
    }

.jisha_lead.event.detail .intro .title_wrap h3,
.jisha_lead.jimatsuri .intro .title_wrap h3 {
        width: 100%;
margin-bottom:10px;
}

.jisha_lead.event.detail .intro .title_wrap p.oldname,
.jisha_lead.jimatsuri .intro .title_wrap p.oldname{
margin-bottom:15px;
}



.jisha_lead.event.detail .intro .title_wrap p.yymmdd,
.jisha_lead.jimatsuri .intro .title_wrap p.yymmdd{
margin-bottom15px;
        font-size: 15px;
        margin-bottom: 5px;
        position: relative;
        padding-left: 22px;
    }


.jisha_lead.event.detail .intro .title_wrap p.yymmdd span.icon:before,
.jisha_lead.jimatsuri .intro .title_wrap p.yymmdd span.icon:before {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-weight: 400;
        position: absolute;
        font-size: 18px;
        color: #222;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transition: all .3s;
    }

.shop_lead .intro .info_wrap .info dl dd {
        position: relative;
        padding-left: 25px;
        margin-bottom: 5px;
    }



.jisha_lead.event.detail .intro .title_wrap p.address{
        font-size: 15px;
        position: relative;
        padding-left: 22px;
    }
.jisha_lead.event.detail .intro .title_wrap p.address:before {
        font-family: "Font Awesome 5 Free";
        position: absolute;
        font-size: 16px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transition: all .3s;
content: "\f3c5";
        font-weight: 700;
    }


.jisha_lead.event.detail .intro .title_wrap p.address span.label{
background:#132C5C;
color: #fff;
    text-align: center;
    padding: 5px 15px;
    font-family: "Shippori Mincho", serif;
    font-size: 85%;
    display: inline-block;
    margin-left: 10px;
}
.jisha_lead.event.detail .intro .title_wrap p.address span.label.igai {
    background: #333;
}
.jisha_lead.event.detail .intro .title_wrap p.address span.label span.small{
font-size:85%;
}





.jisha_lead .intro h3 span.line{
background: linear-gradient(transparent 70%, #FFC600 70%);
}

.jisha_lead .data .label{
color:#DEE5ED;
text-align:center;
font-weight:bold;
font-size:32px;
text-transform:uppercase;
}


.jisha_lead .data .data-wrap{
border:6px solid #DEE5ED;
padding:30px 20px;
position:relative;
top:-10px;
}
.jisha_lead .data .data-wrap dl dt{
font-size:20px;
margin-bottom:5px;
position:relative;
padding-left:25px;
}
.jisha_lead .data .data-wrap dl dd{
color:#132C5C;
margin-bottom:20px;
font-size:15px;
padding-left:25px;
}
.jisha_lead .data .data-wrap dl dd.url{
overflow-wrap: break-word;
}
.jisha_lead .data .data-wrap dl dd ul{
}

.jisha_lead .data .data-wrap dl dt span.icon:before{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 21px;/*サイズ*/
  color: #222; /*アイコン色*/
    top: 15%;
    left: 0;
}


.jisha_lead .data .data-wrap dl dt.address span.icon:before{
  content: "\f3c5";/*アイコンのユニコード*/
}
.jisha_lead .data .data-wrap dl dt.access span.icon:before{
  content: "\f3c5";/*アイコンのユニコード*/
}
.jisha_lead .data .data-wrap dl dt.url span.icon:before{
  content: "\f3c5";/*アイコンのユニコード*/
}



.jisha_anchor{
margin-bottom:50px;
}
.jisha_anchor ul{
display:flex;
flex-flow:wrap;
    }
.jisha_anchor ul li{
width:calc(100% / 3);
border-right:1px solid #fff;
    }
.jisha_anchor ul li:last-child{
border-right:none;
}
.jisha_anchor ul li a{
background:#DEE5ED;
color:#222;
font-size:18px;
font-weight:bold;
display:block;
text-align:center;
position:relative;
        padding: 15px 20px 30px 20px;
    }
.jisha_anchor ul li a span.icon:after{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 21px;/*サイズ*/
  color: #222; /*アイコン色*/
        bottom: 0%;
        left: 50%;
        content: "\f078";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transition: all .3s;
}


.jisha_anchor ul li a:hover span.icon:after{
        bottom: -5%;
}


.jisha_body{
margin-bottom:100px;
}
.jisha_body h3.eventCatch{
margin-bottom:30px;
font-weight:bold;
font-size:30px;
color:#132C5C;
}

.jisha_body .body a{
text-decoration:underline;
color:#132C5C;
}

.jisha_body div.photo{
margin-top:40px;
}

.jisha_body div.eventAddinfo{
margin-top:40px;
}
.jisha_body div.eventPamphlet{
margin-top:40px;
text-align:center;
}
.jisha_body div.eventPamphlet a.cmn_btn_blue{
margin:0 auto;
}





.photo-img4,
.photo-img3,
.photo-img3_2,
.photo-img3_line,
.photo-img2,
.photo-img1{
	overflow:hidden;
	}

* html .photo-img4,
* html .photo-img3,
* html .photo-img3_2,
* html .photo-img3_line,
* html .photo-img2,
* html .photo-img1{
  height:1%;
  overflow:visible;
}



.photo-img3,
.photo-img3_2,
.photo-img3_line{
	margin-bottom:20px;
}
.photo-img3 .photo1 {
    float: left;
    width: 66%;
}
.photo-img3 .photo2 {
    float: right;
    width: 31.5%;
    margin-bottom: 2.2%;
}
.photo-img3 .photo3 {
    float: right;
    width: 31.5%;
}



.photo-img3_2{
	margin-bottom:20px;
}
.photo-img3_2 .photo1 {
    float: right;
    width: 66%;
}
.photo-img3_2 .photo2 {
    float: left;
    width: 31.5%;
    margin-bottom: 2.2%;
}
.photo-img3_2 .photo3 {
    float: left;
    width: 31.5%;
}



.photo-img3_line{
	margin-bottom:20px;
}
.photo-img3_line .photo1 {
    float: left;
    width: 32%;
	margin-right:2%;
}

.photo-img3_line .photo2 {
    float: left;
    width: 32%;
	margin-right:2%;
}
.photo-img3_line .photo3 {
    float: left;
    width: 32%;
}



.photo-img2{
	margin-bottom:20px;
}
.photo-img2 .photo1 {
    float: left;
    width: 48.5%;
}
.photo-img2 .photo2 {
    float: right;
    width: 48.5%;
}

.photo-img1{
	margin-bottom:20px;
text-align:center;
}


.photo-img4{
	margin-bottom:20px;
}
.photo-img4 .photo1,
.photo-img4 .photo2,
.photo-img4 .photo3 {
    float: left;
    width: 23%;
	margin-right:2.5%;
}

.photo-img4 .photo4 {
    float: left;
    width: 23%;
}
#jisha_movie{
margin-bottom:100px;
}

#jisha_camera360{
margin-bottom:100px;
}

#jisha_map{
margin-bottom:100px;
}


.movie-iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.camera-iframe{
  width: 100%;
}
.movie-iframe iframe{
  width: 100% !important;
  height: 100% !important;
}
.camera-iframe iframe{
  width: 100% !important;
  height: 50vh !important;
}

.camera-iframe .ricoh-theta-spherical-image{
	width:100% !important;
	height:auto !important;
}


.map-iframe{
  width: 100%;
  aspect-ratio: 16 / 9;
}
.map-iframe{
  width: 100% !important;
  height: 100% !important;
}





#jisha_around{


}
#jisha_around h3.title{
background: #DEE5ED;
padding:20px;
position:relative;
margin-bottom:30px;
}
#jisha_around h3 span.img{
    width: 30%;
    display: inline-block;
    position: absolute;
    top: -35%;
}
#jisha_around h3 span.text{
    display: inline-block;
font-weight:bold;
font-size:18px;
        margin-left: 8%;
    }

.mixup_wrap.around_list .box:nth-child(n+4){
display:none;
}




/*店舗*/

#page_maintitle.shop{
        background: url(../img/common/cloud_main-left.png) no-repeat left center;
        background-size:auto 100% ;
}


body.shop #page_mainimg{
        background: url(../img/page/shop_mainimg.jpg) no-repeat center center;
        background-size: cover;
	height:350px;
	position:relative;
	z-index:1;
top: -81px;
margin-bottom:-81px;
    }


body.shop .block_tab{
        padding-top: 70px;
        margin-bottom: 0;
    }

body.shop .block_tab.tab2 .tab_wrap ul li.active{
        background: url(../img/common/cmn_bg.jpg) repeat-y center top;
    }





body.shop .block_mixup{
       padding-top:70px;
        background:url(../img/common/cmn_bg.jpg) repeat-y center top;
        background-size:100% auto;
padding-bottom:70px;
}




.mixup_shop_tab_wrap{
margin-bottom:70px;
}

.mixup_shop_tab_wrap .mixup_tab00{
margin-bottom:30px;
}
.mixup_shop_tab_wrap .mixup_tab00 ul{
text-align:center;
display:flex;
flex-flow:wrap;
justify-content: center;
    }
.mixup_shop_tab_wrap .mixup_tab00 ul li{
margin-right:5%;
min-width:240px;
}
.mixup_shop_tab_wrap .mixup_tab00 ul li a{
        background: #132C5C;
        color: #fff;
        text-align: center;
font-weight:bold;
padding:15px;
display:block;
    }
.mixup_shop_tab_wrap .mixup_tab00 ul li a span.icon{
width:90%;
margin:0 auto;
display: block;
    }

.mixup_shop_tab_wrap .mixup_tab00 ul li.gourmet a span.icon{
        background: url(../img/page/shop_list-icon02.svg) repeat-y left center;
background-size:auto 100%;
    }
.mixup_shop_tab_wrap .mixup_tab00 ul li.shop a span.icon{
        background: url(../img/page/shop_list-icon01.svg) repeat-y left center;
background-size:auto 100%;
    }




.mixup_shop_tab_wrap .mixup_tab01{
background:#fff;
padding:30px 20px 20px 20px;
margin-bottom:50px;
}

.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset{
display:flex;
flex-flow:wrap;
justify-content: start;
    }
.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label{
width:calc(92% / 3);
margin-right:4%;

margin-bottom:10px;
}
.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label .control{
        background: #132C5C;
        color: #fff;
        text-align: center;
font-weight:bold;
padding:8px;
width:100%;
border:2px solid #132C5C;
    }
.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label:nth-child(3n){
margin-right:0;
}
.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset .control[data-filter]:after,
.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset .control[data-toggle]:after {
    content:unset;
}

.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label .control.mixitup-control-active{
background:#fff;
color:#132C5C;
}


.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset .control:hover {
    opacity:0.8;
}



.mixup_shop_tab_wrap .mixup_tab02{

}
.mixup_shop_tab_wrap .mixup_tab02 .wrap{
width:80%;
margin:0 auto;
}
.mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset{
display:flex;
flex-flow:wrap;
}
.mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset label{
width:calc(100% / 4);
padding-right:3%;
}
.mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset .control[data-filter]:after,
.mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset .control[data-toggle]:after {
    background: transparent;
}

.mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset .mixitup-control-active[data-toggle]:after {
    background: currentColor;
}
.mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset .control:hover {
    background: none;
}

.mixup_shop_tab_wrap .mixup_tab02 .title{
margin-bottom:10px;
        background: url(../img/page/cloud_part05.png) no-repeat left top;
        background-size: auto 100%;
        font-size: 26px;
        padding: 0 0 40px 60px;
        font-weight: bold;
        margin-right: 20px;
    }
.mixup_shop_tab_wrap .mixup_tab02 .title span.icon{
        font-weight: bold;
}




/*店舗詳細*/


.shop_lead,
.shop_info,
#shop_camera360,
#shop_map{
background:#fff;
padding:30px;
}
.shop_lead div.section,
.shop_info div.section,
#shop_camera360 div.section,
#shop_map div.section{
width:100%;
}


.shop_lead{
border-bottom:1px solid #AFAAAA;
}


.shop_lead .intro{
display:flex;
flex-flow:wrap;
        justify-content: space-between;
margin-bottom:20px;    }

.shop_lead .intro .photo{
width:40%;
}
.shop_lead .intro .text{
width:55%;
}
.shop_lead .intro .text .label{
margin-bottom:25px;
}
.shop_lead .intro .text .label ul{
display:flex;
flex-flow:wrap;
}
.shop_lead .intro .text .label ul li{
width:40%;
margin-right:5%;
}

.shop_lead .intro .text h3{
font-size:35px;
font-weight:bold;
margin-bottom:10px;
}
.shop_lead .intro .text h3 span.line{
background: linear-gradient(transparent 70%, #FFC600 70%);
}

.shop_lead .intro .text p.category{
font-size:15px;
color:#707070;
margin-bottom:20px;
}

.shop_lead .intro .text h4{
font-size:20px;
margin-bottom:20px;
}

.shop_lead .intro .info_wrap{
display:flex;
flex-flow:wrap;
        justify-content: space-between;
    }
.shop_lead .intro .info_wrap .info{
width:70%;
color:#707070;
}

.shop_lead .intro .info_wrap .info dl dd{
position:relative;
padding-left:25px;
margin-bottom:5px;
}

.shop_lead .intro .info_wrap .info dl dd:before{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  position: absolute;/*絶対位置*/
  font-size: 16px;/*サイズ*/
  color: #707070; /*アイコン色*/
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transition: all .3s;
}


.shop_lead .intro .info_wrap .info dl dd.tel:before{
  content: "\f095";/*アイコンのユニコード*/
  font-weight: 700;
}

.shop_lead .intro .info_wrap .info dl dd.time:before{
  content: "\f017";/*アイコンのユニコード*/
  font-weight: 400;
}

.shop_lead .intro .info_wrap .info dl dd.address:before{
  content: "\f3c5";/*アイコンのユニコード*/
  font-weight: 700;
}



.shop_lead .intro .info_wrap .sns{
width:25%
}

.shop_lead .text-info p:last-child{
margin-bottom:0;
}



.shop_info div.section{
display:flex;
flex-flow:wrap;
        justify-content: space-between;
    }
.shop_info .data{
width:47%;
}
.shop_info .photo{
width:47%;
}

.shop_info .data{
width:46%;
}
.shop_info .data dl{
display:flex;
flex-flow:wrap;
justify-content: space-between;
font-size:15px;
    }
.shop_info .data dl dt{
background:#DEE5ED;
text-align:center;
color:#132C5C;
text-align:center;
width:35%;
margin-bottom:10px;
display:flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
padding:7px 0;
}

.shop_info .data dl dd{
width:60%;
margin-bottom:10px;
padding:7px 0;
        word-break: break-all;
    }

.shop_info .photo ul li{
margin-bottom:30px;
}
.shop_info .photo ul li img{
margin-bottom:5px;
}
.shop_info .photo ul li p.cap{
font-size:15px;
}




.shop_camera360 .camera-iframe{
}

#shop_map{
margin-bottom:100px;
}


#shop_around{


}
#shop_around h3.title{
background: #fff;
padding:20px;
position:relative;
margin-bottom:30px;
}
#shop_around h3 span.img{
    width: 30%;
    display: inline-block;
    position: absolute;
    top: -35%;
}
#shop_around h3 span.text{
    display: inline-block;
font-weight:bold;
font-size:18px;
        margin-left: 8%;
    }




/*御供所について*/

body.about #page_content_wrap {
        width: 100%;
        z-index: 2;
        position: relative;
        padding-bottom: 250px;
    }

    body.about #page_mainimg {
        background: url(../img/page/jisha_mainimg.jpg) no-repeat center center;
        background-size: cover;
        position: relative;
        z-index: 1;
        top: -81px;
        margin-bottom: -81px;
    }

body.about #page_content_wrap section{
width:100%;
}

body.about .about_area {
        padding: 80px 0;
        background: url(../img/top/top_block02_cloud03.png) no-repeat left 0% top 40%, url(../img/top/top_block02_cloud01.png) no-repeat right -20% top 10%;
        background-size: 35% auto, 50% auto;
    }

body.about .about_area .wrap {
        display: flex;
        flex-flow: column;
        justify-content: start;
        align-items: center;
        margin-bottom: 60px;
    }

body.about .about_area_area .wrap img.catch{
max-width:75px;
margin-right: 3%;
}

body.about .about_area .about_area .text{
text-align:center;
font-size:18px;
}



#page_maintitle.jisha.left {
        background: url(../img/common/cloud_main-left.png) no-repeat left center;
        background-size: auto 100%;
    }


.about_area .text h2{
text-align:center;
font-weight:bold;
font-size:28px;
color:#304979;
}

.about_photo1{
margin-bottom:40px;
}

.about_photo2{
margin-bottom:100px;
}



.about_access .corner-title{
    justify-content: center;
margin-bottom:30px;
}

.about_access .about_map{
margin-bottom:40px;
}
.about_access .about_map iframe {
        width: 100% !important;
        height: 60vh !important;
    }



.about_how h3.about_title {
        font-size: 22px;
        font-weight: bold;
margin-bottom:25px;
    }

.about_how h3.about_title span.line{
background: linear-gradient(transparent 70%, #DEE5ED 70%);
        padding: 0 10px;
    }
.about_how h3.about_title span.line span.icon{
margin-right:5px;
}
.about_how h3.about_title span.line span.icon img{
width:35px;
}

.about_how dl{
margin-bottom:50px;
}
.about_how dl dt{
font-size:18px;
margin-bottom:5px;
}
.about_how dl dt span.small{
font-size:16px;
}
.about_how dl dt:before{
content:'■';
}
.about_how dl dd{
margin-bottom:20px;
}



body.event #page_mainimg {
        background: url(../img/page/event-mainimg.jpg) no-repeat center center;
        background-size: cover;
        height: 350px;
        position: relative;
        z-index: 1;
        top: -81px;
        margin-bottom: -81px;
    }


.mixup_wrap.event_wrap{
background:#fff;
padding:40px 40px 0 40px;
	box-shadow:0px 0px 6px 2px #eee;
	-moz-box-shadow:0px 0px 6px 2px #eee;
	-webkit-box-shadow:0px 0px 6px 2px #eee;
}

.mixup_wrap .box p.yymmdd {
        font-size: 15px;
        color: #222;
        margin-bottom: 5px;
        position: relative;
        padding-left: 22px;
    }
.mixup_wrap .box p.yymmdd span.icon:before {
        font-family: "Font Awesome 5 Free";
        content: "\f073";
        font-weight: 400;
        position: absolute;
        font-size: 18px;
        color: #222;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transition: all .3s;
    }






/*マップインデックス*/


    body.map #page_mainimg {
        background: url(../img/page/map_mainimg.jpg) no-repeat center center;
        background-size: cover;
        height: 350px;
        position: relative;
        z-index: 1;
        top: -81px;
        margin-bottom: -81px;
    }

    body.map .block_lead{
font-size:18px;
text-align:center;
margin-bottom:40px;
}

    body.map .map_img{
margin-bottom:30px;
}

    body.map .map_img iframe{
width:100%;
height:72vh;
}





    body.map .map_btn{
margin-bottom:100px;

}
    body.map .map_btn a.cmn_btn_blue{
margin:0 auto;
}


.map_menu_wrap{
        display: flex;
        flex-flow: wrap;
    }

    .map_menu_wrap .box {
        width: calc(100% / 3);
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        min-height: 35vh;
transition: all .8s ease;  //変化のスピードと動き
overflow:hidden;
}
    .map_menu_wrap .box:hover{
  transform: scale(1.05); //画像の拡大比率（１０５％）
}
    .map_menu_wrap .box a.cmn_btn_blue{
border:2px solid #fff;
}
    .map_menu_wrap .box a.cmn_btn_blue:hover{
border:2px solid #132C5C;
}

.map_menu_wrap .box.jisha{
        background: url(../img/page/map_menu01.jpg) no-repeat center center;
        background-size: cover;
}
.map_menu_wrap .box.shop{
        background: url(../img/page/map_menu02.jpg) no-repeat center center;
        background-size: cover;
}
.map_menu_wrap .box.calendar{
        background: url(../img/page/map_menu03.jpg) no-repeat center center;
        background-size: cover;
}





/*新着詳細*/


body.news #page_mainimg {
    background: url(../img/page/news-mainimg.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
    position: relative;
    z-index: 1;
    top: -81px;
    margin-bottom: -81px;
}

#page_content_wrap.news.detail .shop_lead{
border:none
}

#page_content_wrap.news.detail .shop_lead .intro .text{
width:100%;
}

#page_content_wrap.news.detail .shop_lead .intro .text .time_wrap{
display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}


#page_content_wrap.news.detail .shop_lead .intro .text p.time {
    font-size: 15px;
    color: #222;
    margin-bottom: 10px;
    position: relative;
    padding-left: 22px;
}
#page_content_wrap.news.detail .shop_lead .intro .text p.time span.icon:before {
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    font-weight: 400;
    position: absolute;
    font-size: 18px;
    color: #222;
    top: 11px;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: all .3s;
}



.btn.news_detail_back{
    border-top: 1px solid #ccc;
    margin-bottom: 70px;
    margin: 50px auto;
    padding-top: 50px;
    width: 100%;
}
.btn.news_detail_back a{
margin:0 auto;
}


.news_wrap {
    padding: 20px;
}




body.oldgokusho #page_mainimg{
        background: url(../img/page/oldgokusho_mainimg.jpg) no-repeat center center;
        background-size: cover;
	height:350px;
	position:relative;
	z-index:1;
top: -81px;
margin-bottom:-81px;
    }


#page_content_wrap.oldgokusho.detail .jisha_lead .intro .title_wrap h3{
width: 80%;
}
#page_content_wrap.oldgokusho.detail .jisha_lead .intro .title_wrap{
    margin-bottom: 40px;
}





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

/* for TB & SP CSS   */

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








/******************/
/* TB    */
/******************/

@media only screen and (min-width: 600px) and (max-width: 1019px) {






}









/******************
SP
******************/
@media only screen and (max-width: 599px) {

#top_mainimg {
    top: -47px;
    margin-bottom: -47px;
}
#top_mainimg .catch section .catch_word .jp {
    font-size: 20px;
}
#top_mainimg .catch section .catch_word .jp .large {
    font-size: 27px;
}
#top_mainimg .catch section .catch_word .eng {
    font-size: 16px;
}

.top_block01_cround01 {
            right:0%;
            top: -30px;
            margin-bottom: -75px;
            overflow: hidden;
}
.top_block01_cround01 img {
    height: 100px;
    width: auto;
            position: relative;
            right: -10%;
top:0;
        }




#top_event {
    padding: 50px 0;
}


.top_event_wrap {
    padding: 20px 20px;
    width: 100%;
}


.top_event_wrap .box {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.top_event_wrap .box .wrap .photo {
	width: 100%;
margin-bottom:20px;
}
.top_event_wrap .box .wrap .text {
        width: 100%;
}

    .top_event_wrap .box .wrap .text h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }









    #top_osusume .osusume_wrap {
        flex-flow: column;
    }


.slick-dots {
    text-align: center !important;
}


    #top_about {
        padding: 50px 0;
}

#top_about {
        padding: 80px 0;
        background: url(../img/top/top_block02_cloud03.png) no-repeat left 0% top 20%, url(../img/top/top_block02_cloud01.png) no-repeat right -20% top 7%;
        background-size: 40% auto, 50% auto;
    }


    #top_about .about_area .text {
        text-align: left;
    }

    #top_about .map_area p {
        width: 100%;
        margin-bottom: 50px;
    }

#top_about .map_area {
        margin-bottom: 0;
    }
    #top_about .map_area p {
        width: 100%;
        margin-bottom: 50px;
    }
    #top_about .about_area .wrap {
        margin-bottom: 30px;
    }
    #top_about .about_area .wrap img.catch {
        max-width: 55px;
        margin-right: 7%;
    }
    #top_about .about_area {
        margin-bottom: 50px;
    }
    #top_about .map_area h3 {
        font-size: 27px;
        margin-bottom: 55px;
        padding-top: 20px;
    }


    #top_around .bg_wrap .box {
        flex-flow: column;
        margin-bottom: 70px;
    }



#top_around .bg_wrap .box .photo {
        width: 100%;
            order: 1;
            margin-bottom: 20px;
        }
#top_around .bg_wrap .box .text {
        width: 100%;
        margin-left: 0;
        order: 2;
    }
#top_around .bg_wrap .box .text .btn {
        margin-top: 0px;
    }
#top_around .bg_wrap .box .text .btn a.cmn_btn_blue {
        margin: 0 auto;
    }



#top_osusume {
        padding: 50px 0 100px 0;
        background: url(../img/top/top_block04_cloud01.png) no-repeat left -15% top 15%, url(../img/top/top_block04_cloud02.png) no-repeat right -10% top 60%;
        background-size: 50% auto, 35% auto;
    }


#top_osusume .osusume_wrap .photo {
        width: 100%;
            margin-bottom: 20px;
        }
    #top_osusume .osusume_wrap .text {
        width: 100%;
    }


#top_gokusho .news_wrap {
        padding: 20px 20px;
}

.news_wrap dl {
        flex-flow: column;
        align-items: start;
    }
    .news_wrap dl dd.date {
        width: 80%;
    }
    .news_wrap dl dd.title {
        width: 100%;
        font-size: 16px;
    }

.news_wrap dl dd.title a span.icon:after,
.news_wrap dl dd.title a span:hover.icon:after {
        right: 0;
    }

    #top_gokusho .news_btn_wrap {
        flex-flow: column;
}
    #top_gokusho .news_btn_wrap .btn {
        width: 90%;
margin:0 auto 20px auto;
    }

.slick-prev, .slick-next {
    top: 25%;
}
.slick-prev {
    left: 5%;
}
.slick-next {
    right: 5%;
}





/*カレンダー*/

.calendar_anchor {
        flex-flow: column;
    }
.calendar_anchor .box {
        width: 100%;
display: flex;
        flex-flow: wrap;
justify-content: space-between;
margin-bottom:20px;
align-items: center;
        }
.calendar_anchor .box:last-child {
margin-bottom:0px;
}
    .calendar_anchor .box .title {
        width: 30%;
position:relative;
margin-bottom:0;
    }
.calendar_anchor .box .link {
        width: 65%;
        text-align: left;
    }
.calendar_anchor .box .title .label {
        position: absolute;
        left: 0;
        right: 0;
top: -20px;
    }
.calendar_anchor .box .title .month{
        position: absolute;
        left: 0;
        right: 0;
bottom:15px;
    }


    .calendar_wrap {
        flex-flow: column;
margin: 0px auto 50px auto;
width:90%;
    }

    .calendar_wrap .wrap01 {
        width: 100%;
margin-bottom:30px;
    }
    .calendar_wrap .wrap02 {
        width: 100%;
flex-flow: wrap;
    }

.calendar_wrap .wrap02 .photo {
display:none;
    }
.calendar_wrap .wrap02 .text {
            width: 100%;
            display: flex;
            flex-flow: wrap;
            justify-content: center;
        }
    .calendar_wrap .wrap02 .text dl {
        width: 46%;
margin: 0 2%;
        }




/*寺社*/
    body.jisha #page_mainimg {
        height: 230px;
}
    body.about #page_mainimg {
        height: 230px;
}


    .block_lead {
        margin-bottom: 60px;
    }


body.jisha #page_maintitle {
        padding: 50px 0 0px 0;
        top: -80px;
        margin-bottom: -200px;
    }
/*
    body.jisha #page_content_wrap {
        padding-bottom: 15vh;
        bottom: -5vh;
    }
*/

    .block_tab .tab_wrap ul li a {
        font-size: 18px;
        padding: 10px;
    }

.block_mymap iframe {
        width: 100%;
        height: 75vh;
    }


#page_maintitle .corner-title.vertical {
        margin-bottom: 120px;
    }

.mixup_tab button {
        font-size: 20px;
        padding: 20px;
        margin-right: 0;
    }

.mixup_wrap .box{
        width: calc(92% / 2);
        margin-bottom: 30px;
    }
.mixup_wrap .box .photo_box .screen {
        padding: 15px;
        min-height: 180px;
    }
   .mixup_wrap .box .photo_box .screen p{
font-size:15px;
}
    .mixup_wrap .box .photo_box .screen .btn a {
        padding: 10px;
font-size:14px;
    }

    .mixup_wrap .box .photo_box .screen .btn a span.icon:after {
        right: 5%;
    }

.mixup_wrap .box .photo_box .photo {
        min-height: 180px;
    }
    .mixup_wrap .box p.address span.icon:before {
        top: 29%;
    }
    .mixup_wrap .box h3 {
        font-size: 22px;
    }
.mixup_tab button.control:hover {
        font-size: 20px;
    }

/*寺社詳細*/
    body.shop #page_mainimg {
        height: 230px;
}
.jisha_lead .section {
        flex-flow: column;
}
.jisha_lead .intro {
        width: 100%;
            margin-bottom: 20px;
        }
.jisha_lead .data {
        width: 100%;
    }
.jisha_lead .intro .title_wrap {
        flex-flow: column;
    }
    .jisha_lead .intro .title_wrap h3 {
        font-size: 30px;
        width: 100%;
	margin-bottom:10px;
            text-align: center;
        }
    .jisha_lead .intro .title_wrap .sns {
        text-align: left;
    }

    .jisha_anchor ul li a {
        font-size: 16px;
    }

    .jisha_anchor ul li a span.icon:after {
        left: 40%;
    }

.photo-img3 .photo1,
.photo-img3_2 .photo1,
.photo-img3_line .photo1 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.photo-img3 .photo2,
.photo-img3_2 .photo2,
.photo-img3_line .photo2 {
    float: left;
    width: 49%;
    margin-bottom: 2%;
}

.photo-img3 .photo3,
.photo-img3_2 .photo3,
.photo-img3_line .photo3 {
    float: right;
    width: 49%;
}

.photo-img4 .photo1,
.photo-img4 .photo3 {
    float: left;
    width: 49%;
    margin-bottom: 2%;
	margin-right:2%;
}

.photo-img4 .photo2,
.photo-img4 .photo4 {
    float: right;
    width: 49%;
	margin-right:0;
}


.jisha_body,
#jisha_movie,
#jisha_camera360,
#jisha_map{
        margin-bottom: 50px;
    }

    .camera-iframe iframe {
        height: 40vh !important;
    }

    #jisha_around h3 span.img {
        width: 70%;
        top: -20%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

#jisha_around h3.title {
        padding: 40px 20px 20px 20px;
    }

    #jisha_around h3 span.text {
        margin-left: 0;
    }

.mixup_wrap.around_list .box:nth-child(4n){
display:block;
}




/*店舗一覧*/

.mixup_shop_tab_wrap .mixup_tab00 ul li {
        min-width: 45%;
    }
.mixup_shop_tab_wrap .mixup_tab00 ul li:last-child{
margin-right:0;
}
.mixup_shop_tab_wrap .mixup_tab00 ul li a {
        padding: 10px;
}

    .mixup_shop_tab_wrap .mixup_tab01 {
        background: #fff;
        padding: 20px 10px 10px;
            margin-bottom: 20px;
}
    .mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label {
        width: calc(96% / 2);
    }
.mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label .control{
font-weight:normal;
font-size:14px;
padding:5px;
}
    .mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label:nth-child(3n) {
        margin-right: 4%;
    }
    .mixup_shop_tab_wrap .mixup_tab01 .wrap fieldset label:nth-child(2n) {
        margin-right: 0%;
    }

.mixup_shop_tab_wrap {
        margin-bottom: 30px;
    }
.mixup_shop_tab_wrap .mixup_tab02 .wrap {
        width: 100%;
        margin: 0 auto;
	max-height: 0;
	overflow-y: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.mixup_shop_tab_wrap .mixup_tab02 .wrap.active{
	max-height:1000px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}



    .mixup_shop_tab_wrap .mixup_tab02 .wrap fieldset label {
        width: calc(100% / 2);
        font-size: 14px;
    }

    .mixup_shop_tab_wrap .mixup_tab02 .title {
        background: #fff;
        font-size: 16px;
        padding: 0;
        margin-right: 0;
        color: #132C5C;
        text-align: center;
        padding: 10px;
        width: 80%;
        margin: 0 auto 20px auto;
        border:2px solid #132C5C;
    }
    .mixup_shop_tab_wrap .mixup_tab02 .title span{
position:relative;
            padding: 0 30px;
        }
    .mixup_shop_tab_wrap .mixup_tab02 .title span.icon:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        font-size: 21px;
        color: #222;
            top: 50%;
            right: 0;
        content: "\f078";
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transition: all .3s;
    }
    .mixup_shop_tab_wrap .mixup_tab02 .title.active span.icon:after {
        content: "\f077";
}

    .mixup_wrap .box p.genre {
        font-size: 13px;
    }
.mixup_wrap .box p.time {
        font-size: 13px;
}
    .mixup_wrap .box h3.shopname {
        font-size: 18px;
    }
    body.shop .block_tab {
        padding-top: 0px;
        margin-bottom: 0;
    }
    body.shop .block_mixup {
        padding-top: 30px;
    }





/*店舗詳細*/

body.shop #page_maintitle.shop {
        position: relative;
        z-index: 2;
        padding: 30px 0 30px 0;
        top: -110px;
}

#page_maintitle.shop {
    background: url(../img/common/cloud_main-left.png) no-repeat left center;
    background-size: auto 60%;
}

        #page_maintitle.shop .corner-title.vertical {
            margin-bottom: 0;
        }

    .shop_lead .intro {
        flex-flow: column;
    }


    .shop_lead .intro .photo {
        width: 100%;
    }
    .shop_lead .intro .text {
        width: 100%;
    }

    .shop_lead .intro .text .label ul li {
        width: 48%;
        margin-right: 4%;
    }
    .shop_lead .intro .text .label ul li:nth-child(2n){
        margin-right: 0%;
    }
    .shop_lead .intro .text h3 {
        font-size: 32px;
    }

    .shop_lead .intro .info_wrap {
        flex-flow: column;
    }
    .shop_lead .intro .info_wrap .info {
        width: 100%;
	margin-bottom:20px;
    }
    .shop_lead .intro .info_wrap .sns {
        width: 100%;
    }


.shop_lead,
.shop_info,
#shop_camera360,
#shop_map {
        background: #fff;
        padding: 15px;
    }

.shop_info div.section {
        flex-flow: column;
    }

    .shop_info .data {
        width: 100%;
margin-bottom:20px;
    }

.shop_info .photo {
        width: 100%;
    }

    .shop_info .data dl {
        flex-flow: column;
    }

    .shop_info .data dl dt {
        width: 100%;
    }
    .shop_info .data dl dd {
        width: 100%;
    }

#shop_camera360,
#shop_map{
        margin-bottom: 50px;
    }



    #shop_around h3 span.img {
        width: 70%;
        top: -20%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

#shop_around h3.title {
        padding: 40px 20px 20px 20px;
    }

#shop_around h3 span.text {
        margin-left: 0;
    }




    #page_footer_cloud {
        background: url(../img/common/cloud_footl-left.png) no-repeat left bottom, url(../img/common/cloud_footl-right.png) no-repeat right top 10vh;
        background-size: auto 40%, auto 50%;
    }






/*御供所について*/

    body.about #page_mainimg {
        height: 250px;
    }


#page_maintitle.jisha.left {
            padding: 50px 0 0px 0;
            top: -80px;
            margin-bottom: -200px;
        }

    body.about .about_area {
        padding: 80px 0 50px 0;
	}


#page_content_wrap {
        padding-bottom: 100px;
    }






/*マップ*/

.map_menu_wrap {
        flex-flow: column;
    }

    .map_menu_wrap .box {
        width: 100%;
        min-height: 20vh;
}



/*新着*/

#page_content_wrap.news.detail .shop_lead .intro .text .time_wrap {
    display: flex;
    flex-flow: column;
    margin-bottom: 40px;
}


body.news #page_mainimg {
    height: 250px;
}
body.news #page_maintitle{
    margin-bottom: -250px;
}
#page_content_wrap.news.detail .shop_lead .intro .text h3 {
        font-size: 24px;
    }


#pankz{
display:none;
}

#page_maintitle.jisha.left {
    background: url(../img/common/cloud_main-left.png) no-repeat left center;
    background-size: auto 60%;
}

body.about #page_content_wrap {
    padding-bottom: 150px;
}




}



/* 博多旧市街PAY　バナー */

.bnr_box {
    text-align: center;
    width: 60%;
    margin: 60px auto;
    }

@media (max-width: 768px) {

    .bnr_box {
        width: 80%;
        }

}


/* 博多旧市街PAY　バナー ここまで*/