/*
 Theme Name: BusinessPress Child
 Template:businesspress
 Description: BusinessPress Child Theme
 Theme URI: https://businesspress.jp/theme/
 Author: BusinessPress
 Author URI: https://businesspress.jp/
 Version: 1.0.0
*/

/*　■共通 */
p {
  margin: 0 ;
}
h2 {
 margin: 0;
}
.margin_top {
margin-top:25px;
}
.gap_1em {
gap: 1em ;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.contents_wrap {
padding: 0 20px;
}
.contents_wrapQA {
padding: 0 20px;
}
.img_hover:hover {
opacity: 85%;
}
.bg_header {
padding: 0 40px;
}
/* コンテンツとフッターの隙間を消す */
div#primary.content-area {
margin-bottom: 0;
}

.exlink::after{
font-family:'Font Awesome 6 Free';
content:'\f35d';
font-size:0.9em;
margin:0px 3px;
font-weight:900;
}


/* ヘッダー */
.main-header{
	background-color: #fff;	
}

.site-title {
 font-size: 2rem;
}

.main-header-clone .site-title {
 font-size: 1.75rem;
}


@media screen and (min-width: 980px) {
    .main-navigation a { 
		color: #111;
        font-weight: 700;
		text-decoration:underline;
	}
}
@media screen and (min-width: 980px) {
    .main-navigation {
        font-size: 100%;
        line-height: 52px;
    }
}


/* レスポンシブメニュー */
.drawer-navigation a{
			color: #111;
        font-weight: 700;
		text-decoration:underline;
	font-size;
}

.drawer-hamburger {
    width: 66px;
    min-width: 66px;
}
 
.drawer-hamburger-text{
font-weight:bold;
color:black;
position: relative;
top: -10px;
}
 
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
	text-align:center;
    width: 21px;
    min-width: 21px;
    margin-left: auto;
    margin-right: auto;
}

/* 見出しあしらい */
h2.tophead  {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #FFFAF4;/*背景色*/
  border-left: solid 5px #FFAF58;/*左線（実線 太さ 色）*/
}


/* ボタン(登録) */
.button-contact {
margin-left: 0;
}

.button-contact-design a {
text-decoration: none;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 90%;
line-height: 52px;
letter-spacing: .05em;
border-radius: 30px;
background-color: #111;
padding: 13px 25px;
} 

.button-contact-design a:hover {
background-color: #f0f0f0;
}


/* ボタン(ログイン) */
/*.button-login-design a {
  text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 90%;
line-height: 52px;
letter-spacing: .05em;
border-radius: 30px;
padding: 13px 25px;
font-weight: bold;
color: #111;
background-color: #fff;
background-image: none;
border-color: #D06D86;
border-width: 3px;
} 

.button-login-design a:hover {
background-color: #ec6c87;
color: #f0f0f0;
}

.btn-login {
    font-weight: bold;
    color: #8B5760;
    background-color: #fff;
    background-image: none;
    border-color: #D06D86;
    border-width: 3px;
}

.button-resources-design a {
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 90%;
line-height: 52px;
letter-spacing: .05em;
border-radius: 30px;
font-weight: bold;
color: #fff;
background-color: #111;
background-image: none;
border-color: #D06D86;
border-width: 3px;
padding: 13px 25px;
}

.main-header .main-header-clone-show .button-login-design{
display:block;

}

.main-header .main-header-clone .button-login-design {
		display: none;
}

*/

.button-login-design a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #fff;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    background: #ee8134;
    border-radius: 9999px;
    border-bottom: 2px solid #999;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
}
.button-login-design a:hover {
    color: #fff;
    background: #999;
    border-bottom: 2px solid #fff;
    transform: translateY(3px);
}

.button-entry-design a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 250px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #fff;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    background: #0085C8;
    border-radius: 9999px;
    border-bottom: 2px solid #999;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	font-size: 20px;
}
.button-entry-design a:hover {
    color: #fff;
    background: #999;
    border-bottom: 2px solid #fff;
    transform: translateY(3px);
}

@media screen and (max-width: 979px){
.pc-only {display: none;}
	}
	

.button-resources {
    font-weight: bold;
    color: #8B5760;
    background-color: #fff;
    background-image: none;
    border-color: #D06D86;
    border-width: 3px;
}
/* 利用申請下メッセージ*/
.regi-notion{
	    padding: 0 20px;
}
/* 予約状況確認横外部リンクマーク*/
.rese-situation{
	width:120px;
}
.main-navigation .rese-situation a{
	display:inline-block;
	padding-right:5px;
}

/* 追従ログインボタン */

.button{
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 50px;
  color: #fff;
  background: #000;
  padding: 10px;
  cursor: pointer;
  transition: .3s;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

/* アイコン上下余白 */
.icon-space
{
	margin:0 0 30px;
}

@media all and (max-width: 782px) {
	.icon-space {
		margin:0 0 10px;
	}
}

@media all and (max-width: 782px) {
	.menu-space{
		margin:0 0 30px!important;
	}
}



/* 新着情報ブロック */
.sectionNews {
	margin: 1em;
}

.topNewsWrap {
	/*上下中央揃え*/
	display: flex;
	justify-content: left;
	align-items: center;
	max-width: 720px;
	margin: 0 auto;
	padding: 0 20px;
}

.loop-wrapper {
	width: 100%;
}

ul.topNews {
	text-align: left;
	list-style: none;
	margin: 0;
	width: 100%;
}

ul.topNews a {
	color: #111;
	text-decoration: none;
}

ul.topNews a:hover {
	color: #0068B7;
}

p.newsPost {
	display: inline-block;
	margin-right: 40px;
	font-size: 15px;
}

a.newsPostLink {
	text-decoration: none;
	color: #111;
}

.newsPostLink li {
	align-items: center;
}

p.newsPostCat {
	padding: 1px 8px;
	background: #FFD8E5;
	vertical-align: middle;
	font-size: 1rem;
	text-align: center;
	font-weight: 400;
}

p.newsPostTitle {
	font-weight: 700;
	margin-right: 0;
	font-size: 1.5rem;
	text-decoration:underline;
}

.topNews hr {
/* 	border-top: 9px solid #FCF7E1; */
border-top: 1px solid black;
margin: 2.5rem auto;
/* 	border-radius: 6px; */
}

@media all and (max-width: 930px) {
	p.newsPost.newsPostTitle {
		display: block;
		margin-top: 1em;
	}
}


.news-link::before{
font-family:'Font Awesome 6 Free';
content:'\2b';
font-size:0.9em;
margin:0px 3px;
font-weight:900;
}


.news-link a{
color:black;
}





.banner img {
	max-height: 100px;
	object-fit: contain;
}

.banner .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
	padding-left: 3em;
	padding-right: 3em;
}

/*吹き出し
.arrow_box{
    position:relative;
    width:375px;
    height:90px;
    background:#DCF7F7;
    padding:20px;
    text-align:left;
    color:#333333;
    font-size:17px;
    font-weight:bold;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
	    margin: 10px 0;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(220, 247, 247, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    border-bottom-color:#DCF7F7;
    bottom:100%;
    left:17%;
}*/

/*外部リンク*/
/*.menu-item-135::after{
font-family:'Font Awesome 6 Free';
content:'\f35d';
font-size:0.9em;
margin:0px 3px;
font-weight:900;
}*/

.p-arg-wrap {
                overflow-y: scroll;
                height: 350px;
                font-size: 14px;
                border: solid 1px #bcbcbc;
				padding: 20px; 
}

/*上へボタン*/
.back-to-top{
	bottom: 40px;
	background: rgba(0, 0, 0, 0.5);
}

/* モバイル表示 */
@media screen and (max-width: 800px) {
	.banner {
		justify-content: center;
		align-items: center;
	}

	.banner .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
		margin-bottom: 3em;
		max-width: 200px;
	}
}

/* footer */
.site-credit{
	display:none;
}

.back-to-top p{
font-weight:bold;
text-align:center;
}

.site-bottom{
	background-color:#fafafa;
	color:#323232;
}


.site-bottom a {
	color:#323232;
	text-decoration:underline;
}
.site-copyright{
	color:#323232;
}