/* カスタム CSS をここに入力してください */
.img-box {
 width:1140px;
margin:0 auto;
	padding-top: 25px;
}

@media (min-width:992px) and (max-width:1199px) { 
.img-box {
 width:960px;
margin:0 auto;
	padding-top: 20px;
}
}

@media (min-width:768px) and (max-width:991px) { 
.img-box {
 width:720px;
margin:0 auto;
	padding-top: 20px;
}
}

@media (max-width: 767px) {
.img-box {
 width:90%;
margin:0 auto;
	padding-top: 15px;
}
}

.hoge { text-align: center; }

.wpp-list {
    counter-reset: number;/*ここは自分の好きな名前でOK*/
    list-style: none;
}

.wpp-list li:before {
    color:#FFFFFF /*ここに数字の文字色*/;
    content: counter(number);/*()内はcounter-resetで指定したものをそのまま書く*/
    counter-increment: number;/*ここはcounter-resetで指定したものをそのまま書く*/
    text-align: center;
    opacity: .999;
    float: left;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background-color:#337ab7 /*ここに数字の背景色*/;
    border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: -25px;
}

/* 個別記事ごとのliタグ */
.widget ul {
padding: 0;
}

.mainSection-title,
h2 {
    border-top:none !important;
    border-bottom:none !important;
    background-color:#3bb7ed;
    border-radius:5px;
    color:#fff;
    padding: 7px 10px 7px 10px;
    line-height: 2.5em;
		margin-top: 1px!important;
    }

.mainSection-title:before,
h2:before {
    margin:0 10px 0 0;
    content:" ";
    display:inline-block;
    margin-right:20px;
    background-image:url( "画像ファイルのURLを入れます" );
    background-size:contain;
    background-repeat: no-repeat;
    vertical-align:middle;
    }

.ewd-ufaq-post-margin-symbol {
    display:none;
    }

.ufaq-faq-title {
    background-color:#3bb7ed;
    }

.ufaq-faq-title-text h4 {
    background-color:#3bb7ed;
    color:#fff;
    }


.su-spoiler-title {
    background-color: #3bb7ed;
    color: white;
    border-radius: 10px;
	  margin-top: -8px;
    margin-bottom: -8px;
    font-size: 24px;
}

.home .vk_post:not(.card-horizontal) .vk_post_imgOuter::before {
	padding-top: calc(360 / 800 * 100%);
}

.home .vk_post:hover {
	opacity: .7;
}

.home .vk_posts .vk_post-col-xl-6 {
	width: calc(50% - 30px);
}

@media (max-width: 480px) {
	.home .vk_posts .vk_post-col-xl-6 {
		width: calc(100% - 30px);
	}
}