/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 2026-02-05-menta
*/

/*
Theme Name: AFFINGER5 Child
Template: affinger5
Description: AFFINGER6 対応
Version: 2024-06-06-menta
*/

/*コメント関連調整*/
#comments li.comment {
  padding: 5px 5px 5px 10px;
}
.comment-author {
  float: none;
  width: 100%;
  box-sizing: content-box;
  margin: 0 auto;
  text-align: left;
  position: static;
  display: block;
}
.post .commentmetadata {
  margin-bottom: 10px;
}
.comment-author img {
  margin-bottom: 5px;
  width: 40px;
  float: left;
  margin-right: 10px;
}
main #comments ol {
  margin-left: 0;
}

/*すごいもくじ右下*/
#page-top:not(.page-top-img):not(.st-pagetop-text) a {
  width: 50px;
  height: 50px;
}
.st_toc_back:not(.is-rounded) {
  width: 48px;
  height: 49px;
  bottom: 89px;
}

/*記事上広告表示*/
.kijiue {
  color: #979797;
  font-size: 13px;
  list-style: none;
  display: inline-block;
  line-height: 1.5;
  margin-bottom: 0px;
}
#content .st-post .st-widgets-box > * ,
#content .st-post .st-widgets-box,
#content #st-page .st-widgets-box > * ,
#content #st-page .st-widgets-box {
	margin-bottom:10px;
}

.st-catgroup .catname {
  color: #1a1a1a;
  padding: 8px 8px;
  background: #f3f3f3;
}

.wp-caption-text {
    margin-top: 7px;
}
.st-h-ad {
    padding: 0px 15px;
}
.sitename a,
.footerlogo a, .footerlogo {
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

#breadcrumb, #breadcrumb div a, div#breadcrumb a, .blogbox p, .tagst, #breadcrumb ol li a, #breadcrumb ol li h1, #breadcrumb ol li, .clearfix dd .blog_info p {
    color: #979797 !important;
}

.post ul a {
    text-decoration: none;
}

.post .hyouka table tr:nth-child(1) {
    background-color: rgba(220, 220, 220, 0.2);
}
.post .hyouka table tr:nth-child(2n) {
    text-align:center;
}

.st-mybtn .fa.fa-after {
    font-size: 18px;
	font-weight: bold;
}
.st-mybtn {
    margin:30px auto 40px;
}

.st-originalbtn {
    padding: 10px 15px;
    margin-bottom: 25px;
	font-size: 14px;
}

.st-blackboard-title {
    border-bottom: 2px solid #ddd;
}

.post h4 .point-in {
    background: #eaf7ff !important;
    color: #717171 !important;
}

.post-widgets-bottom .freebox {
    margin-top: 40px;
}

/*ブログカード　コメントアウト
.st-cardbox-label-text {
	padding: 5px 0;
	font-size: 80%;
}*/

.footermenust {
    padding: 20px 15px;
}

/*オリジナルチェックリスト*/
.post .orick ul:not(.toc_list) {
    list-style-type: disc;
    padding: 0 10px 10px !important;
    margin-bottom: 20px;
}
.post .orick ul li  {
	border-bottom:dotted 1px #ccc;
  	line-height:1.3;
	padding: 10px 0 10px 10px;
	margin:0;
	list-style:none;
	text-indent:-1.3em;
	padding-left: 1.3em;
}
.post .orick ul li:not(.migiyose):before {
  	content: "\f138";
  	font-family: FontAwesome;
	color: #039BE5;
    margin-right: 8px;
}

.post .st-blackboard .orick ul:not(.toc_list) {
    padding: 15px 10px 10px;
}

.post .st-blackboard .orick ul li:before {
	color: #1450aa;
}

/* 画像 */
img.alignright {
	display: block;
	float: none;
	margin: 0 0 0 auto;
}

img.alignleft {
	display: block;
	float: none;
	margin: 0 auto 0 0;
}

/*画像回り込み*/
.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
   font-size: 15px;
   line-height: 27px;
   margin-bottom: 20px;
}

.hiro-left img {
   float: left;
   margin: 0 15px 0 0;
   border: 0 !important;
}
 
.hiro-right img {
   float: right;
   margin: 0 0 10px 15px;
   border: 0 !important;
}

.hiro-left p,
.hiro-right p {
   overflow: hidden;
   height: auto;
   font-size: 15px;
   line-height: 27px;
   margin-bottom: 20px;
}

/*テーブル*/
.post .irotuki table tr:nth-child(2n) {
    background-color: rgba(220, 220, 220, 0.2);
}
.post table a {
    text-decoration: none;
}

/*目次*/
.post #st_toc_container ul ul li {
    padding-left: 25px;
	font-weight: normal;
}
.post #st_toc_container ul li {
	font-weight: normal;
}
#st_toc_container ul a {
    border-bottom: none;
}

#st_toc_container li a:before {
    color: #ccc;
}
#st_toc_container:not(.over_toc_content):not(.side_toc_content) {
  border: 3px solid #f3f3f3;
}
/*都市別ボタン*/
.citycloud {
    padding-bottom: 15px;
}
.citycloud a {
	font-size: 14px;
	line-height: 1em;
	display: inline-block;
	border:1px #0087d6 solid;
	white-space: nowrap;
	padding: 10px;
	margin: 3px 6px 10px;
	border-radius: 4px;
	text-decoration: none;
	box-sizing: border-box;
    color: #4682b4;
}
.home-post .st-in-mybox {
    padding: 30px 0 20px;
}
.citycloud a:hover {
    opacity: 0.5;
}
.citycloud .st-blackboard-title-box {
	font-size: 16px;
    margin-bottom: 20px;
}
.citycloud a:after{
    content: "\f105";
    display: inline;
    font-family: FontAwesome;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    margin-left: 0.4em;
    padding-right: 1px;
	padding-bottom: 2px;
    color: #0087d6;
}
.st-mybox .citycloud {
    padding-bottom: 0px;
}
.post .citycloud li {
	display: inline-block;
	padding-left: 5px;
}
.post .citycloud ul { 
        list-style-type: none;
        margin-bottom: 0px !important;
        padding: 0 !important;
}

/*コンタクトフォーム*/
.post .wpcf7-form input:not(.st-tab-label):not([type="image"]) {
    padding: 10px 15px;
}
.post .wpcf7-list-item input[type="checkbox"], .post  .wpcf7-list-item input[type="radio"] {
   margin-right: 5px;
}

/*-------------------------------------
	サイドバー
-------------------------------------*/
#side .kanren dt img {
    width: 80px;
}
#side .kanren dd {
    padding-left: 95px;
}
#search {
    margin-bottom: 25px;
}
#side .freebox {
    background: #ffffff;
}
/*-------------------------------------
	見出し
-------------------------------------*/
.post h2 {
	margin-top: 30px;
}

.post h3:not(.rankh3):not(#reply-title):not(.cta-post-title):not(.cta-post-title2):not(.st-cardbox-t):not(.st-css-no2) {
	margin-bottom: 20px;
	margin-top: 25px;
}

.post h4:not(.st-css-no2):not(.point):not(.rankh4) {
    margin-top: 25px;
}

.cta-title {
    color: #0c0c0c;
    font-size: 17px;
    font-weight: bold;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    background-color: #ffffff;
    border-bottom: solid 1px #07aafc;
    margin: 30px auto 20px;
    padding: 6px 5px;
}
.cta-title:before{
    content: "\f00c";
    display: inline;
    font-family: FontAwesome;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-right: 0.4em;
    padding-left: 1px;
    color: #4FC3F7;
}
.post h4.point {
    margin-top: 81px;
}

/*-------------------------------------
	文字装飾
-------------------------------------*/
.arrow_orange_s {
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 20px;
    overflow: hidden;
    font-weight: bold;
}
.arrow_orange_s a {
    text-decoration: underline;
}

.arrow_orange_s:before{
    content: "\f138";
    display: inline;
    font-family: FontAwesome;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-right: 0.4em;
    padding-left: 1px;
    color: #FF802B;
}

.fc {
     font-size: 12px;
     color: #848484;
}

.fc a{
	color: #848484;
	text-decoration: none;
}

.post blockquote .fc {
     font-size: 12px;
     color: #848484;
}
.post blockquote .fc a{
	color: #848484;
	text-decoration: none;
}

.b {
	font-weight: bold;
}
.sita {
   margin-bottom: 10px;
   text-align: center;
}
.home .clip-memobox {
    font-weight: bold;
	font-size: 100%;
}

.sankou.purple {
    background-color: #9c308d;
}
.sankou.ye {
    background-color: #b1b801;
}
.sankou.gray {
    background-color: #6E6E6E;
}

hr.yohaku50 {margin:50px 0px 0px; border-style:none; background-color: #fff;}
hr.yohaku45 {margin:45px 0px 0px; border-style:none; background-color: #fff;}
hr.yohaku40 {margin:40px 0px 0px; border-style:none; background-color: #fff;}
hr.yohaku35 {margin:35px 0px 0px; border-style:none; background-color: #fff;}
hr.yohaku {margin:30px 0px 0px; border-style:none; background-color: #fff;}
hr.yohaku25 {margin:25px 0px 0px; border-style:none; background-color: #fff;}
hr.yohaku20 {margin:20px 0px 0px; border-style:none; background-color: #fff;}
#side hr.yohaku50,
#side hr.yohaku45 ,
#side hr.yohaku40 ,
#side hr.yohaku35,
#side hr.yohaku,
#side hr.yohaku25,
#side hr.yohaku20 { background-color: #f2f2f2;}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
.rankstlink-l {
    margin-bottom: 20px;
}
	  .st-mybtn.st-btn-default {
    font-size: 16px;
  }
	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
    .arrow_orange,
    .arrow_orange_s,
	.cta-title,
    .hiro-left,
    .hiro-left p, 
    .hiro-right,
    .hiro-right p {
    font-size: 20px;
    }
	.cta-title {
    font-size: 18px;
    }
	/*オリジナルチェックリスト*/
	.post .orick ul li{
        line-height: 27px;
    }
	.post .orick ul li:before{
        min-width:27px;
        height:27px;
        line-height:27px;
    }
	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	.post blockquote p {
    font-size: 15px;
    }
    header .smanone ul.menu li{
        width:81px;
    }
	#st_toc_container > ul > li {
    font-size: 15px;
    }
	.st-mybtn.st-btn-default {
		min-width: 60%;
		font-size: 16px;
}
	/*-- ここまで --*/
}

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

.post h3 {
    font-size: 17px;
}

.post blockquote {
    padding-right: 10px;
}
.post blockquote p {
    font-size: 15px;
    }

.hiro-right img {
    display: block;
    margin: auto !important;
    margin-bottom: 15px !important;
    float: none;
}
.hiro-left img {
    display: block;
    margin: auto !important;
    margin-bottom: 15px !important;
    float: none;
}
.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
   font-size: 16px;
   line-height: 28px;
}
.hiro-left p,
.hiro-right p {
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 20px;
}
.st-blackboard:not(.square-checkbox) ul.st-blackboard-list:not(.st-css-no) {
    padding-left: 10px;
}
.citycloud {
    padding-bottom: 20px;
}
.home-post .st-in-mybox {
    padding: 30px 0;
}
	header #s-navi dl.acordion p {
      margin-bottom: 10px;
}
	/*-- ここまで --*/
}