/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Version: 20180323
*/

/* 背景画像をcoverにする */
.cover .st-header-flexwrap{
	background-size: cover;
}

/* WordPressで作る記事作成ガイド */
.pdf-tokuten h3{
	border-bottom: 2px solid #eee!important;
	padding: 0 0 7px!important;
	margin-top: 0!important;
	background-color:transparent!important;
	border-top: none!important;
	font-size: 1.2em!important;
}

.pdf-text {
	padding: 0 20px 20px;
}

.pdf-tokuten-w {
}

@media only screen and (min-width: 600px) {
	.pdf-tokuten {
		display: flex;
	}
	.pdf-img {
		max-width: 200px;
	}
}

@media only screen and (max-width: 599px) {
	.pdf-img {
		max-width: 70%;
		margin: 0 auto 20px;
	}
}

h2.is-style-st-heading-custom-line {
    margin: 60px 0!important;
}

/* 販売ページのヘッダーを消す */
.page-template-page100 header {
	display: none;
}

.page-template-page100 #content-w {
	padding-top: 0!important;
}

.page-template-page100 .graybox:not(.noborder) {
    border: none;
	padding: 30px;
}

.hanbai3 {
	background-color: transparent!important;
	border: none!important;
	border-bottom: solid 1px #ccc!important;
}

.komozi2 {
	font-size: .9em;
}

.post .widget_rss .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) {
	background: none!important;
	text-align: left!important;
	margin-bottom: 0!important;
}

.post .widget_rss ul {
	margin-left: 0!important;
}

.widget_rss .st-widgets-title:before {
	content: none!important;
}

.st-sns-top {
	margin-bottom: 20px;
}

.komozi-m {
	font-size: 90%!important;
	line-height: 1.7!important;
}

@media only screen and (max-width: 599px) {
	.komozi-m {
		font-size: 95%!important;
		line-height: 1.7!important;
	}
}

/* お知らせ一覧リンク */
#footer .newslink a {
	text-decoration: underline;
	color: #fff;
}

#footer .newslink {
	margin: -20px 0 0;
	text-align: right;
}

/* 規約 */
.law ul li {
	list-style: none;
	text-indent: -2em;
}

@media only screen and (min-width: 960px) {
	.law * {
		font-size: .95em!important;
		line-height: 1.7!important;
	}
}

@media only screen and (max-width: 959px) {
	.law * {
		font-size: 15px!important;
		line-height: 24px!important;
	}
}

.post .law p {
	margin-bottom: 0;
}

.p-memo .st-in-mybox{
	padding: 0;
}
.p-memo .clip-memobox {
	margin:0;
}
		.st-kaiwa-hukidashi,
		.st-kaiwa-hukidashi2 {
			border-width: 3px!important;
		}
.st-kaiwa-hukidashi::before {
    margin-top: -14px!important;
    left: -14px!important;
    border-width: 14px 14px 14px 0!important;
}
/*会話アイコンを動かす*/
.st-kaiwa-face-move .st-kaiwa-face img {
animation: animScale 4s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;
backface-visibility: hidden;
}
.st-kaiwa-face-move .st-kaiwa-face2 img {
animation: animScale 4.5s infinite ease-out;
transform-origin: 50% 50%;
animation-play-state:running;
backface-visibility: hidden;
}
@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.1, 1.1); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}
/*
.page-id-6778 .st-mybtn a {
	font-weight:400!important;
}
*/
.adbox {
	margin-bottom: 20px;
}


/*スライドの矢印*/
#st-headerbox .slick-prev,
#st-headerbox .slick-next {
	opacity:1;
}

/*
.st-kaiwa-hukidashi {
box-shadow: 0 2px 3px rgba(0,0,0,.33);
}
*/

.content-post-slider .post-slide-title a,
.post-card-list .post-card-title a {
	color: #333;
}

/* コンタクト案内 */

.post #contact-box .st-h4husen-shadow h4 {
	background-color: #424242!important;
}

/* 以前のフォントにする場合はコメントアウトして下さい
* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}
*/

.wf-roundedmplus1c .st-kaiwa-hukidashi,
.wf-roundedmplus1c,
.wf-roundedmplus1c a,
.wf-roundedmplus1c *{ font-family: "Rounded Mplus 1c"; }
.wf-roundedmplus1c .st-header-flextitle { font-family: "Rounded Mplus 1c"!important; }
.post .yugo {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
  font-weight:bold!important;
}
/*
#hanbai .post h3,
#hanbai .post h3::before,
#hanbai .post h3::after{
  background-color:transparent!important;
  border:none!important;

}
#hanbai .post h3
{
  background-color:transparent!important;
  border-bottom:#1a1a1a 1px dotted!important;
	color:#1a1a1a!important;
}


#hanbai .post h5:not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t){
  border:none;
  padding-left:0!important;
}

*/
p.hanbaibou {
  font-weight:bold;
  font-size:110%;
  color:#000!important;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

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

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

	.sp-margin-top {
		margin-top: -20px!important;
	}

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

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
.wf-roundedmplus1c .st-kaiwa-hukidashi,
.wf-roundedmplus1c,
.wf-roundedmplus1c a,
.wf-roundedmplus1c *{ font-family: "Rounded Mplus 1c"; }
.wf-roundedmplus1c .st-header-flextitle { font-family: "Rounded Mplus 1c"!important; }
.post .yugo {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
  font-size:150%!important;
  line-height:1.5!important;
  font-weight:bold!important;
}
	
	h2.is-style-st-heading-custom-line {
		margin: 40px 0;
	}

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

/*media Queries タブレットサイズ（599px以下）
----------------------------------------------------*/
@media only screen and (max-width: 599px) {

	#hanbai .colum1 .st-eyecatch {
		margin: -20px -15px 10px;
	}

	#hanbai #header-l {
		padding: 5px 0;
	}

	.sp-margin-top {
		margin-top: -10px!important;
	}

	/*-- ここまで --*/
}
/*
         #st-headerbox {
                position: relative;
                background-size: cover;
                background-position: center;
                animation: color-change 10s linear infinite;
                animation-delay: 1s;
			 z-index:9;
            }

            #st-headerbox:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url(
https://affinger.com/wp-content/uploads/2021/01/thunder.png);
                animation: rain 0.4s linear infinite;
                opacity: 0;
            }

            @keyframes rain {
                0% {
                    background-position: 0 0;
                    opacity: 1;
                }
  
                100% {
                    background-position: 8% 80%;
                    opacity: 1;
                }
            }

            @keyframes color-change {
                0% {
                    filter: hue-rotate(0deg);
                }
                50% {
                    filter: hue-rotate(0deg);
                }
                100% {
                    filter: hue-rotate(360deg);
                }
            }
*/