@charset "utf-8";
/* CSS Document */
/* black:#333 blue:#1d78ab orange:#f9ac23 */

*{margin:0;padding:0;font-size:16px;}
body{background:#fff;color:#333;}
a{text-decoration:none;color:#333;}
a:hover{opacity:0.6;}
a img{width:100%;}
li{list-style:none;padding-left:0;margin-left:0;}
div#content{width:auto;}
a.page_top{position:fixed;bottom:3em;right:4em;}

.fade{opacity:0;transition: opacity 3s;}
.fade.view{opacity: 1;}
.right{float:right;}
.left{float:left;}
.sp{display:none;}

/* 全ページ共通パーツ */
div#header{width:100%;background:rgba(255,255,255,0.8);position:fixed;top:0;padding:1em 3em 1em;border-bottom:solid 1px #999;z-index:100;}
div#header_inner{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;}
div#header_inner h1{width:15%;}
nav#global_nav {width:60%;}
nav#global_nav li{display:inline-block;margin:0 0.5em;padding:0.1em 0;}
nav#global_nav a{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/icon_navi.png) no-repeat left bottom;display:block;padding-left:1.5em;font-family:senobi-gothic, sans-serif;font-style:normal;}
nav#global_nav a span{font-size:0.8em;}
nav#global_nav a:hover{color:#1d78ab;}
#header_inner li a p.hover{visibility:hidden;font-size:0.85em;color:#999;font-weight:bold;text-align:center;}
#header_inner li a:hover p.hover{visibility:visible;}
ul#header_sns{width:20%;margin-top:1em;}
ul#header_sns li{display:inline-block;margin:0 0.2em;}
ul#header_sns li a{display:block;text-align:center;}
ul#header_sns li a img{height:3em;}
div#footer{width:100%;margin:2em auto 0;padding-top:5em;background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/back_footer.png) no-repeat center top/100%;}
div#footer_box{background:linear-gradient(
	180deg,
	transparent 0%,
	#1d78ab 20%,
	#1d78ab 80%);}
div#footer_inner{width:95%;margin:0 auto;color:#fff;padding:1em 0;background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/back_kobe.png) no-repeat right bottom/25%;}
div#footer_inner ul li{color:#fff;}
div#footer_inner ul li a{color:#fff;}
a#footer_logo{display:block;width:13em;margin:2em 0;}
div#footer div.pc{width:65%;display:flex;}
ul.footer_nav{width:30%;justify-content:space-between;}
ul.footer_nav li a{font-size:0.75em;}
ul#footer_sns{width:30%;margin-top:1em;}
ul#footer_sns li{display:inline-block;width:1.6em;margin:0.5em;}
ul#footer_sns li a {display:block;}
address{clear:both;font-size:0.82em;text-align:center;}
address a{color:#fff;text-decoration:underline;font-size:0.82em;}
div.item{padding:2em 0;width:100%;margin:0 auto;}
div.item_inner{width:85%;margin:0 auto;overflow:hidden;}
.home div.item{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/back_gray.png) no-repeat right bottom/10%;}
div.gray{background-color:#f9f9f9 !important;background-image:none !important;}
div#keyimage{position:relative;width:80%;margin:10em auto 3em;height:16em;background:no-repeat left top/cover;}
div#keyimage h2{position:absolute;top:25%;left:0;width:35%;}
div#keyimage h2 img{background:rgba(255,255,255,0.8);width:70%;display:block;padding:1.5em 3em 1.5em 1em;margin-top:0.3em;}
div#keyimage h2 span.sub_copy{padding-left:1em;color:#fff;font-family:klee-one,sans-serif;font-style:normal;font-size:1.2em;}
div#keyimage h2 span.sub_big{font-size:1.1em;}
div#intro{width:70%;margin:0 auto 3em;overflow:hidden;}
h3.catchcopy span.big{font-size:1.2em;}
div#intro p{font-size:0.9em;line-height:2.6;margin-bottom:1em;}
div#content div#intro p.intro_image{width:28%;}
div#intro p.intro_image img{width:100%;}
p.intro_image.left{margin:0 1.5em 1.5em 0;}
p.intro_image right{margin:0 0 1.5em 1.5em;}
h4.title{background-repeat:no-repeat;background-position:left center;background-size:25%;padding:2em 0;text-align:center;font-size:1.4em;color:#1d78ab;font-weight:normal;}
p.item_title{font-size:1.1em;font-weight:bold;color:#1d78ab;text-align:center;line-height:1.7;}
p.more a{background:#1d78ab;border-radius:1.3em;color:#fff;font-size:0.8em;padding:0.8em 1em;}

/* 左右からのスライドイン用 */
.slidein{margin: 50px auto;transition: 2s cubic-bezier(0.75, 0, 0.25, 1);}
.slide_left{transform: translateX(calc(-50vw - 50%));}
.slide_right{transform: translateX(calc(50vw + 50%));}
.show{transform: translateX(0);}
/* modal */
/* 開くボタン */
.button-open {display:block;margin:0 auto;cursor:pointer;background-color:transparent;border:none;text-align:center;}
.button-open:hover{opacity:0.6;}
/* モーダルウィンドウ */
.modal-window {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:60%;height:70%;background-color:#fff; border-radius:5px;z-index:140;padding:1em;overflow-y:scroll}
/* 閉じるボタン */
.button-close{position:absolute;top:5%;right:0%;transform:translate(-50%, -50%);padding:1em;cursor:pointer;background-color:transparent;border:none;color:#b6b6b6;}
/* オーバーレイ */
.overlay{display:none;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;z-index:130;}
.button-open img{width:80%;}
.button-open p{font-size:0.7em;color:#765142;}
div.modalbox{width:95%;margin:1em auto 0;overflow:hidden;}
.modalcontent{text-align:center;overflow:hidden;}
.modalcontent div.n2-ss-slider-wrapper-outside{width:100%;}
div.modalbox div.img-frame img{width:100%;;}
.modalbox div.right{width:45%;}
.modalbox .left{width:50%;}
.modalcontent p{font-size:0.8em;}
div.open_list{display:flex;justify-content:space-between;flex-wrap:wrap;
  &::after {content:'';display:block;width:46%;}}
p.click_open{font-size:0.8em;line-height:2;}

/* Top */
.home div#keyimage{height:auto;}
div#slide_sp{display:none;}
div#slide div.n2-ss-slider-2{border-radius:8em 8em 0 0;}
h3.catchcopy{width:60%;margin:0 auto 1em;text-align:center;font-size:1.4em;color:#1d78ab;line-height:2.1;font-family:klee-one, sans-serif;font-style:normal;padding-bottom:2em;}
.home h3.catchcopy{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/line_top.png) no-repeat right bottom/100%;}
div#intro p.left{width:35%;}
div#intro p.left img{width:100%;}
div#intro p.left span.caption{display:block;font-size:0.7em;line-height:1.8;width:95%;margin:0.5em auto 0;}
div#intro div.right{width:60%;}
p.more{text-align:right;}
 /* カルーセルスライダー(news) */
#news div.wpcp-carousel-content-wrapper{width:95%;margin:1em auto 3em;}
#news div.wpcp-carousel-content-wrapper div.swiper-slide{width:13%;}
.wpcp-single-item{padding-top:1em;color:rgb(85,85,85);background:#fff !important;border-radius:0.2em;}
.wpcp-slide-image a img{width:9.5em !important;height:11.4em !important;margin:0 auto;overflow:hidden;}
.wpcp-all-captions .entry-date{font-size:0.8em;width:100%;margin:0 auto;}
.wpcp-all-captions h2.wpcp-post-title{width:100%;margin:0 auto;height:2em;}
.wpcp-all-captions h2.wpcp-post-title a{font-size:0.7em;font-weight:normal;text-align:center;}

h4.news{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_news.png);}
h4.event{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_events.png);}
h4.map{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_map.png);}
h4.about{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_about.png);}
h4.contact{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_contact.png);}
#news p.more{margin-right:15%;}
#news p.more a{background:transparent;color:#333;}
#event div.event_box{width:60%;border:solid 1px #1d78ab;box-shadow:2px 2px 4px #ccc;overflow:hidden;padding:0 1.5em 1.5em;border-radius:0.5em;position:relative;overflow:hidden;}
div.event_tag{width:4em;height:5.5em;position:absolute;left:2em;top:0;background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/back_events.png) no-repeat center top 85%;padding:0.8em 0.5em;}
div.event_tag p.year{color:#fff;text-align:center;font-size:0.8em;border-bottom:solid 1px #fff;padding-bottom:0.5em;}
div.event_tag p.date{color:#fff;text-align:center;font-size:1.0em;font-weight:bold;}
p.event_title{font-size:0.9em;font-weight:bold;text-align:left;border-bottom:solid 1px #333;padding-bottom:0.2em;margin-bottom:0.5em;}
p.event_date{font-size:0.8em;color:#fff;background:#f9ac23;padding:0.3em 0.8em;border-radius:0.3em;text-align:center;display:inline-block;float:right;}
p.event_place{clear:both;text-align:right;font-size:0.8em;margin:1em 0 2em;}
div#event div.event_box div.left{width:40%;margin:8em auto 0;}
div#event div.event_box div.right{width:48%;padding-top:2em;}
div.event_box div.left p.event_image a{display:block;}
div.event_box div.left p.event_image a img{width:19em;height:22.8em;}
div.event_caption p{font-weight:bold;text-align:left;margin-top:2em;}
div.event_text{margin-bottom:1.5em;}
div.event_text p{font-size:0.9em;margin-top:0.8em;text-align:left;line-height:2;}
#event div.right{width:30%;padding:0 1em;text-align:center;}
p.joinus img{width:100%;}
div.joinus{border:solid 1px #1d78ab;border-radius:0.5em;padding:1em;}
div.joinus p.title{font-weight:bold;text-align:center;font-size:0.7em;}
div.joinus img{width:100%;margin:1em auto;}
div.joinus p.text{font-size:0.7em;text-align:left;line-height:1.8;}
div.event_box p.more{clear:both;}
div#top_map div.left{width:65%;overflow:hidden;}
div#top_map div.right{width:30%;}
div#top_map div.left div.left{width:45%;margin-top:5em;}
div#top_map div.left div.right{width:50%;}
div#top_map div.left a{display:block;width:90%;margin:1em auto;}
p.map_title{font-family:senobi-gothic, sans-serif;font-style:normal;color:#f9ac23;font-weight:bold;text-align:center;font-size:1.2em;margin:2em auto;}
p.map_caption{font-weight:bold;font-size:1.0em;text-align:center;margin:0 auto 1em;}
p.map_text{font-size:0.9em;line-height:2;}
p.map_text a{display:inline !important;text-decoration:underline;font-size:1.0em;}
div.map_slide div.n2-ss-slider-2{width:80%;margin:2em auto;}
#top_map div.n2-ss-slider-1{background:#eeefef;}
div#top_map p.more{clear:both;padding-top:3em;margin-bottom:1em;}
div#about div.left{width:40%;margin:2em auto;}
div#about div.right{width:55%;margin:1em auto;overflow:hidden;}
div#about div.about_item{overflow:hidden;}
div#about_kyougikai{width:85%;}
div#about div#about_jouhoukan{width:60%;background:#f9f9f9;padding:0.5em 0.5em 1em;border-radius:0.8em;margin-top:2em;}
div#about div.left img{width:100%;}
div#about div.left p,div#about div.right p{font-size:0.85em;line-height:2;}
div#about div.about_item p.about_subtitle{font-family:senobi-gothic, sans-serif;font-style:normal;color:#f9ac23;font-weight:bold;text-align:center;font-size:1.2em;margin:0 auto 2em;}
div#about div#about_jouhoukan p{font-size:0.8em;text-align:center;margin:0 auto 0.5em;}
div#about div#about_jouhoukan p.about_subtitle{font-size:0.9em;margin-bottom:0;}
div#about_kyougikai div.left img{border-radius:0.8em;}
div#about div#about_jouhoukan p.jouhoukan_image{width:50%;margin:0 auto 1em;background:#fff;padding:0.8em 0.8em 1.2em;border:solid 1px #ababab;}
div#about p.jouhoukan_image img{width:100%;margin-bottom:0.5em;}
div#about span#jouhoukan_caption{display:block;font-size:0.8em;text-align:center;}
div#about_jouhoukan p.more{clear:both;padding-top:1em;margin-bottom:1em;}
div#about_jouhoukan p.more a{font-size:0.9em;}
div#media{overflow:hidden;}
div#media h5{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/icon_media.png) no-repeat left center/contain;color:#1d78ab;font-family:senobi-gothic, sans-serif;font-style:normal;font-size:1.4em;font-weight:bold;padding-left:3em;margin-bottom:1.5em;}
div#media div.left{width:68%;}
div#media div.right{width:30%;}
div#media div#sb_instagram{border:solid 1px #888;border-radius:0.8em;background-color:#fff;padding:1em;}
div.cheer{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/flame_cheer.png) no-repeat center center/100%;padding:1em;text-align:center;}
div.cheer p{font-size:0.9em;line-height:1.8;}
div.cheer p.title{color:#1d78ab;font-family:senobi-gothic, sans-serif;font-style:normal;font-size:1.2em;font-weight:bold;margin-bottom:0.7em;}
ul.cheer_sns{background:#fff;padding:0.5em 0.8em;border-radius:2em;width:68%;margin:2.5em auto;display:flex;}
ul.cheer_sns li{justify-content:space-between;padding:0.3em 0.5em;border-left:solid 1px #1d78ab;text-align:center;}
ul.cheer_sns li:first-child{border-left:none;}
ul.cheer_sns li a{display:block;width:auto;height:100%;}
div#contact div.left{width:43%;}
div#contact div.right{width:50%;}
div#form{border:solid 1px #1d78ab;padding:1em;border-radius:0.8em;}
div#form p,div#form input,#form select,#form textarea{font-size:0.9em;line-height:1.6;color:#333;}
#form textarea{width:80%;height:5em;}
#form option{font-size:0.9em;}
#form input[type="text"]:focus,#form input[type="email"]:focus,#form select:focus,#form textarea:focus{outline:solid 1px #1d78ab;}
div#form input,#form select{padding:0.4em;margin:1em;}
div#form p span.red{color:#f00;}
#form p.caution{font-size:0.8em;margin-top:0.2em;}
#form p.recaptcha{font-size:0.7em;color:#888;width:70%;line-height:1.5;margin:2em 1em;}
p.recaptcha a{color:#888;font-size:1.0em;text-decoration:underline;}
#contact p.rules{font-size:0.8em;}
#contact p.rules a{text-decoration:underline;font-size:1.0em;}

div#seek p.title{width:95%;margin:1em auto;}
div#seek p.title img{width:100%;text-align:center;}
div#seek p.sub_title{margin:1em auto;color:#1d78ab;font-size:1.0em;width:80%;}
div#seek p.text{font-size:0.9em;width:70%;margin:0 auto 1em;line-height:2;}
div#seek p.text a{text-decoration:underline;font-size:1.0em;}
p.rules button.button-open{display:inline;text-decoration:underline;padding-bottom:0.2em;font-size:1em;}
#contact div.modalbox p{font-size:0.9em; line-height:2;}
#contact div.modalbox ul{margin:2em 1em;}
#contact div.modalbox li{font-size:0.8em;line-height:2.3;list-style:disc;}
p.about_title{width:20em;background:#fff;padding:0.3em 1em;margin:1em auto 2em;border:solid 1px #1d78ab;color:#1d78ab;font-weight:bold;text-align:center;font-size:1.1em;font-family:senobi-gothic, sans-serif;font-style:normal;border-radius:1.5em;}
p.about_title span{color:#666666;font-size:0.7em;display:block;font-weight:normal;}

/* Access */
.access #keyimage{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/key_access.png);}
div#route div.pc{overflow:hidden;}
div#route div.left{width:45%;margin:1em auto 2em;padding:1em 2em 1em 1em;}
div#route div.right{width:45%;margin:1em auto 2em;padding:1em;}
div#route div.item_inner{width:80%;margin:0 auto;overflow:hidden;}
div#route p.route_title{font-family:senobi-gothic, sans-serif;font-style:normal;color:#1d78ab;font-weight:bold;text-align:center;font-size:1.1em;margin:0 auto 2em;padding:0.5em 0.3em;border:solid 2px #1d78ab;border-radius:1.8em;width:18em;}
div#route p{font-size:0.9em;line-height:1.7;}
div#route div.route_item p.route_subtitle{font-weight:bold;color:#f9ac23;line-height:2;}
h4.route{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_route.png);}
div#route_train{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/line_y.png) no-repeat right 3em/8%;}
div#gmap{width:90%;margin:2em auto 1em;}
div#gmap iframe{width:100% !important;}
h4.spot{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/title_spot.png);}
div#spot div#spot_button{display:flex;justify-content:space-between;flex-wrap:wrap;padding:2em;background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/back_spot.png) no-repeat center center/cover;padding:1em;}
div#spot_button div.open_list{width:23%;margin:2em 0.5em;}
div.open_list button img{width:100%;}
div.open_list{width:100vw;padding:2em;margin:2em calc(50% -50vw) !important;}

/* History */
.history #keyimage{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/key_history.png);}

/* Map */
.map #keyimage{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/key_map.png);}
div#welcome{width:90%;margin:0 auto;}
div#welcome h3.catchcopy{width:75%;}
div#welcome p{text-align:center;font-size:0.pem;line-height:2;}
div.welcome_map{width:70%;margin:1em auto;}
div.welcome_map img{width:100%;}
div#shops{width:90%;margin:0 auto 1em;}
p#cat_title{width:8em;color:#f9ac23;font-size:0.9em;font-weight:bold;background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/line_cat.png) no-repeat left bottom/contain;padding:0 0.3em 1em;margin-bottom:1em;}
div#cat_list{display:flex;justify-content:space-between;}
div.cat_item{margin-left:0.6em;}
div#cat_list::after{content:"";display:block;}
div.shop_cat{margin:1em 0;}
h4.shoplist_title{width:35%;}
h4.shoplist_title img{width:100%;}
p.shoplist_caption{font-size:1.0em;font-weight:bold;line-height:2;}
p.shoplist_text{font-size:0.9em;line-height:2;margin-bottom:2em;}
div.shoplist{display:flex;flex-wrap:wrap;justify-content:space-between;}
div.shoplist::after{content:"";display: block;width:28%;}
.map div.shop_list .left img{width:100%;}
.map div#shops p.modal_title{color:#1d78ab;font-weight:bold;font-size:0.9em;}
.map div#shops p.modal_title span.shop_num{border:solid 1.2px #1d78ab;margin-right:0.1em;padding:0 0.1em;text-align:center;}
.map div#shops p.shop_pr{color:#808080;font-weight:bold;font-size:0.85em;border-bottom:solid 1px #f9ac23;padding-bottom:0.1em;margin:0.3em 0;}
.map div#shops p.shop_caption{font-size:0.8em;line-height:1.7;}
.map div.shop_box{width:28%;overflow:visible;margin:1em 0;border:solid 1px #ccc;border-radius:0.6em;padding:1em;text-align:left;}
div.shop_box p{font-size:0.8em;margin:0.5em 0;}
div.shop_box a{font-size:0.9em;text-decoration:underline;color:#1d78ab;}
div.shop_box p.tel a{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/icon_shop_tel.png) no-repeat left bottom/contain;padding-left:2em;}
div.shop_box p.modal_pr{font-size:0.8em;color:#1d78ab;border-bottom:solid 1px #f9ac23;padding:0.5em 0;}
div.shop_box p.sns a{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/icon_shop_instagram.png) no-repeat left bottom/contain;padding-left:2em;}
div.shop_box p.web a{background:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/icon_shop_web.png) no-repeat left bottom/contain;padding-left:2em;}
div.shop_box p.modal_pr{font-size:0.8em;color:#1d78ab;border-bottom:solid 1px #f9ac23;padding:0.5em 0;}
div.shop_box p.modal_pr{font-size:0.8em;color:#1d78ab;border-bottom:solid 1px #f9ac23;padding:0.5em 0;}
div.shop_slider img{width:100%;height:auto !important;}
div.shop_box p.shop_caption{margin:1em 0;line-height:1.7;}
div.shop_box div.shop_slider{margin:1em auto 0;width:90%;}
div.n2-ss-slide{width:100% !important;}


/* タブレット用CSS */
@media screen and (max-width: 1200px){
	#hb_icon nav{position:fixed;top:0;right:-60%;width:40%;height:100%;padding-top:50px;background:rgba(247, 245, 247,0.8);box-sizing:border-box;z-index:1000;}
	nav#global_nav{margin-right:0;}
	#hb_icon nav ul li{display:block;padding:20px 28px;}
	#hb_icon .btn-gnavi{position:fixed;top:3em;right:10%;width:30px;height:24px;z-index:1100;box-sizing:border-box;cursor: pointer;-webkit-transition:all 400ms;transition:all 400ms;}
	#hb_icon .btn-gnavi span{position:absolute;width:30px;height:4px;background:#765142;border-radius: 10px;-webkit-transition:all 400ms;transition: all 400ms;}
	#hb_icon .btn-gnavi span:nth-child(1){top: 0;}  
	#hb_icon .btn-gnavi span:nth-child(2){top: 10px;}
	#hb_icon .btn-gnavi span:nth-child(3){top: 20px;}
	#hb_icon .btn-gnavi.open {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
	#hb_icon .btn-gnavi.open span{background: #765142;}
	#hb_icon .btn-gnavi.open span{width:24px;}
	#hb_icon .contents section p{position: absolute;top: 50%;width: 30%;line-height: 1.4;font-size: 20px;color: #fff;text-shadow: 0 0 6px #666;}  
	#hb_icon .contents section:nth-child(odd) p{left: 10%;}
	#hb_icon .contents section:nth-child(even) p{right: 10%;}
	#hb_icon ul#sp_page{display:block;}
	#hb_icon ul#sp_page li a{font-size:0.8em;vertical-align:middle;}
	ul#icon_nav{display:block;width:60%;margin:2em auto;}
	#hb_icon ul#icon_nav li{display:inline-block;width:2.5em;margin:0 0.5em;padding:0.5em;}
	ul#icon_nav li a img{width:100%;height:auto;}
	ul#icon_nav li a span{font-size:0.6em;color:#7acdea;}
	ul#header_sns{display:none;}
	div#footer_inner{padding-bottom:5em;background-size:40%;}
	ul.footer_nav{width:42%;}
	h4.title{background-size:30%;}
	div.item_inner{width:90%;}
	div#event .event_box{width:94%;margin:2em auto;}
	div#event div.event_box div.right{width:53%;}
	div#event div#joinus{float:none;width:60%;margin:4em auto 3em;clear:both;}
	div#about_kyougikai{width:auto;}
	div#about div.left{width:35%;}
	div#about div.right{width:60%;}
	div#about div#about_jouhoukan{width:75%;}
	div#media div.item_inner{width:90%;}
	div#media div.left,div#media div.right{float:none;margin:1em auto;}
	div#media div.left{width:94%;}
	div#media div.right{width:60%;margin-top:3em;}
	div#media div.cheer{background-image:none;border:double #1d78ab 1px;padding:1em;}
	ul.cheer_sns{width:55%;}
	div#form input[type="text"],div#form input[type="email"]{width:70%;}
	
	/* Access */

	/* Map */
	.map div.shoplist::after{width:45%;}
	.map div.shop_box{width:45%;}
	
}

/* スマホ用CSS */
@media screen and (max-width: 767px){
	.pc{display:none;}
	#hb_icon .btn-gnavi{top:1em;}
	#hb_icon nav{width:60%;}
	a.page_top{bottom:1em;right:1.5em;}
	div#header{padding:0.5em 1em;}
	div#header_inner h1{width:30%;}
	div#footer{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/sp/back_footer_sp.png);padding-top:1em;}
	div#footer_box{background:linear-gradient(
	180deg,
	transparent 0%,
	#1d78ab 30%,
	#1d78ab 70%);}
	div#footer_inner{width:auto;background-size:100%;padding:0 1em 7em;}
	div#footer div.pc{display:none;}
	ul#footer_sns{width:45%;}
	address{font-size:0.7em;}
	
	div#keyimage{margin-top:4em;}
	div#slide_sp{display:block;width:94%;margin:0 auto;}
	h3.catchcopy{width:85%;font-size:0.9em;margin:1em auto 2em;}
	div#intro{width:95%;}
	div#intro div.right{float:none;width:90%;margin:0 auto;}
	div#intro p.left{float:none;width:80%;margin:0 auto;}
	.wpcp-all-captions h2.wpcp-post-title a{font-size:0.9em;}
	.wpcp-single-item{padding-bottom:1em;}
	#news p.more{padding-top:2em;}
	h4.title{padding:3.5em 0 0 0;font-size:1.3em;background-size:55%;}
	div.item{padding-top:0;}
	div#event div.event_box{width:90%;padding:0 0.5em 2em;}
	div#event div.event_box div.left,div#event div.event_box div.right{float:none;width:100%;}
	div.event_box div.left p.event_image a img {width:16.1em;height:19.38em;}
	div#event div.event_box div.right{width:90%;}
	div#event div#joinus{width:90%;margin-bottom:0;}
	div.event_box div.left p.event_image a{width:16.1em;margin:0 auto;}
	div#top_map div.left,div#top_map div.right{float:none;width:95%;margin:0 auto;}
	div#top_map div.right{margin-top:2em;}
	div#top_map div.left div.left,div#top_map div.left div.right{width:100%;}
	div#top_map div.left div.left{margin-top:1em;}
	p.map_title{font-size:1.0em;}
	p.map_caption{font-size:0.9em;}
	div#about div#about_kyougikai div.left,div#about div#about_kyougikai div.right{float:none;width:95%;}
	div#about div.about_item p.about_subtitle{font-size:0.9em;}
	div#about div#about_jouhoukan p.about_subtitle{font-size:0.8em;}
	div#media h5{font-size:1em;padding-left:2em;margin-top:2em;}
	div#media div.right{width:80%;}
	div.cheer p{font-size:0.8em;}
	div.cheer p.title{font-size:1em;}
	ul.cheer_sns{width:80%;}
	div#contact div.left,div#contact div.right{float:none;width:90%;margin:2em auto 1em;}
	div#contact div#form{width:85%;}
	div#form input[type="text"],div#form input[type="email"]{width:65%;}
	div#seek p.title{width:100%;}
	div#seek p.sub_title{width:100%;}
	div#seek p.text{width:95%;}
	
	/* Access */
	.access #keyimage{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/sp/key_access_sp.png);}
	div#route .sp{display:block;}
	div#route{width:90%;}
	/* 交通案内スイッチに設定 */
	div#route ul.tab-menu{list-style-type:none;display:flex;justify-content:space-between;border:solid 2px #1d78ab;border-radius:1.8em;margin-bottom:1em;width:70%;padding:0.5em 0.8em;}
	ul.tab-menu li{padding:0.3em;font-size:0.9em;font-weight:bold;text-align:center;}
	ul.tab-menu li:first-child{border-right:solid 1px #1d78ab;padding-right:1em;}
	ul.tab-menu li:hover{cursor:pointer;opacity:0.3;}
	ul.tab-menu li.active{color:#f9ac23;}
	ul.tab-menu li.active:hover{cursor:pointer;}
	/* 交通案内切替tabの設定 */
	div.tab-1,div.tab-2{display:none;}
	div.active{display:block;}
		
	/* History */
	.history #keyimage{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/sp/key_history_sp.png);}
		
	/* Map */
	.map #keyimage{background-image:url(https://tsukimiyama-machikyo.org/wp-content/themes/tsukimiyama_original/images/sp/key_map_sp.png);}
	div#cat_list{flex-wrap:wrap;}
	div.cat_item{width:30%;}
	div#cat_list::after{width:30%;}
	div.shoplist{display:block;}
	.map div.shop_box{width:90%;margin:1em auto;}
	.map div#shops div.shop_box .left{float:none;width:95% !important;margin:1em auto;}
	.map div.modalbox img{width:100%;}
	.modal-window{width:75%;}
	.map button.js-open div.left{float:none;width:90%;margin:1em auto;}
	.map button.js-open div.right{float:none;width:90%;margin:0 auto 1em;}

}