SANGO

SANGO.css

/* ヘッダーナビ */
.header{
	box-shadow:none;
}


/* WordPressにログイン中、公開ページを見ると、画面上部に固定されるメニューの変更 */

/* サイト名 */
#wpadminbar #wp-admin-bar-my-sites a.ab-item,
#wpadminbar #wp-admin-bar-site-name a.ab-item{
  color : #23282d !important;
}
/* こんにちは、◯◯さん */
#wpadminbar .quicklinks .ab-top-secondary>li a{
  color : #23282d !important;
}
/* アイコン */
#wpadminbar .quicklinks .ab-top-secondary>li a img{
  display: none !important;
}


.totop{
	position:fixed;
	bottom:85px;
	right:10px;
}

/* ------------------------------------------------------------------ */

/* ヨメレバ（不要な余白） */
.booklink-image > img {
    display: none!important;
}

/* リンク */
a.no-text-underline{
	text-decoration : none !important;
}


/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}
/*END アフィリエイトボタン用CSS*/



/* 見出しのスタイル */
.entry-content  h2 {
	border:1px solid #0394ed;
	background: #0394ed;
	padding : 10px 20px;
	color : #fff;
	border-radius : 4px;
	margin : 2.5em 0 0.7em; /* 初期設定 */
	margin : 4.3em 0 1.3em; 
}
.entry-content h3{
	margin : 2.6em 0 0.7em;
	margin : 3.0em 0 1.0em;
}
.entry-content h4{
	background : #f1f1f1;
	border-radius : 3px;
	padding : 7px 15px ;
	margin: 2.5em 0 1.6em;
}


/* table.table-standard */
.entry-content table.table-standard{
	border-collapse : collapse;
	border : none;
}
.entry-content table.table-standard tr{
	border : none;
}
.entry-content table.table-standard th,
.entry-content table.table-standard td{
	border : 1px solid #ccc;
	padding: 10px 15px;
	font-size: 0.90rem !important;
}

.entry-content table.table-standard th{
	background : #f8f9fa;
	text-align : left;
}

.entry-content table.table-standard td{
	background : #fff;
}
.entry-content table.table-standard thead th,
.entry-content table.table-standard thead td{
	background : #e8ebed;
}
.entry-content table.table-standard thead th{
	font-weight : bold;
}


/* 画像の枠 */
.entry-content .img-wrap{
	border:1px solid #fff;
	border-radius:6px;
	background:#edf3fa;
	background:#f1f3fa;
	padding:30px;
	margin-bottom : 1.5em;
}


/* 引用 */
.entry-content blockquote{
	background: #f8faff;
	border: 1px solid #dce1ec;
	border-radius: 3px;
}
.entry-content blockquote cite{
	text-align: left;
	font-style: normal;
	display: inline-block
}


/* ulタグに自動で付く灰色の枠を除去 */
.entry-content ul.no-border,
.entry-content ol.no-border{
	padding : 5px 15px 5px 35px;
	margin: 0px;
	border : none;
}

/* liのリストマークを除去*/
.entry-content ul.no-list-type{
	list-style-type:none;
}


/* 吹き出し */
.entry-content .say.right .chatting ,
.entry-content .say.left .chatting{
	font-size : 0.9em;
}


/* 吹き出しとボタンの組み合わせ */
.entry-content .balloon-btn{
	width : 100%;
	padding-top : 34px;
	position: relative;
	margin : 0 auto;
	text-align :  center;
}
.entry-content .balloon-btn .points{
	position:absolute;
	top:-20px;
	left : 50%;
	margin-left : -220px;
}


/* 引用・キャプション */
.entry-content .wp-caption-text{
	display:block;
	text-align : center ;
	margin-left:auto;
	margin-right:auto;
	font-size : 11px;
	color:#ccc;
}


/* 黒板 */
.entry-content .kokuban{
	background : #369377;
	border : 10px solid #d09d49;
	padding: 20px 10px;
	border-radius : 2px;
	margin-bottom : 1.9em;
}
.entry-content .kokuban .title{
	color : #fff;
	text-align : center;
	margin : 0 0 16px 0;
	padding : 0;
	font-weight : bold;
	font-size : 1.2em;
}
.entry-content .kokuban ul{
	list-style-position: inside;
	list-style-type : none;
	padding : 0;
	margin  : 10px;
	border : none;
}
.entry-content .kokuban ol{
	list-style-position: inside;
	padding : 0;
	margin  : 20px;
	border : none;
}
.entry-content .kokuban ul li{
	color : #fff;
	padding :  8px 0px 8px 25px;
	margin   : 0px 0px 0px 0px;
	border-bottom : 2px solid #6eb7a1;
	position : relative;
	line-height : 1.6;
}
.entry-content .kokuban ol li{
	color : #fff;
	padding :  12px 18px 12px 18px;
	margin   : 0px 0px 0px 0px;
	border-bottom : 2px solid #6eb7a1;
	position : relative;
	line-height : 1.6;
}
.entry-content .kokuban li:first-child{
	border-top : 2px solid #6eb7a1;
}
.entry-content .kokuban ul li::before{
	content : "";
	width : 7px;
	height : 7px;
	display : block;
	border-radius : 100px;
	background :  #f7ce54;
	position : absolute;
	top:50%;
	left:12px;
	margin-top:-3px;
}


.entry-content .kokuban.no-list li{
	padding-left : 10px
}
.entry-content .kokuban.no-list li::before{
	display : none;
}
.entry-content .kokuban.no-list li  i{
	padding-right : 10px
}


/*吹き出し＋枠BOXのオリジナルカラー（青） */
.entry-content .p-box.p-custom-blue{border: 2px solid #4289e8;/*枠線の色*/}
.entry-content .p-box.p-custom-blue .p-box-title{background-color: #4289e8;/*吹き出しの色*/}
.entry-content .p-box.p-custom-blue .p-box-title:after{border-top: 12px solid #4289e8;/*吹き出しの色*/}
.entry-content .p-box.p-custom-blue ul li:before {color: #4289e8;/*チェックの色*/}

/*吹き出し＋枠BOXのオリジナルカラー（赤） */
.entry-content .p-box.p-custom-red{border: 2px solid #de4040;/*枠線の色*/}
.entry-content .p-box.p-custom-red .p-box-title{background-color: #de4040;/*吹き出しの色*/}
.entry-content .p-box.p-custom-red .p-box-title:after{border-top: 12px solid #de4040;/*吹き出しの色*/}
.entry-content .p-box.p-custom-red ul li:before {color: #de4040;/*チェックの色*/}

/*吹き出し＋枠BOXのオリジナルカラー（緑） */
.entry-content .p-box.p-custom-green{border: 2px solid #3fa465;/*枠線の色*/}
.entry-content .p-box.p-custom-green .p-box-title{background-color: #3fa465;/*吹き出しの色*/}
.entry-content .p-box.p-custom-green .p-box-title:after{border-top: 12px solid #3fa465;/*吹き出しの色*/}
.entry-content .p-box.p-custom-green ul li:before {color: #3fa465;/*チェックの色*/}

/*吹き出し＋枠BOXのオリジナルカラー（黄） */
.entry-content .p-box.p-custom-yellow{border: 2px solid #ebbe21;/*枠線の色*/}
.entry-content .p-box.p-custom-yellow .p-box-title{background-color: #ebbe21;/*吹き出しの色*/}
.entry-content .p-box.p-custom-yellow .p-box-title:after{border-top: 12px solid #ebbe21;/*吹き出しの色*/}
.entry-content .p-box.p-custom-yellow ul li:before {color: #ebbe21;/*チェックの色*/}





/* ランキング */
.ranking {
  width: 100%;
  background: #fff;
  margin: 0 auto 0 auto;
  padding: 0 0 50px 0; }
  .ranking .section {
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #eee; }
  .ranking .title {
    padding: 0px 0px;
    margin: 0 0 0 0;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.2rem;
    line-height: 1; }
    .ranking .title::before {
      content: "\f521";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      margin-right: 8px;
      color: #bfbfbf; }
    .ranking .title.rank1::before {
      content: "\f521";
      color: #ffb000; }
    .ranking .title.rank2::before {
      content: "\f521";
      color: #f19f9f; }
    .ranking .title.rank3::before {
      content: "\f521";
      color: #9fda95; }
  .ranking .banner {
    margin: 20px auto 20px auto;
    text-align: center;
    background: #f7f7f7;
    padding: 30px;
    border-radius: 4px; }
    .ranking .banner img {
      margin: 0 auto 0 auto;
      padding: 0;
      display: block; }
  .ranking .description {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0 0 0 0; }
    .ranking .description p {
      font-size: 0.8rem;
      font-weight: normal;
      text-align: left;
      line-height: 1.6rem;
      color: #666;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
  .ranking .buttons {
    text-align: center; }
    .ranking .buttons ul {
      border: none;
      list-style: none;
      padding: 0 0 0 0;
      margin: 0 0 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .ranking .buttons ul li {
        margin: 5px; }
        .ranking .buttons ul li.btn-ranking a {
          color: #fff;
          font-weight: bold;
          font-size: 0.95rem;
          text-decoration: none;
          display: block;
          position: relative;
          min-width: 300px;
          padding: 10px 40px 10px 40px;
          border-radius: 3px;
          text-align: center;
          overflow: hidden;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
        .ranking .buttons ul li.btn-kirakira a::before {
          position: absolute;
          content: '';
          display: inline-block;
          top: -180px;
          left: 0;
          width: 20px;
          height: 100%;
          background-color: #fff;
          -webkit-animation: btn-kirakira  5s ease-in-out infinite;
          animation: btn-kirakira  5s ease-in-out infinite; }
        .ranking .buttons ul li.btn-kirakira a::after {
          content: "\f0da";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          position: absolute;
          right: 15px;
          top: 50%;
          -webkit-transform: translateY(-49%);
          -ms-transform: translateY(-49%);
          transform: translateY(-49%); }
        .ranking .buttons ul li.btn-ranking.red a {
          background-color: #e63030;
          /*ボタンの色*/
          -webkit-box-shadow: 0 3px 0 0 #c70e0e;
          box-shadow: 0 3px 0 0 #c70e0e;
          /*影の色(rgbaの値を変更)*/ }
          .ranking .buttons ul li.btn-ranking.red a:hover {
            text-decoration: none;
            -webkit-box-shadow: 0 3px 0 0 #c70e0e, 0 8px 15px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0 3px 0 0 #c70e0e, 0 8px 15px 0px rgba(0, 0, 0, 0.4); }
        .ranking .buttons ul li.btn-ranking.blue a {
          background-color: #0377ff;
          /*ボタンの色*/
          -webkit-box-shadow: 0 3px 0 0 #0657b9;
          box-shadow: 0 3px 0 0 #0657b9;
          /*影の色(rgbaの値を変更)*/ }
          .ranking .buttons ul li.btn-ranking.blue a:hover {
            text-decoration: none;
            -webkit-box-shadow: 0 3px 0 0 #0657b9, 0 8px 15px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0 3px 0 0 #0657b9, 0 8px 15px 0px rgba(0, 0, 0, 0.4); }
        .ranking .buttons ul li.btn-ranking.green a {
          background-color: #1fc260;
          /*ボタンの色*/
          -webkit-box-shadow: 0 3px 0 0 #0ba348;
          box-shadow: 0 3px 0 0 #0ba348;
          /*影の色(rgbaの値を変更)*/ }
          .ranking .buttons ul li.btn-ranking.green a:hover {
            text-decoration: none;
            -webkit-box-shadow: 0 3px 0 0 #0ba348, 0 8px 15px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0 3px 0 0 #0ba348, 0 8px 15px 0px rgba(0, 0, 0, 0.4); }

@-webkit-keyframes btn-kirakira {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(60) rotate(45deg);
    opacity: 0; } }




/* カード形式 */
.card{
	width:100%;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	overflow:hidden;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.card img{
	display:block;
	width:100%;
	margin: 0 auto 0 auto;
}
.card .title{
	margin:10px 20px 0px 20px;
}

.card .description{
	margin:0px 20px 0px 20px;
}

.card-wrap{
	display:flex;
	flex-direction:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}

.card-wrap .card{
	width:calc(50% - 8px) !important;
}

.card-bg{
	background:#f1f1f1;
	padding:34px 34px 15px 34px;
	border-radius:8px;
}

@media screen and (max-width:600px) {
	.card-wrap .card{
		width:calc(100%) !important;
	}
}









/* FlexBox */
/* Flex */

.d-flex{
  display : flex;
}
.d-inline-flex{
  display : inline-flex;
}

/* Direction */
.flex-row{
  flex-direction : row; 
}
.flex-row-reverse{
  flex-direction : row-reverse; 
}
.flex-column{
  flex-direction : column;
}
.flex-column-reverse{
  flex-direction : column-reverse;
}

/* Justify content */
.justify-content-start{
  justify-content : flex-start;
}
.justify-content-end{
  justify-content : flex-end;
}
.justify-content-center{
  justify-content : center;
}
.justify-content-between{
  justify-content : space-between;
}
.justify-content-around{
  justify-content : space-around;
}

/* Align items */
.align-items-start{
  align-items : flex-start;
}
.align-items-end{
  align-items : flex-end;
}
.align-items-center{
  align-items : center;
}
.align-items-baseline{
  align-items : baseline;
}
.align-items-stretch{
  align-items : stretch;
}






/* 余白 */

.m-0{
  margin : 0 !important;
}

.m-5{
  margin : 5px !important;
}
.mt-5{
  margin-top : 5px !important;
}
.mb-5{
  margin-bottom : 5px !important;
}
.ml-5{
  margin-left : 5px !important;
}
.mr-5{
  margin-right : 5px !important;
}

.m-10{
  margin : 10px !important;
}
.mt-10{
  margin-top : 10px !important;
}
.mb-10{
  margin-bottom : 10px !important;
}
.ml-10{
  margin-left : 10px !important;
}
.mr-10{
  margin-right : 10px !important;
}

.m-15{
  margin : 15px !important;
}
.mt-15{
  margin-top : 15px !important;
}
.mb-15{
  margin-bottom : 15px !important;
}
.ml-15{
  margin-left : 15px !important;
}
.mr-15{
  margin-right : 15px !important;
}

.m-20{
  margin : 20px !important;
}
.mt-20{
  margin-top : 20px !important;
}
.mb-20{
  margin-bottom : 20px !important;
}
.ml-20{
  margin-left : 20px !important;
}
.mr-20{
  margin-right : 20px !important;
}

.m-25{
  margin : 25px !important;
}
.mt-25{
  margin-top : 25px !important;
}
.mb-25{
  margin-bottom : 25px !important;
}
.ml-25{
  margin-left : 25px !important;
}
.mr-25{
  margin-right : 25px !important;
}

.m-30{
  margin : 30px !important;
}
.mt-30{
  margin-top : 30px !important;
}
.mb-30{
  margin-bottom : 30px !important;
}
.ml-30{
  margin-left : 30px !important;
}
.mr-30{
  margin-right : 30px !important;
}

.m-35{
  margin : 35px !important;
}
.mt-35{
  margin-top : 35px !important;
}
.mb-35{
  margin-bottom : 35px !important;
}
.ml-35{
  margin-left : 35px !important;
}
.mr-35{
  margin-right : 35px !important;
}

.m-40{
  margin : 40px !important;
}
.mt-40{
  margin-top : 40px !important;
}
.mb-40{
  margin-bottom : 40px !important;
}
.ml-40{
  margin-left : 40px !important;
}
.mr-40{
  margin-right : 40px !important;
}

.m-45{
  margin : 45px !important;
}
.mt-45{
  margin-top : 45px !important;
}
.mb-45{
  margin-bottom : 45px !important;
}
.ml-45{
  margin-left : 45px !important;
}
.mr-45{
  margin-right : 45px !important;
}

.m-50{
  margin : 50px !important;
}
.mt-50{
  margin-top : 50px !important;
}
.mb-50{
  margin-bottom : 50px !important;
}
.ml-50{
  margin-left : 50px !important;
}
.mr-50{
  margin-right : 50px !important;
}

.m-55{
  margin : 55px !important;
}
.mt-55{
  margin-top : 55px !important;
}
.mb-55{
  margin-bottom : 55px !important;
}
.ml-55{
  margin-left : 55px !important;
}
.mr-55{
  margin-right : 55px !important;
}

.m-60{
  margin : 60px !important;
}
.mt-60{
  margin-top : 60px !important;
}
.mb-60{
  margin-bottom : 60px !important;
}
.ml-60{
  margin-left : 60px !important;
}
.mr-60{
  margin-right : 60px !important;
}

.m-65{
  margin : 65px !important;
}
.mt-65{
  margin-top : 65px !important;
}
.mb-65{
  margin-bottom : 65px !important;
}
.ml-65{
  margin-left : 65px !important;
}
.mr-65{
  margin-right : 65px !important;
}

.m-70{
  margin : 70px !important;
}
.mt-70{
  margin-top : 70px !important;
}
.mb-70{
  margin-bottom : 70px !important;
}
.ml-70{
  margin-left : 70px !important;
}
.mr-70{
  margin-right : 70px !important;
}

.m-75{
  margin : 75px !important;
}
.mt-75{
  margin-top : 75px !important;
}
.mb-75{
  margin-bottom : 75px !important;
}
.ml-75{
  margin-left : 75px !important;
}
.mr-75{
  margin-right : 75px !important;
}

.m-80{
  margin : 80px !important;
}
.mt-80{
  margin-top : 80px !important;
}
.mb-80{
  margin-bottom : 80px !important;
}
.ml-80{
  margin-left : 80px !important;
}
.mr-80{
  margin-right : 80px !important;
}

.m-85{
  margin : 85px !important;
}
.mt-85{
  margin-top : 85px !important;
}
.mb-85{
  margin-bottom : 85px !important;
}
.ml-85{
  margin-left : 85px !important;
}
.mr-85{
  margin-right : 85px !important;
}

.m-90{
  margin : 90px !important;
}
.mt-90{
  margin-top : 90px !important;
}
.mb-90{
  margin-bottom : 90px !important;
}
.ml-90{
  margin-left : 90px !important;
}
.mr-90{
  margin-right : 90px !important;
}

.m-95{
  margin : 95px !important;
}
.mt-95{
  margin-top : 95px !important;
}
.mb-95{
  margin-bottom : 95px !important;
}
.ml-95{
  margin-left : 95px !important;
}
.mr-95{
  margin-right : 95px !important;
}

.m-100{
  margin : 100px !important;
}
.mt-100{
  margin-top : 100px !important;
}
.mb-100{
  margin-bottom : 100px !important;
}
.ml-100{
  margin-left : 100px !important;
}
.mr-100{
  margin-right : 100px !important;
}



.p-0{
  padding : 0 !important;
}

.p-5{
  padding : 5px !important;
}
.pt-5{
  padding-top : 5px !important;
}
.pb-5{
  padding-bottom : 5px !important;
}
.pl-5{
  padding-left : 5px !important;
}
.pr-5{
  padding-right : 5px !important;
}

.p-10{
  padding : 10px !important;
}
.pt-10{
  padding-top : 10px !important;
}
.pb-10{
  padding-bottom : 10px !important;
}
.pl-10{
  padding-left : 10px !important;
}
.pr-10{
  padding-right : 10px !important;
}

.p-15{
  padding : 15px !important;
}
.pt-15{
  padding-top : 15px !important;
}
.pb-15{
  padding-bottom : 15px !important;
}
.pl-15{
  padding-left : 15px !important;
}
.pr-15{
  padding-right : 15px !important;
}

.p-20{
  padding : 20px !important;
}
.pt-20{
  padding-top : 20px !important;
}
.pb-20{
  padding-bottom : 20px !important;
}
.pl-20{
  padding-left : 20px !important;
}
.pr-20{
  padding-right : 20px !important;
}

.p-25{
  padding : 25px !important;
}
.pt-25{
  padding-top : 25px !important;
}
.pb-25{
  padding-bottom : 25px !important;
}
.pl-25{
  padding-left : 25px !important;
}
.pr-25{
  padding-right : 25px !important;
}

.p-30{
  padding : 30px !important;
}
.pt-30{
  padding-top : 30px !important;
}
.pb-30{
  padding-bottom : 30px !important;
}
.pl-30{
  padding-left : 30px !important;
}
.pr-30{
  padding-right : 30px !important;
}

.p-35{
  padding : 35px !important;
}
.pt-35{
  padding-top : 35px !important;
}
.pb-35{
  padding-bottom : 35px !important;
}
.pl-35{
  padding-left : 35px !important;
}
.pr-35{
  padding-right : 35px !important;
}

.p-40{
  padding : 40px !important;
}
.pt-40{
  padding-top : 40px !important;
}
.pb-40{
  padding-bottom : 40px !important;
}
.pl-40{
  padding-left : 40px !important;
}
.pr-40{
  padding-right : 40px !important;
}

.p-45{
  padding : 45px !important;
}
.pt-45{
  padding-top : 45px !important;
}
.pb-45{
  padding-bottom : 45px !important;
}
.pl-45{
  padding-left : 45px !important;
}
.pr-45{
  padding-right : 45px !important;
}

.p-50{
  padding : 50px !important;
}
.pt-50{
  padding-top : 50px !important;
}
.pb-50{
  padding-bottom : 50px !important;
}
.pl-50{
  padding-left : 50px !important;
}
.pr-50{
  padding-right : 50px !important;
}

.p-55{
  padding : 55px !important;
}
.pt-55{
  padding-top : 55px !important;
}
.pb-55{
  padding-bottom : 55px !important;
}
.pl-55{
  padding-left : 55px !important;
}
.pr-55{
  padding-right : 55px !important;
}

.p-60{
  padding : 60px !important;
}
.pt-60{
  padding-top : 60px !important;
}
.pb-60{
  padding-bottom : 60px !important;
}
.pl-60{
  padding-left : 60px !important;
}
.pr-60{
  padding-right : 60px !important;
}

.p-65{
  padding : 65px !important;
}
.pt-65{
  padding-top : 65px !important;
}
.pb-65{
  padding-bottom : 65px !important;
}
.pl-65{
  padding-left : 65px !important;
}
.pr-65{
  padding-right : 65px !important;
}

.p-70{
  padding : 70px !important;
}
.pt-70{
  padding-top : 70px !important;
}
.pb-70{
  padding-bottom : 70px !important;
}
.pl-70{
  padding-left : 70px !important;
}
.pr-70{
  padding-right : 70px !important;
}

.p-75{
  padding : 75px !important;
}
.pt-75{
  padding-top : 75px !important;
}
.pb-75{
  padding-bottom : 75px !important;
}
.pl-75{
  padding-left : 75px !important;
}
.pr-75{
  padding-right : 75px !important;
}

.p-80{
  padding : 80px !important;
}
.pt-80{
  padding-top : 80px !important;
}
.pb-80{
  padding-bottom : 80px !important;
}
.pl-80{
  padding-left : 80px !important;
}
.pr-80{
  padding-right : 80px !important;
}

.p-85{
  padding : 85px !important;
}
.pt-85{
  padding-top : 85px !important;
}
.pb-85{
  padding-bottom : 85px !important;
}
.pl-85{
  padding-left : 85px !important;
}
.pr-85{
  padding-right : 85px !important;
}

.p-90{
  padding : 90px !important;
}
.pt-90{
  padding-top : 90px !important;
}
.pb-90{
  padding-bottom : 90px !important;
}
.pl-90{
  padding-left : 90px !important;
}
.pr-90{
  padding-right : 90px !important;
}

.p-95{
  padding : 95px !important;
}
.pt-95{
  padding-top : 95px !important;
}
.pb-95{
  padding-bottom : 95px !important;
}
.pl-95{
  padding-left : 95px !important;
}
.pr-95{
  padding-right : 95px !important;
}

.p-100{
  padding : 100px !important;
}
.pt-100{
  padding-top : 100px !important;
}
.pb-100{
  padding-bottom : 100px !important;
}
.pl-100{
  padding-left : 100px !important;
}
.pr-100{
  padding-right : 100px !important;
}