@charset "utf-8";

/* /////////////////////////////////////////////////////////////////
01.アイキャッチ
02.左サイドカテゴリー
03.メインコンテンツ一覧
04.右サイドエリア
05.スマホ用バナー
06.記事最下部バナー
07.記事下部アドセンス
08.記事イントロダクション
09.記事の内容
10.記事下部
11.メインビジュアルスライダー
12.記事直下関連するまとめ
13.ページネーション
14.ランキング一覧
15.キーワード一覧
/////////////////////////////////////////////////////////////////*/

/* /////////////////////////////////////////////////////////////////
01.アイキャッチ
/////////////////////////////////////////////////////////////////*/

#mainvisual {
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 15px 0 0;
    box-sizing: border-box;
}
.eyecatch {
    background: #fff;
    box-sizing: border-box;
}
.eyecatch_contents {
    margin: 0 5px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    position: relative;
}
.eyecatch_contents:hover {
    opacity: .75;
}
.eyecatch_caption {
    position: relative;
}
.eyecatch_title {
    font-size: 18px;
    padding: 8px 0 5px;
    line-height: 1.3;
}
.eyecatch_text {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.04em;
}
.eyecatch_date {
    color: #999;
    font-size: 12px;
    padding: 5px 4px 0 0;
    letter-spacing: 0em;
}
.eyecatch_banner {
    width: 100%;
    max-width: 360px;
    float: right;
    box-sizing: border-box;
    text-align: center;
}
.eyecatch_banner a {
    display: block;
    margin: 0 0 0 2%;
}
.eyecatch_banner:nth-child(1) {
    margin: 0 0 3% 0;
}
.eyecatch_contents .label_new {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    overflow: hidden;
    width: 200px;
    height: 200px;
}
.eyecatch_contents .label_new .ribbon {
    font-size: 12px;
    font-weight: bold;
    line-height: 4.6;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    height: 40px;
    display: block;
    background: #A9BCF2;
    position: absolute;
    left: 88px;
    top: -8px;
}
@media screen and (max-width: 768px) {
    #mainvisual .container {
        padding: 0 8px;
        width: 100%;
        margin: 60px 0 0 0;
    }
    .eyecatch_banner {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    #mainvisual {
        border-top: none;
        border-bottom: none;
        padding: 0;
        margin: 105px 0 0 0;
    }
    #mainvisual .container {
        padding: 0;
        width: 100%;
        margin: 0;
    }
	
	.main_top .main_contents { padding:0px 0 0 0 !important;}
	
    .eyecatch {
        border: none;
        padding: 0;
    }
	
	eyecatch_contents {
		 position: relative;
	}
	
    .eyecatch_contents img{
 width: 100%;
		
	}
    .eyecatch_caption {

   position: absolute;
  top: 40%;
  left: 0;
    }
	

    .eyecatch_title {
        font-size: 18px;
        font-weight: bold;
        padding: 0 10px;
        color: #fff;
        text-shadow: 0px 1px 4px #777;
        line-height: 1.2;
        letter-spacing: 0.02em;
    }
    .eyecatch_text {
        display: none;
    }
    .eyecatch_date {
        text-align: left;
        font-size: 11px;
        padding: 2px 0 4px 10px;
        color: #ededed;
        text-shadow: 0px 1px 2px #777;
    }
    .eyecatch_contents .label_new {
        position: absolute;
        right: 0;
        top: 0;
    }
    .eyecatch .col-xs-6 {
        width: 100%;
        float: none;
    }
}
/* /////////////////////////////////////////////////////////////////
02.左サイドカテゴリー
/////////////////////////////////////////////////////////////////*/

.side_left_fixed {
    width: 190px;
}
.side_category {
    padding: 0 20px 0 0;
    width: 100%;
    max-width: 190px;
    position: relative;
    z-index: 100;
}
.side_category_title {} .side_category_list {
    margin: 10px 0;
}
.side_category_list li {
    margin: 0;
}
.side_category_list li a {
    display: block;
    padding: 6px 8px;
    margin: 4px 0;
    color: #888;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.side_category_list li a i {
    display: inline-block;
    padding: 0 4px 0 0;
}
@media screen and (max-width: 768px) {
    .side_category {
        display: none;
    }
}
/* /////////////////////////////////////////////////////////////////
03.メインコンテンツ一覧
/////////////////////////////////////////////////////////////////*/

#main_outer {
    margin: 20px 0 0 0;
}
.main_contents {
    padding: 0 20px 0 0;
}
.main_contents_title {
    font-weight: bold;
    border-left: 3px solid #A9BCF2;
    padding: 0 0 0 8px;
    font-size: 18px;
    float: left;
    width: 60%;
}
.main_contents_title span {
    font-weight: normal;
    font-size: 11px;
    color: #A9BCF2;
    display: block;
    padding: 0 0 3px 0;
}
.main_contents_title_description {
    color: #999;
    font-size: 12px;
    display: block;
    padding: 14px 0 0 0;
    float: right;
    width: 40%;
    text-align: right;
}
.main_list {
    margin: 10px 0 20px;
    border-top: 1px dotted #dedede;
}
.main_list li.content_visible:nth-child(1) {
    display: none;
}
.main_list li.content_visible:nth-child(2) {
    display: none;
}
.main_list_contents {
    border-bottom: 1px dotted #dedede;
    padding: 12px 5px 12px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.main_list_contents:hover {
    opacity: .75;
}
.main_list_left {
    width: 20%;
    max-width: 188px;
    float: left;
    position: relative;
}
.main_list_left .label_new {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    overflow: hidden;
    width: 150px;
    height: 150px;
}
.main_list_left .label_new .ribbon {
    font-size: 10px;
    font-weight: bold;
    line-height: 4.6;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    height: 34px;
    display: block;
    background: #A9BCF2;
    position: absolute;
    left: 66px;
    top: -8px;
    letter-spacing: 0em;
}
.main_list_right {
    width: 80%;
    float: right;
    padding: 0 0 0 10px;
}
.main_list_title {
    font-size: 18px;
    line-height: 1.3;
}
.main_list_text {
    color: #999;
    padding: 4px 0 0 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new_list_text {
    color: #999;
    padding: 4px 0 0 0;
    font-size: 12px;
}
.main_list_date {
    color: #999;
    font-size: 12px;
    padding: 4px 2px 0 0;
    letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
    #main_outer {
        margin: 20px 0 0 0;
    }
    #main_page_outer {
        margin: 76px 0 0 0;
    }
    .main_list_left {
        width: 26%;
        max-width: 188px;
        float: left;
        position: relative;
    }
    .main_list_right {
        width: 74%;
        float: right;
        padding: 0 0 0 6px;
    }
    .main_contents {
        padding: 0 0 0 0;
    }
    .main_contents_title {
        float: none;
        width: 100%;
    }
    .main_contents_title_description {
        font-size: 11px;
        padding: 6px 0 0 0;
        float: none;
        width: 100%;
        text-align: left;
    }
    .main_list_contents {
        padding: 12px 0 12px;
    }
}
@media screen and (max-width: 480px) {
    #main_outer {
        margin: 0 0 0 0;
    }
    #main_page_outer {
        margin: 55px 0 0 0;
    }
    .main_contents {
        padding: 10px 0 0 0;
    }
    .main_contents_title_description {
        display: none;
    }
    .main_list_title {
        font-size: 15px;
        line-height: 1.2;
    }
    .main_list_text {
        display: none;
    }
    .new_list_text {
        display: none;
    }
    .main_list_date {
        font-size: 11px;
    }
}
/* /////////////////////////////////////////////////////////////////
04.右サイドエリア
/////////////////////////////////////////////////////////////////*/

.side_banner {
    margin: 0 0 0 0;
}
.adsense{
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
.side_right_fixed {
    width: 100%;
    max-width: 255px;
    margin: 0 0 20px 0;
}
.side_area {
    margin: 10px 0 20px;
    counter-reset: wpp-ranking;
}
.side_list {
    margin: 10px 0 0;
    border-top: 1px dotted #dedede;
}
.side_list_contents {
    border-bottom: 1px dotted #dedede;
    padding: 10px 5px 5px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.side_list_contents:hover {
    opacity: .75;
}
.side_list_left {
    max-width: 26%;
    display: inline-block;
    position: relative;
}
.side_list_left img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 60px;
    margin: 0 10px 0 0;
}
.ranking_label {
    position: absolute;
    top: -6px;
    left: -6px;
    background: #A9BCF2;
    display: block;
    color: #fff;
    z-index: 10;
    font-weight: bold;
    padding: 2px 6px;
    border: 1px solid #fff;
}
/* 一覧の表示スタイル */

.wpp-list li {
    position: relative;
}
/* 順位ラベルを表示 */

.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: #A9BCF2;
    display: block;
    color: #fff;
    z-index: 10;
    font-weight: bold;
    padding: 2px 6px;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1;
}
.side_list_right {
    max-width: 70%;
    display: inline-block;
    vertical-align: top;
}
.side_list_title {
    line-height: 1.4;
    font-size: 12px;
    visibility: hidden;
}
.side_list_link {
    display: block;
    margin: 10px 0 0;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #dedede;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.side_list_link:hover {
    background: #A9BCF2;
    color: #fff;
    border: 1px solid #A9BCF2;
}
.side_list_link i {
    display: inline-block;
    padding: 0 4px 0 0;
}
.side_tag_list {
    margin: 10px 0 0;
}
.side_tag_list li {
    float: left;
}
.side_tag_list li a {
    display: inline-block;
    padding: 4px 8px;
    background: #A9BCF2;
    color: #fff;
    margin: 2px;
    font-size: 11px;
}
.side_tag_list li a i {
    padding: 0 4px 0 0;
}
.side_tag_list a {
    display: block;
    float: left;
    padding: 4px 8px;
    background: #A9BCF2;
    color: #fff;
    margin: 2px;
    font-size: 11px;
}
.side_tag_list a:before {
    font-family: "FontAwesome";
    content: "\f02b";
    padding: 0 4px 0 0;
}
.contents_new {
    display: block;
}
@media screen and (min-width: 961px) {
    .side_right_fixed {
        width: 100%;
        max-width: 230px;
    }
}
@media screen and (min-width: 1020px) {
    .side_right_fixed {
        width: 100%;
        max-width: 255px;
    }
}
@media screen and (max-width: 960px) {
    .side_right_fixed {
        width: 100%;
        max-width: 183px;
    }
}
@media screen and (max-width: 768px) {
    .adsense{
        text-align: center;
        width: 320px;
        height: 320px;
        margin: 0 auto;
        display: block;
    }
    .side_right_fixed {
        width: 100%;
        max-width: 100%;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 0 20px 0;
    }
    .side_list_contents {
        padding: 10px 0 5px;
    }
    .side_list_left {
        max-width: 26%;
        display: inline-block;
        position: relative;
    }
    .side_list_left img {
        display: block;
        max-width: 188px;
        margin: 0 10px 0 0;
    }
    .side_list_right {
        max-width: 70%;
        display: inline-block;
        vertical-align: top;
    }
    .side_list_title {
        line-height: 1.2;
        font-size: 18px;
    }
    .side_list_link {
        margin: 14px 0 0;
        padding: 14px 0;
        border: none;
        background: #A9BCF2;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }
    .side_list_link:hover {
        border: none;
    }
}
@media screen and (max-width: 768px) {
    .side_banner {
        display: none;
    }
    .contents_new {
        display: none;
    }
    .side_list_title {
        line-height: 1.2;
        font-size: 14px;
        visibility: hidden;
    }
    .side_tag_list a {
        display: block;
        float: left;
        padding: 4px 8px;
        background: #A9BCF2;
        color: #fff;
        margin: 2px;
        font-size: 13px !important;
    }
}
/* /////////////////////////////////////////////////////////////////
05.スマホ用バナー
/////////////////////////////////////////////////////////////////*/

.middle_banner {
    display: none;
}
@media screen and (max-width: 768px) {
    .middle_banner {
        display: block;
        margin: 0 auto 20px;
        max-width: 660px;
    }
    .middle_banner_left {
        float: left;
        width: 49%;
        max-width: 360px;
    }
    .middle_banner_right {
        float: right;
        width: 49%;
        max-width: 360px;
    }
    .middle_banner a {
        display: block;
        margin: 0 auto 10px;
    }
}
@media screen and (max-width: 480px) {
    .middle_banner_left {
        float: none;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
    .middle_banner_right {
        float: none;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
}
.mobile_banner {
    display: none;
}
@media screen and (max-width: 768px) {
    .mobile_banner {
        display: block;
        width: 320px;
        margin: 20px auto 20px auto;
        text-align: center;
    }
    .mobile_banner a {
        display: block;
        text-align: center;
        background: #f1f1f1;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 10px;
    }
}
@media screen and (max-width: 480px) {} .sns_area {
    display: none;
}
@media screen and (max-width: 480px) {
    .sns_area {
        display: block;
        margin: 40px 0 10px;
        padding: 20px 10px;
        background: #A9BCF2;
    }
    .sns_area h3 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 1.4;
        color: #fff;
    }
    .sns_area p {
        padding: 10px 0;
        color: #fff;
    }
    .sns_button_top {
        background: #fff;
        padding: 20px 10px 5px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        text-align: center;
    }
    .sns_button_top_inner {
        width: 225px;
        margin: 0 auto;
    }
    .sns_button_bottom {
        background: #fff;
        padding: 5px 10px 28px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        text-align: center;
    }
    .sns_button_bottom_inner {} .sns_area_button {
        display: inline-block;
        margin: 2px;
        max-height: 20px;
    }
    .twitter_button {
        float: left;
    }
    .facebook_button {
        float: left;
    }
    .line_button {
        display: block;
    }
}
/* /////////////////////////////////////////////////////////////////
06.記事最下部バナー
/////////////////////////////////////////////////////////////////*/

.post_banner {
    display: block;
    margin: 0 auto 30px;
    padding: 20px 20px 0 0;
    max-width: 720px;
}
.post_banner_left {
    float: left;
    width: 49%;
    max-width: 360px;
}
.post_banner_right {
    float: right;
    width: 49%;
    max-width: 360px;
}
.post_banner a {
    display: block;
    margin: 0 auto 10px;
}
@media screen and (max-width: 960px) {
    .post_banner {
        display: block;
        margin: 0 auto 30px;
        padding: 20px 20px 0 0;
        max-width: 720px;
    }
}
@media screen and (max-width: 480px) {
    .post_banner {
        display: block;
        margin: 0 auto 30px;
        padding: 20px 0 0 0;
        max-width: 720px;
    }
    .post_banner_left {
        float: none;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
    .post_banner_right {
        float: none;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }
}
/* /////////////////////////////////////////////////////////////////
07.記事下部アドセンス
/////////////////////////////////////////////////////////////////*/

.post_adsense {
    display: block;
    margin: 0 auto 40px;
    max-width: 620px;
}
.post_adsense_left {
    float: left;
    width: 49%;
    max-width: 300px;
}
.post_adsense_right {
    float: right;
    width: 49%;
    max-width: 300px;
}
.post_adsense a {
    display: block;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .post_adsense {
        padding: 0 10px;
    }
}
@media screen and (max-width: 480px) {
    .post_adsense_left {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .post_adsense_right {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
}
/* /////////////////////////////////////////////////////////////////
08.記事イントロダクション
/////////////////////////////////////////////////////////////////*/

.post_head {
    border-bottom: 1px dotted #dedede;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
}
.post_eyecatch_image {
    width: 100%;
    height: 120px;
    max-width: 120px;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-image: border-radius: 50%;
    -webkit-border-image: border-radius: 50%;
    margin: 0 auto;
    float: left;
    width: 22%;
}
.post_eyecatch_image img {
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.post_introduction {
    margin: 0 0 0 3%;
    float: left;
    width: 80%;
}
.post_sns {
    display: block;
    margin: 10px 0 10px;
    padding: 5px 0;
    text-align: center;
    background: #f9f9f9;
}
.post_sns div {
    display: inline-block;
}

.post_title {
    font-size: 25px;
    line-height: 2.0;
    font-weight: bold;
    letter-spacing: 0.08em;
    margin: 5px 0;
	padding-right: 40px;
padding-left: 40px;
text-align:center;
color:#7B7B7B;
}

.post_date {
    color: #7B7B7B;
    font-size: 12px;
    letter-spacing: 0em;
	text-align:center;
	margin-top: 30px;
margin-bottom: 10px;
}

.post_body img, .post_eyecatch_image2 img {
    display: block;
    margin: 20px 0;
    max-width: 100%;
    height: auto;
}


@media screen and (max-width: 479px) {
	.post_title {
padding-right: 20px;
padding-left: 20px;
	}
}

.post_description {
    color: #999;
}
.post_none {
    padding: 10px 0 10px 5px;
}
@media screen and (max-width: 980px) {
    .post_introduction {
        margin: 0 0 0 3%;
        float: left;
        width: 75%;
    }
}
@media screen and (max-width: 768px) {
    #main_post_outer .container {
        padding-left: 0;
        padding-right: 0;
    }
    #main_post_outer .container .side_area {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main_post_outer .container .post_banner {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main_post_outer .container .post_list {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main_post_outer .container .post_headline01 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .post_eyecatch_image {
        width: 100%;
        height: auto;
        max-width: 100%;
        overflow: hidden;
        border-radius: 0%;
        -moz-border-image: border-radius: 0%;
        -webkit-border-image: border-radius: 0%;
        margin: 0 auto;
        float: none;
    }
    .post_eyecatch_image img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
    .post_introduction {
        margin: 0;
        float: none;
        width: 100%;
        padding: 0 10px;
    }
    .post_title {
        font-size: 18px;
        line-height: 2;
        margin: 5px 0 10px;
    }
    .post_date {
        font-size: 11px;
        margin: 10px 0 0 0;
    }
    .post_description {
        font-size: 12px;
    }
    .post_sns {
        margin: 10px 10px 10px;
    }
}
@media screen and (max-width: 480px) {
    .post_head {
        border-bottom: 1px dotted #dedede;
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
        position: relative;
    }
    .post_sns {
        margin: 10px 10px 0;
        max-height: 50px;
    }
    .post_title {
        font-size: 18px;
        line-height: 2;
        margin: 5px 0 10px;
        letter-spacing: 0.08em;
    }
}
/* /////////////////////////////////////////////////////////////////
09.記事の内容
/////////////////////////////////////////////////////////////////*/

.post_body {
    margin: 0 0 40px;
    max-width: 940px;
    width: 100%;
}
.headline_large_outer {
    width: 100%;
    margin: 20px 0 0;
}
.headline_large_outer span {
    display: block;
}
.headline_large {
    padding: 10px 0;
    margin: 20px 0 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.08em;
}
.headline_large_outer .headline_large {
    overflow: hidden;
    position: relative;
    padding-bottom: 1px;
    padding: 0 0 8px 0;
}
.headline_large_outer .headline_large:before {
    content: "";
    border-bottom: 1px solid #A9BCF2;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.headline_large_outer .headline_large:after {
    border-bottom: 1px solid #f1f1f1;
    bottom: 0;
    content: "";
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media screen and (min-width: 480px) {
	.post_body p {
    margin: 4px 0;
    line-height: 1.7;
    letter-spacing: 0.12em;
    font-size: 17px;
	font-weight:500;
	text-align: justify;
}
}
@media screen and (max-width: 479px) {
	.post_body p {
    margin: 4px 0;
    line-height: 1.6;
    letter-spacing: 0.12em;
    font-size: 16px;
	line-height: 30px;
	text-align: justify;
}
}

.post_body img {
    display: block;
    margin: 20px 0;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .post_body {
        margin: 0 0 40px;
        padding: 0px;
    }
    .headline_large_outer {
        width: 100%;
        margin: 10px 0 0;
    }
}
.headline_large {
    padding: 10px 0;
    margin: 10px 0 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.08em;
}
}
@media screen and (max-width: 480px) {
    .headline_large {
        padding: 10px 0;
        margin: 10px 0 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.1;
        letter-spacing: 0em;
    }
}
/* /////////////////////////////////////////////////////////////////
10.記事下部
/////////////////////////////////////////////////////////////////*/

.post_foot {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 30px 0 0;
    margin: 40px 0;
    background: #f9f9f9;
}
.post_sns_headline {
    text-align: center;
    font-size: 15px;
}
.post_sns_headline i {
    display: inline-block;
    padding: 0 4px;
}
.post_foot_sns {
    display: block;
    margin: 10px 0 10px;
    padding: 5px 0;
    text-align: center;
    background: #f9f9f9;
}
.post_foot_sns div {
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .post_foot {
        margin: 40px 10px;
    }
}
@media screen and (max-width: 480px) {}
/* /////////////////////////////////////////////////////////////////
11.メインビジュアルスライダー
/////////////////////////////////////////////////////////////////*/

#mainvisual_slider {
    display: block;
}
#mainvisual_slider_sp {
    display: none;
}
@media screen and (max-width: 480px) {
    #mainvisual_slider {
        display: none;
    }
    #mainvisual_slider_sp {
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .slide {
        display: block;
    }
    .slide_hide {
        display: none;
    }
    /* Slider */
    
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
		max-height:250px;
		width:100%;
		
    }
    .slick-list:focus {
        outline: none;
    }
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }
    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }
    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }
    .slick-track:after {
        clear: both;
    }
    .slick-loading .slick-track {
        visibility: hidden;
    }
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }
    [dir='rtl'] .slick-slide {
        float: right;
    }
    .slick-slide img {
        display: block;
    }
    .slick-slide.slick-loading img {
        display: none;
    }
    .slick-slide.dragging img {
        pointer-events: none;
    }
    .slick-initialized .slick-slide {
        display: block;
    }
    .slick-loading .slick-slide {
        visibility: hidden;
    }
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
    .slick-arrow.slick-hidden {
        display: none;
    }
    /* Slider */
    
    .slick-loading .slick-list {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }
    /* Dots */
    
    .slick-dotted.slick-slider {} .slick-dots {
        position: relative;
        display: block;
        padding: 0;
        margin: 5px 0 0 0;
        list-style: none;
        text-align: center;
    }
    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        padding: 0;
        border-radius: 50%;
        cursor: pointer;
    }
    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }
    .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none;
    }
    .slick-dots li button:hover:before, .slick-dots li button:focus:before {
        opacity: 1;
    }
    .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        background: #dedede;
        border-radius: 50%;
        content: '';
        text-align: center;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .slick-dots li.slick-active button:before {
        background: #A9BCF2;
    }
    .slick-prev, .slick-next {
        width: 30px;
        transition: .6s;
        -webkit-transition: .6s;
    }
    .slick-prev:hover, .slick-next:hover {
        opacity: .75;
    }
    .slick-prev:before, .slick-next:before {
        content: "";
    }
    button.slick-prev, button.slick-next {
        z-index: 100;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .slick-prev {
        left: -15px;
    }
    .slick-next {
        right: -15px;
    }
    .slick-arrow {
        z-index: 100;
    }
}
}
/* /////////////////////////////////////////////////////////////////
12.記事直下関連するまとめ
/////////////////////////////////////////////////////////////////*/

.post_list {
    margin: 10px 0 20px;
    border-top: 1px dotted #dedede;
}
.post_list_contents {
    border-bottom: 1px dotted #dedede;
    padding: 12px 5px 12px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.post_list_contents:hover {
    opacity: .75;
}
.post_list_left {
    width: 14%;
    float: left;
    position: relative;
}
.post_list_left .label_new {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    overflow: hidden;
    width: 150px;
    height: 150px;
}
.post_list_left .label_new .ribbon {
    font-size: 10px;
    font-weight: bold;
    line-height: 4.6;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    height: 34px;
    display: block;
    background: #A9BCF2;
    position: absolute;
    left: 66px;
    top: -8px;
    letter-spacing: 0em;
}
.post_list_right {
    width: 86%;
    float: right;
    padding: 0 0 0 10px;
}
.post_list_title {
    font-size: 18px;
    line-height: 1.3;
}
.post_list_text {
    color: #999;
    padding: 4px 0 0 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new_list_text {
    color: #999;
    padding: 4px 0 0 0;
    font-size: 12px;
}
.post_list_date {
    color: #999;
    font-size: 12px;
    padding: 2px 2px 0 0;
    letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
    .main_contents {
        padding: 0 0 0 0;
    }
    .main_contents_title {
        float: none;
        width: 100%;
    }
    .main_contents_title_description {
        font-size: 11px;
        padding: 6px 0 0 0;
        float: none;
        width: 100%;
        text-align: left;
    }
    .post_list_contents {
        padding: 12px 0 12px;
    }
}
@media screen and (max-width: 480px) {
    .main_contents {
        padding: 75px 0 0 0;
        /*overflow-x: hidden;*/
    }
    .main_contents_title_description {
        display: none;
    }
    .post_list_left {
        width: 30%;
        float: left;
        position: relative;
    }
    .post_list_right {
        width: 70%;
        float: right;
        padding: 0 0 0 6px;
    }
    .post_list_title {
        font-size: 15px;
        line-height: 1.2;
    }
    .post_list_text {
        display: none;
    }
    .new_list_text {
        display: none;
    }
    .post_list_date {
        font-size: 11px;
    }
}
/* /////////////////////////////////////////////////////////////////
13.ページネーション
/////////////////////////////////////////////////////////////////*/

.pagination {
    list-style-type: none;
    padding-left: 0;
    margin: 20px auto;
    text-align: center;
}
.pagination ul {
    list-style: none;
    padding: 0;
    margin: 0 auto 40px;
    text-align: center;
}
.pagination li {
    counter-increment: pagination;
    list-style: none;
    display: inline-block;
    padding: 0px;
}
.pagination, .pagination li a {} .pagination a {
    border: solid 1px #dedede;
    color: #7d7d7d;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 0.6rem 0.9rem;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.pagination li:not([class*="current"]) a:hover {
    background-color: #A9BCF2;
    border: 1px solid #A9BCF2;
    color: #fff;
}
.pagination li:first-of-type a {
    border-left-width: 1px;
}
.pagination li.first span, .pagination li.last span, .pagination li.previous span, .pagination li.next span {
    /* screen readers only */
    
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.pagination li.first a::before, .pagination li.last a::after, .pagination li.previous a::before, .pagination li.next a::after {
    display: inline-block;
    font-family: Fontawesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.pagination li.first a::before {
    content: "\f100";
}
.pagination li.last a::after {
    content: "\f101";
}
.pagination li.previous a::before {
    content: "\f104";
}
.pagination li.next a::after {
    content: "\f105";
}
.pagination li.current a {
    background-color: #A9BCF2;
    cursor: default;
    pointer-events: none;
    border: 1px solid #A9BCF2;
    color: #fff;
}
.pagination > li:first-child > a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
@media only screen and ( max-width: 680px) {
    .pagination li.first, .pagination li.last {
        /* screen readers only */
        
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.previous a {
        border-left-width: 1px;
    }
}
@media only screen and ( max-width: 500px) {
    .pagination li {
        /* screen readers only */
        
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.current, .pagination li.first, .pagination li.last, .pagination li.previous, .pagination li.next {
        position: initial;
        top: initial;
        left: initial;
    }
    .pagination li.previous a {
        border-left-width: 0;
    }
}
@media only screen and ( max-width: 400px) {
    .pagination li.first, .pagination li.last {
        /* screen readers only */
        
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.previous a {
        border-left-width: 1px;
    }
}
@media only screen and ( max-width: 240px) {
    /* For watches? */
    
    .pagination li {
        width: 50%;
    }
    .pagination li.current {
        order: 2;
        width: 100%;
        border-left-width: 1px;
    }
}
.wp-pagenavi {
    clear: both;
    list-style-type: none;
    padding-left: 0;
    margin: 20px auto;
    text-align: center;
}
.wp-pagenavi a {
    border: solid 1px #dedede !important;
    color: #7d7d7d !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0.6rem 0.9rem !important;
    transition: all .2s !important;
    -webkit-transition: all .2s !important;
    -moz-transition: all .2s !important;
    -o-transition: all .2s !important;
    -ms-transition: all .2s !important;
    display: inline-block !important;
}
.wp-pagenavi span {
    border: solid 1px #dedede !important;
    color: #7d7d7d !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0.6rem 0.9rem !important;
    transition: all .2s !important;
    -webkit-transition: all .2s !important;
    -moz-transition: all .2s !important;
    -o-transition: all .2s !important;
    -ms-transition: all .2s !important;
    display: inline-block !important;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color: #A9BCF2 !important;
    border: 1px solid #A9BCF2 !important;
    color: #fff !important;
}
.wp-pagenavi span.current {
    font-weight: bold;
}
/* /////////////////////////////////////////////////////////////////
14.ランキング一覧
/////////////////////////////////////////////////////////////////*/

.ranking_area {
    margin: 0 0 20px;
    counter-reset: wpp-ranking;
}
.ranking_list {} .ranking_list_contents {
    border-bottom: 1px dotted #dedede;
    padding: 10px 5px 5px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.ranking_list_contents:hover {
    opacity: .75;
}
.ranking_list_left {
    width: 20%;
    max-width: 108px;
    display: inline-block;
    position: relative;
}
.ranking_list_left img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 108px;
    margin: 0 10px 0 0;
}
.ranking_label {
    position: absolute;
    top: -6px;
    left: -6px;
    background: #A9BCF2;
    display: block;
    color: #fff;
    z-index: 10;
    font-weight: bold;
    padding: 2px 6px;
    border: 1px solid #fff;
}
/* 一覧の表示スタイル */

.wpp-list li {
    position: relative;
}
/* 順位ラベルを表示 */

.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: #A9BCF2;
    display: block;
    color: #fff;
    z-index: 10;
    font-weight: bold;
    padding: 2px 6px;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1;
	line-height:1.0 !important;
}
.ranking_list_right {
    max-width: 78%;
    display: inline-block;
    vertical-align: top;
}
.ranking_list_title {
    font-size: 18px;
    line-height: 1.3;
}
.ranking_list_link {
    display: block;
    margin: 10px 0 0;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #dedede;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}
.ranking_list_link:hover {
    background: #A9BCF2;
    color: #fff;
    border: 1px solid #A9BCF2;
}
.ranking_list_link i {
    display: inline-block;
    padding: 0 4px 0 0;
}
@media screen and (max-width: 768px) {
    .ranking_list_contents {
        padding: 10px 0 5px;
    }
    .ranking_list_left {
        width: 26%;
        max-width: 188px;
        display: inline-block;
        position: relative;
    }
    .ranking_list_left img {
        display: block;
        max-width: 188px;
        margin: 0 10px 0 0;
    }
    .ranking_list_right {
        max-width: 70%;
        display: inline-block;
        vertical-align: top;
    }
    .ranking_list_link {
        margin: 14px 0 0;
        padding: 14px 0;
        border: none;
        background: #A9BCF2;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }
    .ranking_list_link:hover {
        border: none;
    }
}
@media screen and (max-width: 480px) {
    .ranking_list_title {
        font-size: 15px;
        line-height: 1.2;
    }
}
/* /////////////////////////////////////////////////////////////////
15.キーワード一覧
/////////////////////////////////////////////////////////////////*/

.keyword_list {
    margin: 10px 0 0;
}
.keyword_list li {
    overflow: hidden;
    width:16.6666666%;
    display: inline-block;
}
.keyword_list a {
    display: block;
    padding: 2px 0;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.keyword_list a:before {
    font-family: "FontAwesome";
    content: "\f02b";
    padding: 0 4px 0 0;
    color: #A9BCF2;
}
@media screen and (max-width: 768px) {
    .keyword_list li {
        overflow: hidden;
        width:25%;
        display: inline-block;
    }
    .keyword_list a {
        display: block;
        padding: 4px 0;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media screen and (max-width: 480px) {
    .keyword_list li {
        overflow: hidden;
        width:50%;
        display: inline-block;
    }
    .keyword_list a {
        display: block;
        padding: 6px 0;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/*追加*/
.post_body h2 {
background:#f7f7f7;
padding: 20px 15px 18px;
padding-right: 15px;
padding-left: 15px;
color:#333;
border-left: 9px solid #A9BCF2;
line-height: 40px;
padding-right: 40px;
padding-left: 40px;
font-size: 25px;
margin: 40px 0;
}

/*.post_body h2 {
	 border-bottom: 2px solid #f04a61;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}*/


.post_body ul {
background-color:#f7f9ff;
border: dashed 1px #A9BCF2;
padding:40px 10px 36px 40px;
list-style: outside;
}
 .post_body ul li {
margin-bottom: 10px;
text-align: left;
line-height: 2;
}
 .post_body ol {
 counter-reset: li;
 font-size:16px;
}
 .post_body ol > li {
 list-style: none;
 position: relative;
 padding-left: 1.8em;
 padding-top:3px;
 margin-bottom: 0.7em;
}
 .post_body ol > li:before {
 counter-increment: li;
 content: counter(li);
 margin-right: 1em;
 background: #febccd;
 border: 1px solid #df7b95;
 color: #ffffff;
 border-radius: 50%;
 text-align: center;
 width: 1.4em;
 height: 1.4em;
 position: absolute;
 left: 0em;
 top: 2px;
 line-height: 1.3;
}
}


 @media screen and (max-width: 479px) {


/*.post_body h3 {
	 border-bottom: 2px solid #f04a61;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
	margin:20px 0 20px;
}*/

.post_body h3 {
letter-spacing: 1.6px;
padding: 0px 15px 0px;
border-left: 9px solid #A9BCF2;
color: #333;
font-weight: 600;
margin-top: 60px;
font-size: 18px;
line-height: 2;
margin-bottom: 40px;
}
 .post_body h2 {
background:#f7f7f7;
padding: 20px 15px 18px;
padding-right: 15px;
padding-left: 15px;
color:#333;
border-left: 9px solid #A9BCF2;
line-height: 30px;
padding-right: 20px;
padding-left: 20px;
font-size: 18px;
margin: 20px 0;
}

.post_body ul {
background-color:#f7f9ff;
border: dashed 1px #A9BCF2;
padding:40px 10px 40px 45px;
list-style: outside;
}
 .post_body ul li {
margin-bottom: 10px;
text-align: left;
line-height: 2;
font-size: 15px;
}
 .post_body ol {
 counter-reset: li;
 font-size:14px;
}
 .post_body ol > li {
 list-style: none;
 position: relative;
 padding-left: 1.8em;
 padding-top:3px;
 margin-bottom: 0.7em;
}
 .post_body ol > li:before {
 counter-increment: li;
 content: counter(li);
 margin-right: 1em;
 background: #febccd;
 border: 1px solid #df7b95;
 color: #ffffff;
 border-radius: 50%;
 text-align: center;
 width: 1.3em;
 height: 1.3em;
 position: absolute;
 left: 0em;
 top: 2px;
 line-height: 1.2;
}
}
.post_body a {
	font-size:17px;
	text-align: justify;
}
.post_body a:link {
	color:#5e82ed;
	font-weight:bold;
	text-decoration: none !important;
}
.post_body a:link {
	color:#5e82ed;
	text-decoration:underline;
}
.post_body a:visited {
	color: #5e82ed;
	text-decoration:underline;
}
.post_body a:hover {
	color: #f04a61;
	text-decoration:underline;
}
.post_body a:active {
	color: #5e82ed;
	text-decoration:underline;
}
strong {
	font-weight:bold;
	/*color:#f04a61;*/
	font-size:18px;
}
.info_to_img {
	float: left;
	width: 100%;/*	 改変箇所 */
	height: 180px;
	position: relative;
	overflow: hidden;
}
.info_to_img span {
	display:block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1000%;
	height: 500px;
	line-height: 2000px;
	margin:-1000px 0 0 -500%;
	text-align: center;
}
.info_to_img span img {
	width: 100%;
	height: 250px;
	object-fit: contain;
}
.info_to_img li span img {
	min-height: 200px;
	min-width: 10%;
	vertical-align: middle;
}
/*.post_body blockquote{
padding:3em 1em;
position:relative;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 16px;
}*/

.post_body blockquote {
	background:#eee;
	font-style: italic;
	padding-top: 35px;
	padding-bottom: 35px;
	color:#676767;
	position: relative;
	text-align: left;
	padding: 35px 20px;
}
.post_body blockquote:before {
	position: absolute;
	top: 13px;
	content: "";
	display: inline-block;
    width: 33px;
    height: 28px;
    vertical-align: middle;
background: url(../img/blockquote.png);
	color:#b0b0b0;
	font-size: 28px;
	line-height: 1;
}
.post_body blockquote p {
	margin-top: 10px;
	padding-right: 40px;
	padding-left: 40px;
	line-height: 30px;
}
 @media screen and (max-width: 479px) {
 .post_body blockquote {
 padding:35px 40px 35px 35px;
}
 .post_body blockquote p {
padding-right: 0px;
padding-left: 10px;
}
 strong {
 font-size:17px;
}
}
/*.post_body blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
.post_body blockquote:after{
content:"”";
font-size:600%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:0;
bottom:0;
*/

.post_body .snsShareArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.post_body .snsShareArea a {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 31.3%;
	margin: 1%;
	padding: .7em 0;
	border-radius: 3px;
	color: white;
	text-decoration: none;
	text-align: center;
}
.post_body a.btn--twitter {
	background: #55acee;
}
.post_body a.btn--facebook {
	background: #3b5998;
}
.post_body a.btn--google {
	background: #dd4b39;
}
.post_body a.btn--hatena {
	background: #008FDE;
}
.post_body a.btn--pocket {
	background: #ee4056;
}
.banner_more {
	width:95%;
	margin:0 auto 25px;
}
.info_box {
	background-color: #8cfff1;
	background-image: url("img/ico_info.png");
	background-position: 1% 6px;
	background-repeat: no-repeat;
	background-size: 8% auto;
	border-radius: 5px;
	padding: 3% 3% 3% 10%;
}
.check_box {
	background-color: #b1ca72;
	background-image: url("img/ico_check.png");
	background-position: 1% 6px;
	background-repeat: no-repeat;
	background-size: 8% auto;
	border-radius: 5px;
	padding: 3% 3% 3% 10%;
	color:#fff;
}
.qa_box {
	background-color: #f9d095;
	background-image: url("img/ico_question.png");
	background-position: 1% 6px;
	background-repeat: no-repeat;
	background-size: 8% auto;
	border-radius: 5px;
	padding: 3% 3% 3% 10%;
}
.alert_box {
	background-color: #947dd2;
	background-image: url("img/ico_alert.png");
	background-position: 1% 6px;
	background-repeat: no-repeat;
	background-size: 8% auto;
	border-radius: 5px;
	padding: 3% 3% 3% 10%;
	color:#fff;
}
.info_box, .check_box, .qa_box, .alert_box {
	font-weight: bold !important;
	font-size: 18px !important;
}
<!--
お問い合わせ　ここから--> /*.infobox_re {
    border-radius: 10px;
    box-sizing: border-box;
    margin: 5px auto 20px;
    width: 95%;
}*/
.infobox_re .info_re_title {
	color: #eb68a3;
	font-weight: bold;
	text-align: center;
}
.infoBox_re a {
	cursor: pointer;
	opacity: 1;
	outline: medium none;
	transition: opacity 0.3s ease 0s;
}
ul.BtnBox2 {
	display: -webkit-box;
	width: 100%;
	list-style: outside;
	margin: 0;
	padding: 0;
	width: 1000px;
}
ul.BtnBox2 li {
	flex: 1;
	-moz-box-flex: 1;
	color: #fff;
	margin-right: 5px;
}
ul.BtnBox2 li:last-child {
	margin-right: 0;
}
ul.BtnBox2, ul.BtnBox2 li {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
ul.BtnBox2 li {
	width:48%;
	margin-right:5px;
}
ul.BtnBox2 li:last-child {
	margin-right:0px;
}
ul.BtnBox2 li img {
	width:100%;
}
/*SNSボタン*/
.sns_a_bt {
	margin: 2px;
	max-height: 20px;
	vertical-align: bottom;
	line-height: 1;
	float: left;
}
a.ig-b-v-24 {
	background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0 / 138px !important;
	width: 120px;
}
.sns_a_bt_box_wrp {
	background-color: #A9BCF2;
	padding: 10px 0;
}
.sns_a_bt_box_t {
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.sns_a_bt_box {
	width: 98%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 3px;
}
.sns_a_bt_box_in {
	width: 210px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0 25px;/*height:60px;*/
}
hr {
	border:1px solid #333;
	width:100%;
}
/*ビジュアルエディタ　スタイル*/
.yellow_box {
	position: relative;
	background: #fffbeb;
	border: 1px solid #ededed;
	border-radius: 6px;
	margin: 0 auto;
	padding: 20px;
}
.pink_box {
	background: #fce6ec;
	margin: 20px 0;
	font-weight: bold !important;
	display: block;
	background: #fff4f6;
	padding: 20px;
	border-radius: 2px;
	font-size: 18px;
	color: #A9BCF2;
	border: 2px dashed #A9BCF2;
}
.bg_yellow {
	padding: 6px;
	background: #fffdbf;
	margin: 10px 0;
	font-weight: bold;
	display: inline-block;
}

/*-------------------------------------------------
サイドウィジットへのtwetter埋め込み修正*/

@media screen and (max-width: 768px) and (min-width: 480px) {
.twitter-timeline-rendered {
width: 490px !important;
}
}
 @media screen and (max-width: 480px) {
.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;
}
}
.timeline-Widget {
	max-width: 300px!important;
	width:200px !important;
}
/*サイドウィジットへのtwetter埋め込み修正終わり*/



.youtube_outer {
	width: 90%;
	padding-top: 50%;
	position: relative;
	top: 0;
	left: 0;
}
.youtube_outer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/*目次　screen.min.css*/
#toc_container {
	background: none !important;
	border: none !important;
	margin-bottom:0px;
	padding: 0px 0px;
	width:100% !important;
}
#toc_container a {
	font-weight:bold;
	font-size:18px;
}
ul.toc_list li a span:after {
	content:".";
}
#toc_container p.toc_title {
	text-align: left !important;
}
#toc_container p.toc_title:before {
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(../img/check-mark-p.svg);
	background-repeat:no-repeat;
	background-size:18px;
	margin-right:5px;
}
#toc_container p.toc_title + ul.toc_list {
	background: #f7f9ff !important;
	border: 1px dashed #A9BCF2;
	padding:40px 40px;
}
/*装飾CSS*/
.point {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}
.point:before {
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(../img/check-mark-p.svg);
	background-repeat:no-repeat;
	background-size:18px;
	margin-right:5px;
}
.bg_gray {
	font-size: 16px;
	padding: 20px;
	background-color:#fafafa;
	outline: 1px solid #f0f0f0;
	border-color:#f0f0f0;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-bottom: 60px;
	margin-top: 15px;
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
 @media screen and (max-width: 479px) {
 #toc_container a {
font-weight:bold;
font-size:16px;
}
 #toc_container p.toc_title {
font-size:18px;
}
.point {
font-size:18px;
}
 .bg_gray {
margin: 10px;
 margin-bottom: 60px;
}
}
/************************************
** ブログカードのスタイル
************************************/
.blog-card {
	padding:12px;
	margin:10px 0;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	width:474px;
	border-radius:5px;
}
.blog-card-thumbnail {
	float:left;
}
.blog-card-content {
	margin-left:110px;
	line-height:120%;
}
.blog-card-title {
	margin-bottom:5px;
}
.blog-card-title a {
	font-weight:bold;
	text-decoration:none;
	color:#111;
}
.blog-card-excerpt {
	color:#333;
	font-size:90%;
}
.blog-card-footer {
	font-size:70%;
	color:#777;
	margin-top:5px;
}
.clear {
	clear:both;
}

/*引用リンク*/
.b_source { text-align:right;}
.b_source a:link{font-style: italic; color:#999; font-size:11px;}

/*ツイッタ文字サイズ*/
.SandboxRoot.env-bp-660 .timeline-Tweet-text {
	font-size:18px !important;
}
.SandboxRoot.env-bp-970 .timeline-Tweet-text {
	font-size: 18px !important;
	line-height: 14pt!important;
}
.SandboxRoot.env-bp-820 .timeline-Tweet-text {
	font-size: 18px !important;
	line-height: 14pt!important;
}
.SandboxRoot.env-bp-330 .timeline-Tweet-text {
	font-size: 16px!important;
}
.SandboxRoot.env-bp-min .timeline-Tweet-text {
	font-size: 16px!important;
}

/*リンクカード*/
.lkc-content {
padding:
}
.linkcard {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.lkc-external-wrap, .lkc-internal-wrap, .lkc-this-wrap {
	max-width: 100% !important;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.lkc-internal-wrap {
	border: 1px solid #e1e1e1 !important;
	background-color:#fff !important;
}
.lkc-card {
	margin-top: 10px !important;
	margin-right: 10px !important;
	margin-bottom: 10px !important;
	margin-left: 10px !important;
}
.lkc-title-text {
	font-size: 18px !important;
	font-weight: 600 !important;
	color:#5e82ed !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow:hidden !important;
	line-height:1.8 !important;
}
.lkc-excerpt {
	font-size: 15px !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
	font-weight:normal !important;
	line-height:1.8 !important;
	color: #7B7B7B !important;
}
.lkc-thumbnail {
	margin: 0 20px 4px 4px !important;
}
.lkc-card {
	margin-top: 10px !important;
	margin-right: 20px !important;
	margin-bottom: 10px !important;
	margin-left: 10px !important;
}
 @media only screen and (max-width: 480px) {
.lkc-thumbnail {
 max-width: 80px !important;
}
.lkc-title-text {
font-size: 14px !important;
line-height:1.7 !important;
}
.lkc-excerpt {
font-size: 14px !important;
line-height:1.7 !important;
margin-top: 5px !important;
}
.lkc-card {
 margin-top: 10px !important;
 margin-right: 30px !important;
 margin-bottom: 10px !important;
 margin-left: 10px !important;
}
}


@media screen and (min-width: 480px) {

.post_body h3 {
letter-spacing: 1.6px;
padding: 0px 15px 0px;
border-left: 9px solid #A9BCF2;
color: #333;
font-weight: 600;
margin-top: 60px;
font-size: 20px;
line-height: 2;
margin-bottom: 40px;
}

.post_body h2 {
background:#f7f7f7;
padding: 20px 15px 18px;
padding-right: 15px;
padding-left: 15px;
color:#333;
border-left: 9px solid #A9BCF2;
line-height: 40px;
padding-right: 40px;
padding-left: 40px;
font-size: 25px;
margin: 40px 0;
}

.post_body ul {
background-color:#f7f9ff;
border: dashed 1px #A9BCF2;
padding:40px 10px 36px 40px;
list-style: outside;
}
 .post_body ul li {
margin-bottom: 10px;
text-align: left;
line-height: 2;
}
 .post_body ol {
 counter-reset: li;
 font-size:16px;
}
 .post_body ol > li {
 list-style: none;
 position: relative;
 padding-left: 1.8em;
 padding-top:3px;
 margin-bottom: 0.7em;
}
 .post_body ol > li:before {
 counter-increment: li;
 content: counter(li);
 margin-right: 1em;
 background: #febccd;
 border: 1px solid #df7b95;
 color: #ffffff;
 border-radius: 50%;
 text-align: center;
 width: 1.4em;
 height: 1.4em;
 position: absolute;
 left: 0em;
 top: 2px;
 line-height: 1.3;
}
}