/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180831以上対応
Version: 20180831
*/



/*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) {

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

/*以下追記
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
    header .descr {
    font-size: 12px;
    }
    #header-l {
    max-width: 800px;
    }
    .head-telno {
    font-size: 30px;
    padding: 0 10px;
    }
    a.btn_inquiry{
    color:#FFF!important;
    font-size: 14px;
    font-weight: bold;
    }
    p.st-widgets-title{
    font-size: 12px;
    }
}

@media print, screen and (min-width: 960px){
header .smanone ul.menu li a {
font-size: 15px;
}
#headbox img.sitename-bottom{
margin-bottom: 5px;
max-width: 350px;
}
#header-r a.sociallinks{
color:#000;
}
#header-r a.youtube{
color:#fe0000;
}
#header-r a.facebook{
color:#2177f2;
}
#header-r a.sociallinks:hover{
opacity: 0.8;
}
#header-r .head-telno a{
padding: 0 2px;
font-size: 90%;
}
#footer .headbox .textwidget {
margin-top: 8px;
}
.st-cardlink-card.has-bg.is-darkable::before {
background-color: rgba(0,0,0,0.3)!important;
}
}


h2.frontpage{
text-align: center;
background: #FFF!important;
border:none!important;
font-size: 1.6rem;
margin: 30px 0 10px 0!important;
}

#topnews-box .rss-bar{
text-align: center;
}
#topnews-box .rss-bar span.news-ca{
font-size: 1.6rem;
font-weight: bold;
}
#topnews-box .rss-bar span.news-ca i{
display: none;
}
ul.top_5reason{
list-style-type: none;
padding: 0 20px 0 0!important;
}
ul.top_5reason li{
font-size: 1.2em;
font-weight: bold;
display: flex;
align-items: center;
padding: 0 0 10px 0;
}
ul.top_5reason li img{
margin-right: 10px;
}
@media print, screen and (max-width: 599px) {
ul.top_5reason{
padding: 0 0 0 0!important;
}
}


@media print, screen and (max-width: 959px){
#footer .headbox .textwidget {
margin-bottom:10px;
}
#footer .headbox .textwidget a {
margin:10px 0;
background: #fb8b00;
padding: 5px 10px;
color: #FFF;
border-radius: 2px;
}
}

/*スマホ専用ヘッダーロゴ画像*/
@media print, screen and (max-width: 599px) {
#s-navi .acordion{background: #FFF!important;}
#s-navi .acordion #st-mobile-logo img{height:35px!important;}
ul.top_5reason li{
font-size: 0.99em;
line-height: 1.5em;
padding-bottom: 15px;
}
}

/*お問い合わせフォームに添付ファイル追加*/
.post input[type="file"]{border:none!important;}

/*投稿　画像の余白*/
.prb_20{
padding-right:20px;
padding-botttom:20px!important;
}

/*固定ページ　八柱霊園*/
table.yahashira_spec{margin-bottom:3rem;}
table.yahashira_spec th{background:#F2F2F2;}

/*投稿下バナーの文字色変更*/
.st-header-flexwrap .st-header-flexbox p:nth-child(2){color:#FFF!important;}

/*TOPページ ヘッダーカードに乗ってる文字サイズ*/
.st-cardlink-card.has-bg.has-link .st-cardlink-card-link{
padding: 5px!important;
}