/* —– 可愛い蛍光下線（ピンク） —– */

.pink {
background: linear-gradient(transparent 40%, #FAD5DC 40%);
padding-bottom: .2em;
font-weight:bold;
}

/* —–可愛い蛍光下線（黄色） —– */

.yellow {
background: linear-gradient(transparent 40%, #ffff8e 40%);
padding-bottom: .2em;
font-weight:bold;
}

/* —–可愛い蛍光下線（青） —– */

.blue {
background: linear-gradient(transparent 40%, #CBE9F5 40%);
padding-bottom: .2em;
font-weight:bold;
}


.btn-wrap.spbtn5 a{
background:#8f6552;
box-shadow:0 4px 0 #6c3524;
border:none;
font-weight:bold;
border-radius:4px;
}
.btn-wrap.spbtn5 a:hover{
background:#8f6552;
box-shadow: 0 0 #6c3524;
}


/* ------- チェック ------- */
ul.li-check li{
    padding-left: 1.5em;
}
ul.li-check  li:before{
    position:absolute;
    display:block;
    font-family:"FontAwesome";
    content:"f00c"; /* アイコン指定 */
    color:#e69927; /* アイコン色 */
    box-shadow: none;
    left:0;
    top: 0;
    width: 0;
    height: 0;
    line-height: 25px;
    font-size: 20px;
}


/* ワンポイントBOX1 */
.point-box1 {
    position: relative;
    margin: 10px 10px;
    padding: 10px 12px;
    box-sizing: border-box;
    border: solid 3px #62c1ce;
    border-left-width: 50px;
}
.point-box1:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -35px;
    transform: -ms-translateY(-50%);
    transform: -webkit-translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "\f0a4";
    font-family: FontAwesome;
    color: #FFF;
    font-size:22px; 
    line-height: 1;
}
.point-box1 p {
    position: relative;
    padding: 0;
    margin: 10px 5px;
    z-index: 3;
    line-height: 1.7;
}


/* ------- アイコン付き ------- */
.custom-box4 {
    position: relative;
    margin: 2em 0;
    padding: 2.0em 4% 1.4em;
    background: #fff; /* ボックス背景色 */
    border: solid 2px #60cc65; /* 外枠の色 */
    border-radius: 8px;
}
.custom-box4-title  {
    position: absolute;
    display: inline-block;
    padding: 2px 10px;
    top: 5px;
    left: 45px;
    vertical-align: middle;
    background: #fff; /* タイトル背景色 */
    color: #60cc65; /* タイトル文字色 */
    font-size: 20px;
    font-weight: bold;
}
.custom-box4-title:before {
    font-family:"FontAwesome";
    content:"f046"; /* アイコン指定 */
    position: absolute;
    top: -9px;
    left: -35px;
    vertical-align: middle;
    color: #60cc65; /* アイコン色 */
    font-size: 35px;
}
.custom-box4 p {
    margin-bottom: .8em;
}
.custom-box4 p:last-child {
    margin-bottom: 0;
}

.entry-content h4 {
	border-bottom: 1px dashed #191970;
	padding: 0.2em 1em;
}


/* ------------------------------------- */
/*         ボックス カスタマイズ         */
/* ------------------------------------- */
/* --------- 青 --------- */
.c_box.blue_box{
	background: #fff; /* 背景色 */
}

/* --------- 赤 --------- */
.c_box.red_box{
	background: #fff; /* 背景色 */
}

/* --------- 黄色 --------- */
.c_box.yellow_box{
	background: #fff; /* 背景色 */
}

/* --------- 緑 --------- */
.c_box.green_box{
	background: #fff; /* 背景色 */
}

/* --------- ピンク --------- */
.c_box.pink_box{
	background: #fff; /* 背景色 */
}

/* --------- グレー --------- */
.c_box.glay_box{
	background: #fff; /* 背景色 */
}

/* --------- 黒 --------- */
.c_box.black_box{
	background: #fff; /* 背景色 */
	color: #555; /* 文字色 */
}

/* --------- カスタム --------- */
.c_box.custom_box{
	background: #fff; /* 背景色 */
	border-color: #ffc787; /* 外枠の色 */
	color: #555; /* 文字色 */
}
.c_box.custom_box .box_title span{
	background: #ffc787; /* タイトル背景色 */
}




/* --------- 左上タイトル --------- */
.custom-box2 {
    position: relative;
    margin: 2em 0;
    padding: .5em 4% 1.4em;
    background: #fff; /* ボックス背景色 */
    border: solid 2px #FFCC33; /* 外枠の色 */
    border-radius: 8px;
}
.custom-box2-title {
    position: absolute;
    display: inline-block;
    padding: 2px 10px;
    top: -30px;
    left: 20px;
    vertical-align: middle;
    border-radius: 5px 5px 0 0;
    background: #FFCC33; /* タイトル背景色 */
    color: #fff; /* タイトル文字色 */
    font-size: 17px;
    font-weight: bold;
}
.custom-box2 p {
    margin-bottom: .8em;
}
.custom-box2 p:last-child {
    margin-bottom: 0;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}



ul.cp_list {
	padding:0.5em;
	list-style-type:none;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.cp_list li:after,ul.cp_list li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}



.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #FFFF00;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box16{
    padding: 0.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);
}
.box16 p {
    margin: 0; 
    padding: 0;
}


.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 1px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}


.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #e6e6fa;
    background: #cde4ff;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}


.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}