@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を記入していきましょう。*/




/*表のレスポンシブ*/
.container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  overflow-x: auto;
  white-space: nowrap;
}
.entry-content video{
display:block;
border:solid 1px #999;
max-width:80%!important;
margin:0 auto;
height:auto;
}

table {

}

th {
  border: 1px solid #ccc;
  color: #333;
	font-weight: 700;
  font-size: 16px;
  padding: 20px;
  width: 25%;
			background: #ededed!important;
}
td {
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 20px;
	background: #fff;
	
}
table tr:nth-child(odd) td {
	background: #f7f9fa;
}

.rank1{
/* background-color: #ffe4e4; */

background-color: #fcfbdc;
}

/*AddQuickTag ボタン（角丸）*/
.button_001 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background:#2ea559;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
    border-radius: 50px;
    overflow: hidden;
}
.button_001 a:hover {
		text-decoration: none;
}
.button_001 a:before{
content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-image: linear-gradient( 
130deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 80%);
    -webkit-transition: 0.8s;
    transition: 0.8s;
	

}
.button_001 a:hover:before {
    left: 100%;
}
.button_001 a:after {
  content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}



/*AddQuickTag ボタン（四角）*/
.button_002 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 2% auto 5% auto;
    padding: 10px 25px;
    min-width: 150px;
	max-width:80%;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #2ea559;
    border-radius: 8px;
    border-bottom: solid 5px #25914b;
}
.button_002 a:hover {
    border-bottom: solid 2px #25914b;
    transform: translateY(3px);
	text-decoration: none;
}


#ez-toc-container {
display: block !important;
width: 100% !important;
background: #fff;
border: 1px solid #fff;
font-size: 95%;
box-sizing: border-box;
line-height: 1.2;
margin: 36px auto;
padding: 1em 2em;
}
#ez-toc-container ul li {
background: #fff;	
	  padding:5px 10px ;
}




/*スラッシュ見出し*/
.slash {
  position: relative;
  display: inline-block;
  padding: 0 45px;
	color:#fc5d5d;
	font-size:1.1em;
	font-weight:700;
	  margin: 0 auto;
}
.slash:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fc5d5d;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.slash:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #fc5d5d;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.slash:before {
  left:0;
}
.slash:after {
  right: 0;
}

/*シェアボタン非表示*/
.article-footer .footer-contents .sns-btn {
display: none;
}

/*パンくず非表示*/
#breadcrumb { display: none!important;
}
/*記事内カテゴリー非表示*/
.footer-meta {
display: none;
}

/*フッター不要パーツ非表示*/
.article-footer{
	display: none;
}
.footer-menu__btn {
	display: none !important;;
}



.header{
display: none;
}
/*tablet専用ここから*/
@media (min-width: 750px) {
.entry-content img {
display:block;
margin: auto;
max-width:400px!important;
height:auto;
}



.container img {
display:block;
margin: auto;
max-width:150px!important;
height:auto;
  margin: 0 auto 0 auto;
}



/*PC専用ここから*/
@media (min-width: 1030px) {
	.evaluation{
		width:500px;
		margin: 5% auto;
	}
.box2 , .box6 , .box26 , .box27 , .box29 , .box32{
width:70%;
	margin: 5% auto;
}

.entry-content img {
display:block;
margin: auto;
max-width:500px!important;
height:auto;
}

.entry-content video{
display:block;
margin: auto;
max-width:400px!important;
border:solid 1px #999;
height:auto;
}

.container img {
display:block;
margin: auto;
max-width:150px!important;
height:auto;
  margin: 0 auto 0 auto;
}
.container {
  width:95%;
  margin:0 auto;
}

.button_001 a {
    margin: 0 auto 50px;
    min-width: 500px;
}
.button_002 a {
    margin: 0 auto 0 auto;
    padding: 5px 25px;
    max-width: 80%;
  
}

}