/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/



div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-maker, div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-model, div.easyLink-box.easyLink-size-xs div.easyLink-info p.easyLink-info-maker, div.easyLink-box.easyLink-size-xs div.easyLink-info p.easyLink-info-model {
  font-size: 12px !important;
}
div.easyLink-box div.easyLink-info p.easyLink-info-maker, div.easyLink-box div.easyLink-info p.easyLink-info-model {
  font-size: 14px !important;
}

div.easyLink-box.easyLink-size-s div.easyLink-info p.easyLink-info-name, div.easyLink-box.easyLink-size-xs div.easyLink-info p.easyLink-info-name {
  line-height: 30px !important;
}
div.easyLink-box div.easyLink-info p.easyLink-info-name {
  line-height: 30px !important;
}


a:hover {
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#content .entry-content a:hover,
.p-navi a:hover {
  color: #5580b0 ;
}

#side a:hover,
.kanren .clearfix dd h5 a:hover{
  color: #333;
}
.post .entry-content h2 {
  padding: 24px;
}

#headbox-bg {
  box-shadow: 0 5px 15px -15px rgba(0,0,0,.9);
}

header {
  margin-bottom: 16px;
}

/*トップ
---------------------------------------------------------------------------------------------------*/
#st-header-cardlink .st-cardlink-card.has-bg.is-blurable::before{
  background: rgba(0,0,0,0.5);
}

.post .top-osusume .st-cardbox {
  margin-bottom: 8px;
}
.top-osusume .st-cardbox dt.st-card-img {
  width: 100%;
}
.post .entry-content .top h2.top-h2 {
  margin-top: 0;
  background: none;
  font-size: 23px;
  border-bottom: 1px solid #ccc;
  padding: 0;
}
.post .entry-content .top h2::before {
  width: 0;
}
.fa-info-circle,
.fa-file-text {
  margin: 0 8px 0 0 ;
  color: #3e62a7;
}
.content-post-slider .post-slide-image::before{
  padding-top: 56%;
}



/*ボックス
---------------------------------------------------------------------------------------------------*/
.post ol.is-style-st-maruno, .post ul.is-style-st-maruck, .post .maruno, .post .maruck {
  margin-bottom: 48px;
}
.post ol.is-style-st-maruno li:last-child, .post ul.is-style-st-maruck li:last-child, .post .maruno ol li:last-child, .post .maruck ul li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.st-list-border {
  margin-bottom: 48px;
}
.post ol {
  padding-top: 0px;
}
.post .maruno,
.post .maruck {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
  padding-left: 24px!important;
}
.post .st-cardbox {
  margin-bottom: 48px;
}
#content .clip-memobox {
  margin-bottom: 48px;
}
.free-inbox {
  padding: 10px 24px 10px;
}
.freebox-intitle .p-entry-f {
  padding: 8px 20px;
  font-size: 18px;
}
.freebox-intitle .free-inbox {
  padding-top: 30px;
}

.freebox-intitle .p-entry-f {
  background: #4269B3;
}
#content .st-blackboard {
  padding: 10px 20px 28px 0;
  margin: 48px 0;
}
#content .yellowbox, #content .redbox, #content .graybox {
  margin-bottom: 48px;
}
.box-blue {
  background: #FFF3E0;
  padding: 24px;
  margin-bottom: 48px;
}
.matome-list dt {
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 8px 0px;
}
.matome-list dd {
  font-size: 17px;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: dotted 1px #ccc;
  line-height: 1.7;
}
.matome-list dd:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.post blockquote {
  margin: 0 0 48px 0;
}
blockquote p {
  margin: 0;
}
blockquote cite {
  font-size: 14px;
}
.st-in-mybox {
  margin-bottom: 8px;
}
.st-in-mybox {
  padding: 32px 0;
}
.st-mybox:last-child {
  margin-bottom: 48px;
}

.post .entry-content .st-in-mybox ul li {
  line-height: calc(23px);
  padding-bottom: 5px;
  margin-bottom: 7px;
}
.post .entry-content .st-in-mybox ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.rank-small-box {
  border: solid 1px #ccc;
  padding: 20px;
  background-color: #fafafa;
  margin-bottom: 48px;
}
.rank-small-box h4 {
  margin: 24px 0 16px 0 !important;
  border: none !important;
  padding: 0 !important;
}
.rank-small-box h4:first-child {
  margin-top: 0!important;
}
.rank-small {
  display: flex;
}
.rank-small img {
  width: 600px;
}
.rank-small ul {
  padding: 0 0 0 40px !important;
  width: 400px;
}
.rank-small li {
  line-height: 1.4 !important;;
  margin: 0 0 8px 0;
  font-size: 17px !important;
}
.border-box {
  border: 1px solid #ccc;
  margin-bottom: 48px;
}

.st-mybox .st-mybox-title::after{
  background: none;
}


/*テーブル
---------------------------------------------------------------------------------------------------*/
p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, .post ul li, .post ol li, .post h5, .post h6, .post table tr td, table tr td {
  font-size: 16px;
}

table th {
  background: #f7f7f7;
  font-weight: bold;
}
.school th {
  width: 24%;
}
.post table {
  margin-bottom: 48px;
}
.post .entry-content table ul li {
  font-size: 16px;
  line-height: 24px;
}
.post ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.scroll-box {
  white-space: nowrap;
}
.table-txt-r td {
  text-align: right;
}

li.list-no {
  list-style: none;
}

/*サイドバー目次
---------------------------------------------------------------------------------------------------*/

/* #side aside ul li a:before {
	content: '\f0da';
	font-family: 'FontAwesome';
	margin-right: 4px;
	font-size: 16px;
	color: #4682b4;
} */

.widget_toc {
  margin-top:40px;
}

.sidebar-toc a.active {
	font-weight: bold;
	color: #0074d9;
	background: #f2f8fb;
}
#side .sidebar-toc li {
	border-bottom: none;
	margin: 0 0 0 16px;
	counter-increment: number; /* カウンターを進める */
	position: relative;
	padding: 8px 0 8px 24px;
}
#side .sidebar-toc li::before {
	content: counter(number) '-';
	letter-spacing: 0.3em;
	left: 0;
	position: absolute;
}
#side aside .sidebar-toc li a:before {
	display: none;
}
/*吹き出し
---------------------------------------------------------------------------------------------------*/
#content .st-kaiwa-box {
  margin-bottom: 56px;
}


/*見出し
---------------------------------------------------------------------------------------------------*/
#content h2, .h2modoki {
  margin: 56px 0 32px 0;
}
#content h2 a {
  text-decoration: none;
  color: #333;
}
.post h3:not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title), .h3modoki {
  margin: 56px 0 32px 0;
}
.post h4:not(.st-css-no2):not(.point):not(.rankh4), .h4modoki {
  margin: 56px 0 32px 0;
}
p, .post h5 {
  margin-bottom: 48px;
}

/*キー
---------------------------------------------------------------------------------------------------*/
.key {
  margin: 0 3px;
  padding: 0 5px;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #999;
  background-color: #F5F5F5;
  font-family: monospace;
}

/* WordPress Popular Posts設定
---------------------------------------------------------------------------------------------------*/
.popular .number {
  position:relative;
}
.popular dl {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #eee;
  height: 100px;
}
.popular dl.number:before {
  content: counter(ranking);
  position: absolute;
  top:0;
  left:0;
  padding: 4px 8px;
  background: #3a3a3a;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}

.popular dl.number {
  counter-increment:ranking;
}

#side .popular dt {
  float: none;
  width: 100px !important;
}

h4 {
  counter-reset: ranking;
}
.popular .clearfix dd h5:not(.st-css-no2) a {
  color: #1a1a1a;
  text-decoration: none;
  padding: 0;
}
.popular .clearfix dd h5:not(.st-css-no2) a {
  font-size: 16px;
  line-height: 24px;
}


/*ブログカード
---------------------------------------------------------------------------------------------------*/
main .st-cardbox dt.st-card-img {
  width: 200px;
}
main .st-cardbox dl dd {
  padding-left: 215px;
}

/*テキスト
---------------------------------------------------------------------------------------------------*/
.komozi {
  font-size: 15px !important;
  margin-bottom: 16px;
}

/*マージン
---------------------------------------------------------------------------------------------------*/
.mb0 {
  margin-bottom: 0;
}
.mt32 {
  margin-top: 32px;
}

/*ボタン
---------------------------------------------------------------------------------------------------*/
.button05 a {
  display: flex;
  align-items: center;
  margin: 0 auto 70px auto;
  padding: 16px 2em;
  width: 80%;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  background-color: #37A338;
  box-shadow: 0 5px 0 #2a7e2b;
  transition: 0.3s;
  text-decoration: none;
  justify-content: center;
  border-radius: 8px;
  line-height: 1.5;
}
#content .entry-content .button05 a:hover {
  transform: translateY(3px);
  text-decoration: none;
  box-shadow: 0 2px 0 #2a7e2b;
  color: #fff;
}
.micro-copy {
  text-align: center;
  margin: 0 0 8px 0;
}


/*フォーム
---------------------------------------------------------------------------------------------------*/
input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea {
  width: 100%;
}
.mw_wp_form{
  padding: 56px;
  margin: 32px 0 0 0 ;
}
.mw_wp_form dt {
 font-weight: bold;
}
.mw_wp_form dd {
  margin: 8px 0 24px 0;
}
.mw_wp_form span.required {
  font-size: 11px;
  color: #fff;
  background-color: #c9171e;
  padding: 4px 6px;
  margin: 0 0 0px 8px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  position: relative;
  bottom: 2px;
}
.mw_wp_form li {
  list-style-type: none;
}
.mw_wp_form .button, button, .mw_wp_form input[type="submit"], .mw_wp_form input[type="reset"], .mw_wp_form input[type="button"] {
  width: 320px;
  height: 56px;
  margin-right: 32px;
  color: #fff;
  text-align: center;
  display: block;
  background: #009933;
  background-size: auto 66px;
  margin: 0 auto;
  padding: 0;
  border: none;
  font-weight: normal;
  border: none;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  opacity:0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #009933;
}
.mw_wp_form ul {
  padding: 0;
}
.font-normal {
  font-weight: normal;
}

.mw_wp_form .error {
  color: #ffff;
  background: #c9171e;
  position: relative;
  display: table;
  margin: 1.2em 0;
  padding: 4px 8px;
  min-width: 120px;
  max-width: 100%;
  font-size: 15px;
  text-align: center;
}

.mw_wp_form .error:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #c9171e;
}
.post input:not(.st-tab-label):not([type="image"]), .post textarea {
 border: none;
}
input:not(.st-form-nowide):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type="image"]), .post textarea, .post select {
  border: 1px solid #ccc;
}

/*PS Auto Sitemap
---------------------------------------------------------------------------------------------------*/
#sitemap_list li {
  background: none !important;
}
#sitemap_list li a {
  border-bottom: 1px solid #ccc;
  display: block !important;
  line-height: 22px !important;
}
#sitemap_list li li a {
  border-bottom: none;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {

  @media only screen and (min-width: 481px) {
    .google-ads{max-width:100%}
  }

  /*-- ここまで --*/
}	

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

/*1カラム
---------------------------------------------------------------------------------------------------*/
.colum1 #content {
  width: 800px;
}

/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {



}

/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

 #st-text-logo {
  padding-bottom: 0;
}

input[type="text"], input[type="url"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], textarea {
  width: 100%;
}
.mw_wp_form{
  background: #f7f7f7;
  padding: 0;
  margin: 32px -10px 0 -10px ;
}
.mw_wp_form form {
  padding: 24px 10px;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  width: 100%;
}
.post ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list) {
  padding-right: 0;
}
#s-navi dt {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .18);
}
.button05 a {
  padding: 16px 1em;
  width: auto;
}
.rank-small {
  display: block;
}
.rank-small-box h4 {
  margin: 32px 0 16px 0 !important;
}
.rank-small img {
  width: 100%;
}
.rank-small ul {
  padding: 0 0 0 6% !important;
  width: 94%;
  margin: -24px 0 0 0;
}
.google-ads{max-width:320px}

/*-- ここまで --*/
}