﻿@charset "utf-8";
/* news220917 **************************/
#news220917 h2{
	position: relative;
	padding: 1.4em 0 1.2em;
	margin: 3em 0 1.2em;
	text-align: center;
	border-top: 2px solid #006400;
	border-bottom: 2px solid #006400;
	background: #fff;
	color: #006400;
}
#news220917 h2:before, #news220917 h2:after {
	position: absolute;
	content: '';
}
#news220917 h2:before {
	top: -40px;
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	border: 2px solid #006400;
	border-radius: 50%;
	background: #fff;
}
#news220917 h2:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}
#news220917 i {
	font-size: 1.6em;
	line-height: 60px;
	position: absolute;
	z-index: 1;
	top: -40px;
	left: calc(50% - 40px);
	width: 80px;
	height: 60px;
	text-align: center;
}
#news220917 h2 span {
	position: relative;
	z-index: 1;
	font-size: 1.4em;
}
#news220917 h3{;
	color: #006400;
	font-size: 17px;
	margin-bottom:.6em;
}
#news220917 h4{;
	color: #006400;
	font-weight:bold;
	margin-bottom:8px;
}
#news220917 .marker{
	color: red;
    background-color: #ffffe0;
}
#news220917 .small{
	font-size:.84em;
}
#news220917 .strong{
	color: red;
	font-weight:bold;
}
#news220917 table{
	width: 570px;
	font-size:.8em;
	border-spacing: 1px;
	text-align: center;
}
#news220917 table th{
    background-color: #d6e9ca;
}
#news220917 table td{
    background-color: #f1f7ed;
}
/* news220901 **************************/
#news220901 h2 {
	position: relative;
	padding: 0 65px;
	text-align: center;
    color:#164a84;
    font-size: 1.5em;
}
#news220901 h2:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #164a84;
}
#news220901 h2 span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}
#news220901 .box {
	position: relative;
	padding: 0 1em;
	border: 2px solid #164a84;
	margin: 2.2em 0 1.8em;
}
#news220901 .box:before {
	font-size: 15px;
	font-weight:bold;
	position: absolute;
	top: -23px;
	left: -3px;
	height: 20px;
	padding: 3px 10px 0 10px;
	content: 'POINT';
	color: #fff;
	background: #164a84;
}
/* news220912 **************************/
#news220912 h2 {
    text-align: center;
    background:#c9970e;
    border-radius:20px;
    color:#fff;
    font-size: 1.4em;
    padding:14px 0 10px;
    margin:20px 0;
    clear: both;
}
#news220912 h3 {
    border-bottom:solid 1px #c9970e;
    color:#c9970e;
    padding:4px 10px;
    margin:20px 0;
    clear: both;
}
#news220912 table {
    background:#404040;
    width:570px;
    font-size:0.9em;
}
#news220912 table th {
    background-color:#fddea5;
    font-weight:normal;
    text-align:left;
}
#news220912 table td {
    background-color:#fffaef;
    padding: 8px;
}
#news220912 dl {	
    margin: 10px 5px;
    height:70px;
    font-size:0.8em;
}
#news220912 dt {
    float: left;
    width: 25px;
    color:red;
}
#news220912 dd {
    float: left;
    margin: 0 5px;
    width: 525px;
}
#news220912 .box{
    margin:0 0 3em;
    padding: .25em .6em .5em;
    background-color:#fffaef;
    box-shadow: 0px 0px 3px #c9970e;
}
#news220912 h4 {
    color: #c9970e;
    text-align:center;
    font-size:1.2em;
}
#news220912 .btn {
	font-size: 1.3em;
    font-weight: bold;
	background: #c48507;
	border-radius:10px;
	box-shadow: 0 6px 0 #a3a3a2;
    padding: 12px 0 10px;
    width:570px;
}
#news220912 a.btn:hover{
    background: #d6ab13 ;
    box-shadow: 0 2px 0 #a9a9a9;
    top: 2px;
}
#news220912 a.btn:active {
    top: 4px;
    box-shadow: none;
}
/* news220910 **************************/
#news220910 table {
    background: #202020;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 10px 0 40px;
    font-size:.9em;
}
#news220910 th{
    padding: 5px;
    background: #b1cfd9;
    text-align: center;
}
#news220910 td{
    padding: 5px;
    background: #fde8d0;
}
/* news220925 **************************/
#news220925 .box {
	margin:2em 0 3em;
	background: -moz-linear-gradient(top, #dfeff7, #FFF);
	background: -webkit-linear-gradient(top, #dfeff7, #FFF);
	background: linear-gradient(to bottom, #dfeff7, #FFF);
	border:solid 1px #eaf4fc;
}
#news220925 .box h3 {
	margin:1.4em 1em 1.2em;
	color: #b7282e;
}
#news220925 .box p {
	margin:1em;
}
/* .colona **************************/
.colona {
	display: block;
	position: relative;
	margin: 20px auto 30px;
	padding: 10px 1em;
	background: #f1f1f1;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14);
	box-sizing: border-box;
	text-align:left !important;
}
.colona .ribbon17-content {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 89px;
	height: 91px;
	overflow: hidden;
}
.colona .ribbon17 {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -23px;
	top: 22px;
	width: 160px;
	text-align: center;
	font-size: 18px;
	line-height: 16px;
	background: #0000ff;/*ffa520;*/
	color: #fff;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.colona .ribbon17:before, .ribbon17:after {
	position: absolute;
	content: "";
	border-top: 4px solid #b2751b;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	bottom: -4px;
}
.colona .ribbon17:before {
	left: 14px;
}
.colona .ribbon17:after {
	right: 18px;
}
.colona h3, #news200210 .colona h4 {
	color: #1e50a2 !important;
	border: none !important;
}
.colona_info {
	background: #bce2e8;
	margin: 15px auto;
	padding: 5px 30px;
}
.colona_info span{
	color:#ea5549;
}
/* 共通使用 ****************************/
.common_kinen {text-align:center;border:solid 3px #2f72ed ;margin-bottom:20px;}
.common_kinen_title {background-color:#2f72ed ;color:#fff;margin:0;padding:.4em;font-size:1.2em;font-weight:bold;}
.common_pollen {text-align:center;border:solid 3px #3399FF;margin-bottom:20px;padding:5px;}
.common_pollen_title {color:#3399FF;font-size:16px;font-weight:bold;border-bottom:3px dotted #3399FF;line-height:20px;margin:0;}
.common_influ1 {text-align:center;border:solid 3px #ff7f50;margin-bottom:20px;}
.common_influ1_title {background-color:#ff7f50;color:#fff;margin:0;padding:.4em;font-size:1.2em;font-weight:bold;}
.common_influ1_box {background-color:#fafad2;margin:0 15px 15px;padding:5px 10px;}
.common_influ1_lead {margin:.3em;border-bottom:dotted 3px #ff7f50;color:#ff7f50;font-weight:bold;}
.common_influ2 {text-align:center;border:solid 3px #ff9900;margin-bottom:20px;padding:5px;}
.common_influ2_title {color:#ff9900;font-size:16px;font-weight:bold;border-bottom:3px dotted #FFCC00;line-height:20px;margin:0;}
.common_noro {border:solid 3px #AD6DDC;margin-bottom:20px;padding:5px;}
.common_noro_title {color:#8B32CD;font-size:16px;font-weight:bold;border-bottom:3px dotted #8B32CD;margin:0;}
.common_uv {text-align:center;border:solid 3px #FF6699;margin-bottom:20px;}
.common_uv_title {color:#FF6699;font-weight:bold;margin:.6em;}
.common_heatstroke {text-align:center;border:solid 3px #FF8C00;margin-bottom:20px;}
.common_heatstroke_title {color:#FF8C00;font-weight:bold;margin:.6em;}
.common_guppy {text-align:center;border:solid 3px #d63aa2;margin-bottom:20px;}
.common_guppy_title {background-color:#d63aa2;color:#fff;margin:0;padding:.4em;font-size:1.2em;font-weight:bold;}
.common_guppy2 {display:block;position:relative;margin:20px auto 30px;padding:0 1em 10px;background:#f1f1f1;border:solid 3px #d63aa2;box-sizing:border-box;text-align:left !important;}
.common_guppy2_title {color:#d63aa2;font-size:17px;line-height:1.3;}
.common_medicalbill div {padding:10px 30px 1px 30px;;margin-bottom:20px;}
.common_medicalbill_title {text-align:center;font-size:1.1em;padding-bottom:10px;border-bottom-style:solid;border-bottom-width:1px;}
.common_medicalbill_att {color:#800000;font-size:.8em;}
.common_text {font-size:.9em;margin:.6em;}
.common_kochira {margin:0 .6em .6em;}
.common_tanto {display:block;position:relative;margin:20px auto 30px;padding:10px 1em;background:#f1f1f1;box-shadow:0 3px 5px rgba(0, 0, 0, 0.14);box-sizing:border-box;text-align:center;}
.common_tanto span.green {color:#006400;}
.common_tanto span.red {color:#ea5549;}
.clear {clear:both;}
.text_center {text-align:center !important;}
.text_left {text-align:left !important;}
.text_right {text-align:right !important;}
.text_vcenter {vertical-align: middle;}
.text_b {font-weight:bold;}
.text_n {font-weight:normal !important;}
.text_s {font-size:.9em;line-height:1.1em;}
.text_r {color:red;}
.text_note {margin-left: 1em;text-indent: -1em;}
.text_note:before {content:"※";}
a.btn {position: relative;background-color: #7f7f7f;color: #fff;padding: 6px 12px 4px;box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);text-decoration: none;text-align: center;text-shadow: 0 1px 1px rgba(0, 0, 0, .3);display: inline-block;}
.mT0 {margin-top:0 !important;}
.mT10 {margin-top:10px !important;}
.mB0 {margin-bottom:0 !important;}
.mB10 {margin-bottom:10px !important;}
.mB20 {margin-bottom:20px !important;}
.mB30 {margin-bottom:30px !important;}
.mB50 {margin-bottom:50px !important;}
.mB80 {margin-bottom:80px !important;}
img {image-rendering: -webkit-optimize-contrast;}