/*
Theme Name:PORIPU tears for SANGO
Template:sango-theme
Theme Name:sango-theme-poripu
Theme URI:https://oldno07.com/poripu/
Author: マサオカ
Author URI:https://oldno07.com/
Description: SANGOの子テーマです。SANGO親テーマをインストールした状態で、本子テーマを適用してください。使い方は<a href="https://oldno07.com/poripu/">デモサイト</a>を御覧ください。
Version:1.28
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/
/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{

}
.fa5 .entry-content h2:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {

}
.fa5 .entry-content h3:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {

}
.fa5 .entry-content h4:before {/*fontawesome5を使う場合*/
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}


.single_fixed{
  z-index:99;
  background:#fff;
  display:none;
}

.single_fixed #logo:before {
  height: 0;
}

.single_fixed #drawer__open{
	font-size:22px;
	left:auto;
	right:2px;
  top:2px;
}

.single_fixed #drawer .fa-bars{
  padding:0 0 0 3px;
} 

.fixed{
position:fixed;
top:0;
width:100%;
font-weight:bold;

}

.single_fixed-mokuji{
position:fixed;
top:0;
right:10px;
font-weight:bold;

}

.single_fixed .single_fixed-mokuji,.header-comment{
display:none;
color:#736e6e;
}

.single_fixed #drawer__open{
color:#4f96f6;
}

.header-comment{
padding-left:10px;
}

#ez-toc-container.single_fixed-mokuji-toc{
position:fixed;
top:-10px;
left:0;
width:100%;
}

.modal-body .ez-toc-title-container{
display:none;
}

.modal-body ul{
display:block !important;
}

/*モーダルを開くボタン*/
.modal-open{
position: fixed;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
left: 50%;
width: 300px;
height: 50px;
font-weight: bold;
color: #fff;
background: #000;
margin: auto;
cursor: pointer;
transform: translate(-50%,-50%);
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
position: fixed;
top: 82px;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,50%);
padding: 40px 20px;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: .3s;
box-sizing: border-box;
z-index:50;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
opacity: 1;
visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
position: relative;
display: inline-block;
vertical-align: middle;
position:fixed;
top:88px;
left:1%;
width: 98%;
height: calc(100% - 110px);
background: #fff;
z-index: 51;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
position: fixed;
display: flex;
align-items: center;
justify-content: center;
top: 100px;
right: 0;
width: 40px;
height: 40px;
font-size: 40px;
cursor: pointer;
z-index:60;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
background: #fff;
text-align: left;
margin-top:-10px;
}

/*contensの中身*/
#drawer__content h5{
padding-left:5px;
}

#drawer__content h5{
border-bottom:3px solid #858daa;
}

a:hover {
text-decoration: none;
}

.drawer__title{
color:unset !important;
background:#fff !important;
}

.drawer__title__close span, .drawer__title__close span:before{
color:unset !important;
background:#151515 !important
}

#drawer__content{
font-size:62.5%;
}

#drawer__content h4.widgettitle{
position:relative;
background:#6773a026;
background-size: 100% 100%;
padding: 5px 5px 5px 15px;
border-bottom: 2px solid #6773a0;
font-size: 1.5em;
color:#0b265b;
}

#drawer__content h4.widgettitle:before{
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  content: "";
  width: 5px;
  height: 100%;
  background: linear-gradient(to bottom, #d1bc8d, #d1bc8d);
}

#drawer__content h4,#drawer__content h5{
margin-bottom:0;
}

#drawer__content h6{
border-left:4px solid #d1bc8d;
margin: 12px 0 5px 6px;
padding: 0 10px 0 5px;
}


#drawer__content h5,#drawer__content h6, #drawer__content ul, #drawer__content table{
font-size:1.4em;
}

#drawer__content table{
border-collapse:collapse;
width:100%;
}

#drawer__content table tr{
border-top:1px dotted #ccc; 
border-bottom:1px dotted #ccc;
}

#drawer__content table td{
border-left:1px dotted #ccc;
line-height:1.5;
}

#drawer__content table tr td a,
#drawer__content ul li a
{
padding: 10px 8px 10px 15px;
display:block;
line-height:1.5;
}

#drawer__content ul li{
border-bottom:1px dotted #ccc;
}




.modal-menu{

}

.modal-menu ul{
  animation:none;
  display:table;
  width:100%;
  background:#fff;
  margin:0;
}

.modal-menu ul li{
  display: table-cell;
  width:25%;
  text-align: center;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed
}

.modal-menu ul li a{
	color:#535353;
  display: block;
  width: 100%;
  font-weight: normal;
}
.header_table{
	width:92%;
  margin-top:2px;
  display:table;

}

.header_table .header_table-cell{
	display:table-cell;
	padding:4px;
	color:#fff;
	text-align:center;
	vertical-align:top;
  padding:0;
  padding-top:4px;
}

.header_table .header_table-cell:nth-of-type(1){
  width: 15%;
}

.header_table .header_table-cell:nth-of-type(3){
  width: 15%;
  padding-left:0;
}



.header_table a img{
	width:32px;
	height:32px;
	padding-left:2px;
}

.header_table figure{
  margin-bottom:0;
  padding-bottom:0;
}

.header_table a figure figcaption{
	  font-size: 10px;
    transform: scale(0.8);
    transform-origin: center;
    display: block;
    margin: 0 auto;
    /* color: #3ba4cf; */
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    margin-top: -2px;
}

.header_table .searchform__input,.header_table .searchform__submit,.header_table .searchform__submit i{
	height:38px;
	line-height:38px;
}
.modal-body {
	overflow-y:auto;
}
.modal-body ul{
	padding-left:10px;
}

.modal-body ul li{
	border-bottom:1px solid #ccc;
}

.drawer__open_figure .drawer__open{
	font-size:20px;
}


.single_fixed #drawer__open{
  line-height:1.8;
  left:auto;
  right:2px;
}

.drawer__open_figure .drawer__open{
	color:#4f96f6;
}


.drawer__open_figure figcaption{
    font-size: 10px;
    scale: 0.8;
    right: 2px;
    position: absolute;
    top: 29px;
	  color:#4f96f6;
    display:none;
}

.single_fixed figcaption{
  display:block;
}

.history_date{
	font-size:12px;
}

.header_table-cell .searchform__input{
  font-size:16px;
}

@media screen and (max-width: 630px) {
  #menu-box {
      width: 100%;
      background: #fff;
      overflow: hidden;
      margin-bottom: 0px;
  }

  #menu-box #menu {
    width: 100%;
    margin: 0 auto;
    padding: 0
  }


  #menu li {
    width: 33.33%;
    border-bottom: 1px solid #eee;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    text-align:center;
  }

  #menu-box #menu li a {
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    font-size: 10.5px;
    color: #4f4f4f;
    text-align: center;
    text-decoration: none;
    border-left: 1px solid #eee;
  }
}

#drawer__content{
	left: 0;
	top: 0;
}

.single_fixed #drawer__open{
	top:10px;
}

#drawer .fa-bars:after{
	margin-top:0;
	scale:0.7;
}