@charset "UTF-8";
/*
Theme Name:		  kokoro_yochien_temp
Version:		1.0
License:
License URI:

#794c3b


*/

/* global box-sizing */
*,*:after,*:before {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* html element 62.5% font-size for REM use */
html {font-size:62.5%;scroll-padding-top: 70px;}
body {font:500 1.4em/1.5 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color:#000;text-align:center;}
img {vertical-align:bottom;border:0;max-width:100%}
a {text-decoration:none;color:#000}
input:focus {outline:0;border:1px solid #04A4CC;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {  margin:0;  padding:0;}

table {border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var {  font-style:normal;  font-weight:normal;}
abbr{text-decoration: none;border: none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {  font-size:100%;  font-weight:normal;margin-bottom:1em}
sup {  vertical-align:text-top;}
sub {  vertical-align:text-bottom;}
input,textarea,select {  font-family:inherit;  font-size:inherit;  font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select {  max-width:100%;  *font-size:100%;}
a:hover,a img:hover,button:hover ,.btn a:hover{ opacity: 0.7;}
main p,main div,main ul,main ol,main table {margin-bottom:1em;}
main ul{margin-left:1em}
.maru{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

/*#########################################################
レイアウト
#########################################################*/
#container{max-width:1100px;margin:0px auto;text-align:left}
/* サイトヘッダ */
header#site-header {position: sticky;padding-bottom: 5px;
text-align: center;
top: 0;background-color: rgba(255,255,255,0.9);z-index: 1;}
header#site-header h1{margin-bottom:0px;padding-top: 5px;}
header#site-header h1 img{max-width:60%;max-height: 200px;
filter: drop-shadow(2px 2px 4px #aaa);}
.hd_main{margin-bottom: 10px;align-items: flex-end;}
.hd_contact img{max-width:100%}
.hd_contact{padding: 5px;}
.hd_contact div{max-width:20%}
.hd_contact .hd_tel{position: absolute;}
.hd_contact .hd_fb{float:right;}

header nav{font-size:1.4rem;}
header nav ul{display:flex;margin-bottom: 10px;justify-content:center}
header nav li{margin-right:2px}
header nav ul a{color: #fff;padding: 10px;display: block;border-radius: 12px;background-color: #794c3b;}
header nav ul a:hover{background-color:#41a6fb;}
header nav ul.sub-menu a{border-style:none;border-radius:0px;background-color:unset;color: #794c3b;}
header nav ul.sub-menu a:hover{color:#bd765b}
header nav ul.sub-menu{border:1px solid #aaa}

.cont{background-color:#fff;}


/* メインカラム */
main {flex:1}
.type-post main article.entry {border-bottom: 3px dotted #efefef;}
main .navigation {
  padding: 20px;
}
blockquote{background-color:#eee;padding:1em;margin-bottom:1em;border-radius:12px;font-weight:bold;font-size:1.4rem}
blockquote p{margin:0}

/* サイトフッタ */
footer#site-footer {clear:both;padding:40px 10px;text-align:center}


footer #copyright{border-top:1px solid #415191;padding-top:8px}
footer .ft_menu{margin-bottom:20px}
footer .ft_menu li:first-child{border-left:1px solid #999}

footer .ft_menu li{list-style-type:none;display:inline-block;;border-right:1px solid #999}

footer .ft_menu li a{display:inline-block;margin: 0 5px;}

/*### WordPress native ###*/
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right;margin-left:10px }
.alignleft { float: left;margin-right:10px }
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;max-width: 100%;}

/* clearfix */
.clearfix {overflow: hidden;zoom: 1;}
.clearfix:after {content: ""display: block;clear: both;}





/*######################################################*/

nav ul.mainmenu li{}


/* top */
.home main article.entry{border-style:none}
.home .top_image{overflow:hidden;text-align:center;border-radius: 20px;margin-bottom: 20px;}

.home .top_image .sidephoto{width:23%;}
.home .top_image .sidephoto img{width:96%;margin:5px;box-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.home .top_image::after{content:"下鴨神社の森を南に、東は高野川、西は賀茂川を望む閑静な住宅街の中に在ります。";position:absolute;top: 20px;left: 20px;font: bold 1.8rem serif;color: #000;text-shadow: 1px 1px 2px rgba(255,255,255,0.8),-1px 1px 2px rgba(255,255,255,0.8),1px -1px 2px rgba(255,255,255,0.8),-1px -1px 2px  rgba(255,255,255,0.8);text-align:left;margin-right: 20px;}


.home .top_up{display:flex;justify-content: space-between;}

.home .top_oshirase{background-color:#def;border-radius:10px;padding:10px 20px;width:50%}
.home .top_oshirase h2{font-weight:bold;color:#09f;font-size:1.8rem;margin-right:10px;white-space: nowrap;}
.home .top_oshirase .oshirase_cont{margin-bottom:0}
.home .top_oshirase .oshirase_cont h3{color:#fff;font-weight:bold;font-size:1.4rem;background-color:#09f;display:inline-block;border-radius:8px;padding:5px 10px}
.home .top_oshirase .oshirase_cont h4{font-weight:bold}


.home .top_menubox{width:48%}

.home .top_menubnr {}
.home .top_menubnr a{margin-bottom:2px;display:block;border: 1px solid #ddd;border-radius: 6px;}
.home .top_menubnr a img{height:auto;}

.home .top_menu ul{margin-left:0;}
.home .top_menu li{list-style-type:none;margin-bottom:2px}
.home .top_menu li a{display:block}
.home .top_menu  a{background-color:#f9ddb9;background-repeat:no-repeat;background-position: 10px center;background-size: auto 80%;padding:20px;font-size:1.6rem;text-align:center;border-radius:6px;border:1px solid #d2a379;font-weight:bold;background-image:url("/common/imgs/h2.png")}

.home .top_menu a:hover{background-color:#f7d0c7}

.home .top_cont .top_cont_box{margin-bottom:20px;overflow: hidden;}

.home .acc_image{float:right;max-width:40%;margin-left:10px}


.home .top_cont_box h2{font-weight:bold;font-size:1.6rem;color:#f9a316;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";margin-bottom:.5rem}
.home .newblogs{border:1px solid #f9a316;padding:1rem 1rem 0;border-radius:10px}
.home .newblogs .blogitem{border-bottom:1px dotted #aaa;margin-bottom:.5rem;clear: left;overflow: auto;}
.home .newblogs .blogitem:last-child{border-bottom-style:none}
.home .newblogs .blogttl{font-weight:bold;margin-bottom:5px}
.home .newblogs .blogttl span{font-weight:normal;color:#999;margin-right:1em;display: block;}
.home .newblogs .blog_excerpt{margin-left:1em}
.home .newblogs .blogitem img{float:left;width:80px;height:80px;border-radius: 40px;margin-right: 20px;
margin-bottom: 10px;}

.home .top_access iframe{width:100%;height:400px;margin-bottom:1em}

.home .topevent{border:1px solid #aaa;padding: 5px 10px;border-radius: 10px;}
.home .topevent p{margin-bottom:.5rem}

.home .tamagoinfo img{float:left;margin-right:10px;max-width:50%}
.home .tamagoinfo h3{font-weight:bold;margin-bottom:5px}


.main h2.page-title {font-size:2.4rem;background:url("/common/imgs/h2.png") no-repeat left center;border-bottom:3px solid #794c3b;padding:5px 0px 6px 70px;background-size:contain;font-weight:bold;color:#794c3b;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";width: 100%;}
.entry-content h3{font-weight:bold ;font-size:1.8rem;background-color:#cc6c00;color:#fff;padding:3px 10px;clear:both;border-radius:10px;}
.entry-content h4{font-weight:bold ;clear:both;font-size:1.4rem;border-bottom:2px dotted #cc6c00;color:#cc6c00;width:100%}
.entry-content h5{font-weight:bold ;}
.entry-content dl,.entry-content ol,.entry-content ul{margin-bottom:1em}
.entry-content dl dd,.entry-content ol,.entry-content ul{margin-left:2em}
.entry-content dl dt{font-weight:bold;color:#e18484}
.entry-content td,.entry-content th{border:1px solid #aaa;padding:3px;vertical-align:top}
.entry-content th{background-color:#eee}
.entry-content .pgcpy{background-color:#fee;text-align:center;font-weight:bold;padding: 1em;font-size:2rem;border-radius:999px;color: #900;}
.entry-content .pgcpy span{font-size:1.6rem;color: #000;}
.entry-content .pgcpy p{margin-bottom:5px}

.entry-content ul.dl li{list-style-type:none;margin-bottom:1em}
.entry-content ul.dl li a{background:url("/common/imgs/icon_pdf.gif") no-repeat left center;padding:5px 40px;background-size:contain;line-height:24px;color:#000;}
.entry-content ul.dl li a:hover{opacity:0.7}

.entry-content ul.wp-block-gallery{margin-left:0}

.main .entry{margin-bottom:20px}
.main .entry-header h3{background-color:#ffefaa;border-radius:6px;font-size:1.5rem;font-weight:bold;padding: 6px;margin-bottom:0px}
.main .entry-header h3 span{font-size:1.2rem;font-weight:normal;margin-right:1em}
.main .entry-header .entry-cat{text-align:right}
.main .entry-header .entry-cat a{color:#900}

.entry-content strong{font-weight:bold;color:#900}
.entry-content .box{margin-bottom:2em;overflow:hidden}

.container.type-post .cont{display:flex}

.entry-content .btn a{background-color:#ffebeb;border-radius:10px;display:inline-block;color:#000;padding:10px;text-align:center;border:1px solid #d88;font-weight:bold}
.entry-content .btn a::before{content:"＞";margin-right:.5em;color:#c00}

a.dl_pdf{background:url("/common/imgs/dl_pdf.png") no-repeat left center;padding:12px 40px;background-size: contain;}
a.contact_mail_btn{background:url("/common/imgs/icn_mail.png") no-repeat left center;padding:12px 50px;background-size: contain;}
a.album_btn{background:url("/common/imgs/icn_photo.png") no-repeat left center;padding:12px 50px;background-size: contain;}

/*時計アイコン*/
.time::before{content:"\1F570";margin-right:.5rem;font-size:120%}

.gmap{width: 100%;}


/*page-outline*/
/*page-feature*/


/*page-enter*/
.page-enter .buscourse{display:flex}
.page-enter .buscourse p{text-align:center;border:1px solid #ddd;margin:2px;flex:1;font-weight:bold;}

.buscourse .bus_lightblue{color:lightblue}
.buscourse .bus_green{color:green}
.buscourse .bus_blue{color:blue}
.buscourse .bus_orange{color:orange}

/*page-enter_demo*/
.page-enter_demo .buscourse{display:flex}
.page-enter_demo .buscourse p{text-align:center;border:1px solid #ddd;margin:2px;flex:1;font-weight:bold;}

.buscourse .bus_lightblue{color:lightblue}
.buscourse .bus_green{color:green}
.buscourse .bus_blue{color:blue}
.buscourse .bus_orange{color:orange}






/*page-day*/
.page-day .day_kyusyoku_img{float:right;margin-left:20px;width:40%;text-align:right}





/*events*/
.page-event .event_months{display:flex;flex-wrap: wrap;}
.page-event .event_month{width:33%}
.page-event .event_month img{float:right;max-width: 60%;}


/*misyuenji*/
.page-misyuenji .suzume_cpy{border:2px solid #6a6;padding:2em;border-radius:20px}
.page-misyuenji .suzume_cpy h4{font-size:2rem}






/*アルバム*/

.logout_lnk{    text-align: right}
.logout_lnk a{color:#fff;background-color:#900;font-weight:bold;border-radius:6px;padding:10px}
.entry-content .wp-block-gallery ul{margin-left:0}


/*画像一覧*/
.photo_boxes{display:flex;flex-wrap: wrap;}
.photo_box,.photo_boxes>img{width:49%;margin-bottom: 1%;margin-right: 1%;}
.photo_box img{aspect-ratio: 4 / 3;width: 100%;object-fit: cover;margin-bottom:3px;}
.photo_boxes>img{aspect-ratio: 4 / 3;object-fit: cover;}
.column4 .photo_box{width:24%;}


.entry-content a[href$=".pdf"]{padding:10px;color:#000;border:1px solid #f00;border-radius: 8px;margin-bottom: 1em;display: inline-block;}
.entry-content a[href$=".pdf"]::before {content:"";display:inline-block;width:20px;height:20px;background:url("/common/imgs/icn_pdf.svg") no-repeat left center;background-size:contain;vertical-align: bottom;margin-right: .5em;}
.entry-content a[href$=".pdf"]:hover{background-color:#fee}


form{ width: 100%;}
input[type='text'],input[type='email'],input[type='password'],textarea{font-size:2rem;margin-bottom:2px;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='submit']{width:100%;padding:5px 10px;font-size:1.6rem;font-weight:bold;  border-radius: 5px;border:1px solid #999}
input[type='submit']:hover{background-color:#999}

.post-password-form input[type='password']{margin-bottom:1em}



/*plugin my_calendar format=mini 専用*/
.topCal {display:flex;justify-content: space-between;margin-bottom:5px}
.topCal .mc-main{width: 49%;position: relative;margin-bottom:0}
.topCal .mc-content{margin-bottom:0}
.topCal .my-calendar-table{width:100%;margin-bottom:0}
.topCal td,.topCal th{border:1px solid #aaa;vertical-align: top;}
.topCal th{text-align:center}
.topCal .event-icon{text-align: center;font-size:1.2rem;display:block}
.topCal td{height: 36px;}
.topCal .mc-date{font-size:1.1rem;display: block;}
.topCal .mcat_sat {background-color: #8de17b;}
.topCal .mcat_tamago{background-color: #ffd700;}
.topCal .mc-main .calendar-events {position: absolute;top: 0;left: 0;width: 100%;border: 1px solid #aaa;padding:5px;background: #fff;box-shadow: 0 0 2px;}
.topCal .mc-main .details .mc_edit_links{background-color:#ddd;text-align: center;font-size: unset;}
.topCal .mc-main .close:hover, .mc-main .close:focus {background-color: #fff}
.topCal .mc-main button.close {position: absolute;right: 3px;top: 4px;padding: 0;background: #b00 !important;border-radius: 999px;color: #fff;border-style: none;width: 30px;height: 30px;border-style: none;}
.topCal .mc-date-container{margin-bottom:0;min-height: 30px;}
.topCal .dashicons-dismiss::before {content: "X";font-weight:bold;font-size: 1.5rem;}
.topCal .heading{text-align:center;margin-bottom: 3px;font-weight: bold;}




@media screen and (max-width:1099px) { 

.home .top_image{border-radius:0px}
.cont{padding:0 20px;}

}

@media screen and (max-width:810px) { 
.home .top_menu .top_menu_item{width:49.5%}
.column4 .photo_box{width:49%;}
footer .ft_menu{display:none}


}

@media screen and (max-width:680px) { 

header nav ul a{border-radius:0px}
header nav ul.sub-menu{margin-bottom:0px}
.hd_contact{margin-right: 10px;}
.hd_contact .hd_tel{position: relative;float:left}
.hd_main {}
header#site-header h1 img{max-width: 80%;}
.home .top_image{border-radius: 0px;}
.home .top_intro{border-radius: 0px;}
.hd_contact .hd_fb{display:none}
.hd_contact div{max-width:100%}

.home .top_access .top_access_inner{float:none;width:100%;padding-bottom:0px;}
.home .top_access iframe{float:none;width:100%;height:300px}
header nav ul a{padding:16px}


.page-events .event_month{width:48%}
footer .ft_menu{margin-bottom:1em}

footer .ft_menu li{list-style-type:none;padding-right:0em}

footer .ft_menu li a{padding:10px;}

.page-misyuenji #sbc-calendar-wrapper table tr td{}
.page-misyuenji #sbc-calendar{margin:0;float:none;width:100%}
.page-misyuenji .sbc-calendar-month{width: auto;float:none}
.page-misyuenji #sbc-calendar table thead th, .page-misyuenji #sbc-calendar tr td{font-size:14px}
.page-misyuenji #sbc-calendar table{width:100%}
.page-misyuenji #sbc-calendar table thead th{color:#999}




.page-event .event_month{width:50%}

}



@media screen and (max-width:639px) { 

.home .top_cont .top_cont_box{}
.home .top_up{display:block}
.home .top_oshirase,.home .top_menubox{width:100%}

 .home .top_cont .top_cont_box.top_info{width:100%}

.page-day .day_kyusyoku_img{width:50%;}

.entry-content ul.imgs li{width: 100%;margin-right: 0;}


}

@media screen and (max-width:479px) { 
.container.type-post .cont {display: block;}
.home .top_menu .top_menu_item{width:100%;padding:20px 10px 20px;background-size: 33%;background-position: center top, -100% bottom;background-repeat: repeat-x, no-repeat;}
.home .top_image::after{white-space: normal;position:relative;top:0;left:0;font-size:1.2rem;padding:5px}

header#site-header h1{min-height:auto;width: 60%;
    margin: auto;}
.home .top_menu ul,.home .top_menubnr{flex-wrap:wrap}
.home .top_menu li,.home .top_menubnr a{width:100%}

.home .top_oshirase{display:block}
.home .acc_image{max-width:100%;width:100%;float:none}

.page-event .event_month{width:100%}

.photo_boxes .photo_box{width:100%;margin-bottom: 1%;margin-right:0;}

}







/*menber*/
.member .top_oshirase{background-color:#def;border-radius:10px;padding:10px;display:flex}
.member .top_oshirase h2{font-weight:bold;color:#09f;font-size:1.4rem;margin-right:10px;margin-bottom:0;white-space: nowrap;}
.member .top_oshirase .oshirase_cont{margin-bottom:0}

.member .top_menubnr {display:flex;flex-wrap:wrap;justify-content:space-between;}
.member .top_menubnr a{width:49.5%;margin-bottom:4px;display:block}
.member .top_menubnr a img{border-radius:10px;height:auto}

.member .top_menu ul{display:flex;margin-left:0;justify-content:space-between}
.member .top_menu li{width:49%;list-style-type:none;margin-bottom:2px}
.member .top_menu li a{display:block}
.member .top_menu  a{background-color:#fafffa;background-repeat:no-repeat;background-position: 10px center;background-size: auto 80%;padding:20px;font-size:1.6rem;text-align:center;border-radius:6px;border:1px solid #9c9;font-weight:bold;background-image:url("/common/imgs/h2.png")}

.member .top_menu a:hover{background-color:#dfc}


.entry-content dl,.entry-content ol,.entry-content ul{margin-bottom:1em}
.entry-content dl dd,.entry-content ol,.entry-content ul{margin-left:2em}
.entry-content td,.entry-content th{border:1px solid #aaa;padding:3px 5px;vertical-align:top}

.entry-content ul.dl li{list-style-type:none;margin-bottom:1em}
.entry-content ul.dl li a{background:url("/common/imgs/icon_pdf.gif") no-repeat left center;padding:5px 40px;background-size:contain;line-height:24px;color:#000}
.entry-content ul.dl li a:hover{opacity:0.7}