@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */


/************************************
** 幅変更
************************************/


#container {
  padding:0;
  margin: 0 auto;
}

#header-in, #navi-in, #body-in, #footer-in{
	width: calc(110vh + 300px);
	max-width:1300px;

  margin: 0 auto;
  box-sizing: border-box;
}

.article {
	width:100vh;
	max-width:900px;

}

#main {
	width: 110vh;
	max-width:950px;

}





/************************************
** 関連記事の表示カスタマイズ
************************************/


.related-entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.related-entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}

.related-entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}

#main .related-entry {
    border-bottom: 1px dashed #C0C0C0;
    padding-bottom: 15px;
}


/* テーブル（表）の設定 */
.scrollable-table {
    overflow: scroll;
}
/* 一番左の列の固定 */ 
.wp-block-table tbody tr:first-of-type {
    background-color: #FFF4E0; /* 見出しの背景色を指定 */ 
    position: -webkit-sticky; 
    position: sticky;
    z-index: 1;
}
/* 一番上の行の固定 */
.wp-block-table tbody tr td:first-of-type { 
    background-color: #FFF4E0; /* 見出しの背景色を指定 */ 
    position: -webkit-sticky; 
    position: sticky; 
    left: 0; 
    z-index: 2;
}
/* テーブルの要素を中央揃えに */
.wp-block-table td { 
    vertical-align:middle !important; 
    text-align:center; 
    padding:10px !important; /* テーブルの縦の要素の距離感をお好みで */ 
}



/* 検索エンジン */ 
#form4{
position:relative;
max-width:300px;	
margin-bottom:20px;
}
#sbox4{
height:50px;
padding:0 10px; 
position:absolute; 
left:0;
top:0; 
border-radius:25px;
outline:0;
background:#eee;
}
#sbtn4{
height:50px;
width:50px;	
position:absolute; 
left:250px; 
top:0;
background:#7fbfff;
color:#fff;
border:none;
border-radius:0 25px 25px 0;
}
#sbtn4 .fa-search{
font-size:20px;	
position:absolute;
top:30%;
left:30%;	
}
#sbtn4:hover{
color:#888;
}