@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



/*段落幅*/
.entry-content>p {
    margin: 0 0 1.8em;
}



/*行間幅*/
.entry-content p {
    line-height: 1.8;
}



/**
   * ===============================================
   * 特商法ページ
   * ===============================================
**/
/* シェア・フォロー非表示 */
#post-12 #sns-group,
#post-14 #sns-group,
#post-32 #sns-group,
#post-35 #sns-group,
#post-56 #sns-group,
#post-76 #sns-group,
div#navi,
div.sns-pages {
    display: none;
}



/**
   * ===============================================
   * マーカー
   * ===============================================
**/
/* 明るい黄色マーカー */
.marker1 {
    background: linear-gradient(transparent 0%, #FFFF00 0%);
    font-weight: bold;
}

/*黄アンダー(明)*/
.yellow-under {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFF00 0%) repeat scroll 0 0;
}

/*緑アンダー(暗)*/
.green-under {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #D2FFD2 0%) repeat scroll 0 0;
}

/* 紫っぽいマーカー */
.marker2 {
    background: linear-gradient(transparent 0%, #FF99CC 0%);
    font-weight: bold;
}

/* オレンジっぽい黄色マーカー */
.marker3 {
    background: linear-gradient(transparent 0%, #FFF000 0%);
    font-weight: bold;
}

.marker4 {
    background: linear-gradient(transparent 0%, #FFF1B7 0%);
    font-weight: bold;
}

/*(暗)黄のマーカ*/
.yellow_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #FFFEBB 0%) repeat scroll 0 0;
}

/*(暗)緑のマーカ*/
.green_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #D2FFD2 0%) repeat scroll 0 0;
}

/*(暗)青のマーカ*/
.blue_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #CCE5FF 0%) repeat scroll 0 0;
}

/*(暗)赤のマーカ*/
.red_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #FFC6C6 0%) repeat scroll 0 0;
}



/**
   * ===============================================
   * 共通CSS
   * ===============================================
**/
.b {
    font-weight: bold !important;
}

/*太字*/
.normal {
    font-weight: normal !important;
}

/*太字を解除*/
.small {
    font-size: .8em !important;
}

.big1 {
    font-size: 1.1em !important;
}

.big2 {
    font-size: 1.2em !important;
}

.big4 {
    font-size: 1.4em !important;
}

.big6 {
    font-size: 1.6em !important;
}

.big8 {
    font-size: 1.8em !important;
}

.big10 {
    font-size: 2em !important;
}

.red {
    color: #ff0000 !important;
}

/*赤*/
.blue {
    color: #0000dd !important;
}

/*青*/
.blue02 {
    color: #0067c0 !important;
}

/*赤*/
.pink {
    color: #ff99cc !important;
}

.gray {
    color: #666 !important;
}

.box-yellow {
    padding: 2px;
    background-color: #FFF000 !important;
}

/*黄色*/
.box-yellow02 {
    padding: 8px;
    background-color: #FFF000 !important;
}

/*黄色*/
.box-aqua {
    padding: 2px;
    background-color: #9ff !important;
}

/*水色*/
.box-gray {
    padding: 2px;
    background-color: #eee !important;
}

/*灰色*/
.box-red {
    padding: 2px;
    background-color: #fcc !important;
}

/*赤色*/
.box-red02 {
    padding: 8px;
    background-color: #fcc !important;
}

/*赤色*/
.box-pink {
    padding: 2px;
    background-color: #ff99cc !important;
}

.box-white {
    padding: 2px;
    background-color: #fff !important;
}

.box-white02 {
    padding: 4px;
    background-color: #fff !important;
}

.box-blue {
    padding: 2px;
    background-color: #dbeeff !important;
}

.tac {
    text-align: center;
}

.b {
    font-weight: bold;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}



/**
   * ===============================================
   * post-14
   * ===============================================
**/
#post-14 .top-img {
    margin: -36px -10px 0;
}

#post-14 hr {
    color: #ddd;
    margin: -6px 0 30px;
    width: 98%;
    border: 1px dashed #e1849e;
}

#post-14 h2.tpo {
    font-size: 1.4em;
    color: #555;
    text-align: left;
    padding: 1em .5em;
    border-top: solid 2px #e1849e;
    border-bottom: solid 2px #e1849e;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff4f7 3px, #fff4f7 7px);
    border-left: none !important;
}

#post-14 h2.commm {
    padding: 0.5em;
    /*文字周りの余白*/
    color: #494949;
    /*文字色*/
    background: #f5f5f5;
    /*背景色*/
    border-left: solid 5px #aaa;
    /*左線（実線 太さ 色）*/
    margin-bottom: 1.6em;
}

#post-14 .com_inr {
    padding: 0 20px 0 20px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 2em;
}

#post-14 .com_inr p {
    font-size: .8em;

}

#post-14 .com_img {
    overflow: hidden;
    margin-bottom: .7em;
}

#post-14 .com_img img {
    width: 56%;
}

#post-14 .cta {
    padding: 1.5em;
    /*文字周りの余白*/
    color: #333;
    /*文字色*/
    background: #ffbadc;
    margin-bottom: 1.6em;
}

#post-14 .cta_sub {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin: .3em 0 .7em;
}

#post-14 .box3 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #fd7e00;
    background: #fff8e8;
    /*背景色*/
}

#post-14 .box3 p {
    margin: 0;
    padding: 0;
}

#post-14 .ttime {
    color: #999;
    text-align: right;
}



/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    /*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    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 0 1em;
    width: 100%;
}


a.btn--yellow {
    color: #000;
    background-color: #fff100;
}

a.btn--yellow:hover {
    color: #000;
    background: #fff20a;
}

a.btn--yellow.btn--cubic {
    border-bottom: 5px solid #ccc100;
}

a.btn--yellow.btn--cubic:hover {
    margin-top: 3px;
    border-bottom: 2px solid #ccc100;
}

a.btn-c {
    font-size: 1.8rem;
    position: relative;
    padding: 2rem 5rem 2rem 3rem;
    border-radius: 100vh;
}

a.btn-c i.fa {
    margin-right: 1rem;
}

a.btn-c:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 2rem;
    margin: 0;
    padding: 0;
    content: '\f054';
}

.btn-copy {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    margin-bottom: .2em;
    text-align: center;
}

.btn-copy:before {
    margin-right: 1rem;
    content: '＼';
}

.btn-copy:after {
    margin-left: 1rem;
    content: '／';
}

.cta_btn {
    margin: 0;
}


.yureru-j {
    animation: yureru-j 2s infinite;
}

@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }

    5% {
        transform: translate(0px, -2px);
    }

    10% {
        transform: translate(0px, 2px);
    }

    15% {
        transform: translate(0px, -2px);
    }

    20% {
        transform: translate(0px, 2px);
    }

    25% {
        transform: translate(0px, -2px);
    }

    30% {
        transform: translate(0px, 0px);
    }
}



/*--------------------
	#post-35
--------------------*/
#post-35 .box16 {
    padding: 1.5em 1em .3em;
    margin: 0 0 2em;
    background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff3fb 3px, #fff3fb 7px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff3fb 3px, #fff3fb 7px);
}

#post-35 .box16 p {
    margin: 0 0 20px;
    padding: 0;
}

#post-35 .box28 {
    position: relative;
    margin: 2em 0;
    padding: 35px 10px 17px;
    border: solid 2px #FFC107;
}

#post-35 .box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}

#post-35 .box28 p {
    margin: 0;
    padding: 0;
}

#post-35 .btn-wrap {
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
}

#post-35 a.btn-c {
    font-size: 1.3rem;
    position: relative;
    padding: 0.75rem 1.8rem 1.5rem 1.8rem;
    color: #fff;
    background: #F74A49;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #a93130;
}

#post-35 a.btn-c span {
    font-size: 1.2rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #F74A49;
    border: 2px solid #F74A49;
    border-radius: 0.5rem;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#post-35 a.btn-c:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #F74A49;
    -webkit-box-shadow: 0 2px 0 #2c9d60;
    box-shadow: 0 2px 0 #a93130;
}

#post-35 a.btn-c:hover:before {
    left: 2rem;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}




#post-56 .box9 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}

#post-56 .box9 p {
    margin: 0;
    padding: 0;
}

#post-56 h2 {
    padding: 0.5em;
    /*文字周りの余白*/
    color: #010101;
    /*文字色*/
    background: #ffd1a4;
    /*背景色*/
    border-bottom: solid 3px #ff7f00;
    /*下線*/
    border-left: none !important;
}

#post-56 h3 {
    background: linear-gradient(transparent 90%, #ff7f00 90%);
    border-bottom: none !important;
}

#post-56 .box16 {
    padding: 1.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}

#post-56 .box16 p {
    margin: 0;
    padding: 0;
}


*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
}

#post-56 .btn,
#post-56 a.btn,
#post-56 button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    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;
}

/*背景*/
#post-56 .btn-wrap {
    margin: 0px;
    text-align: center;
}

#post-56 a.btn-c {
	width: 85%;
    font-size: 2rem;
    position: relative;
    padding: 1.5rem 3rem 1.5rem 3rem;
    color: #fff;
    border: 2px solid #2B9D5F;
    border-radius: 100vh;
    background: #31B16B;
    -webkit-box-shadow: 0 5px 0 #2B9D5F;
    box-shadow: 0 5px 0 #2B9D5F;
	margin: 20px;
}

#post-56 a.btn-c span {
    font-size: 1.3rem;
    line-height: 1.3;
    position: absolute;
    top: -10px;
    left: -20px;
    width: 64px;
    height: 64px;
    padding-top: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #000;
    border: 2px solid #000;
    border-radius: 50%;
    background: #fff;
}

#post-56 a.btn-c span em {
    font-style: normal;

    color: #d20010;
}

#post-56 a.btn-c small {
    font-weight: bold;
}

#post-56 a.btn-c i {
    margin-right: 1rem;
}

#post-56 a.btn-c:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #31B16B;
    -webkit-box-shadow: 0 2px 0 #e6d900;
    box-shadow: 0 2px 0 #2B9D5F;
}

#post-56 a.btn-c:hover span {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

#post-56 ul.caca {
    border: solid 2px #ffb03f;
    padding: 0.5em 1em 0.5em 2.3em;
    position: relative;
}

#post-56 ul.caca li {
    line-height: 1.5;
    padding: 0.5em 0;
    list-style-type: none !important;
    /*ポチ消す*/
}

#post-56 ul.caca li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    left: 1em;
    /*左端からのアイコンまで*/
    color: #ffb03f;
    /*アイコン色*/
	font-weight: 900;
}



/*--------------------
	#post-76
--------------------*/
#post-76 .box16 {
    padding: 1.5em 1em .3em;
    margin: 0 0 2em;
    background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff3fb 3px, #fff3fb 7px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff3fb 3px, #fff3fb 7px);
}

#post-76 .box16 p {
    margin: 0 0 20px;
    padding: 0;
}

#post-76 .box28 {
    position: relative;
    margin: 2em 0;
    padding: 35px 10px 17px;
    border: solid 2px #FFC107;
}

#post-76 .box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}

#post-76 .box28 p {
    margin: 0;
    padding: 0;
}

#post-76 .btn-wrap {
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
}

#post-76 a.btn-c {
    font-size: 1.3rem;
    position: relative;
    padding: 0.75rem 1.8rem 1.5rem 1.8rem;
    color: #fff;
    background: #F74A49;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #a93130;
}

#post-76 a.btn-c span {
    font-size: 1.2rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #F74A49;
    border: 2px solid #F74A49;
    border-radius: 0.5rem;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

#post-76 a.btn-c:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #F74A49;
    -webkit-box-shadow: 0 2px 0 #2c9d60;
    box-shadow: 0 2px 0 #a93130;
}

#post-76 a.btn-c:hover:before {
    left: 2rem;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}