@charset "utf-8";
/*
Theme Name: TEMPLATE
Theme URI: 
Description: WordPress 4.x
Version: 1.0
License: GNU General Public License
Author: MDS
*/
/* この行より上は編集不可
---------------------------------------------------------------------------------------- */
.tribe-bar-disabled {
    width: 45%;
}
.tribe-bar-disabled #tribe-bar-form label {
    font-size: 16px;
    line-height: 120%;
}
.tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list,
.tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option {
    margin: 0;
    font-size: 20px;
}
#tribe-bar-views .tribe-bar-views-list {
    padding: 0 0 5px 0;
    background-color: #DFDFDF;
}
.tribe-bar-disabled .tribe-bar-views-inner {
    padding: 5px 0 35px;
}
input#tribe-bar-date {
    font-size: 20px!important;
}
@media screen and (max-width: 768px){
	.tribe-bar-disabled {
	    width: 100%;
	}
	.tribe-bar-disabled #tribe-bar-form label {
	    font-size: 16px;
	    line-height: 120%;
	}
	.tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
	    margin: 0;
	    padding: 6px 15px;
	}
	.tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list,
	.tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option {
	    margin: 0;
	    font-size: 32px;
	}
	input#tribe-bar-date {
	    font-size: 32px!important;
	}
	.tribe-bar-disabled .tribe-bar-views-inner {
	    height: 82px;
	}
	#tribe-bar-views label {
	    margin-bottom: 12px;
	}
}

/* この行より下は編集不可
---------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


/* =1. General Setting 
-------------------------------------------------------------- */
.sPhone { display: none;}
html, body, #page, #wrapper {
  height: 100%;
}
html, body, applet, object, iframe, strong,
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: middle;
	list-style:none;
	}
body{
	font-family: 'Noto Sans','Noto Sans JP', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "メイリオ",Meiryo,"游ゴシック体", "Yu Gothic", YuGothic,"ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
  backface-visibility: hidden;
	} 
ul, ol {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
ul li {
	list-style-type: none;
}
img {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	line-height: 100%;
	vertical-align: middle;
}
.clear{ 
	clear: both;
	line-height: 0
}
#sidebar > div > li {
	list-style-type: none;
}
.wp-pagenavi {
    margin-top: 30px;
    margin-bottom: 30px;
}
	.pageRoot a{
	    text-decoration: underline;
	}
#wrapper {
    width: 100%;
}
.container {
    padding: 0;
}

/* =Utility
-------------------------------------------------------------- */
.clearfix {
    zoom: 1;/*for IE 5.5-7*/
    min-height: 1%;
}
.clearfix:after {/*for modern browser*/
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    display: inline-table;
    /*\*/display: block;/**/
}
img {border: none;}
.red {color: #C00;}
.mini{font-size:x-small;}
.w80p {width: 80%;margin: 0 auto;}
.pd20 { padding: 20px;}
.pb30 { padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}
.ptb30 { padding: 30px 0;}
.ptb50 { padding: 50px 0;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb150 {margin-bottom: 150px;}
.fl {float: left;}
.fr {float: right;}
.alignR {text-align: right;}
.alignC {text-align: center!important;}
.alignL {text-align: left;}
.fontL {
  font-size: 150%;
}
.center {
    margin: 0 auto;
}
a:link,a:visited,
.post .pageRoot a:link,.post .pageRoot a:visited,
.post .newsArea article p a:link,
.post .newsArea article p a:visited {
	color: #333;
	text-decoration: none;
	vertical-align: baseline;
}
a:hover,a:active {
	text-decoration: underline;
}
.post a:link, .post a:visited {
    color: #228224;
    line-height: normal;
    vertical-align: baseline;
}
.flexwrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* =2. Basic Layout 
-------------------------------------------------------------- */
#wrapper {
}
#wrapper,#contents,#footer {
	margin: 0 auto;
	width: 100%;
}
#contents {
    margin: 0 auto;
}
	.home #contents {
	}
.sectionWrap {
    margin: 0 auto;
    width: 960px;
}
.sectionWrap02 {
    margin: 0 auto;
    width: 740px;
}
#footer {
}
#footerInner{
}

/* =3. Header, Menu
-------------------------------------------------------------- */

/* =4.  Main
-------------------------------------------------------------- */
.breadcrumbs {
    padding-top: 15px;
    height: 60px;
    font-size: 12px;
}

/*** Blog info ***/
div.info{
	color: #666;
	font-size:85%;
	margin: 0 0 10px;
	}
	.info ul {
		margin:0;
		float: right;
	}
	.info li{
		float: left;
		list-style: none !important
	}
	
/*** Contents ***/
a.more-link{
	font-size:85%;
	padding:2px 20px 5px 10px;
	text-align:right;
	text-decoration:none;
	margin-left:480px;
	display:block;
	}
	
/*** Bottom Navigation, Comment Navigation ***/
div.nav-below{margin: 0 auto 30px auto;overflow:auto;}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:10px}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#222;
		font-size:85%;
		text-decoration:none;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #999
			}			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		text-align:right;
		}

/* =5. Post Entry
-------------------------------------------------------------- */
.post p{margin-bottom:10px;}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-style:italic;
	}
	.post blockquote p{margin:0;}
	.post div.wp-caption{margin: 20px 0;}
	.post div.wp-caption img{ margin: 0;}
	.post div.wp-caption p{ font-size:85%;}
	.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style-type: disc;
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}

/* =6.widget
-------------------------------------------------------------- */


/* =7.  Footer
-------------------------------------------------------------- */

.pageTop {
    display: none;
}
.pageTop {
    position: fixed;
	bottom: 100px;
	left: 50%;
    margin-left: 550px;
    width: 60px;
    height: 60px;
    text-align: center;
}
	.pageTop img{
	    height: 60px;
	}
	.pageTop a {
	    display: block;
	}
#footer {
    background-color: #e5e5e5;
}

/* =Pages
-------------------------------------------------------------- */



/* =iPad
-------------------------------------------------------------- */
@media screen and (max-width: 1024px){
	#contents,
	#contents #main .section,
	#contents #main .sectionInner,
	#footerInner,
	#headerInner,.pageRoot {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}
	#headerInner {
		height: auto;
		max-width: 100%;
		text-align: center;
		}
		#sPhoneSwitch,#sPhoneCallSwitch {
    			display: none;
		}
	.mainVisual {
		    width: auto;
	}
	.sectionWrap,
	.sectionWrap02 {
	    width: auto;
	    margin: 0 auto;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	#header .logoArea {
	    font-size: 11px;
	}
	.footerInner {
	    width: 100%!important;
	    margin: 0 auto;
	}
		.footerInner .col-md-3 {
		    padding: 0 5px;
		}
	.gutter-10 {
	    margin-left: 0;
	    margin-right: 0;
	}
	.row {
	    margin-right: 0;
	    margin-left: 0;
	}
}

/* =スマホ
-------------------------------------------------------------- */
@media screen and (max-width: 767px){
	.pc {display:none!important;}
	.sPhone { display: block;}
	img {
		max-width: 100%;
	}
	.mb30 {
	    margin-bottom: 20px!important;
	}
	.mb50 {
	    margin-bottom: 40px!important;
	}
body {
    position: relative!important;
    left: 0!important;
    font-size: 14px;
    font-size: 1.4rem;
}
	select, textarea,input:not([type]), input[type="color"],
	input[type="email"], input[type="number"],
	input[type="password"], input[type="tel"],
	input[type="url"], input[type="text"] {
		padding: 3px 0px;
		max-width: 90%;
	}
	.pageRoot {padding: 0;}

	.sectionWrap,
	.sectionWrap02{
	    display: block;
	    margin: 0 auto;
	    width: auto;
	}

}


/*gridのgutter調整
------------------------------------------------ */
/*溝幅 20pxの場合*/
.gutter-20{
margin-left:-10px;
margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}
 
/*溝幅 10pxの場合*/
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}

/*溝幅 4pxの場合*/
.gutter-0{
margin-left:0px;
margin-right:0px;
}
.gutter-0 > [class*='col-'] {
padding-left:0;
padding-right:0;
}
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
.wp-pagenavi a, .wp-pagenavi span {
    vertical-align: baseline;
}
@media screen and (max-width: 767px){
	.row.gutter-10,
	.row.gutter-20  {
	    margin: 0;
	}
}



/* pages: Common
------------------------------------------------ */
.flexWrap {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.flexWrap.justify-center {
    -webkit-justify-content: center;/*--- safari（PC）用 ---*/
    justify-content: center;
    -webkit-align-items:center;/*--- safari（PC）用 ---*/
    align-items:center;
}

/* 補正 */
.content_osimai2,
ul.nav a, ul.nav a:visited {
    width: auto;
}
.content_osimai {
    height: auto;
}
@media screen and (max-width: 768px){
}

/* イベントカレンダー
------------------------------------------------------------ */
#tribe-events-pg-template {
    padding: 30px 10px;
}
#tribe-mobile-container .type-tribe_events {
    padding: 20px 0 16px;
    margin-bottom: 0;
    border-bottom: dashed 1px #ccc;
}

#tribe-events a.tribe-events-gcal.tribe-events-button,
#tribe-events a.tribe-events-ical.tribe-events-button {
    display: none;
}

.single-tribe_events .tribe-events-single-event-title {
    font-size: 2.0em;
    line-height: 1;
    margin: 0;
    width: 100%;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 15px;
    background: -moz-linear-gradient( top, #61b946 0%, #1b6d12);
    background: -webkit-gradient( linear, left top, left bottom, from(#61b946), to(#1b6d12));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(087,087,087,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(087,087,087,0);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(087,087,087,0);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.3), 0px 1px 0px rgba(255,255,255,0.3);
}
.tribe-events-schedule h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 1.6em;
}
	.tribe-events-schedule.tribe-clearfix h2:before {
	    content: "開催日:";
	}
.tribe-events-single-event-description.tribe-events-content:after {
    clear: both;
    margin-bottom: 20px;
    display: block;
    content: " ";
}
/* 詳細ページにサムネイルは表示しない */
.single-tribe_events .tribe-events-event-image {
    display: none;
}

h2.tribe-events-list-event-title {
    margin: 50px auto 30px auto;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff!important;
    background: -moz-linear-gradient( top, #61b946 0%, #1b6d12);
    background: -webkit-gradient( linear, left top, left bottom, from(#61b946), to(#1b6d12));
    background:-ms-linear-gradient(top, #61b946, #1b6d12);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(087,087,087,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(087,087,087,0);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(087,087,087,0);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.3), 0px 1px 0px rgba(255,255,255,0.3);
}
	h2.tribe-events-list-event-title a {
	    color: #fff;
	}