@charset "UTF-8";

@media screen and (min-width:740px) and (max-width: 999px) {
}
@media screen and (max-width: 739px) {
}
/*
ベースカラー濃
095E99
ベースカラー薄
84AECC
水色
00A0EF
------------------------*/
/*ページ情報
-----------------------------------------------------------------------------------------*/
#pagedata{
	background:url(images/line_red.png) top repeat-x;
	padding-top:4px;
}
#pagedata h1{
	padding:20px 10px;
	color:#095E99;
}
@media screen and (max-width: 739px) {
	#pagedata h1{padding:10px 0;}
}


/*一覧
-----------------------------------------------------------------------------------------*/
#list #pagedata h1{
	padding-bottom:10px;
}
#list #pagedata p{
	background:#F2F2F2;
	padding:5px 10px;
	margin:0;
	font-size:18px;
	font-weight:bold;
}
#list ul{
	margin:0;
}
#list ul li{
	padding:14px 0 10px 0;
	border-bottom:1px solid #DFDFDF;
	list-style:none;
	margin:0
}
#list li a{
	text-decoration:none;
}
#list li a:hover{
	text-decoration:underline;
}
#list li span{
	display:block;
	line-height:22px;
	font-size:12px;
	float:left;
}
#list li span.date{
	width:110px;
	height:22px;
	text-align:center;
	color:#FFFFFF;
	background:url(images/topics_date.png) no-repeat;
}
#list li span.end{
	margin-left:10px;
	color:#ED1C24;
	font-weight:bold;
}
#list li span.item{
	/* font-size:14px;*/
	font-size:16px;
	float:none;
	clear:left;
	padding-top:4px;
}

/*記事
-----------------------------------------------------------------------------------------*/
#single p{
	margin-top:0;
	line-height:20px;

}
#single #pagedata p{
	background:#F2F2F2;
	padding:3px 10px;
	margin-bottom:10px;
}
#single #pagedata p.end{
	background:none;
	color:#FFFFFF;
	background:#ED1C24;
	font-weight:bold;
	float:right;
}
#single table{
	margin:10px 0;
}
#single th{
	text-align:center;
	vertical-align:top;
	width:70px;
}
@media screen and (max-width: 739px) {
	#single th{vertical-align:top;width:50px;}
}

#single h3{
	margin-bottom:-10px;
}

#single h3 br:first-child {
display: none;
}

#single h4{
font-size:16px;
line-height:30px;
position: relative;
text-indent: 0.5em;
padding: 0.1em 0;
color:#000;
}
#single h4:after {
content: "";
display: block;
height: 4px;
background:#C41226;

/*
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);

background: -moz-linear-gradient(to right, rgb(230, 90, 90), rgba(230,99,99,0.1));
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), rgba(230,99,99,0.1));
background: linear-gradient(to right, rgb(230, 90, 90), rgba(230,99,99,0.1));
*/
}


#single h5{
position: relative;
padding: 0.1em 0.5em;
background:#FFC78F;
/*
background: -moz-linear-gradient(to right, rgb(255, 186, 115), transparent);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), transparent);
background: linear-gradient(to right, rgb(255, 186, 115), transparent);

background: -moz-linear-gradient(to right, rgb(255, 186, 115), rgb(255, 186, 115,0.1));
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), rgb(255, 186, 115,0.1));
background: linear-gradient(to right, rgb(255, 186, 115), rgb(255, 186, 115,0.1));
*/
color: #000;
}




#single h2,
#single h4,
#single h5{
	/*margin-bottom:10px;*/
}

#single hr{
	margin:10px 0;
	line-height:20px;
}

h2 br:first-child,
h3 br:first-child,
h4 br:first-child,
h5 br:first-child {
	display: none;
}


h2 br:first-child {
display: none;
}

/*蛍光マーカー*/
#single strong {
	/*background: linear-gradient(transparent 45%, #fff799 45%);
	background: linear-gradient(rgba(255,247,153,0.6), rgba(255,247,153,0.6));
	background: linear-gradient(rgba(255,247,153,0) 45%,#fff799 45%); */
	background: #fff799;
	font-weight: bold; 
	border-radius:6px;
}

#single a strong{
	color:#FB8A33;
	font-size:16px;
	text-decoration: none;
	background:none;
}

/*文字を大きくして下線*/
#single span.underline {
    border-bottom: 2px solid #ff3333;
    font-size: 16px;
    font-weight:bold;
}
/*スマホ以外で無効*/
a[href="tel:"] {
    pointer-events: none;
}




/*-------------------------ボックスデザイン*/


.box1{
    position: relative;
    z-index:10;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.5em;
    padding-top:-30px;
    color: #454545;
    margin: 0; 
    font-size:16px;
    line-height:24px;
}

.box1 br:first-child {
display: none;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    /*font-weight: bold;*/
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
    font-size:16px;
    line-height:24px;
}
.box2 br:first-child {
display: none;
}

/* 吹き出し本体 */
.balloon{
  position: relative;
  padding: 7px;
  /*background: linear-gradient(to bottom, #095E99 0%,#095E99 100%);*/
  /*background: linear-gradient(to bottom, rgba(9,94,153,1),#095E99 100%);*/
  background:#095E99;
  color: #ffffff;
  width:auto;
  border-radius: 5px;
}
/* グラデーションの終了の色に合わせた三角アイコン */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #095E99;
  /*
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  */
	border-right: 15px solid rgba(9,94,153,0);
  border-left: 15px solid rgba(9,94,153,0);
}
.balloon br:first-child {
display: none;
}

.copy br:first-child {
display: none;
}


p.copy:first-letter {
	font-size: 1.5em;
	color: #C41226;
	   font-weight:bold;

}

.copy{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    font-weight:bold;
    /*
    border-top: solid 2px #C41226;
    border-bottom: solid 2px #C41226;
    */
    font-size:16px;
    line-height:28px;
    letter-spacing:3px;
 
}


/*
.copy:before, .copy:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #C41226;
}
.copy:before {left: 10px;}
.copy:after {right: 10px;}
.copy p {
    margin: 0; 
    padding: 0;
}


*/

/*-------------------------お問い合わせ先*/
#single .contact{
	border:1px solid #D2D2D2;
	margin-top:30px;
	padding:15px 20px;
}
@media screen and (max-width: 739px) {
	#single .contact{padding:10px;}
}
#single .contact h2{
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #84AECC;
	background:none;
	color:#095E99;
}
#single .contact p{
	text-align:left;
	line-height:24px;
	margin:0;
}
#single .contact p.title{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}



/*archive
-----------------------------------------------------------------------------------------*/
#archive{
	width: 250px;
	float:right;
	border:1px solid #D2D2D2;
	margin-bottom:5px;
}
#archive h2{
	font-size:16px;
	line-height:40px;
	font-weight:bold;
	background:#D2D2D2;
	color:#FFFFFF;
	padding-left:13px;
	margin:-1px;
}

#archive  ul{
	padding:5px 0 5px 5px;
}
#archive  ul li{
	float:left;
	margin:2px 5px;
}
#archive  ul li a{
	display:block;
	padding:3px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#archive  ul li a.current,
#archive  ul li a:hover{
	background-color:#ECF2F7;
	text-decoration:none;
}
@media screen and (max-width: 999px) {
	#archive{width:100%;float:none;margin:-20px 0 30px 0}
}

/*検索結果
-----------------------------------------------------------------------------------------*/
#search #pagedata h1{
	font-size:25px;
	line-height:34px;
}
#search #pagedata p{
	margin:-5px 0 20px 10px;
	font-weight:bold;
}
@media screen and (max-width: 739px) {
	#search #pagedata h1{font-size:18px;line-height:30px;}
	#search #pagedata p{margin:-5px 0 20px 0px;}
}

#search ul{
	margin:0;
	border-top:1px solid #DFDFDF;
}
#search ul li{
	border-bottom:1px solid #DFDFDF;
	list-style:none;
	margin:0
}
#search li a{
	display:block;
	width:100%;
	padding:10px 25px 10px 10px;
	text-decoration:none;
	background:url(images/ya_r.png) right 5px no-repeat;
}
#search li a:hover{
	background-color:#E6E6E6;
}
#searchbox{
	padding:20px 0 40px 0;
}
#searchbox h2{
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}
#searchbox input[type="text"]{
	width:60%;
}