@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:100%;overflow:hidden;}
a.page_top{position:fixed;bottom:3em;right:4em;}
p.text{line-height:2;margin-bottom:1em;}

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

/* 全ページ共通パーツ */
div#header{width:100%;margin:0 auto;position:fixed;top:0;left:0;z-index:100;}
div.header_inner{width:100%;margin:0 auto;}
div#header_inner1{background:#246616;}
div#header_inner1 h1{width:80%;min-width:1000px;margin:0 auto;padding:0.5em 0;color:#fff;font-size:0.75em;font-weight:normal;}
div#header_inner2{background:#e9e4d7;opacity:0.8;}
div#header_container{width:80%;min-width:1000px;margin:0 auto;padding:0.8em 0;overflow:hidden;}
div#header_container h2{width:35%;}
div#header_container h2 a{font-size:1.15em;font-weight:normal;font-family:klee-one,sans-serif;font-style:normal;}
div#header_container h2 img{width:5%;margin-right:0.2em;}
nav#global_nav{width:60%;}
nav#global_nav ul li{display:inline-block;text-align:center;margin:0 0.3em;}
nav#global_nav span.menu{display:block;visibility:hidden;font-size:0.9em;}
nav#global_nav ul li:hover span.menu{visibility:visible;}
div#hb_icon a{font-family:klee-one,sans-serif;font-style:normal;font-size:0.8em;}
div#hb_icon li{margin:0 1em;}
div#hb_icon li:first-child{margin:0;}
div#footer{width:auto;margin:0 auto;padding:1em 0 0;background:#246616;}
div#footer_inner{width:90%;margin:0 auto;padding-bottom:5em;background:url(https://test.brassica.website/wp-content/themes/takakura_original/images/image_footer.png) right bottom/60% no-repeat;}
div#footer a{color:#fff;font-size:1em;font-family:klee-one,sans-serif;font-style:normal;}
nav.footer_nav{margin:1em 0;}
nav.footer_nav li{display:inline-block;margin:0 1em;}
nav.footer_nav li:first-child{margin:0;}
address{color:#fff;margin:3em auto 0;}
address a{text-decoration:underline;}
div.wrap{width:80%;margin:2em auto;padding-top:4em;}
h3{width:23%;margin:0 auto 2em;text-align:center;}
h3 img{width:100%;}
p.title{color:#246616;font-family:klee-one,sans-serif;font-style:normal;font-size:1.6em;width:16.5em;padding-right:1em;text-align:center;margin:0 auto 2em;}
span.red{color:#ff1d25;}

/* Top */
div#key_slide{margin:4em auto 2em;position:relative;}
div#key_slide div.n2-ss-slider-2{width:80%;margin:0 auto;border-radius:0 3em 0 0;}
p#slide_caption{position:absolute;top:50%;left:0%;background:rgba(255,255,255,0.6);margin:0;padding:0.5em 1em 0.5em 2em;line-height:1;font-size:1.4em;font-family:klee-one,sans-serif;font-style:normal;}
div#intro h2{font-size:1.8em;font-family:klee-one,sans-serif;font-style:normal;color:#246616;text-align:center;}
p#sub_intro{font-size:1.6em;font-family:klee-one,sans-serif;font-style:normal;margin:2em auto;}
div#news{background:#e9e4d7;padding:2em;}
div#about{overflow:hidden;}
div#about div.left{width:35%;padding:3em 2em;}
div#about div.right{width:50%;padding:3em 2em;}
div#about div.left img{width:100%;}
p#about_caption{color:#bf8c4e;font-family:klee-one,sans-serif;font-style:normal;font-size:1.6em;text-align:center;}
p#about_sub_caption{color:#808080;font-size:1.2em;text-align:center;line-height:2;border-bottom:solid 1px #b3b3b3;padding-bottom:1em;margin-bottom:1em;}
div#message{overflow:hidden;border:dashed 4.5px #e9e4d7;border-radius:1.5em;padding:1.5em;}
div#message div.left{width:30%;}
div#message div.right{width:65%;}
div#message div.left img{width:80%;margin:1em;}
div#message p.pastor_name{text-align:center;font-size:0.85em;}
div#message div.right p#history{margin-top:2em;}
div#welcome p.title{background:url(https://test.brassica.website/wp-content/themes/takakura_original/images/img_welcome.png) no-repeat right bottom/contain;}
div#comein{overflow:hidden;background:#e9e4d7;border-radius:0.7em;padding:1.5em 3em;}
div#comein h3{color:#fff;background:#246616;padding:0.5em;border-radius:0.5em;width:10em;margin:1em;}
div#comein div.left{width:55%;}
div#comein div.right{width:35%;}
div#comein div.right img{width:100%;}
div#worship_list{width:100%;display:flex;justify-content:space-around;padding:2em 0;background:#e9e4d7;}
div.worship_box{width:30%;background:#fff;border-radius:0.7em;padding:1.5em;}
p.worship_title{color:#246616;font-weight:bold;text-align:center;font-size:1.6em;}
div.worship_box img{width:100%;margin:1em auto 2em;text-align:center;}
p.worship_time{color:#bf8c4e;font-size:1.1em;font-weight:bold;line-height:2.5;}
div.worship_box ul li{list-style:disc;margin-left:1em;margin-bottom:0.5em;line-height:2;}
div#classes h3{width:30%;}
div#classes p.title{width:30em;background:url(https://test.brassica.website/wp-content/themes/takakura_original/images/bg_classes.png) no-repeat right bottom/7%;padding-right:1em;}
	/* 一般教室スイッチに設定 */
	div#classes ul.tab-menu{list-style-type:none;display:flex;justify-content:space-evenly;border:solid 2px #246616;border-radius:1.2em;margin:2em 0 1em;width:50%;padding:0.5em 0.8em;}
	ul.tab-menu li{flex:1;padding:0.3em 0;text-align:center;color:#888;border-right:solid 1px #246616;margin-left:0;}
	ul.tab-menu li:last-child{border:none;}
	ul.tab-menu li:hover{cursor:pointer;opacity:0.3;}
	ul.tab-menu li.active{color:#246616;font-weight:bold;}
	ul.tab-menu li.active:hover{cursor:pointer;}
	/* 一般教室切替tabの設定 */
	div.tab-1,div.tab-2,div.tab-3,div.tab-4{display:none;}
	div.active{display:block;}
div.classes_item{overflow:hidden;border:solid 2px #246616;border-radius:1.2em;padding:1.5em;}
div.classes_item div.left{width:30%;}
div.classes_item div.right{width:65%;}
div.classes_item div.left img{width:100%;}
p.classes_title{color:#fff;background:#246616;padding:0.5em;border-radius:0.5em;width:10em;margin:1em 0 2em;text-align:center;}
div.classes_item dl{overflow:hidden;margin-bottom:1em;}
div.classes_item dt{width:5em;float:left;clear:left;font-weight:bold;margin-right:1em;line-height:2;}
div.classes_item dd{width:20em;color:#bf8c4e;font-weight:bold;line-height:2;}
div#contact_form{border-radius:1.5em;padding:3em;width:60%;margin:1em auto;background:#e9e4d7 url(https://test.brassica.website/wp-content/themes/takakura_original/images/bg_contact.png) no-repeat right 3em bottom 3em/10%;}
div#contact p.text{font-size:0.95em;line-height:1;clear:both;}
div#contact form{margin-top:3em;}
div#contact p.label{line-height:2;}
div#contact p.parts{margin:0.8em 0 0.8em 4em;}
div#contact p.submit input{width:6em;padding:0.2em;}
div#contact p.submit{float:left;margin-bottom:3em;}
div.wpcf7-response-output{clear:both;}
div#access{overflow:hidden;}
div#access div.left{width:50%;}
div#access div.right{width:45%;}
div#info{border-radius:1.5em;padding:1em;background:#e9e4d7 url(https://test.brassica.website/wp-content/themes/takakura_original/images/bg_access.png) no-repeat right 1.5em bottom 1.5em/8%;}
p#info_logo{font-size:0.87em;}
p#info_logo img{height:0.9em;}
p#info_name{font-weight:bold;font-size:1.3em;margin:0.5em 0;}
div#route h3{color:#fff;background:#246616;padding:0.5em;border-radius:0.5em;width:10em;margin:2em 0 1em;}
div#public h3{width:15em;}
p.route_title{font-weight:bold;font-size:1.1em;margin-top:1em;}
p#g_map iframe{width:100%;height:33em;}


/* single */
div#post_box{width:80%;margin:3em auto;border:solid #b3b3b3 1px;border-radius:1.5em;padding:2em;}
div#post_info{border-bottom:solid 1px #b3b3b3;padding-bottom:2em;margin-bottom:2em;overflow:hidden;}
p.posttitle{width:65%;float:left;font-size:1.3em;color:#246616;font-weight:bold;margin-bottom:0.8em;}
p.post_date{width:65%;clear:left;float:left;}
p.postimage{width:30%;float:right;}
p.postimage img{width:100%;height:auto;}
figcaption.wp-element-caption{display:none;}
div#post_data figure{width:50%;margin:2em auto;text-align:center;}
div#post_data figure img{width:100%;}
div#main div.pager{width:60%;margin:0 auto;}
.pager p a{font-size:0.9em;color:#246616;}
div.nav-links div a{color:#246616;}
nav.post-navigation{overflow:hidden;margin-top:2em;}
div.nav-links div.nav-previous{float:left;}
div.nav-links div.nav-next{float:right;}

/* 404 */
.error404 #main{overflow:hidden;margin:8em auto;}
p.title_404{font-size:8em;color:#246616;font-weight:bold;text-align:center;}
p.sub_404{font-size:1.6em;font-weight:bold;text-align:center;}
.error404 #main a{width:30%;float:right;text-align:right;padding-right:1.8em;background:url(https://craftparty.net/wp-content/themes/craftparty/images/arrow.png) right center/6% no-repeat;}


/* タブレット用CSS */
@media screen and (max-width: 1200px){
	.pc{display:none;}
	.sp{display:block;}
	h3{width:40%;}
	div#classes h3{width:50%;}
	
	#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:0.8em;margin:0.5em auto;}
	#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%;}
	
	div#header_inner1 h1{width:90%;min-width:600px;}
	div#header_container{width:90%;min-width:600px;}
	div.wrap{width:90%;}
	div#key_slide div.n2-ss-slider-2{width:90%;}
	div#about div.left{width:33%;padding:3em 1em;}
	div#about div.right{width:55%;padding:3em 1em;}
	div.worship_box{width:38%;}
	div#classes p.title{width:28em;font-size:1.5em;padding-right:2em;}
	div#classes ul.tab-menu{width:80%;}
	div#footer_inner{background-size:70%;}
	address{text-align:center;margin-top:1em;}

	/* 404 */
	.error404 #main{margin:15em auto;}
	p.title_404{font-size:4em;}
	
	/* single */
	div#post_main{min-height:1200px;}
}


/* スマホ用CSS */
@media screen and (max-width: 767px){
	div.left,div.right{float:none;width:90% !important;margin:1em auto !important;}
	h3{width:53%;}
	div#classes h3{width:65%;}
	p.title{font-size:1.2em;}
	
	div#header h1{margin-left:1em;}
	div#header_container h2{width:60%;margin-left:1em;}
	div#header_container h2 a{font-size:1em;}
	div.pc_slide{display:none;}
	div.sp_slide{display:block;}
	div#intro{margin-top:0;padding-top:1em;}
	div#intro div.sp_slide div.n2-ss-slider-2{width:100%;margin:0 auto;border-radius:0;}
	p#slide_caption{font-size:0.9em;padding:0.5em;width:100%;text-align:center;}
	div#intro h2{font-size:1.2em;}
	p#sub_intro{font-size:1.2em;}
	div#message{padding:1em 0.5em;}
	div#comein{padding:1em 0.5em;}
	div#worship_list{display:block;}
	div.worship_box{width:75%;margin:1em auto;}
	div#classes p.title{width:15em;font-size:1.2em;background-size:14%;padding-right:2.3em;}
	div#classes ul.tab-menu{width:100%;padding:0.5em;}
	ul.tab-menu li{font-size:0.7em;}
	div#contact p.parts{margin:0.8em 0;}
	div#contact p.parts input,div#contact p.parts textarea{width:15em;}
	div#contact p.submit input{width:6em;}
	div#contact_form{width:80%;padding:2.5em 1em;background:#e9e4d7 url(https://test.brassica.website/wp-content/themes/takakura_original/images/bg_contact.png) no-repeat right 1em bottom 0.8em/10%;}
	div#info{width:85%;margin:1em auto;background-position:right 0.8em bottom 0.8em;}
	p#g_map iframe{height:10em;}
	div#footer_inner{background-size:97%;background-position:center bottom;}
	
	/* single */
	div#post_main{min-height:500px;}
	div#main div.pager{width:90%;}
	div#post_data figure{width:90%;}
}
}