/*基本の吹き出し*/
.balloon-bottom2{
	font-size: 108%;
	color: #ff5a5a;
  font-weight: bold;
  position: relative;
  background:#ffffe7;
  padding: 1em;
	margin-bottom: 30px;
	 border-style: solid;
  border-color: #62c4cb ;
}
.balloon-bottom2:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
	
  border-style: solid;
  border-color: #62c4cb transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}

.voice-box{
margin-bottom: 20px;

}


/*-----------------------------------
内部リンクをショートコードでブログカード化
------------------------------------*/
.blogCard {
  border: 1px solid #ddd;
  border-radius: 1px;
  padding: 12px;
  margin-bottom: 1.6rem;
}
.blogCardCont {
  position: relative;
  margin-bottom: 5px;
  min-height: 100px;
}
.blogCardCont p {
  font-size: 80%;
  overflow: hidden;
  margin: 0;
}
.blogCardTxt {
  margin-right: 110px;
}
.blogCardTxt p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.blogCardTitle {
  margin-bottom: 5px!important;
  overflow: hidden;
  -webkit-line-clamp: 2 !important;
}
.blogCardTitle a {
  font-size: 125%;
  line-height: 1.2;
  
  
  
}
.blogCardTitle a:hover {
  
}
.blogCardImg {
  position: absolute;
  top: 0;
  right: 0;
}
.blogCardImg__wrap {
  float: right;
  width: 15%;
  min-width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}
.blogCardImg__wrap img {
  
}
.blogCardFooter {
  font-size: 12px;
}
.blogCardFooter a {
  color: #9aa5ab;
}
.blogCardFooter a img {
  margin-right: 5px;
}
.blogCardTitle a i,
.blog article .blogCardFooter a i {
  display: none;
}
.blogCard.blogCard--noimg .blogCardCont {
  min-height: auto;
}
blogCard.blogCard--noimg .blogCardTxt {
  margin-right: 0;
}




blockquote{font-size: .85em;
	position: relative;
	margin: 2em 0;
	padding: 1em;
	background: #f9f9f9;
}





.blogCardImg__wrap {
  position: relative;
  }

.blogCardImg__wrap p {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: #ef943e;/*背景色*/
  font-size: 16px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }


/*  jsボタン*/

#button {border-radius: 1px;  
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;

background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4c8bee),color-stop(100%,#5692f0));
		background: linear-gradient(to bottom,#4c8bee 0%,#5692f0 100%);

	position: relative;
	display: inline-block;
	margin: auto;
	padding: .7em  .5em ;
	border: 1px solid rgba(0,0,0,.1);
	background-origin: border-box;
	box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.2);
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba(0,0,0,.333);
	font-size: 105%;
	line-height: 1.6;
	display: block;
	width: 90%;}



#button:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

@media screen and (max-width: 480px) {
	#button {
		font-size: 110%;
	}
}

/*
js-link
*/



.js-link {
	font-size: 1.15em;
}
.js-link :hover{
    position:relative;
top:1px;
left:1px;
}

/*カテゴリーページ*/



.main-body .section-title a {
    color: #fff;
}



/*
三角
*/
.sankaku {
	margin-left: auto;
	margin-right: auto;
	width: 0;
	height: 0;
	border-top: 30px solid #ccc;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
}












.hako0s {
    border: 3px double #5ec4cc; 
    
    margin: 2em 0;
    padding: 1em;
    position: relative;
	background-color: #fefefa;
}
.hako0s::before {
    background-color: #fefefa;
    color: #5ec4cc;
    content: "参考記事";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}




.hako0m {
    border: 3px double #5ec4cc; 
   
    margin: 2em 0;
    padding: 1em;
    position: relative;
	background-color: #fefefa;
}
.hako0m::before {
    background-color: #fefefa;
    color: #5ec4cc;
    content: "メリット";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}


.hako0d {
    border: 3px double #ffa500; 
    
    margin: 2em 0;
    padding: 1em;
    position: relative;
	background-color: #fefefa;
}
.hako0d::before {
    background-color: #fefefa;
    color: #ffa500;
    content: "デメリット";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}



.inst {
background-color: #fcfcfc;


margin-bottom:1em;
    border-radius: 8px;
    margin-top: 1em;
    padding: 3em;}





.hako012 {
    border: 3px double #ffa500; 
    
    margin: 2em 0;
    padding: 1em;
    position: relative;
	background-color: #fefefa;
}
.hako012::before {
    background-color: #fefefa;
    color: #ffa500;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.hako08 {
    border: 3px double #5ec4cc; 
    
    margin: 2em 0;
    padding: 1em;
    position: relative;
	background-color: #fefefa;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.hako08::before {
    background-color: #fefefa;
    color:#5ec4cc;
    content: "管理人から一言";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}



.dl-style02 dt,
.dl-style02 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	
	
}

.dl-style02 dt{padding: 10px;
	display: block;
	background: #5ec4cc;
	
}

.dl-style02 dd{border: 3px double #5ec4cc; 
	border-top:none;
	background: #fefefa;
	padding: 15px;
	
}





.shitumon dt,
.shitumon dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	
}


.shitumon dt {line-height: 2.5;
	margin-right: 8px;
	background: #fefefa;
	padding:8px;
	background-color: #f0f0f0;
	margin-bottom: 8px;

}

.shitumon dt:before {font-size: 1.1em;
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
	background:#ff868b; 
	color:  #fff;
	padding: 8px;
	
}


.shitumon dd {
	line-height: 2.5;
	margin-right: 8px;
	background: #fff;
	padding: 8px;

	
	margin-bottom: 35px;
	
}

.shitumon dd:before {font-size: 1.1em;
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	background:#5ec4cc; 
	color:  #fff;
	padding: 8px;
	
}

/*
--------------
*/
		



/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*囲いの装飾
-----------------------------
*/
.main-conts {
    font-size: 0.95em;
}

@media screen and (max-width: 480px) {
	.main-conts {
    font-size: 0.90em;
}
}

.news-title-top {
	margin: 5px 0 20px;
	padding: 0 0 0 9px;
	border-left: 6px solid #5dc4cb;
	font-weight: bold;
	font-size: 1.0em;
}

/*
パンくず
*/
.breadcrumbs-in {
font-size: 0.75em;
}

@media screen and (max-width: 480px) {
.breadcrumbs-in {
font-size: 0.7em;
}

}
/*
日ずけ
*/

.post-date{
	font-size: 0.75em;}

@media screen and (max-width: 480px) {
	.post-date {
		font-size: 0.7em;
	}
}
/*
----
*/
.hako00 {
    border: 3px double #5ec4cc; 
    
    margin-top:0;
	margin-bottom:2em;
    padding: 1em;
   background-color: #fefefa;;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}


.hako01 {
    border: 3px double #5ec4cc; 
  
    margin: 2em 0;
    padding: 1em;
    position: relative;
	background-color: #fefefa;
}
.hako01::before {
    background-color: #fefefa;
    color: #5ec4cc;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.hako02 {
    background-color: #fce7e6;
    border: 2px dashed #fff;
   
    box-shadow: 0 0 0 4px #fce7e6;
    margin: 2em 0;
    padding: 1em;
}


.hako03 {border: 3px double #5ec4cc;
 
  background: repeating-linear-gradient(-45deg, rgba(220,238,239,.3), rgba(220,238,239,.3) 10px, #fff 0, #fff 20px);
	margin: 2em 0;
  padding: 1em;
  
}

.hako04 {
background-color: #fcfcfc;
background-image: url("http://julie-expo.org/wp-content/uploads/2017/04/ps.jpg");

    
    box-shadow: 0 0 0 4px #fce7e6;
    margin: 2em 0;
    padding: 1em;}


.hako05 {
    background-color: #f8f8f8;
    border: 2px dashed #5ec4cc;
    
    box-shadow: 0 0 0 4px #f8f8f8;
    margin: 2em 0;
    padding: 1em;
}

.hako06 {
    background-color: #f8f8f8;
    box-shadow: 0 0 0 4px #f8f8f8;
    margin: 2em 0;
    padding: 1em;
}

.hako07 {
    border: 3px double #5ec4cc; 
    
    margin-top:0;
	margin-bottom:2em;
    padding: 1em;
   background-color: #f8f8f8;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.hako-sen {
    border: 1px solid #ccc; 
    margin-top:0;
	margin-bottom:2em;
    padding: 1em;
   background-color: #fff;
	
}





/* ==========================================================================
	 チェックリスト
	 ========================================================================== */
ul[class*="cliist--"],
ol[class*="cliist--"] {
	margin: 0 auto;
	padding: 0;
	margin-bottom: 5px;
}

[class*="cliist--"] > li {
	margin: 0;
	padding: .5em .5em .5em 1.5em;
	background-position: -1.5px .65em;
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: left;
	line-height: 1.618;
}



/* リスト*/
.cliist--small {
	border-top: 0px dashed #ccc;
}

.cliist--small > li {
	
	border-bottom: 1px dashed #ccc;
}

.cliist--small.checklist--green > li {
	background-image: url("/c-img/g-list.png");
}



/* */
.cliist--smalln {
	border-top: 0px dashed #ccc;
}

.cliist--smalln > li {
	
	border-bottom: 0px dashed #ccc;
}

.cliist--smalln.checklist--green > li {
	background-image: url("/c-img/g-list.png");
}

/*偽見出し*/
.mida3 {
	margin: 60px 0 30px;
	padding: 7px 8px;
	background: #8d6d6d;
	color: #fff;
	font-size: 1.3em;
}

.mida4 {background:#fefefa;
	margin: 55px 0 25px;
	padding: 7px 8px;
	border-bottom: 2px solid #f29fa2;
border-top: 2px solid #f29fa2;
	font-weight: bold;
	font-size: 1.25em;
}

.mida4ten {
	margin: 55px 0 25px;
	padding: 0 0 4px;
	border-bottom: 2px dashed #f29fa2;
	font-weight: bold;
	font-size: 1.25em;
}

.mida5 {
	margin: 55px 0 25px;
	padding: 0 0 0 9px;
	border-left: 6px solid #8d6d6d;
	font-weight: bold;
	font-size: 1.2em;
}

.mida6 {
	margin: 55px 0 25px;
	padding: 0 0 0 9px;
	border-left: 6px solid #8d6d6d;
	font-weight: bold;
	font-size: 1.0em;
}