@charset "UTF-8";
/*
Theme Name: XeoryExtensionChild
Theme URI: https://xeory.jp/extension
Template: xeory_extension
Description: Xeory拡張子テーマ
Author: バズ部
Author URI: https://bazubu.com/
Version: 1.0.0
*/

/* ヘッダー位置調整 */
#header {
    padding: 10px !important;
}

/* メインビジュアル非表示 */
body.home #main_visual, body.home.color03 #main_visual {
    display: none;
}

/* メイン画像文字調整 */
.home #main_visual h2 {
    font-size: 50px !important;
    font-family: 游明朝 !important;
    font-weight: bold !important;
}

.home #main_visual p {
    font-size: 20px !important;
    font-family: 游明朝 !important;    
}    

.xo-slider-template-default .slide-content-title {
    font-size: 50px !important;
    font-family: 游明朝 !important;
    font-weight: bold !important;
}

.xo-slider-template-default .slide-content-subtitle {
    font-size: 20px !important;
    font-family: 游明朝 !important;    
}

.xo-slider-template-default .slide-content-text {
    font-size: 300px !important;
    font-family: 游明朝 !important;
    opacity:0.5 !important;
}

/*記事投稿を消す*/
.home .front-loop{
display: none;
}

/* 上部記事スペースを消す */
/* .home.color03 #front-contents {
    display: none;
} */

#content {
    padding: 0px 0;
}

/* サービス文字調整 */
.home .front-main-cont .front-cont-header .cont-title {
    font-size: 35px !important;
}
.home .front-main-cont .front-cont-header .cont-ruby
 {
    font-size: 20px !important;
}

/* 問い合わせスペースを色変更 */
.home.color03 #front-contact {
    background: #ffffff !important;
}


/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 105% !important;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid !important;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none !important;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #eee !important;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em !important;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30% !important;
    text-align: right !important;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em !important;
    color: #FFF !important;
    display: inline-block !important;
    padding: 0.3em 0.3em 0.2em !important;
    background: red !important;
    border-radius: 2px !important;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100% !important;
        display: block !important;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0 !important;
        text-align: left !important;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none !important;
    }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid !important;
    padding: 0.5em !important;
    border-radius: 5px !important;
    margin-bottom: 0.5em !important;
    width: 100% !important;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF !important;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) !important;
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid !important;
    padding: 0.5em 4em !important;
    border-radius: 5px !important;
    background: #4C9ED9 !important;
    color: #fff !important;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5) !important;
    font-weight: bold !important;
    margin: 0 0px !important;
    width: 200px !important;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599 !important;
    box-shadow: none !important;
}