@charset "UTF-8";
/*
 Theme Name: SANGO Child - Softtennis
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Description: Official SANGO child base with live-used PORIPU styles restored for the main Softtennis site.
 Template: sango-theme
 Version: 4.0.1
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/* Live-used PORIPU styles restored for this site only.
 * Original declarations preserved; invalid fullwidth indentation in
 * .torikeshi text-decoration normalized to ASCII spaces.
 */

/* main | sango-theme-poripu/style.css */
.entry-content h2 {
	color: #333;
	padding: 0.5em ;
	border-top: solid 3px #4169e1;
	border-bottom: solid 3px #4169e1;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.torikeshi {
  text-decoration: line-through;
 }

.entry-content .img {
	border-radius: 3px;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.sc {
	border: solid 2px #d5d5d5 !important;
}

.sc:before {
	border-right: 12px solid #d5d5d5 !important;
}

.right .sc:before,
.right .sc:after {
	border: 12px solid transparent!important;
	border-left: 12px solid #d5d5d5 !important;
}

.right .sc:after {
	border-left-color: #fff!important ;
}

.think {
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
	text-align: left;
	padding: 13px;
	background: #fff;
	border: solid 2px #d5d5d5;
	border-radius: 30px;
}

.think::after {
	content: "";
	position: absolute;
	left: -23px;
	width: 14px;
	height: 14px;
	top: 13px;
	background: #fff;
	border: solid 2px #d5d5d5;
	border-radius: 50%;
}

.think::before {
	content: "";
	position: absolute;
	left: -40px;
	width: 10px;
	height: 10px;
	top: 10px;
	background: #fff;
	border: solid 2px #d5d5d5;
	border-radius: 50%;
}

.huki1 {
 	position: relative;
	display: inline-block;
 	margin: 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #BBDEFB;
	border-radius: 15px;
}

.huki1:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 30%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #BBDEFB;
}

#inner-content .wd100 {
    width: 100%;
}

.nuri-setu {
    background-color: #BBDEFB;
    padding: 10px ;
}

.nuri-p1m1 {
background-color: #BBDEFB;
}

.nuri-p1m0 {
background-color: #BBDEFB;
}

@media only screen and (max-width: 480px) {
.nuri-p0m1 {
  background-color: #BBDEFB;
 }

.nuri-p1m0 {
  background-color: transparent;
 }
}

.cont-4t {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-4t {
     grid-template-columns: repeat(2, 1fr);
     grid-auto-rows: 50px;
 }
}

.cont-5t {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-5t {
     grid-template-columns: 1fr 1fr;   
}
}

.cont-6t {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align:middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-6t {
     grid-template-columns: repeat(3,1fr);
     grid-auto-rows: 50px;
     grid-auto-flow: row;
 }
}

.cont-7t {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-7t {
     grid-template-columns: repeat(2,1fr); }
}

.cont-8t {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-8t {
     grid-template-columns: repeat(2,1fr); }
}

.cont-9t {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-9t {
     grid-template-columns: repeat(2,1fr);  }
}

.cont-10tn {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-auto-rows: 50px;
    background-color: #BBDEFB;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-10tn {
     display: grid;
     grid-template-columns: repeat(3,1fr);
     grid-auto-rows: 50px;
     background-color: #BBDEFB;
 }
}

.cont-10t {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-auto-rows: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

@media only screen and (max-width: 480px) {
.cont-10t {
     display: grid;
     grid-template-columns: repeat(3,1fr);
     grid-auto-rows: 50px;
 }
}

#custom_html-8 {
background: none;
}

.yourprofile .profile-img {
    width: 120px;
    height: 120px;
    margin: -60px auto 0;
}

.yourprofile .profile-img img {
  border-radius: 50%;
}

.waku1 {
  width:100%;
  display:inline-block;
  padding-top:20px;
  padding-bottom:10px;
}

.waku2 {
  width:41%;
  margin-left:6%;
  padding:10px 0px 10px 0px;
  border-radius:15px;
  text-align:center;
  line-height: normal;
  text-decoration:none !important;
  display:inline-block;
  float:left;
  color:#fff;
  font-size:40px;
}

.fos-s {
  font-size:0.4em;
}

.bg-tw {
  background-color:#52bef6;
}

.bg-pr {
  background-color:#ff90a1;
}

.btn_tw {
  color: #FFF !important;
  border-radius: 7px;
  display: inline-block;
  margin: 0px 10px 20px 10px;
  height: 70px;
  width: 100%;
  max-width: 300px;
  text-align: center;
  font-size: 20px;
  line-height: 70px;
  vertical-align: middle;
  background: #1da1f3;
  overflow: hidden;
  text-decoration:none;
}

.btn_tw .fa-twitter {
    font-size: 50px;
    vertical-align: middle;
}

.btn_tw span {
  display:inline-block;
  transition: .5s}

.btn_tw:hover span {
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.btn_fd {
  color: #FFF !important;
  border-radius: 7px;
  display: inline-block;
  margin: 0px 10px 20px 10px;
  height: 70px;
  width: 100%;
  max-width: 300px;
  text-align: center;
  font-size: 50px;
  line-height: 70px;
  vertical-align: middle;
  background: #90d581;
  overflow: hidden;
  text-decoration:none;
}

.btn_fd .fa-rss {
    font-size: 50px;
}

.btn_fd span {
  display:inline-block;
  transition: .5s}

.btn_fd:hover span {
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

#main .catid1 {
	background: -moz-linear-gradient(-45deg,#bdb9ff,#67b8ff);
	background: -webkit-linear-gradient(-45deg,#bdb9ff,#67b8ff);
	background: linear-gradient(45deg,#bdb9ff,#67b8ff)
}

#main .catid3 {
	background: -moz-linear-gradient(65deg, #3FE000, #FFE526);
	background: -webkit-linear-gradient(65deg, #3FE000, #FFE526);
	background: linear-gradient(25deg, #3FE000, #FFE526);
}

#main .catid4 {
	background: -moz-linear-gradient(65deg, #FFE526, #F13F79);
	background: -webkit-linear-gradient(65deg, #FFE526, #F13F79);
	background: linear-gradient(25deg, #FFE526, #F13F79);
}

#main .catid5 {
	background: -moz-linear-gradient(65deg, #F13F79, #871CBC);
	background: -webkit-linear-gradient(65deg, #F13F79, #871CBC);
	background: linear-gradient(25deg, #F13F79, #871CBC);
}

.siteinfokinto {
     padding:0;
     -moz-text-align-last: justify;
     text-align-last: justify;
     text-justify:inter-ideograph;
     border:none;
     border-style: none;
 }

#logo,
#logo img,
.desktop-nav li a {
    height: 50px;
    line-height: 50px;
    object-fit: contain;
}

@media only screen and (min-width: 768px) {
#logo,
#logo img,
.desktop-nav li a {
       height: 70px;
       line-height: 70px;
    }
}


/* main | sango-theme-poripu/poripu-style.css */
.p-box {
    position: relative;
    background-color: #fff;
    border: 2px solid #CFD8DC;
    border-radius: 5px;
    margin:30px 5px 20px 7px;
    padding: 25px 20px 15px 20px;
}

.p-box .p-box-title {
    position: absolute;
    left: -10px;
    top: -20px;
    border-radius: 15px;
    background-color: #90A4AE;
    color: #fff;
    font-family:"FontAwesome", "Helvetica","Yu Gothic";
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
}

.p-box .p-box-title:after {
    position: absolute;
    border-top: 12px solid #90A4AE;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    content: '';
    top: 30px;
    left: 25px;
}

.p-box p {
    margin: 0;
    padding: 0;
}

.p-box.p-blue { border: 2px solid #C5CAE9; }

div.p-box.p-blue .p-box-title { background-color: #7986CB; }

div.p-box.p-blue .p-box-title:after { border-top: 12px solid #7986CB; }


/* Legacy Twitter icons in restored PORIPU buttons use the existing FA6 Brands font. */
.waku2 .fa.fa-twitter,
.btn_tw .fa.fa-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}