/* カスタム CSS をここに入力してください */
h1.lp  {
position: relative;
padding: 0.5em;
background: #b9966e;
color: white;
font-family:serif;
font-weight: bold;
}

h1.lpsmp {
position: relative;
padding: 0.5em;
background: #b9966e;
color: white;
font-family:serif;
font-weight: bold;
font-size: 20px; 
}

p.lp {
color: #000000;
text-shadow: 3px 3px 1px #DCDCDC;
font-weight: bold;
text-align: center;
}

p.title {
color: #FE2E9A;
text-shadow: 3px 3px 1px #DCDCDC;
font-weight: bold;
text-align: center;
}

.under {
  background: linear-gradient(transparent 70%, #FFFF00 70%);
  }

@media (max-width: 770px){
#post-content img { display:none; }
#post-content { background: url(スマホ用画像のURL) no-repeat; height:0px; padding-top:26.1%; background-size: contain; }
}

h1.cp_h1title {
padding: .0em;
background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 5px,#f4f2de 5px, #f4f2de 10px);
color: #33322e;
/*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);文字を読みやすくするために影を追加*/
width: 98%;
text-align: left;
font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-size: 14pt;
}

h1.cp_h1title:before {
  content: url("http://jujusparta.com/wp-content/uploads/marca-de-verificacion-e1535872437426.png");
padding: 0.5em;
  
}

/* 黒板風*/
@font-face {
    font-family: 'HuiFontP109';
    src:url('/fonts/public/HuiFont/HuiFontP109.eot');
    src:url('/fonts/public/HuiFont/HuiFontP109.eot?#iefix') format('embedded-opentype'), 
url('/fonts/public/HuiFont/HuiFontP109.woff')format('woff'), 
url('/fonts/public/HuiFont/HuiFontP109.ttf')format('truetype'), 
url('/fonts/public/HuiFont/HuiFontP109.svg#HuiFontP109') format('svg');
    font-weight: normal;
    font-style: normal;
}
.kokuban {
    font-family: HuiFontP109;
    color: #fff;
    background-color: #114400;
    margin: 10px 0 10px 0;
    padding: 15px;
    border: 9px solid #a60;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #666, 2px 2px 2px #111 inset;
    text-shadow: 0px 0px 2px #000;
    line-height: 1.9;
}
.point {
    color: #ffb1b3;
    font-weight: bold;
    border: 3px solid #ffb1b3;
}

/* タイトル付　枠（影）3　*/
.kakomi-box14 {
 position: relative;
 margin: 0em auto;
 padding: 1.2em 0.5em 0.5em 0.5em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 4px double #CC0033; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc;/* 影の色 */
}
.title-box14 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #CC0033; /* タイトル文字色 */
}

/*　テープ　枠　2 */
.kakomi-tape2 {
 position: relative;
 width: 90%;
 margin: 2.5em auto;
 padding: 35px 30px 20px;
 color: #770000;/* 文字色 */
 background-color: #e8ddbd; /*枠背景色*/
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
}
.kakomi-tape2::before {
 display: block;
 position: absolute;
 content: "";
 width: 140px;
 height: 35px;
 left: 35%;
 top: -16px;
 background-color: rgba(204, 186, 136,0.3);/*テープ色*/
 box-shadow: 0 0 3px rgba(0,0,0,0.1);
 transform: rotate( -3deg ); /*テープ角度*/
}

.lp_h1nayami {
padding: .0em;
color: #33322e;
/*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);文字を読みやすくするために影を追加*/
width: 98%;
text-align: left;
font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-size: 14pt;
}

.lp_h1nayami:before {
  content: url("http://jujusparta.com/wp-content/uploads/marca-de-verificacion-e1535872437426.png");
padding: 0.5em;
  
}

.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}


/*ラベル*/
.ac-box10 label{
max-width: 100%;
font-size: 15px;
text-align: left;
line-height: 30px;
background: #FFFFFF;
margin: auto;
position: relative;
height: auto;
cursor: pointer;
color: #5B5858;
display: block;
transition: all 0.5s;
}

.ac-box10 label .hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 0em;
  margin-top: 2em;
}

/*表示内容の調整*/
.ac-box10 div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-small10 p{
margin-bottom: 0px;
}

p.koe_title {
color: #FF69B4;
text-shadow: 3px 3px 1px #DCDCDC;
font-weight: bold;
text-align: left;
}

/* メモ　クリップ　Ａ */
.clip-box-a {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: 90%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #ccc; /* 枠線 */
 box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box-a::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-a::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #fff; /*背景色と同じ色にする*/
 z-index: 2;
}

/*　テープ　枠　2 */
.kakomi-tape2 {
 position: relative;
 width: 90%;
 margin: 2.5em auto;
 padding: 35px 30px 20px;
 color: #770000;/* 文字色 */
 background-color: #e8ddbd; /*枠背景色*/
 box-shadow: inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
}
.kakomi-tape2::before {
 display: block;
 position: absolute;
 content: "";
 width: 140px;
 height: 35px;
 left: 35%;
 top: -16px;
 background-color: rgba(204, 186, 136,0.3);/*テープ色*/
 box-shadow: 0 0 3px rgba(0,0,0,0.1);
 transform: rotate( -3deg ); /*テープ角度*/
}

.mybox{
 background-color: #fff;	/* 背景色 */
 border: 2px solid #f3cbd0;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
 padding: 25px 20px 10px 20px;	/* 内側の余白 上・右・左・下 */
 position: relative;
}
.mybox:before{
 background-color: #CC0033;	/* 吹き出し背景色 */
 border-radius: 5px;
 color: #fff;	/* 吹き出し文字色 */
 content: '今だけの特典！！';
 padding: 5px 20px;
 position: absolute;
 left: -10px;
 top: -20px;
}
.mybox:after{
 border-top: 12px solid #CC0033;		/* 吹き出し三角部分の色 */
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
 content: '';
 position: absolute;
 top: 10px;
 left: 15px;
}

/* 
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  margin: 2em auto;
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 59%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}

/* ボタン内のアイコン */
.btn-cv a:before {
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}

/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}

/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}

/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* ぷるるるるん！ */
.is-purun {
  -webkit-animation: is-purun 5s infinite;
  -moz-animation: is-purun 5s infinite;
  animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}




/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 1.3em;
    margin: 0 auto 1em;
    width: 94%;
  }
}
/* 電子書籍入力フォーム */
input:required{
  background: #FFFFCC;
}
input:valid{
  background: #FFFFCC;
}
input:focus{
  background: #FFFFCC;
}
input#Usermail { width: 310px; }
input#Username1 { width: 100px; }
input#Username2 { width: 100px; }

input#submit_button  {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background:#090;
  transition: .4s;
  width: 270px;
  height: 50%;
}

input#submit_button:hover {
  background: #1ec7bb;
}

h1.denshisyoseki_h1 {
padding: .0em;
background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 5px,#f4f2de 5px, #f4f2de 10px);
color: #33322e;
/*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);文字を読みやすくするために影を追加*/
width: 98%;
text-align: left;
font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-size: 14pt;
}

.boxmi15 {
  position: relative;
  margin: 2em 0;
  padding: 1em 2em;
  border-top: solid 2px #ee8992;
  border-bottom: solid 2px #ee8992;
  background-color: #fff;
  color: #ee8992;
  font-weight: bold;
  font-family: times new roman, times, serif;
}
.boxmi15:before, .boxmi15:after {
  position: absolute;
  top: -12px;
  width: 2px;
  height: -webkit-calc(100% + 24px);
  height: calc(100% + 24px);
  background-color: #ee8992;
  content: "";
}
.boxmi15:before {
  left: 12px;
}
.boxmi15:after {
  right: 12px;
}
.boxmi15-title {
  font-size: 1.15em;
  padding: 4px 0 10px 12px;
  color: #ee8992;
  font-weight:bold;
  text-align: center;
   margin: -14px -24px 5px -24px;
}
.boxmi15 p {
  margin: 0;
  padding: 0;
}
.sen15 {
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #ed7780 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2;
  padding: 4px 10px 22px 10px;
  color: #000000;
}

/* シンプル 枠（影）2 */
.kakomi-box4 {
 margin: 2em auto;
 padding: 1em;
 width: 98%;
 background-color: #FFF5EE; /* 背景色 */
 box-shadow: 0 0 5px 1px #ccc; /* 影 */
  /*font-weight: bold; */
 font-family: times new roman, times, serif;
 font-size: 1.0em;
}

h1.cp_h1titlesmp {
padding: .0em;
background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 5px,#f4f2de 5px, #f4f2de 10px);
color: #33322e;
/*text-shadow: 1px 1px 0px rgba(0,0,0,0.3);文字を読みやすくするために影を追加*/
width: 98%;
text-align: left;
font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-size: 9pt;
}

h1.cp_h1titlesmp:before {
  content: url("http://jujusparta.com/wp-content/uploads/marca-de-verificacion-e1535872437426.png");
padding: 0.5em;
  
}

/* 読者様の声 */
.mybox2{
 background-color: #F6D4D8;  /* 背景色 */
 border-radius: 5px;
 margin: 20px 5px; /* 外側の余白 上下・左右 */
 padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
 position: relative;
 z-index: 0;
}
.mybox2:before{
 border: 1px solid #fff; /* 白い実線 */
 border-radius: 5px;
 content: '';
 display: block;
 margin: 4px;
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 z-index: -1;
}
.mybox2:after{
 background-color: rgba(249,223,213,0.9);  /* マステ背景色 */
 background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0); /* 水玉の色 */
 background-position: 0 0, 8px 8px;  /* 水玉の距離 */
 background-size: 15px 15px; /* 水玉の大きさ */
 border-left: 2px dotted rgba(0,0,0,0.1);
 border-right: 2px dotted rgba(0,0,0,0.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2);
 content: '読者様の声';
 font-weight: bold;
 font-size: 16pt;
 display: block;
 padding: 5px 20px;  
 text-align: center;
 position: absolute;
 top: -10px;
 left: 20px;
 transform: rotate(-3deg);
 -moz-transform: rotate(-3deg);
 -webkit-transform: rotate(-3deg);
 -o-transform: rotate(-3deg);
}
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
    text-align: left;  
}
.box1 p {
    margin: 0; 
    padding: 0;
  　text-align: left;  
}

/*——————–
 吹き出しを作る
——————–*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 25px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border-radius: 0px;
  background: #eee;
  margin-right: 12%;
  text-align: left;  
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #9cd6e7;
  margin-left: 12%;
  float: right;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #9cd6e7;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}


h1.koe1 {
  color: #ffffff;
  font-size: 16pt;
  width: 70%;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #FF367F, #FF367F 3px,#FF0461 3px, #FF0461 7px);
  background: repeating-linear-gradient(-45deg, #FF367F, #FF367F 3px,#FF0461 3px, #FF0461 7px);
}

h1.title8 {
  font-size: 14pt;
  width: 95%;
  padding: 0.5em;/*文字周りの余白*/
  color: #EA7082;/*文字色*/
  background: #F9F9F9;/*背景色*/
  border-left: solid 5px #EA7082;/*左線（実線 太さ 色）*/
  font-weight: bold;
}



/* 目次全体デザイン */
.toc{
    background:#F9F9F9; /* 目次全体の背景色を変える場合はここを変更 */
    border:none;
    display:block;
    border-top:5px solid;
    border-top-color:#EA7082;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    padding: 20px 25px;
    width: 70%;
  margin: 0 auto;
  width: auto;
 display: table;
}
/* 目次の文字指定 */
.toc-title {
    text-align:left;
    margin: 0 20px 20px -10px;
    padding-left: -20px;
    font-size: 23px;
    font-weight: 700;
    color: #EA7082; /* 目次の文字色を変える場合はここを変更 */
}
/* 目次のアイコン設定 */
.toc-title:before {
    top: 0;
    left: -45px;
    width: 50px;
    height: 50px;
    font-family: "Font Awesome 5 Free";
    content : "\f03a"; /* アイコンを変える場合はここを変更 */
    font-size:20px;
    margin-right:5px;
    color:#FFF; /* アイコンの色を変える場合はここを変更 */
    background-color:#ffb6c1; /* アイコンの背景色を変える場合はここを変更 */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding:14px;
}
/* 目次のデザインカスタマイズ */
.toc-content ol {
    padding: 0 0.5em;
    left : -1.5em;
    position: relative;
  　text-align: left;
}
.toc-content ol li {
    line-height: 1.5;
    padding: 0.7em 0 0.5em 1.4em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;
}
/* 目次の各節の先頭にあるアイコンを設定 */
.toc-content ol li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138"; /* アイコンを変える場合はここを変更 */
    position: absolute;
    left : 0.0em;
    color: #ffb6c1; /* 色を変える場合はここを変更 */
    font-weight: bold;
}
.toc-content ol li:last-of-type {
    border-bottom: none;
}
.toc-content .toc-list li {
    font-weight:700; /* h2のみ太文字に */
}
.toc-content .toc-list li li {
    font-weight:normal; /* h3以降の文字サイズを普通に */
}

h1.title2 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #EA7082;
  font-family:serif;
  font-weight: bold;
  font-size: 16pt;
  width: 98%;
}

    .defaultlist
    ,.defaultlist li{
    	padding:0px;
    	margin:0px;
    }
     
    .defaultlist li{
    	list-style-type:none !important;
    	list-style-image:none !important;
    	margin: 5px 0px 5px 0px !important;
    }
     
    .list8{
    	counter-reset:li;
    	margin-left:20px !important;
    }
     
    .list8 li{
    	position:relative;
    	display: block;
    	padding:8px 0px 8px 40px; 
    }
     
    li.list8-count:after{
    	counter-increment: li;
    	content: counter(li);
    	position: absolute;	
    	left: -16px;
    	top: 2px;
    	background: #ccc;
    	height: 30px;
    	width: 30px;
    	line-height: 32px;
    	border: 2px solid #aaa;
    	text-align: center;
    	font-weight: bold;
    	border-radius: 30px;
    }
     
    li.list8-count:before{
    	content:''; 
    	display:block; 
    	position:absolute; 
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	top:11px; 
    	left:15px; 
    	height:0; 
    	width:0; 
    	border-top: 8px solid transparent;
    	border-right: 7px solid transparent;
    	border-bottom: 8px solid transparent;
    	border-left: 13px solid #aaa;
    }

/*表示内容の調整*/
.ac-boxprof10 div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-smallprof10 p{
margin-bottom: 0px;
}

p.koe_titleprof {
color: #FF69B4;
text-shadow: 3px 3px 1px #DCDCDC;
font-weight: bold;
text-align: left;
}

.koe {
position: relative;
padding: 20px;
background-color: #ff7fbf;
border-radius: 15px;
margin-left: 70px;
width: 55%;
}

.koe::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
left: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.koe::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
left: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}

.koe2 {
position: relative;
padding: 20px;
background-color: #ff7fbf;
border-radius: 15px;
margin-right: 70px;
width: 55%;
}

.koe2::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
right: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.koe2::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
right: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}

.koesmp {
position: relative;
padding: 20px;
background-color: #ff7fbf;
border-radius: 15px;
margin-left: 70px;
width: 80%;
}

.koesmp::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
left: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.koesmp::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
left: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}

.koesmp2 {
position: relative;
padding: 20px;
background-color: #ff7fbf;
border-radius: 15px;
margin-right: 70px;
width: 80%;
}

.koesmp2::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
right: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.koesmp2::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #ff7fbf;
right: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}


/*ラベル*/
.ac-boxprof11 label{
max-width: 100%;
font-size: 15px;
text-align: left;
line-height: 30px;
background: #FFFFFF;
margin: auto;
position: relative;
height: auto;
cursor: pointer;
color: #5B5858;
display: block;
transition: all 0.5s;
}

.ac-boxprof11 label .hidariprof {
  float: left;
  margin-right: 0.5em;
	margin-left: 0em;
  margin-bottom: 0em;
  margin-top: 1em;
}

/*表示内容の調整*/
.ac-boxprof11 div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-smallprof11 p{
margin-bottom: 0px;
}

/* シンプル角丸 枠 1 */
.kakomi-maru1 {
 margin: 2em auto;  
 padding: 1em;
 width: 45%; /*幅の調節*/
 color: #666666; /*文字色*/
 background-color: #f7f7f7; /*背景色*/
 border: 2px solid #ccc; /*線の太さ・色*/
 border-radius: 8px; /*角の丸み*/ 
}


/* シンプル角丸 枠 1 */
.kakomi-maru1smp {
 margin: 2em auto;  
 padding: 1em;
 width: 90%; /*幅の調節*/
 color: #666666; /*文字色*/
 background-color: #f7f7f7; /*背景色*/
 border: 2px solid #ccc; /*線の太さ・色*/
 border-radius: 8px; /*角の丸み*/ 
}


/*ラベル*/
.ac-boxprof12 label{
max-width: 100%;
font-size: 15px;
text-align: left;
line-height: 50px;
background: #FFFFFF;
margin: auto;
position: relative;
height: auto;
cursor: pointer;
color: #5B5858;
display: block;
transition: all 0.5s;
}

.ac-boxprof12 label .hidariprof {
  float: left;
  margin-right: 2em;
	margin-left: 1em;
  margin-bottom: 2em;
  margin-top: 0em;
}

/*表示内容の調整*/
.ac-boxprof12 div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-smallprof12 p{
margin-bottom: 0px;
}

/*ラベル*/
.ac-boxprof13 label{
max-width: 100%;
font-size: 15px;
text-align: left;
line-height: 50px;
background: #FFFFFF;
margin: auto;
position: relative;
height: auto;
cursor: pointer;
color: #5B5858;
display: block;
transition: all 0.5s;
}

.ac-boxprof13 label .hidariprof {
  float: left;
  margin-right: 5em;
	margin-left: 1em;
  margin-bottom: 2em;
  margin-top: 4em;
}

/*表示内容の調整*/
.ac-boxprof13 div p{
color: #777;
line-height: 25px;
font-size: 14px;
padding: 20px;
text-align: justify;
}

.ac-smallprof13 p{
margin-bottom: 0px;
}


.boxlv {
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 10px;
  background: #FFBEDA;
  border-radius:30px;
  width: 80%;
}

.boxlv:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #FFBEDA;
}
.boxlv:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #FFBEDA;
}
.boxlv p {
    margin: 0; 
    padding: 0;
}

.list4 ul,.list4 ol {
  padding: 0;
  position: relative;
  border: none;
	width:70%;
}
.list4 ol {
  counter-reset: number;
}
.list4 ul li,.list4 ol li {
  color: #302f30;
  background: #ffffff;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 2px solid #feeeed;
  list-style-type: none;
  font-weight: bold;
}
.list4 ul li:before {
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em;
  color: #fa14a6;
}
.list4 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: 0.5em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #ffffff;
  color: #feeeed;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}

.listsmp4 ul,.listsmp4 ol {
  position: relative;
  border: none;
	width:98%;
  padding: -10;
  left : -2em;
}
.listsmp4 ol {
  counter-reset: number;
}
.listsmp4 ul li,.list4 ol li {
  color: #302f30;
  background: #ffffff;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 2px solid #feeeed;
  list-style-type: none;
  font-weight: bold;
  left : 5.2em;
}
.listsmp4 ul li:before {
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 1.0em;
  color: #EA7082;
}
.listsmp4 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: -100em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #ffffff;
  color: #EA7082;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}

.listsmp5 ul,.listsmp5 ol {
  position: relative;
  border: none;
	width:98%;
  padding: -10;
  left : -2em;
}
.listsmp5 ol {
  counter-reset: number;
}
.listsmp5 ul li,.list4 ol li {
  color: #302f30;
  background: #ffffff;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 2px solid #feeeed;
  list-style-type: none;
  font-weight: bold;
  left : 5.2em;
}
.listsmp5 ul li:before {
  font-family: FontAwesome;
  content: "\f059";
  position: absolute;
  left : 1.0em;
  color: #EA7082;
}
.listsmp5 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: -100em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #ffffff;
  color: #EA7082;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}

.box29 {
    margin: 2em 0;
    background: #EEEEEE;
	  width: 70%;
}
.box29 .box-title {
    font-size: 2.2em;
    background: #808080;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	font-family:serif;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.box30 {
    margin: 2em 0;
    background: #FFD5EC;
	  width: 70%;
}
.box30 .box-title {
    font-size: 2.2em;
    background: #EF5B9C;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	 font-family:serif;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}



.box29_smp {
    margin: 2em 0;
    background: #EEEEEE;
	  width: 99%;
}
.box29_smp .box-title {
    font-size: 1.5em;
    background: #808080;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	font-family:serif;
}
.box29_smp p {
    padding: 15px 20px;
    margin: 0;
}

.box30_smp {
    margin: 2em 0;
    background: #FFD5EC;
	  width: 99%;
}
.box30_smp .box-title {
    font-size: 1.5em;
    background: #EF5B9C;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	 font-family:serif;
}
.box30_smp p {
    padding: 15px 20px;
    margin: 0;
}
.listsmp6 ul,.listsmp6 ol {
  position: relative;
  border: none;
	width:98%;
  padding: -10;
  left : -2em;
}
.listsmp6 ol {
  counter-reset: number;
}
.listsmp6 ul li,.list6 ol li {
  color: #302f30;
  background: #ffffff;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 2px solid #feeeed;
  list-style-type: none;
  font-weight: bold;
  left : 5.2em;
}
.listsmp6 ul li:before {
  font-family: FontAwesome;
  content: "\f0a4";
  position: absolute;
  left : 1.0em;
  color: #EA7082;
}
.listsmp6 ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left: -100em;
  width: 22px;
  height: 22px;
  border-radius: 20%;
  background: #ffffff;
  color: #EA7082;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}

.box0710 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #EA7082;
}
.box0710 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #EA7082;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box0710 p {
    margin: 0; 
    padding: 0;
}

/*ラベル*/
.ac-boxprof0710 label{
max-width: 100%;
font-size: 15px;
text-align: left;
line-height: 50px;
background: #FFFFFF;
margin: auto;
position: relative;
height: auto;
cursor: pointer;
color: #5B5858;
display: block;
transition: all 0.5s;
}

.ac-boxprof0710 label .hidariprof {
  float: left;
  margin-right: 1em;
	margin-left: 0em;
  margin-bottom: 0em;
  margin-top: 0em;
}

/*表示内容の調整*/
.ac-boxprof0710 div p{
color: #777;
line-height: 23px;
font-size: 14px;
padding: 0px;
text-align: justify;
}

.ac-smallprof0710 p{
margin-bottom: 0px;
}

   
.test-background {
  background-image: url('http://jujusparta.com/lovemission_lp/wp-content/uploads/2024/11/abc_test2.png'); /* 画像ファイルへのパス */
  background-size: cover; /*画像を画面サイズに合わせて調整 */
  background-position: center; /* 画像の位置を中央に設定 */
  background-repeat: no-repeat; /* 画像の繰り返しを無効にする */
  aspect-ratio: 16 / 9; /* アスペクト比を保持してレスポンシブ */
}

.img-item {

   width: 45%;
   object-fit: cover; /* width, heightといっしょに使います */

}