@charset "utf-8";
/* CSS Document */

/*
Theme Name: 大御和神社
Version: 3.1
Author: k-design
*/

@import url(css/post.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family:"Noto Serif", serif;;
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;padding:8px 5%;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}

.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #10193A;border-left: 2px solid #10193A;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #10193A;border-right: 2px solid #10193A;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #001433;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #10193A;display: inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color: #10193A;}
.wp-pagenavi span.current{color: #fff;background-color: #10193A;}

/* ===== 全体 ===== */
.wrap{max-width:1000px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow{position:relative;display:inline-block;padding:10px;}
.arrow::before{content:'';width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:48%;bottom:8px;transform:translateX(-48%);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}

.more_btn{margin-right:12px;font-size:15px;text-align:right;}
.more_btn a{padding-right:32px;display:inline-block;border-bottom:1px solid #000000;color:#000000;text-decoration:none;position:relative;}
.more_btn a::after{width:24px;height:24px;content:"";display:block;position:absolute;right:-12px;bottom:-12px;border:1px solid #000000;border-radius:50%;box-sizing:border-box;}
/* コンテンツのフェードイン表示 */
.fade-in{opacity:0;visibility:hidden;transition:opacity 1s ease, visibility 0s linear 1s;}
.fade-in.is-visible{opacity:1; visibility:visible;transition:opacity 2s ease, visibility 0s linear 0s;}

#page-top{position:fixed;bottom:0;right:16px;z-index:999;}
#page-top a{width:80px;height:80px;display: block;position:relative;}

/* ===== header ===== */
#header{width:100%;padding:8px 5%;position:sticky;top:0;z-index:999;display:flex;justify-content:space-between;box-sizing:border-box;background:rgba(255,255,255,0.8);}
#logo{width:130px;}
#logo a{text-decoration: none;color:#333333;}
/* home */
.home #header{width:180px;height:98vh;margin-bottom:80px;padding:0;justify-content:center;align-items:center;flex-direction:column;position:relative;top:inherit;}
.home #header #logo{width:120px;margin-bottom:80px;}

/* ===== global_menu ===== */
#global_menu{width:calc(100% - 180px);}
#global_menu ul{display:flex;justify-content:flex-end;}
#global_menu ul li{margin-left:12px;padding-left:20px;display:inline-block;background:url("image/menu_icon.svg") no-repeat left center / 14px;font-size:15px;}
#global_menu ul li:first-of-type{margin-left:0;}
#global_menu ul li a{color:#000000;text-decoration:none;}
/* home */
.home #global_menu{width:auto;}
.home #global_menu ul{margin-bottom:80px;writing-mode:vertical-lr;display:inherit;}
.home #global_menu ul li{margin:0 2px;padding:20px 0 0;display:inherit;background-position:center top;font-size:16px;}
/* === head_fixed === */
#head_fixed{position:fixed;right:0;top:20%;z-index:999;}
#head_fixed li{margin:8px 0;font-size:15px;letter-spacing:0.05em;writing-mode:vertical-lr;}
#head_fixed li a{padding:16px 8px;display:block;background:#d6c0ab no-repeat center center / cover;color:#FFFFFF;text-decoration:none;}
#head_fixed li:nth-of-type(2) a{background-image:url("image/instagram_bg.jpg");}
#head_fixed li span{padding-top:28px;background:no-repeat center top / 21px;}
#head_fixed li:nth-of-type(1) span{background-image:url("image/cart_icon.svg");}
#head_fixed li:nth-of-type(2) span{background-image:url("image/instagram_icon.svg");}

/* mainimage */
.mainimage{width:calc(100% - 180px);height:98vh;position:absolute;top:0;right:0;}
.mainimage img{width:100%;height:100%;object-fit:cover;}

/* ===== contents ===== */
#contents{margin-bottom:80px;}
#contents section{padding:64px 0;}
h2.top_head{width:100%;margin:0 0 40px -13px;display:flex;justify-content:center;flex-direction:column;font-size:28px;writing-mode:vertical-rl;}
h2.top_head small{display:block;font-size:13px;}

/* about_box */
#about{position:relative;}
#about .about_box{display:flex;justify-content:space-between;}
#about .about_box .about_img{width:49.5%;height:80vh;}
#about .about_box .about_img img{width:100%;height:100%;object-fit:cover;}
#about .about_detail{width:32%;max-height:90%;padding:64px 40px 48px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#FFFFFF;box-sizing:border-box;}
/* information */
#information{background:#f5f5f5;}
#information .wrap{padding-top:48px;background:url("image/information_bg.svg") no-repeat right top / 43%;}
#information .info_wrap .item{padding-top:24px;display:flex;flex-direction:column;position:relative;}
#information .info_wrap h3{height:210px;padding:24px 8px 12px 4px;background:#FFFFFF;position:absolute;right:12px;top:0;box-sizing:border-box;font-size:21px;line-height:1.2;writing-mode:vertical-lr;}
#information .info_wrap .info_img{margin-bottom:16px;}
#information .info_wrap p{font-size:15px;}
#information .info_wrap .more_btn{margin-top:auto;}
/* instagram */
#instagram .wrap{background:url("image/instagram_bg.svg") no-repeat 0 8px / 40%;}
/* インスタと連携後削除 */
#instagram ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#instagram ul li{width:24%;margin:1% 0;}
/* ここまで */

/* ===== footer ===== */
#footer{padding:0 0 32px;background:#363636;}
/* f_access */
#f_access{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;top:-40px;border-bottom:1px solid #FFFFFF;}
#f_access .f_con_item{width:48%;margin-bottom:40px;background:#FFFFFF;display:flex;justify-content:space-between;flex-wrap:wrap;box-shadow:1px 2px 6px 1px rgba(0,0,0,0.5);}
#f_access .f_con_item .acc_img{width:180px;}
#f_access .f_con_item .acc_img img{width:100%;height:100%;object-fit:cover;}
#f_access .f_con_item dl{width:calc(100% - 180px);padding:12px 16px;box-sizing:border-box;}
#f_access .f_con_item dl dt{margin-bottom:12px;}
#f_access .f_con_item dl dt::before{margin-right:4px;content:"◆";color:#d6c0ab;}
#f_access .f_con_item dl dd{font-size:13px;line-height:1.6;}
#f_access .f_con_item dl dd ul li{margin-left:20px;list-style:disc;}
#f_access .f_con_item dl dd .red{font-size:12px;}
#f_access .f_con_item.wide{width:100%;}
#f_access .f_con_item.wide .acc_img{width:45%;}
#f_access .f_con_item.wide .acc_detail{width:55%;padding:24px;display:flex;justify-content:center;flex-direction:column;box-sizing:border-box;}
#f_access .f_con_item.wide .acc_detail h2{max-width:240px;margin-bottom:12px;}
#f_access .f_con_item.wide .acc_detail p{margin-bottom:0;}
#f_access .f_con_item.wide .acc_detail p .map{margin-left:12px;text-align:center;}
#f_access .f_con_item.wide .acc_detail p .map a{width:120px;display:inline-block;background:#d6c0ab;font-size:13px;color:#FFFFFF;text-decoration:none;}
#f_access .f_con_item.wide .acc_detail p .map a span{padding-left:16px;background:url("image/map_icon.svg") no-repeat left center / 14px;}
#f_access .f_con_item.wide .acc_detail p a[href^="tel:"]{color:#000000;}
/* f_logo */
#f_logo{width:240px;margin:0 auto 40px;}
/* f_menu */
#footer .f_menu{margin-bottom:40px;}
#footer .f_menu li a{color:#FFFFFF;text-decoration:none;}
#footer .f_menu li::after{margin:0 8px;content:"/";color:#FFFFFF;}
#footer .f_menu li:last-of-type::after{display:none;}
/* copyright */
#footer div.copy{text-align:center;font-size:12px;color:#FFFFFF;}

/* === 配下共通 === */
#sub_head{height:70vh;background:url("image/about/sub_image01.jpg") no-repeat center center / cover;position:relative;}
#sub_head h1{height:100%;margin:auto;display:flex;justify-content:center;align-items:center;font-size:28px;color:#FFFFFF;letter-spacing:0.2em;writing-mode:vertical-lr;}
#sub_head h1::after{width:1px;height:160px;content:"";position:absolute;left:50%;bottom:-80px;background: linear-gradient(0deg, #000000 0%, #000000 50%, #FFFFFF 50%, #FFFFFF 100%);}
h2.page_title{margin-bottom:64px;font-size:28px;text-align:center;letter-spacing:0.3em;}
h2.page_title::after{width:100px;margin:0 auto;content:"";display:block;border-bottom:1px solid #000000;}
h2.sub_title{margin-bottom:24px;font-size:30px;letter-spacing:0.3em;}
h3.sub_title{margin-bottom:24px;font-size:20px;letter-spacing:0.3em;}

/* === 大御和神社について === */
.about #contents{margin-bottom:0;}
/* deity */
#deity .deity_name{margin:0 auto 48px;writing-mode:vertical-lr;}
ruby[data-ruby] rt{display:none;}
ruby[data-ruby]{position:relative;display:inline-block;font-size:30px;letter-spacing:0.4em;}
ruby[data-ruby]::after{content:attr(data-ruby);position:absolute;display:block;left:90%;top:0; white-space:nowrap;font-size:44%;letter-spacing:0.26em;}
#deity p{line-height:2.4;letter-spacing:0.2em;}
/* history */
#history .history_img{height:400px;margin-bottom:48px;}
#history .history_img img{width:100%;height:100%;object-fit:cover;}
#history p{margin-bottom:24px;line-height:2.4;letter-spacing:0.2em;}
/* about */
.about #about .about_box .about_img{height:70vh;}
.about #about .about_detail{height:60vh;display:flex;flex-direction:column;background:#FFFFFF url("image/about/about_logo.svg") no-repeat center center / 30%;}
.about #about .about_detail h2.top_head{margin-left:0;}
.about #about .about_detail p{margin-top:auto;}
/* festival */
#festival{padding:64px 0 120px!important;background:#f5f5f5;}
#festival dl{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#festival dt{width:124px;font-size:30px;font-weight:700;letter-spacing:0.2em;writing-mode:vertical-lr;}
#festival dd{width:calc(100% - 124px);border-bottom:1px solid #000000;font-size:20px;}
#festival dd .festival_date{padding:0 12px;display:inline-block;background:#000000;color:#FFFFFF;line-height:1.4;}
#festival dd ul{margin-bottom:8px;letter-spacing:0.2em;}
#festival dd ul.mb{margin-bottom:48px;}
#festival dd ul li{padding-left:28px;position:relative;}
#festival dd ul li::before{content:"◆";position:absolute;left:0;top:0;}

/* === 参拝・御祈禱について === */
.gokitou #sub_head{background-image:url("image/gokitou/sub_image.jpg");}
/* gokitou_about */
#gokitou_about{padding:64px 0 16px!important;border-bottom:1px solid #000000;}
#gokitou_about p{line-height:2.4;letter-spacing:0.2em;}
#gokitou_about p strong{font-size:24px;line-height:1.8;letter-spacing:0.2em;}
#gokitou_about p strong a[href^="tel:"]{font-size:28px;font-weight:700;color:#000000;}
/* service */
#service .service_wrap{margin-bottom:60px;padding:0 5%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#service .service_wrap .service_img{width:60%;}
#service .service_wrap .service_img img{width:100%;height:100%;object-fit:cover;}
#service .service_wrap .service_detail{width:40%;padding:24px 10%;display:flex;justify-content:center;flex-direction:column;box-sizing:border-box;}
#service .service_wrap .service_detail h3{margin:0 auto 40px;font-size:24px;letter-spacing:0.2em;writing-mode:vertical-rl;}
#service .service_wrap .service_detail h3 small{font-size:18px;}
#service .service_wrap .service_detail p{margin-bottom:0;line-height:2.4;letter-spacing:0.2em;}
#service .service_wrap:nth-of-type(even) .service_img{order:2;}
#service .service_wrap:nth-of-type(even) .service_detail{order:1;}
/* trip */
#trip .trip_wrap .item{padding-top:24px;position:relative;}
#trip h3{height:132px;padding:24px 12px 12px 8px;background:#FFFFFF;position:absolute;right:12px;top:0;box-sizing:border-box;font-size:21px;line-height:1.2;writing-mode:vertical-lr;}
#trip .trip_img{margin-bottom:12px;}
#trip p{font-size:15px;}

/* === 授与品・オリジナルグッズについて === */
.goods #sub_head{background-image:url("image/goods/sub_image.jpg");}
#goods .goods_wrap{padding:40px 0;}
#goods .goods_item{display:flex;flex-direction:column;}
#goods .goods_item .goods_img{margin-bottom:12px;}
#goods .goods_item .goods_img img{width:100%;}
#goods .goods_item h3{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #000000;font-size:17px;letter-spacing:0.2em;}
#goods .goods_item h3 .fee{display:block;text-align:right;}
#goods .goods_item h3 .fee small{margin-right:8px;font-size:14px;}
#goods .goods_item p{margin-bottom:24px;font-size:15px;letter-spacing:0.2em;line-height:2;}
#goods .goods_item .more_btn{margin-top:auto;}

/* contact */
#contact{text-align:left;}
#contact dt{margin-bottom:4px;}
#contact dt span.red{margin-left:16px;padding:0 8px;background:#D90000;color:#FFFFFF;font-size:11px;}
#contact dd{margin-bottom:16px;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;}
.wpcf7 input[type="submit"]{display:block;width:200px;margin:0 auto;padding:4px 0;border:1px solid #0F2350;cursor:pointer;outline: none;background:#0F2350;color:#FFFFFF;box-sizing: border-box;-webkit-appearance: none;border-radius:0;clear:both;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#0F2350;}

/* ===== single ===== */
.single #contents h2.page_title{padding: 0.2em 0;border-top: solid 3px #333333;border-bottom: solid 3px #333333;color:#333333}
.entry_data{font-size:11px;text-align:right;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (min-width: 1025px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1200px) {
/* === 参拝・御祈禱について === */
	#service .service_wrap .service_detail{padding:24px 32px;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:32px;position:absolute;top:50%;right:3%;transform:translateY(-50%);cursor:pointer;z-index:100001;text-align:center;}
	.overlayMenuBtn span{width:32px;position:relative;display:block;border:2px solid #000000;transition:.5s;background-color:#000000;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 6px;}
	.overlayMenuBtn small{margin-top:8px;display:block;font-size:11px;}
	/* overlayMenu */
	.overlayMenu{width:100%;height:100vh;display:none;position:fixed;overflow:auto;background:#FFFFFF;z-index:100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}
	/* overlayMenuItem */
	.overlayMenuItem ul.sp_menu{margin:20px 0 40px;padding:0;list-style-type:none;}
	.overlayMenuItem ul.sp_menu li{border-top:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li a{width:100%;padding:12px 24px;display:block;box-sizing:border-box;color:#333333;text-decoration:none;transition:.5s;}
/* ===== header ===== */
	#header{padding:12px 5%;align-items:center;flex-direction:column;}
	/* home */
	.home #header{width:100%;height:inherit;margin-bottom:0;padding:12px 5%;justify-content:space-between;align-items:center;flex-direction:column;position:sticky;top:0;}
	.home #header #logo{width:130px;margin-bottom:0;}
/* === global_menu === */
	#global_menu{display:none;}
/* mainimage */
	.mainimage{width:100%;height:80vh;margin-bottom:48px;position:inherit;top:inherit;right:inherit;}
/* about_box */
	#about .about_detail{width:48%;}
	
/* === 配下共通 === */
	#sub_head{height:50vh;}
	#sub_head h1{font-size:24px;}
	#sub_head h1::after{height:120px;bottom:-60px;}
	h2.page_title{font-size:24px;}
	h2.sub_title{font-size:24px;}
/* === 大御和神社について === */
	/* deity */
	ruby[data-ruby]{font-size:24px;}
/* === 参拝・御祈禱について === */
	/* service */
	#service .service_wrap .service_img{width:52%;}
	#service .service_wrap .service_detail{width:45%;}
/* === 授与品・オリジナルグッズについて === */
	#goods .goods_item{width:46%;margin-bottom:48px;}
}

@media screen and (max-width: 900px) {
	#information .info_wrap .item{width:46%;margin-bottom:48px;}
/* ===== footer ===== */
	#f_access .f_con_item{width:100%;}
	
/* === 参拝・御祈禱について === */
	/* service */
	#service .service_wrap{position:relative;}
	#service .service_wrap .service_img{width:100%;}
	#service .service_wrap .service_detail{width:100%;}
	#service .service_wrap .service_detail h3{padding:12px 8px;background:#FFFFFF;position:absolute;top:0;left:10%;font-size:21px;}
	#service .service_wrap .service_detail h3 small{font-size:15px;}
	#service .service_wrap .service_detail h3 br{display:none;}
	#service .service_wrap:nth-of-type(even) .service_img{order:1;}
	#service .service_wrap:nth-of-type(even) .service_detail{order:2;}
}

@media screen and (max-width: 800px) {
	#page-top{bottom:56px;}
/* === head_fixed === */
	#head_fixed{width:100%;position:fixed;top:inherit;bottom:0;display:flex;justify-content:space-between;}
	#head_fixed li{width:50%;margin:0;writing-mode:inherit;text-align:center;}
	#head_fixed li a{padding:12px 8px;}
	#head_fixed li span{padding:0 0 0 28px;background-position:left center;}
/* mainimage */
	.mainimage{width:100%;height:60vh;}
/* about_box */
	#about .about_box .about_img{height:40vh;}
	#about .about_detail{width:100%;background:none;position:inherit;left:inherit;bottom:inherit;transform:translateX(0);display:flex;justify-content:space-between;flex-wrap:wrap;}
	#about .about_detail h2.top_head{width:auto;margin:-42vh auto 40px;padding:24px 4px 12px;background:#FFFFFF;font-size:24px;}
	#about .about_detail .more_btn{width:100%;}
/* ===== footer ===== */
	/* f_access */
	#f_access .f_con_item.wide .acc_img{width:100%;}
	#f_access .f_con_item.wide .acc_detail{width:100%;}
	/* f_menu */
	#footer .f_menu{font-size:14px;}
	#footer div.copy{margin-bottom:52px;}

/* === 大御和神社について === */
	.about #about .about_box .about_img{height:40vh;}
	.about #about .about_detail{height:inherit;background:none;}
	.about #about .about_detail h2.top_head{height:30vh;margin-left:auto;background:#FFFFFF url("image/about/about_logo.svg") no-repeat center center / 80%;}
	.about #about .about_detail p{width:100%;}
	/* deity */
	#deity p{font-size:14px;}
	/* history */
	#history p{font-size:14px;}
	/* festival */
	#festival dt{font-size:24px;}
	#festival dd .festival_date{font-size:15px;letter-spacing:0.1em;}
	#festival dd ul{font-size:16px;}
/* === 参拝・御祈禱について === */
	/* service */
	#service .service_wrap .service_detail{padding:24px 0;}
	#service .service_wrap .service_detail p{font-size:15px;}
}

@media screen and (max-width: 740px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
/* === 授与品・オリジナルグッズについて === */
	#goods .goods_item{width:48%;}
	#goods .goods_item h3{font-size:16px;letter-spacing:0.15em;}
	#goods .goods_item h3 .fee{letter-spacing:0.2em;}
	#goods .goods_item h3 .fee small{font-size:12px;}
	#goods .goods_item p{font-size:14px;}
}

@media screen and (max-width: 640px) {
	#bread_crumbs{display:none;}
	#page-top{right:8px;}
	#page-top a{width:64px;height:64px;}
	
	#contents{padding-top:48px;}
	.home #contents{padding-top:0;}
	#f_access .f_con_item .acc_img{width:100%;height:240px;}
	#f_access .f_con_item dl{width:100%;}
	#f_access .f_con_item.wide .acc_detail p .map{width:100%;margin:12px auto 0;display:block;}
	#f_access .f_con_item.wide .acc_detail p .map a{width:100%;padding:8px 0;display:block;}
/* about_box */
/* === information === */
	#information .wrap{background-size:52%;background-position:right 3%;}
	#information .info_wrap .item{width:90%;margin:0 auto 48px;}
/* === instagram === */
	#instagram .wrap{background-size:60%;background-position:0 4%;}
	
/* === 大御和神社について === */
	#service .service_wrap .service_img{height:360px;}
	/* festival */
	#festival dt{width:80px;}
	#festival dd{width:calc(100% - 80px);}
	
	.about #sub_head{background-position:left 30% center;}
	.about #about .about_detail h2.top_head{height:31vh;}
	
	#goods .goods_item{width:90%;margin:0 auto 48px;}
	
	#gokitou_about p{line-height:2;letter-spacing:0.1em;}
	#gokitou_about p strong{font-size:18px;letter-spacing:0.1em;}
	#gokitou_about p strong a[href^="tel:"]{font-size:21px;}
}