@charset "utf-8";
/* CSS Document */
/* =================================
*   ▼見出しのスタイル
*
*
==================================*/

/*=================================
*	タグ名：#maincontent h2
*	説明：見出し
*	使用：固定ページ・投稿ページの大見出し
*
==================================*/
#maincontent h2{
	position: relative;
	background: #f1f8ff;
	padding: 0.25em 0.5em;
	border-left: 2em solid #339bb7;
	border-bottom: 1px solid #339bb7;
}
#maincontent h2:before{
	font-family: 'Glyphicons Halflings';
	content: "\e067";
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	left: -1.5em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#maincontent h2 img{
	height:30px;
	margin-bottom: 0.2em;
	max-width: 100%;
}

/*=================================
*	タグ名：#maincontent h3
*	説明：見出し
*	使用：固定ページ・投稿ページの中見出し
*
==================================*/
#maincontent h3{
	position:relative;
	padding: 0.3em;
	border-radius: 3px;
	background-color: #dcf3f0;
	color: #004d5d;
	text-shadow: 0 0 5px white;
	border-left: solid 7px #006879;
	background: -webkit-repeating-linear-gradient(-45deg, #ccfbff, #ccfbff 3px,#e9fffc 3px, #e9fffc 8px);
	background: repeating-linear-gradient(-45deg, #ccfbff, #ccfbff 3px,#e9fffc 3px, #e9fffc 8px);
}
#maincontent h3:after{
content:"";
background-image: linear-gradient(
	-45deg,
	#f5eeed 25%,
	#f4e2de 25%,
	#f4e2de 50%,
	#f5eeed 50%,
	#f5eeed 75%,
	#f4e2de 75%,
	#f4e2de
);
background-size: 30px 30px;
background-attachment: fixed;
}

/*=================================
*	タグ名：#maincontent h4
*	説明：見出し
*	使用：固定ページ・投稿ページの小見出し
*
==================================*/
#maincontent h4{
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 2px #2a9bb3;
	border-bottom: solid 2px #2a9bb3;
}
#maincontent h4:before, #maincontent h4:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #53ce35;
}
#maincontent h4:before {left: 7px;}
#maincontent h4:after {right: 7px;}


/*タブレット*/
@media screen and (max-width:1024px){
	#maincontent h2 img{
		height:22px;
		max-width:100%;
	}
}
/*スマホ*/
@media screen and (max-width:767px){
	#maincontent h2 img{
		height:22px;
		max-width:100%;
	}
}

/*=================================
*	タグ名：#maincontent h5
*	説明：見出し
*	使用：固定ページ・投稿ページの小見出し
*
==================================*/
#maincontent h5{
	position: relative;
	font-size:1em;
	padding: .5em .5em .5em 1em;
	margin-left:1em;
}
#maincontent h5:before{
	background-color: #ffaa4b; /* 左側の線の色 */
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 3px; /* 左端からの位置 */
	width: 5px; /* 左側の線の幅 */
	height:100%;
}
/*
#maincontent h5 + p,#maincontent h5 + ul,#maincontent h5 + ol,#maincontent h5 + img,#maincontent h5 +div,#maincontent h5 +table {
	margin-left:2em !important;
}
*/
/*PC*/
@media screen and (max-width:767px){
	/*
	#maincontent h5{
		margin-left:0.5em;
	}
	#maincontent h5 + p,#maincontent h5 + ul,#maincontent h5 + ol,#maincontent h5 + img,#maincontent h5 +div,#maincontent h5 +table{
		margin-left:1em !important;
	}
	*/
}

/* リボン */
.ribon {
	color:#FFF;
	display:block;
	position: relative;
	height: 30px;
	line-height: 30px;
	width:130px;
	padding: 0 1em;
	background-color: #007B43;
}
.ribon::before,
.ribon::after {
	content: '';
	position: absolute;
}
.ribon::before {
	top: 100%;
	left: 0;
	border-width: 0 7px 7px 0;
	border-style: solid;
	border-color: transparent;
	border-right-color: #002414;
}
.ribon::after {
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 15px 10px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}
/*検索*/
.my-search{
	margin-bottom:10px;
	background-color: #fff6a9;
	color: #956d0f;
	border-color: #956d0f;
	max-width:240px;
	margin-left:auto;
}
.my-search .form-control{
	background-color: #fff6a9;
	border-color: #956d0f;
	color: #956d0f;
	border-left:0px;
	border-right:0px;
}
.my-search .btn-default{
	background-color: #fff6a9;
	border-color: #956d0f;
	color: #956d0f;
}
.my-search #btn_left{
	background-color: #fff6a9;
	border-color: #956d0f;
	color: #956d0f;
	border-right:0px;
}
.my-search #btn_right .btn{
	border-left:0px;
}
/*プレースホルダ―の色*/
.my-search .form-control::placeholder {
  color: #956d0f;
}

/* IE */
.my-search .form-control:-ms-input-placeholder {
  color: #956d0f;
}

/* Edge */
.my-search .form-control::-ms-input-placeholder {
  color: #956d0f;
}

/*スマホ*/
@media screen and (max-width:767px){
	/*大見出し*/
	h2{
		font-size:20px;
	}
	/*中見出し*/
	h3{
		font-size:18px;
	}
	/*小見出し*/
	h4{
		font-size:16px;
	}
}