/*枠ピンク１*/
.box_pink1 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box_pink1 p {
    margin: 0; 
    padding: 0;
}
/*枠ピンク2*/
.box_pink2 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #ffc6c6;/*背景色*/
    box-shadow: 0 0 0 8px #ffc6c6;/*背景色外側*/
    border: 2px dashed #ffffff;/*線*/
    color: #000000;/*文字色*/
}
.box_pink2 p {
    margin: 0; 
    padding: 0;
}
/*枠ピンク3*/
.box_pink3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box_pink3 p {
    margin: 0; 
    padding: 0;
}
/*枠黄1*/
.box_ki1{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box_ki1:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box_ki1:after {
    top:-12px;
    left:-12px;
}
.box_ki1:before {
    bottom:-12px;
    right:-12px;
}
.box_ki1 p {
    margin: 0; 
    padding: 0;
}
/*枠（黒板）*/
@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;
}
.box_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;
}
/*枠（マステ黄）*/
.memo {
  position: relative;
  background: #F8F0D7;
  border-left:4px dotted rgba(0,0,0,.1);
  border-right:4px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 1em;
  color: #65513f;
  width: 300px;
}
.masking-tape{
  position: absolute;
  top: -1em;
  left: 26%;
  width:100px;
  height:30px;
  background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
  background-size: 20px 20px;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-4deg); 
}
.memo p {
  color: #65513f;
  padding: 10px;
}
/*枠黄テープ風*/
.box_ki2{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box_ki2:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box_ki2 p {
    margin: 0; 
    padding: 0;
}
/*枠青二重線*/
.box_blue1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box_blue1 p {
    margin: 0; 
    padding: 0;
}
/*枠青二重線2*/
.box_blue2 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 5px double #8491c3; /*太さ・線種・色*/
 color: #333; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border-radius: 1px; /*角の丸み*/
}
/*見出し*/

.page .main-body h2{
	margin: 0 0 1em;
	padding: 0 0 30px 10px;
	border-bottom: 2px solid #ddd;
	background: url(./images/common/bg-h2.png) right bottom no-repeat #fff;
	color: #666;
	line-height: 1.5;
	font-size: 1.75em;	
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.home .main-body h2,	
		.archive .main-body h2,
		.search .main-body h2,
		.single .main-body h2,
		.page .main-body h2{
			background: url(./images/common/bg-h2@2x.png) right bottom no-repeat #fff;
			-webkit-background-size: 265px 93px;
			background-size: 265px 93px;
		}

	}
	
.page .main-body h2{
	margin: 60px 0 30px;
	padding: 30px 10px;
	border-top: 1px solid #ddd;
	font-size: 5em;
}

.home.page .main-body h2:first-child{
	margin-top: 0;
}

.main-body h3{
	margin: 60px 0 30px;
	padding: 5px 10px;
	background: #f7e5e1;
	color: #333;
	font-size: 1.25em;
	font-weight: bold;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.main-body h3{
			background: url(./images/common/bg-gray@2x.jpg) #666;
			-webkit-background-size: 180px 140px;
			background-size: 180px 140px;
		}

	}
	
.main-body h4{
	margin: 55px 0 25px;
	padding: 0 0 4px;
	border-bottom: 1px dotted #ccc;
	color: #333;

	font-size: 1.20em;
}

.main-body h5{
	margin: 55px 0 25px;
	padding: 3px 10px;
	font-weight: bold;
	color: #333;
	font-size: 1.14em;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.main-body h5{
			background: url(./images/common/bg-white@2x.jpg) #ccc;
			-webkit-background-size: 120px 120px;
			background-size: 120px 120px;
		}

	}

.main-body h6{
	margin: 55px 0 25px;
	padding-left: 8px;
	border-left: 6px solid #f7e5e1;
	color: #666;
	font-weight: bold;

}
/*カスタマイズ*/
/*h2{
position: relative;
padding: 0.25em 0;
	font-size: 1.14em;
}
h2:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}*/
h2{	
	font-size: 2em;}
h4 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
}

h4 {
position: relative;
}

h4:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: -webkit-repeating-linear-gradient(-45deg, #f7e5e1, #f7e5e1 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #f7dc7b, #f7dc7b 2px, #fff 2px, #fff 4px);
}
/*下線ピンク*/
.pink_line {background:linear-gradient(transparent 60%, #ffdfef 0%) ;}
/*下線　青*/
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}
/*下線　黄*/
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}