@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/




/*--------------------------------------
サイト全体
--------------------------------------*/


/* 全体フォント */

body {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

/* ヘッダーメニュー固定 */

.header {
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
}
/*ヘッダーを固定して詰まった分だけコンテンツを下げる*/
#container{
  padding-top:82px;/*高さは必要に応じて調整してください*/
}
/*見出しへのリンクを見やすいように修正*/
h2 span, h3 span {
  padding-top: 82px;/*高さは必要に応じて調整してください*/
  margin-top: -82px;/*高さは必要に応じて調整してください*/
}



/* ヘッダー */

header.header {
margin:0 0 20px 0;
}


@media only screen and (min-width: 769px){
#inner-header #logo {
    display: inline-block;
    height: 62px;
    line-height: 62px;
    margin: 10px 5px 0 0;
    text-align: left;
    width: auto;
}
}

@media only screen and (max-width: 769px) {
#inner-header #logo {
    margin: 10px 0 0 0;
}
}




/* スマホ用ハンバーガーアイコン */

#drawer .fa-bars{
 margin-top:1.2em;
}
#drawer .fa-bars:after {
 content: "MENU";
 font-size: 8px;
 padding-top:0.3em;
 font-weight: bold;
 display: block;
 letter-spacing:0.1em;
}




/* ヘッダー背景削除 */

.header {
    box-shadow:none;
}


/* グローバルナビ */


nav.desktop-nav ul li {
padding:0 0 12px 0;

}



nav.desktop-nav ul li a {
line-height: 55px;
font-size: 0.85em;
font-weight:bold;

}


nav.desktop-nav ul li span {
display:block;
text-align:center;
font-size: 0.7em;
line-height: 0;
font-weight:normal;
    opacity: .6;
}


#inner-header .desktop-nav li:after {
    background: #02364F;
}





/* フォント */

.entry-content {
  font-size: 95%;
}




/* メインエリアのボーダー */

div#content .post, .sidebar .widget {
    border: none;
}


/* 画面幅いっぱいにしたい要素にあてるクラス */


.widthMax {
  margin: 0 calc(50% - 50vw);
}



/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: 1px solid #e6e6e6; /* 表の一番上の線 */;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    border-radius: 10px 10px 0 0; /* 丸み（※ヘッダーセルが縦の場合は削除）*/
    padding: 1.2em .7em; /* 余白（上下　左右） */
    background-color: #424242; /* 背景色 */
    color: #fff; /* 文字の色 */
    letter-spacing: 0.15em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #e6e6e6; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.5em 0.5em; /* 余白（上下　左右） */
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #e6e6e6; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #e6e6e6; /* 左線 */
}






.post-thumbnail img {
width: auto;
}




/* ボタン */


.flat2 {
    border-color: #02364F;/*線色*/
    color: #666666;/*文字色*/
}
/*ホバー時*/
.flat2:hover {
    background: #02364F;/*背景色*/
    color: #ffffff;/*文字色*/
}





/*--------------------------------------
トップページ
--------------------------------------*/


/* h2 */


#container h2.main {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size:2.3em;
  text-align:center;
  color:#02364F;
  background: none;
  margin:0;

    background-color: none;
    padding: none;
    border-top: none;
    border-bottom:none;
}

#container h2.main:after {
  border: none;
  border-top: none;
  background:none;
}


.entry-content .toc_list a {
    text-decoration: none;
}

.entry-content a {
    text-decoration: underline;
}



/* h3 */


#main .entry-content h3.main {
    font-size;2em;
    margin: 0;
    border-left-width: 0;
    border-left-style: none;
   text-align:center;
}





/*--------------------------------------
固定ページ
--------------------------------------*/


/* h1 */


div.h1_desc {
background-color: #337ab7;
padding:20px 0;
margin:0 0 20px 0;
}


/* h1 配置など */


.page-template-page-1column article.page {
position:relative;

}

.page-template-page-1column header.page-header {
  margin: 0 calc(50% - 50vw);
background-color: #02364F;

}


.page-template-page-1column h1 {
display: table;
margin:0 auto 50px auto;
padding:20px 0;
color:#ffffff;

}


/* ぱんくず */


.page-template-page-1column #breadcrumb {
position:absolute;
top:95px;
left:40px;
background-color: transparent;
}



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

.page-template-page-1column #breadcrumb {
top:80px;
left:5px;
}

}


/* h2 */


.page-template-page-1column h2 {
    padding: 0.8em 0 0.7em;
    border-top: 2px solid #02364F;
    border-bottom: 1px solid #e9e9e9;
}






.footer-contents {
 display:none!important;
}





/*--------------------------------------
フッター
--------------------------------------*/

#container .footer {
border-top: 2px solid #02364F;
background-color: #f9f9f9;
}


.footer #footer-menu {
background-color: transparent;
padding: 40px 10px;
}


.footer #footer-menu .footer-menu__btn {
display:none;
}