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

.flex{
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}

/*検索ボックス*/
header .headbox .textwidget{
	background:#FFF !important;
}
#search{
	border:solid 0.5px grey !important;
}


/* login button */
.login_button{
	background:#0171e3;
	color:#FFF;
	/*padding:15px 19px;*/
	padding:0px 0px;
	font-size:16px;
	/*border-radius:22px;*/
	border-radius:0px;
}
.login_button:hover{
	color:#fff;
	opacity:0.8;
}
/* login icon */
.login_icon{
	width:100%;
	max-width:30px !important;
	padding-left:5px;
}
.login_icon:hover{
	opacity:0.8;
}

/* news_alert icon */
.alert_news{
	width:100%;
	max-width:35px !important;
	padding-left:10px;
}
.alert_news:hover{
	opacity:0.8;
}

.alert_yesnews{
	/*animation-name:alert_animation;*/
	animation-duration:3s;
	animation-iteration-count:infinite;
	transform-origin:50% 0;
	animation-timing-function:ease-in-out;
}
@keyframes alert_animation {
    0% {
        transform: translate(1.5px, 0px);
    }
    5% {
        transform: translate(-1.5px, 0px);
    }
    10% {
        transform: translate(1.5px, 0px);
    }
    15% {
        transform: translate(-1.5px, 0px);
    }
    20% {
        transform: translate(1.5px, 0px);
    }
    25% {
        transform: translate(-1.5px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
 
/*ヘッダー　ロゴがTOPpページと下層ページで若干動く不具合の調整*/
header .descr.sitename-only, header .sitename.sitename-only{
	padding-top:0!important;
}

#headbox{
	padding:5px 10px;
}  

/*Googleカスタム検索*/
table.gsc-search-box{
	margin-bottom:0 !important;
}
table.gsc-search-box td{
	border:none;
	padding:1px !important;
}
.gsc-search-button-v2{
	padding:5px 15px !important;
}
.gsc-search-button-v2{
	display: flex;
    align-items: center;
    justify-content: center;
}
.gsib_a, .gsib_b{
	line-height:16px;
}
.gsc-input{
	width:450px !important;
	margin:0 !important;
}
form.gsc-search-box{
	margin-bottom:0 !important;
}

/*ヘッダー下部の４つのボタン*/
.header-under {
	padding: 20px;
}
.header-under .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.header-under .flex-item {
	width: 22%;
	text-align: center; /* 文字を中央揃えにする場合 */
}
.header-under .flex-item a {
	display: block;
	padding: 8px 0; /* 文字の上下にスペースを追加 */
	background-color: #FFFFFF; /* 任意の背景色 */
	border-radius: 4px;        /* 角を丸くする例 */
	text-decoration: none;
	color: #1f64c2;
	font-weight: bold;
	/* うっすらとした影を追加 */
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
}
.header-under .flex-item a:hover {
	background-color: #eeeeee; /* ホバー効果 */
	color: #1f64c2;
}


@media print, screen and (max-width: 599px) {
	.header-under .flex{
		justify-content:center;
		gap:0px 5px;
		margin-bottom:15px;
	}
	.header-under .flex-item{
		width:43%;
	}
}
/*スマホ・PCのみ対応クラス*/
.pc-item{
	display:block;
}
.sp-item{
	display:none;
}
@media print, screen and (max-width: 599px) {
	.pc-item{
		display:none;
	}
	.sp-item{
		display:block;
	}
}

/*TOPページ*/
.top_only{
	display:none !important;
}
.home .top_only{
	display:block !important;
}
.top_none{
	display:block !important;
}
.home .top_none{
	display:none !important;
}


.top_concept{
	border:solid 2px #0171e3;
	border-radius:10px;
	padding:20px;	
	margin:15px auto 50px auto;
}
.top_title{
	font-size:25px !important;
	font-weight:bold;
	line-height:1.7em;
}
.top_title.shintyaku{
	margin-top:50px;
}

/*記事一覧　デザイン（影・hover時）*/
main .kanren:not(.st-cardbox) dt:not(.st-cardbox) img,.get_post_thumbnail_by_id_shortcode{
	filter: drop-shadow(0px 0px 5px #aaa);
	border:solid 0px #e6e6e6;
    transition: all .5s;
}
main .kanren:not(.st-cardbox) dt:not(.st-cardbox) img:hover{
	filter: drop-shadow(0px 0px 0px #aaa);
	border:solid 1px #e6e6e6;
	opacity:1 !important;
}
.kanren h3:hover, .kanren h5:hover{
	opacity:1 !important;
	text-decoration:underline;
}
.kanren a:hover{
	opacity:1 !important;
}
/*お知らせ一覧*/
.news_box{
	background-color:#fff6d3;
	padding:10px 15px 20px 15px;
}
.tag_post_list{
	font-size:14px !important;
	border-bottom:1px;
	border-bottom-style:dotted;
}
.tag_post_list a{
	color:#000000;
	text-decoration:none;
	padding-left:2.5em;
}

/*新着記事一覧へ　ボタン*/
.top_box .btn,
.top_box a.btn,
.top_box button.btn {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
	margin:0 auto 30px 0;
}
.top_box .btn i{
	margin-left:2px;
}
.top_box a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

.top_box a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

/*オススメ記事*/
.blog_info a[rel="tag"]{
	color:#4682b4 !important;
}
/*フッターエリア*/
footer #st-footer-logo-wrapper{
	display:none !important;
}


/*＝＝サイドバー＝＝*/
/*４つのメニュー*/
#side aside ul.st-box-btn li, .st-box-btn li{
	background:transparent !important;
}
#side .st-box-btn img{
	max-width:60% !important;
}

/*カテゴリー*/
.widget_categories .st-widgets-title{
	color:#fff !important;
	background:black !important;
	border-radius:0px !important;
}
.widget_categories .st-widgets-title::before{
	display:none !important;
}

/*サイドメニュー*/
.side_menu{
	margin-bottom:40px;
}
.side_menu a{
	display:block;
	color:black !important;
	text-decoration:none;
	margin-block-start: 1em;
    margin-block-end: 1em;
}
.side_menu .title{
	background:#3c3c3b;
	color:#fff;
	padding:0.4em 0.4em 0.4em 1em;
	font-weight:bold;
}
.side_menu .menu{
	position:relative;
	border-bottom:1px solid #e1e1e1;
	font-size: 14px;
    line-height: 8px;
	padding-left:1em;
}
.side_menu .menu a:hover{
	opacity:0.8;
}
/*.side_menu .menu::after{
	content: " \f105";
    font-family: stsvg;
    position: absolute;
    right: 10px;
    font-size: .8em;
}*/

/*ランキング*/
.pop-box{
	margin-top:50px !important;
}

/*４つのメニュー（サイドバー）リンク無効化*/
.st-box-btn li:nth-of-type(1),.st-box-btn li:nth-of-type(2),.st-box-btn li:nth-of-type(4){
	pointer-events:none !important
}

/*＝＝投稿ページ＝＝*/
/*タグ（タイトル下・ショートコードで取得して、ウィジェットにて貼り付け）*/
.post_tag_list{
	font-size:13px;
	margin-bottom:2.5em;
}
.post_tag_list a{
	color:#4682b4;
}
.post_tag_list::before{
  font-family: fontawesome;
  content: '\f02c';
  font-size: 15px;
  font-weight: 400;
  margin-right: 4px;
  color:#777;
}
/*タイトル下のサムネイル画像　画像サイズ調整*/
.st-eyecatch{
	text-align:center;
}
.st-eyecatch img{
	max-width:80% !important;
	margin:auto;
}

/*アドインページのメニュー*/
.adinmenu{
	max-width: 800px;
    overflow: hidden;
    background-color: #EFE8D3;
    border: solid 4px #fff;
    padding: 16px;
    font-size: 18px;
    text-align: center;
    box-shadow: 0px 0px 6px 3px #EFE8D3;
    -moz-box-shadow: 0px 0px 6px 3px #EFE8D3;
    -webkit-box-shadow: 0px 0px 6px 3px #EFE8D3;
	margin:auto;
}
.adinmenu ul {
	margin:0;
	padding:0;
}
.adinmenu ul li{
	float: left;
    padding: 0 16px 0 0;
    list-style: none;
    margin: 0;
}
.adinmenu li a, .adinmenu li a:link, .adinmenu li a:visited{
	color: #212121!important;
    text-decoration: none;
    font-weight: normal;
}
.adinmenu li a:hover{
	text-decoration:underline;
}

/*＝＝記事一覧ページ＝＝*/
/*記事一覧ページ　デザイン*/
.post_list_original .title{
	text-align:center;
	font-size:23px !important;
	margin-top:50px !important;
}
.post_list_original .subtitle{
	text-align:center;
}
div#ez-toc-container{
	margin:5% auto !important;
}
.post_list_original .top3,.post_list_original .about{
	padding:30px;
}
.post_list_original .top3{
	background:#f5f5f7;
	border-radius:18px;
}
.post_list_original .top3_title,.post_list_original .top3_title span{
	font-weight:bold;
	background-color:transparent !important;
	padding:0 !important;
}
.post_list_original .top3_title span{
	font-size:28px !important;
}
.post_list_original .list_title{
	font-size:23px !important;
	font-weight:bold !important;
	background:#f5f5f7 !important;
	border-bottom:solid 1px black !important;
	padding:10px 30px 10px 30px;
}
/*ブログカード*/
.st-cardlink{
	filter: drop-shadow(0px 0px 5px #aaa);
}
.st-cardlink:hover{
	filter: drop-shadow(0px 0px 0px #aaa);
	opacity:1!important;
}
.st-cardbox.kanren:hover{
	opacity:1 !important;
}
.st-cardbox .clearfix dt.st-card-img img, .post .st-cardbox .clearfix dt.st-card-img img, #side .st-cardbox .clearfix dt.st-card-img img:hover{
	opacity:1 !important;
}
/*.st-cardbox div#ez-toc-container{
	display:none;
}*/

.tag .entry-title{
	display: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 Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

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


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

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

	.post_list_original .top3_title span{
		font-size:23px !important;
		line-height:1.5em;
	}
	
	/*-- ここまで --*/
}