/*
Theme Name:yStandard-c
Template:ystandard
Version:4.21.3
*/

/* PC用スマホともに共通 -------------- */

/*共通*/

.wp-block-image .aligncenter > figcaption,.global-nav__menu > .menu-item > a:hover,.ToposRecruit,.ToposTel,.AboutToposbutton{
	background-color: #ff8228;
}

.has-text-align-center,.ToposRecruitbutton,.wp-block-preformatted {
    color: #ff8228;
}

.wp-block-image .aligncenter > figcaption,.AboutToposbutton,.ToposTel,.ToposTel:hover,.footer-main{
	color: #fff;
}

.wp-block-image .aligncenter > figcaption,.AboutToposbutton,.wp-block-preformatted,.ToposTel,.footer-main{
	font-weight: bold;
}

.ToposRecruit h2 span,.ToposNews h2 span,.ToposOffice h2 span,.AboutTopos span,.ToposContact span{
    padding-bottom: 10px;
	font-size:30px;
}

.ToposNews h2 span,.ToposOffice h2 span,.AboutTopos span,.ToposContact span{
	border-bottom: 2px solid #ff8228;
}

.AboutToposbutton,.ToposRecruitbutton {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
    text-decoration: none;
}

.AboutToposbutton,.ToposRecruitbutton,.wp-block-preformatted {
	border:2px solid #ff8228;
}

.AboutTopos-section,.wp-block-preformatted {
	background-color:#fff;
}



/*前置き*/

.TopTopos{
	background-color:#FFF;
	background-image: url(https://goodbread.with-you.me/wp-content/uploads/2021/07/3e82518db10b0b7ec0b3d02389c5d736-1-1024x609.png);
}

.TopTopos h2{
	font-family: 'Noto Serif JP', serif;
	color: #000;
}

/*トポスの会について*/


.AboutToposbutton:hover {
  background-color: #fff;
  border-color: #ff8228;
  color: #ff8228;
}

.AboutTopos{
	margin-bottom: 50px!important;
	
}

.AboutToposbutton{
	margin:70px auto 14px;  
}

.wp-block-preformatted {
	overflow-y:none;
}

/*お知らせ*/

.ToposNews {
	background: -webkit-repeating-linear-gradient(-45deg,#FFE1AB 0,#FFE1AB 3px,#fff 3px,#fff 6px);
    background: -o-repeating-linear-gradient(-45deg,#FFE1AB 0,#FFE1AB 3px,#fff 3px,#fff 6px);
    background: repeating-linear-gradient(-45deg,#FFE1AB 0,#FFE1AB 3px,#fff 3px,#fff 6px);
}



.wp-block-image .aligncenter > figcaption{
	border-radius: 0px 0px 18px 18px;
	padding: 12px 22px;
	margin: -9px 0 0;
	text-align: left;

	}

.wp-image-52{
	height: 178px;
	width: 300px;
}


.wp-block-columns {
    margin-top: 59px;
}

/*施設情報*/

.ToposOffice h2 span {
	color:#ff8228;
}


.ToposOffice h2 span {
	color:#ff8228;
}

.OfficeImage{
	overflow:		hidden;
	position:		relative;
}

.OfficeImage .caption {
	width:			100%;
	height:			100%;
	font-size:		130%;
	position:		absolute;
	top:			0;
	left:			0;
	text-align:		center;
}

.OfficeImage .caption p {
	font-size:		130%;
	color:			#fff;
	opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
	font-family: 'Sawarabi Gothic', sans-serif;
}



/*採用情報*/

.ToposRecruit h2{
    color: #fff;
}

.ToposRecruit h2 span{
	border-bottom: 2px solid #fff;
}

.ToposRecruit p {
    margin-top: 45px!important;
    color: #fff;
    font-weight: bold;
}

.ToposRecruitbutton {
    margin-top: 20px;
    background: #fff;
	margin: 70px auto 98px;
}

.ToposRecruitbutton:hover{
	border:2px solid #fff;
}

/*お問い合わせ*/

.ToposContact{
	margin-bottom:30px!important;
}

.ToposTel{ 
	display:block;
	text-align: center;
	text-decoration: none;
	font-size: 32px;
	border-bottom: solid 10px #d2691e;
	padding: 21px 0;
	margin: 46px auto;
	}

.ToposTel:active{
	border-bottom: none;
}

.ToposTel span{
	background-image: url(https://goodbread.with-you.me/wp-content/uploads/2021/07/tel.png)!important;
	position: absolute;
	height: 50px;
	width: 100px;
	background: no-repeat;
	width: 100px;
	display: block;
}
	
/*フッター*/
.footer-main {
    background-color: #624221;
}
.footer-poweredby{
	display:none;
}

@media screen and (min-width:1024px){
/* PC用CSS -------------- */

.site-content {
    margin: -35px auto -66px;
}

.content__main {
    background-color: transparent;
}

/*ヘッダー*/
.site-header {
    border-top: 5px solid #ff8228;
}

.site-branding {
    margin: 10px 0;
}

/*共通*/

.global-nav__container a{
    color: #ff8228;
}
	
.AboutToposbutton,.ToposRecruitbutton {
    width: 300px;
}

.AboutToposbutton,.ToposRecruitbutton:hover{
	background-color: #ff8228;
}

.ToposRecruitbutton,.AboutToposbutton:hover{
    color: #ff8228;
}

.ToposRecruitbutton:hover{
	color: #fff;
}

/*グローバルナビ*/

.global-nav__container ul {
    margin: 0 -100px 0px 0px;
}

.global-nav__search-button svg {
    display: none;
}

.global-nav__menu > .menu-item > a {
    padding: 30px 0;
	width: 152px;
	transition: all 1s 0s ease;
	margin-left: -22px;
}

.global-nav__menu > .menu-item > a::after {
	height:0;
	background-color:none;
}

.global-nav__menu > .menu-item.current-menu-item > a::after {
    width: 0px;
}

.global-nav__menu > .menu-item > a:hover {
	color:#fff!important;
}

/*前置き*/

.TopTopos{
	padding: 128px 318px !important;
}

.TopTopossecond p{
	margin: 24px auto;
	letter-spacing: 10px;
	width: 60%;
}

.TopTopos h2{
	font-size: 32px!important;
}



/*トポスの会について*/

.wp-block-preformatted {
    height: 300px;
}



/*お知らせ*/


.Toposnewsthree{
	overflow:hidden;	
}


.wp-image-52{
	transition: all 0.2s;
}

.wp-image-52:hover{
	transform: scale(1.1, 1.1);
	
}


/*施設情報*/

.OfficeImage{
	width: 370px;
    height: 200px;
}
	
.OfficeImage .caption p {
	padding-top:	38px;
}
	
.OfficePadding{
    padding-bottom:30px;
}
	
.OfficeImage .caption {
	visibility:		hidden;	/* 文字を表示しない */

}

.OfficeImage:hover .caption {
	visibility:		visible;	/* 文字を表示する */
}



.OfficeImage:hover .caption p {
	opacity:		1;	/* 文字を表示する */
}

.OfficeImage:hover .caption p span{
	font-size: 13px;
	display: block;
	padding: 0 20px;
	text-align: left;
}

.OfficeImage .mask1, .OfficeImage .mask2 {
	width:			50%;	/* 幅は半部のサイズ */
	height:			100%;
	position:		absolute;
	top:			0;
	background-color:	rgba(255,130,40,0.6);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}

.OfficeImage .mask1 {
	left:			-50%;	/* 枠の左に置いて表示させない */
}

.OfficeImage:hover .mask1 {
	left:			0px;	/* 左にずらして表示する */
}

.OfficeImage .mask2 {
	right:			-50%;	/* 枠の右に置いて表示させない */
}

.OfficeImage:hover .mask2 {
	right:			0px;	/* 右にずらして表示する */
}

.Officeunder{
	margin-top:-15px;
}

/*お問い合わせ*/
	
.ToposTel{ 
	width: 430px;
	}

.ToposTel span{
	background-position-x: 50px;
}

	
	}

/*IPAD版*/

@media (min-width:667px) {  

/*共通*/


.global-nav__container a{
    color: #ff8228;
}
	
.AboutToposbutton,.ToposRecruitbutton {
    width: 300px;
}

.AboutToposbutton,.ToposRecruitbutton:hover{
	background-color: #ff8228;
}

.ToposRecruitbutton,.AboutToposbutton:hover{
    color: #ff8228;
}

.ToposRecruitbutton:hover{
	color: #fff;
}

/*トポスの会について*/

.wp-block-preformatted {
    height: 310px;
	overflow:hidden;
}
	
	
/*グローバルナビ*/
	
.global-nav__search .search-field,.global-nav__search .search-form .search-submit {
    visibility: hidden!important;
	display:none!important;
}



/*前置き*/
.TopTopos h2{
	font-size: 24px;
}

/*お知らせ*/
.Toposnewsthree {
    margin-bottom: 31px;
}
	
/*施設情報*/

.OfficeImage{
    height: 150px;
}
	
.OfficePadding{
    padding-bottom:15px;
}
	
.OfficeImage .caption p {
	padding-top:10px;
}
	

.Officeunder{
	margin-top:-15px;
}
	
.ToposOffice h2 span {
	color:#ff8228;
}

.OfficeImage{
	overflow:		hidden;
	position:		relative;
}

.OfficeImage .caption {
	width:			100%;
	height:			100%;
	visibility:		visible;	/* 文字を表示しない */
	font-size:		130%;
	position:		absolute;
	top:			0;
	left:			0;
	text-align:		center;
}

.OfficeImage .caption {
	visibility:		visible;	/* 文字を表示する */
}

.OfficeImage .caption p {
	font-size:		130%;
	padding-top:18px;
	color:			#fff;
	opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
	font-family: 'Sawarabi Gothic', sans-serif;
}

.OfficeImage .caption p {
	opacity:		1;	/* 文字を表示する */
}

.OfficeImage .caption p span{
	font-size: 13px;
	display: block;
	padding: 0 20px;
	text-align: left;
}

.OfficeImage .mask1, .OfficeImage .mask2 {
	width:			100%;	/* 幅は半部のサイズ */
	height:			100%;
	position:		absolute;
	top:			0;
	background-color:	rgba(255,130,40,0.6);
}

	
/*お問い合わせ*/

	
.ToposTel{ 
	width: 430px;
	}

.ToposTel span{
	background-position-x: 50px;
}
	
	
}


/*スマホ版*/

@media (max-width:667px) {  

/*共通*/


.ToposRecruitbutton{
    color: #ff8228;
}

/*グローバルナビ*/
	
.global-nav__search .search-field,.global-nav__search .search-form .search-submit {
    visibility: hidden!important;
	display:none!important;
}

/*前置き*/
.TopTopos h2{
	font-size: 21px;
}
	
/*施設情報*/

.OfficeImage{
    height: 150px;
}
	
.OfficePadding{
    padding-bottom:15px;
}
	
.OfficeImage .caption p {
	padding-top:10px;
}
	

.Officeunder{
	margin-top:-15px;
}
	
.ToposOffice h2 span {
	color:#ff8228;
}

.OfficeImage{
	overflow:		hidden;
	position:		relative;
}

.OfficeImage .caption {
	width:			100%;
	height:			100%;
	visibility:		visible;	/* 文字を表示しない */
	font-size:		130%;
	position:		absolute;
	top:			0;
	left:			0;
	text-align:		center;
}

.OfficeImage .caption {
	visibility:		visible;	/* 文字を表示する */
}

.OfficeImage .caption p {
	font-size:		130%;
	padding-top:18px;
	color:			#fff;
	opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
	font-family: 'Sawarabi Gothic', sans-serif;
}

.OfficeImage .caption p {
	opacity:		1;	/* 文字を表示する */
}

.OfficeImage .caption p span{
	font-size: 13px;
	display: block;
	padding: 0 20px;
	text-align: left;
}

.OfficeImage .mask1, .OfficeImage .mask2 {
	width:			100%;	/* 幅は半部のサイズ */
	height:			100%;
	position:		absolute;
	top:			0;
	background-color:	rgba(255,130,40,0.6);
}

	
/*お問い合わせ*/
	
.ToposTel{ 

	}

.ToposTel span{
	background-image : none!important;
}
	
	
}