@charset "utf-8";
/*
Theme Name: xeory_extension_child
Template: xeory_extension
*/

/* 右左交互になってるの右に統一する */
body.home #front-contents .c_box.c_box_right .c_box_inner {
    float: left;
    z-index: 10;
}

body.home #front-contents .c_box.c_box_right .c_img_box {
    left: auto;
	right: 0;
    background-position: center top;
}

/*参考：https://souken-blog.com/2018/08/02/wordpress-xeory-extension007/ */
/* トップページ：ファーストビュー */

body.home #main_visual {
	background-image:url("https://soundbox.tokyo/wp-content/uploads/2023/06/20230603集合写真.png") !important;
	background-size:cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
	background-color:#000 !important; 
    }

body.home #main_visual p {
    font-size:15px;
    padding:30px 20px;
    border:solid 1px #fff;
    border-radius:10px;
    }

@media (min-width: 768px) {
    
body.home #main_visual p {
    font-size:20px;
    } 
    
}

body.home #main_visual p br {
    display:none;
    }

@media (min-width: 768px) {
    
body.home #main_visual p br {
    display:inline;
    } 
}

/* トップページ：見出しの突起を消す */
body.home .tri-border {
    display:none;
    }


/* ヘッダーの色を変更 */

body #header {
    background: #58656e;
    }

#gnav {
    background-color: #58656e;
    }

#gnav ul li a {
    background-color: #58656e;
    }

#gnav ul li a:hover,
#gnav ul li a:focus {
    background-color: #3e494f;
    }

#gnav ul li.current-menu-item a {
    background: #58656e;
    }

#header-fnav-area #header-fnav-btn a {
    background-color: #3e494f;
    }

#header-nav-btn a {
    background-color:#3e494f;
    }

@media (max-width: 767px) {
#header-nav-btn a {
    background-color: #3e494f;
    }
}

/* トップページ：記事カテゴリー色変更 */

body.home .front-loop .popular_post_box .p_category {
    background-color: #fff;
    border:solid 1px #009fb7;
    color:#009fb7;
    }

/* トップページ：クローズアップ記事・サービス記事の色変更 */

body.home .front-main-cont .front-cont-header {
    background-color: #58656e;
    }

body.home #front-contents .c_number {
    background-color: #58656e;
    }

body.home #front-contents h3 {
    color: #58656e;
    }

body.home #front-service .front-service-inner h3 {
    color: #58656e;
    }

.c_btn .btn {
    background-color:#009fb7 !important;
    color:#fff !important;
    }

/* トップページ：サービス記事の修正（画面幅991px以下） */

@media (max-width: 991px) {
    
body.home #front-service .front-cont-header {
    margin-bottom:30px !important;
    } 

body.home #front-service .front-service-inner .c_box {
    padding-top:10px;
    }
    
body.home #front-service .front-service-inner .c_box:first-child {
    border-bottom:solid 1px #ababab;
    } 
    
body.home #front-service .front-service-inner .c_box h3 {
    margin-top: 5px;
    font-size:25px;
    } 
    
body.home #front-service .front-service-inner .c_box .c_text br {
    display:none;
    }  
}

/* スマホ用ページを見やすく修正*/
@media (max-width: 767px) {
article.page .post-content{
    padding: 2px;
    }
#content .wrap {
    margin: 10px;
	}
#shinkan_banner {
    width: 95%;
    text-align: center;
	}
}


/* 会社情報の色変更 */

body.home #front-company dl#front-company-1 dt {
    border-top: 2px solid #58656e;
    }

/* お問い合せの色変更 */

#front-contact .c_box {
    background-color:#fff;
    }

#front-contact label {
    color:#000;
    }

body.home #front-contact input,
body.home #front-contact textarea {
    border:solid 1px #58656e;
    width:100% !important;
    }

body.home #front-contact input.wpcf7-submit {
    background-color:#009fb7 !important;
    border:none;
    }

/* フッターの背景色変更 */
#footer {
    border-top:solid 8px #58656e !important;
    }

#footer #footer-brand-area {
    border-bottom: 1px solid #58656e;
    }

#footer .footer-01 {
    background-color:#58656e;
    }

#footer .footer-02 {
    background-color:#58656e;
    }


/* フッターの文章を左寄せ */
/*
.footer-address {
    text-align:left !important;
    }
*/

/* 固定・投稿ページのリンク色を変更 */

.single #main article a,
.page #main article a {
    color:#009fb7 !important;
    }

.breadcrumb-area a {
    color:#009fb7 !important;
    }

.side-widget a {
    color: #009fb7;
    }

/* 固定・投稿ページの文字サイズを変更 */

.post-content {
    font-size:17px;
    line-height:1.8em;
    }

@media (min-width: 768px) {
    
.post-content {
    font-size:18px;
    } 

/* メニューボタン押したときの位置を調整 */
element.style {
    top: 78px;
}
}

@media (min-width: 992px) {
    
.post-content {
    font-size:19px;
    }  
    
}/* 固定・投稿ページの背景色を変更 */

#content {
    background-color:#fafafa !important;
    }

/* 投稿ページのカテゴリー色を変更 */

.post-header .cat-name span {
    border: 1px solid #009fb7;
    color: #009fb7;
    }

/* 投稿ページの見出し色を変更 */

#content .post-content h2 {
    background-color:#58656e;
    border-left:solid 10px #3e494f;
    }

#content .post-content h3 {
    border-bottom: 2px solid #58656e;
    }

#content .post-content h4 {
    border-left: 5px solid #58656e;
    }

/* 投稿ページのCTA色を変更 */

#content .post-cta {
    background-color:#58656e;
    }

#main article .post-cta-btn .button {
    background-color:#009fb7;
    color:#fff !important;
    }

/* 投稿ページのコメント欄を変更 */

#content #comments h4 {
    border-bottom: 5px solid #58656e;
    }

#content #comments a {
    color:#009fb7;
    }

#content form input[type="submit"] {
    background-color: #009fb7;
    }

/* アーカイブページ：記事タイトルのマスホバー色変更 */

#content .post-title a:hover {
    color:#009fb7;
    }

/* アーカイブページ：「続きを読む」の色変更 */

#content .post-footer a.morelink {
    background-color: #009fb7;
    }

/* アーカイブページ：ページャーの色変更 */

#content .pagination .current {
    background-color: #009fb7;
    }

/* ヘッダを透明にして、上部に固定する */
body #header {
/*
	position: fixed;
    z-index: 10;
    width: 100%;
    opacity: 0.8;
*/
}

/* ピックアップコンテンツの画像が右すぎるバグを修正 */
#content .wrap {
    position: relative;
}

/* youtube埋め込み用*/
/* https://qiita.com/0084ken/items/e7d35d2a8eb507f4d59c */
.frame-wrapper__video {
  position: relative;
  width: 100%;
/*   height: 0; */
  padding-bottom: 56.25%;
/*   overflow: hidden;
  margin-bottom: 50px; */
}

.frame-wrapper__video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0;
  left: 0;
}