@charset "utf-8";
/* [style] Free change territory
---------------------------------------------------------*/

/* ------ common ------*/
body {
	color: #444;
	line-height: 1.5;
}
a {
	color: #3596bf;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(102, 204, 255, 0.5);
}
button {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(102, 204, 255, 0.5);
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #ef8115;
}
/* ------ jsError ------*/
.jsError {
	width: 930px;
	background: #eeedec;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	color: #e54c4c;
}
.jsError--link {
	text-decoration: underline!important;
}
/* ------ header ------*/
.header {
	background-color: #243c63;
}
.header__title a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 115%;
	line-height: 42px;
}
/* ------ contents ------*/

.contentsHeader {
	background: #eeedec;
	display: block;
	padding: 30px 0;
	margin: 0 auto 30px;
}
.contentsHeader__conetnt {
	width: 950px;
	margin: 0 auto;
}
.contentsHeader__conetnt--title {
	font-size: 129%;
	display: block;
	font-weight: bold;
	border-left: 5px solid #243c63;
	padding-left: 10px;
	margin: 0 0 30px;
}
.contentsHeader__conetnt--list li {
	list-style-type: disc;
	list-style-position: inside;
}
.contentsLayout__conetnt, .contentsHtml__conetnt, .contentsCss__conetnt, .contentsJs__conetnt, .contentsSns__conetnt {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 10px;
}
.contentsLayout__conetnt--title, .contentsHtml__conetnt--title, .contentsCss__conetnt--title, .contentsJs__conetnt--title, .contentsSns__conetnt--title {
	margin: 10px 0 30px;
	padding: 10px 0;
	border-bottom: 1px solid #eeedec;
	font-weight: bold;
}
.contentsLayout__conetnt--title span, .contentsHtml__conetnt--title span, .contentsCss__conetnt--title span, .contentsJs__conetnt--title span, .contentsSns__conetnt--title span {
	border-left: 5px solid #243c63;
	padding-left: 10px;
}
.contentsLayout__conetntList dt, .contentsHtml__conetntList dt, .contentsCss__conetntList dt, .contentsJs__conetntList dt, .contentsSns__conetntList dt {
	font-weight: bold;
	margin-bottom: 2px;
}
.contentsLayout__conetntList dd, .contentsHtml__conetntList dd, .contentsCss__conetntList dd, .contentsJs__conetntList dd, .contentsSns__conetntList dd {
	margin-bottom: 30px;
}
.contentsLayout__conetntList--example, .contentsHtml__conetntList--example, .contentsCss__conetntList--example, .contentsJs__conetntList--example, .contentsSns__conetntList--example {
	text-align: center;
	display: block;
	margin: 10px 0 0;
	padding: 20px 0;
	border: 2px solid #eeedec;
}
.contentsLayout__conetntList--exampleText, .contentsHtml__conetntList--exampleText, .contentsCss__conetntList--exampleText, .contentsJs__conetntList--exampleText, .contentsSns__conetntList--exampleText {
	display: block;
	margin: 10px 0 0;
	padding: 5px 10px;
	border: 2px solid #eeedec;
}
.contentsLayout__conetntList--exampleText li, .contentsHtml__conetntList--exampleText li, .contentsCss__conetntList--exampleText li, .contentsJs__conetntList--exampleText li, .contentsSns__conetntList--exampleText li {
	list-style-type: disc;
	list-style-position: inside;
}
.mod_twitter, .mod_facebook {
	overflow: hidden;
	width: 120px;
	height: 20px;
	padding: 10px 0;
}
.txt_caution {
	color: #e54c4c;
}
.txt_picup {
	font-weight: bold;
}
.entry__link--entry a, .entry__link--entry a span {
	background-image: url("https://s.yimg.jp/images/premium/contents/pc/v2/top/images/btn_entry_140805.png");
}
.entry__link--entry a, .entry__link--entry a span {
	background-repeat: no-repeat;
	border-radius: 14px;
	display: block;
	height: 64px;
	width: 340px;
	margin: 0 auto 10px;
}
.entry__link--entry a span {
	background-position: 0 -74px;
	cursor: pointer;
	opacity: 0;
	text-indent: -9999px;
}
.entry__link--entry a:hover span {
	opacity: 1;
}
.entry__link--price {
	font-size: 12px;
	text-align: center;
}
#gototop {
}
.clear:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}
/*ヘッダー*/
.header {
	background-color: #FFF;
	border-bottom: solid 1px #CCCCCC;
}
.header__title {
	font-size: 75%;
	color: #444;
	line-height: 40px;
}
/*キービジュアル*/
#key_img {
	width: 950px;
	margin: 0 auto;
}
/*Gナビ*/
#navi {
	width: 950px;
	margin: 0 auto;
}
#navi ul {
}
#navi li {
	float: left;
}
#navi ul li a img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	zoom: 1;
}
.contents {
	width: 950px;
	margin: 20px auto;
}
#pan ul {
	margin-bottom: 20px;
}
#pan li {
	font-size: 14px;
	line-height: 20px;
	float: left;
}
/*メインコンテンツ*/
#left_contents {
	width: 740px;
	float: left;
	margin-right: 10px;
}
/*サイドカラム*/
#right_contents {
	width: 190px;
	float: right;
}
#rignt_banner {
	margin-bottom: 20px;
}
#rignt_banner a img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	zoom: 1;
}

/*サイド　ランキング*/
#rignt_ranking {
	width: 180px;
	padding: 5px;
	background-color: #163f81;
	margin-bottom: 20px;
}
#rignt_ranking h5 {
	height: 20px;
	color: #FFF;
	margin: 5px 0 10px 5px;
	line-height: 20px;
}
#rignt_ranking h5 img {
	padding-right: 5px;
	vertical-align: top;
}
#rignt_ranking_innder {
	background-color: #FFF;
	padding: 4%;
}
.rignt_no1 {
	border-bottom: dotted 2px #999;
	margin-bottom: 10px;
}
.rignt_no1 h6 {
	font-size: 88%;
	margin-bottom: 10px;
}
.rignt_no1 h6 img {
	padding-right: 5px;
}
.rignt_no1 p {
	font-size: 75%;
	margin-bottom: 10px;
}
.rignt_no1 p+p {
	text-align: center;
	margin-bottom: 10px;
}
.rignt_no1 p a img {
	width: 96%;
}
.rignt_no1 p a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	zoom: 1;
}
#rignt_ranking .more {
	text-align: right;
	padding: 10px 5px 5px 0;
}
#rignt_ranking .more a {
	font-size: 75%;
	color: #FFF;
}
/*サイド　一覧*/

#right_ichiran {
	width: 180px;
	padding: 5px;
	background-color: #163f81;
	margin-bottom: 20px;
}
#right_ichiran h5 {
	height: 20px;
	color: #FFF;
	margin: 5px 0 10px 5px;
	line-height: 20px;
}
#right_ichiran h5 img {
	padding-right: 5px;
	vertical-align: top;
}
#right_ichiran_innder {
	background-color: #FFF;
	padding: 4%;
}
#right_ichiran_innder li {
	border-bottom: dotted 2px #999;
	font-size: 75%;
	padding: 10px 0;
}
/*サイド　メーカー一覧*/

#right_ichiran2 {
	width: 180px;
	padding: 5px;
	background-color: #163f81;
}
#right_ichiran2 h5 {
	width: 180px;
	height: 40px;
	color: #FFF;
	margin: 5px 0 10px 5px;
	line-height: 20px;
}
#right_ichiran2 h5 img {
	padding-right: 5px;
	vertical-align: top;
}
#right_ichiran_innder2 {
	background-color: #FFF;
	padding: 4%;
}
#right_ichiran_innder2 li {
	border-bottom: dotted 2px #999;
	font-size: 75%;
	padding: 10px 0;
}
/*フッター*/
#footer {
	width: 100%;
	background-color: #2f71dd;
	font-size: 75%;
}
#footer_contents {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}
.footer_box {
	width: 33%;
	float: left;
}
.footer_box h6 {
	color: #FFFFFF;
	margin-bottom: 15px;
}
.footer_box ul {
}
.footer_box li {
	list-style-type: disc;
	color: #FFFFFF;
	list-style-position: inside;
}
.footer_box li a {
	text-decoration: underline;
	color: #FFFFFF;
	line-height: 26px;
}
.footer_box {
}
/*----top----*/
#top_contents {
	width: 100%;
	margin: 0 auto;
	line-height: 28px;
}
#top_contents h2 {
	color: #2f71dd;
	font-size: 150%;
	font-weight: bold;
	line-height: 50px;
	height: 50px;
	margin: 10px 0;
	padding: 0;
}
#top_contents h2 span {
	color: #ff2c68;
}
#top_contents h2 img {
	vertical-align: middle;
	padding-right: 10px;
	margin-top: -4px;
	display: inline;
}
/*kiji*/
.box {
	border: solid 5px #163f81;
	padding: 2%;
	margin-bottom: 50px;
}
.box img {
	margin: 10px 0 10px 0;
}
#kiji {
}
#kijih2 {
	width: 100%;
	background-color: #163f81;
	color: #FFF;
	font-size: 100%;
	text-align: left;
	padding: 10px 0 8px 0;
}
#kiji h2 {
	font-size: 120%;
	padding: 0 2%;
}
#kiji h2 .h2icon{
	margin: 0 5px 0 0;
}
#kiji h3 {
	color: #ff578a;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	border-bottom: none;
	margin: 30px 0 10px 0;
}
#kiji .water_type1 {
	padding: 5%;
	background-color: #70dcff;
	color: #103b7e;
	border-radius: 8px;
	font-size: 15px;
	font-weight: bold;
}
#kiji .water_type2 {
	padding: 5%;
	background-color: #cfcfcf;
	color: #103b7e;
	border-radius: 8px;
	font-size: 15px;
	font-weight: bold;
}
#kiji .ten img {
	width: 100%;
	margin-top: 5%;
}
#kiji .hoshi {
	color: #ffde00;
}
#kiji .maker {
	text-align: left;
	border-radius: 10px;
	margin-bottom: 40px;
}
#kiji .maker p {
	padding: 10px 0;
}
.kiji_stitle h5 {
	font-weight: bold;
	font-size: 18px;
	line-height: 32px;
	margin-top: 10px;
}
.kiji_stitle p {
	font-weight: bold;
	font-size: 18px;
	line-height: 32px;
	margin-top: 20px;
}
.kiji_stitle h4 {
	font-weight: bold;
	font-size: 18px;
	line-height: 32px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*kiji fort*/
.img_right {
	width: 100%;
}
.img_right p {
	width: 98%;
	padding: 0 1%;
	margin-top: 0px;
}
.img_right img {
	width: 36%;
	float: right;
	padding: 0 1%;
	margin-left: 2%;
}
.img_left {
	width: 100%;
}
.img_left p {
	width: 98%;
	padding: 0 1%;
	margin-top: 0px;
}
.img_left img {
	width: 35%;
	float: left;
	padding: 0 1%;
	margin-right: 3%;
	margin-bottom: 10px;
}
#contetns_footer_bana {
	margin-bottom: 50px;
	text-align: center;
}
/*useof*/
.kiji_img_left {
	width: 96%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.kiji_img_left img {
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-bottom: 10px;
}
.kiji_img_left p {
	width: 100%;
	margin-left: 2%;
}
.use_of_title_a {
	width: 100%;
	margin: 30px 0 20px 0 !important;
	border-bottom: solid 3px #6095ed !important;
	padding-bottom: 5px;
}
.use_of_title_a img {
	width: 72%;
	text-align: right;
}
.use_of_title_b {
	width: 100%;
	margin: 30px 0 20px 0 !important;
	border-bottom: solid 3px #ff5886 !important;
	padding-bottom: 5px;
}
.use_of_title_b img {
	width: 72%;
	text-align: right;
}


/*一目でわかる比較表*/
#hitome {
	clear: both;
	width: 100%;
	margin: 30px auto;
	font-size: 14px;
}
#hitome table {
	width: 100%;
	text-align: center;
}
#hitome tr {
}
#hitome th {
	width: 12%;
	background-color: #d6e9fd;
	border: solid 1px #6B6B6B;
	height: 80px;
	vertical-align: middle;
	padding: 0 2px;
}
#hitome #haiso {
	width: 16%;
}
#hitome td {
	border: solid 1px #6B6B6B;
	vertical-align: middle;
	padding: 20px 2px;
}
#hitome td img {
	width: 90%;
}
#hitome h2 {
}
#hitome h2 img {
	vertical-align: middle;
	padding-right: 2%;
}
#hitomede_hikaku {
	margin: 20px 0;
}
.hitome_logo {
}
.hitome_mizu {
}
.bold {
	font-weight: bold;
}
#hitome ul {
	margin: 0 auto;
}
#hitome li {
	margin-bottom: 20px;
}
#hitome a {
}
#sns2 {
	margin-bottom: 0px;
}
#sns2 ul {
	width: 330px;
	margin: 0 auto;
}
#sns2 li {
}
#sns2 #fb2 {
	width: 100px;
}
#sns2 #line2 {
	width: 100px;
}
#sns2 #twitter2 {
	width: 100px;
}
#sns2 #twitter2 iframe {
	width: 100px;
	height: 40px;
}
#sns2 li {
	float: left;
}
#sns2 li+li {
	margin-left: 10px;
}
.bottle_h3_kuro {
	color: #7c7c7f !important;
	font-size: 120%;
}
.bottle_h3_kuro img {
	width: 20px;
	vertical-align: middle;
	padding-right: 5px;
}
#sns3 {
	margin-bottom: 40px;
}
#sns3 a img{
	margin: 0 10px;
}
#sns3 a img:hover{
opacity: 0.8;
filter: alpha(opacity=80);
zoom: 1;
}
.h4h4 {
	position: relative;
	margin-bottom: 60px;
	margin-top: 20px;
}
.h4h4 img {
	position: absolute;
	top: 0px;
}
.h4h4 h4 {
	position: absolute;
	top: 11px;
	left: 34px;
}
/*企業*/
.icon1 img{
	vertical-align: middle;
}
#kigyo {
}
.bottom {
	margin-bottom: 30px;
}
.imgimg {
	text-align: center;
}
.imgimg2 {
	vertical-align: middle;
	margin-right: 1%;
}
.ranking_left {
	clear: both;
	width: 48%;
	float: left;
	margin-top: 14px;
}
.ranking_left h5 {
	color: #ff578a;
	border-bottom: solid 2px #70dcff;
	line-height: 40px;
	margin-bottom: 10px;
}
.ranking_left img {
}
.ranking_left h5 img {
	width: 6%;
	float: left;
	margin-right: 2%;
	padding-top: 10px;
}
.ranking_left table {
}
.ranking_left tr {
}
.ranking_left th {
	width: 14%;
	padding: 2%;
}
.ranking_left td {
	vertical-align: middle;
	font-size: 16px;
}
.ranking_right {
	width: 48%;
	float: right;
	margin-top: 34px;
}
.ranking_right img{
	max-width: 100%;
	height: auto;
	margin: 0;
}
.ranking_right h5 {
	color: #ff578a;
	border-bottom: solid 2px #70dcff;
	line-height: 40px;
	margin-bottom: 10px;
}
.ranking_right h5 img {
	width: 6%;
	float: left;
	margin-right: 2%;
	padding-top: 10px;
}
#kigyo_good {
	font-size: 28px;
	line-height: 24px;
}
#kigyo_good img {
	width: 60%;
}
#kigyo_good h4 {
	clear: bothl;
	border: none;
	border-bottom: solid 2px #6fdbff;
	height: 50px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.h4_s {
	font-size: 125%;
	margin: 30px 0 10px 0;
	color: #ff578a;
	font-weight: bold;
	border-bottom: solid 2px #6fdbff;
}
.h4_s img {
	vertical-align: middle;
	padding-bottom: 3px;
}
.button_koshi p {
	text-align: center;
	margin: 50px 0;
}
.button_koshi p:hover {
	opacity: 0.8;
}
.button_sankaku {
	font-size: 41px;
	vertical-align: text-bottom;
	margin-left: 1%;
}
.shosai_server {
	margin: 10px 0 30px 0;
}
.shosai_server ul {
    margin: 0 0 0 23%;
}
.shosai_server li {
	width: 23%;
	float: left;
	margin-right: 5px;
}
.shosai_server li img {
	border: solid 1px #A0A0A0;
	max-width: 100%;
	height: auto;
}
#img_change {
	border: solid 1px #A0A0A0;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	display: block;
}
#joho {
	margin: 0 auto;
}
#joho h2 {
	margin: 0 auto;
	font-size: 28px;
	line-height: 38px;
	width: 70%;
	text-align: center;
	border-bottom: solid 2px #0066CC;
	color: #0066CC;
	background-color: #FFF;
	margin-bottom: 22px;
}
#joho img {
	width: 4%;
	margin-right: 2%;
	margin-bottom: 5px;
}
#kigyo_data {
}
#kigyo_data table {
	width: 96%;
	margin: 0 auto;
}
#kigyo_data tr {
}
#kigyo_data th {
	width: 20%;
	border: 1px #ccc solid;
	padding: 20px 0;
	vertical-align: middle;
	background-color: #eeeeee;
}
#kigyo_data td {
	width: 30%;
	border: 1px #ccc solid;
	padding: 20px 0;
	vertical-align: middle;
}
#kigyo_data td + td {
	width: 50%;
	padding: 16px;
}
#kigyo_good {
	font-size: 28px;
	line-height: 24px;
}
#kigyo_good img {
	width: 60%;
}
#kigyo_good h4 {
	clear: bothl;
	border: none;
	border-bottom: solid 2px #6fdbff;
	height: 50px;
}
.joho {
	background-color: #eeeeee;
}
#kigyo_data tr+td {
}
.button_koshi2 p {
	text-align: center;
	margin-bottom: 40px;
}
.button_koshi2 a img {
	width: 100%;
}
.button_koshi2 a img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
zoom: 1;
}
/*メーカータイトル*/
.haji {
	position: relative;
}
#kigyo_title {
	width: 98.1%;
	background-color: #163f81;
	padding: 1%;
	color: #FFF;
	font-size: 30px;
	line-height: 43px;
	text-align: left;
	padding-top: 1.3%;
}
#kigyo_title table {
	width: 100%;
}
#kigyo_title tr {
}
#kigyo_title th {
	width: 60%;
	padding-left: 10px;
	text-align: left;
}
#kigyo_title td {
	width: 40%;
	text-align: right;
}
#kigyo_title img {
	width: 70px;
	vertical-align: middle;
	margin-right: 3px;
}
#kigyo_title span+span {
	margin-right: 1%;
}
#kigyo_title .water_type3 {
	width: 70px;
	height: 45px;
	text-align: center;
	display: block;
	background-color: #70dcff;
	color: #103b7e;
	border-radius: 8px;
	font-size: 15px;
	font-weight: bold;
	float: right;
	padding: 0 0 0 0;
}
#kigyo_title .water_type4 {
	width: 70px;
	height: 45px;
	text-align: center;
	display: block;
	background-color: #fdadc3;
	color: #103b7e;
	border-radius: 8px;
	font-size: 15px;
	font-weight: bold;
	float: right;
	padding: 0 0 0 0;
}
#kigyo_title .water_type5 img {
	height: 45px;
	border-radius: 5px;
}
#kigyo_title h2 {
	font-size: 22px;
	color: #fff;
}
#kigyo h3 {
	margin: 0px;
	padding: 0 0 0 40px;
	border-bottom: solid 2px #2f71dd;
	background-image: url("https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_title.png");
	background-repeat: no-repeat;
	background-size: 29px 48px;
}
#kigyo #kigyo_good img {
	width: 55%;
}
#kigyo #kigyo_good h4 {
	clear: both;
	border: none;
	border-bottom: solid 2px #6fdbff;
	height: 37px;
	margin: 20px 0 10px;
}
#kigyo .ranking_left table {
}
#kigyo .ranking_left tr {
}
.ranking_left th img {
	margin: 0px;
}
#kigyo .ranking_left td {
	vertical-align: middle;
	font-size: 16px;
	height: 20px;
}
#kigyo .kiji_stitle h5 {
	margin-bottom: 5px;
}
#kigyo h4 {
	padding: 0 0 5px 0;
	height: 30px;
}
#kigyo h4 img{
	pvertical-align: middle;
}
/*----userAgent----*/
.pc {
	display: block;
}
.sp {
	display: none;
}

/*6箇条*/
.choose_type1 {
	width: 100%;
	margin-bottom: 20px;
}
.choose_type1_img {
	width: 25%;
	float: right;
}
.choose_type1_img img{
	margin-top: 30px;
}
.choose_type1_text {
	width: 71%;
	float: left;
}
.choose_type1_text p {
	width: 98%;
}
.choose_type1_text img {
	width: 100%;
	border-bottom: solid 3px #6095ed;
}
.choose_type2 {
	width: 100%;
	margin-bottom: 20px;
}
.choose_type2_img {
	width: 25%;
	float: left;
	margin-right: 3%;
}
.choose_type2_img img{
	margin-top: 30px;
}
.choose_type2_text {
	width: 71%;
	float: right;
}
.choose_type2_text p {
	width: 98%;
}
.choose_type2_text img {
	width: 100%;
	border-bottom: solid 3px #ff5886;
	float: left;
}

#hikaku_hihome_h2 {
	margin-right: 12px;
}
/* TOP 1601*/
#top .button_koshi2 {
}
.ranking_list {
	margin: 40px 0 0 0;
}
.ranking_list .rank {
	margin: 0 0 40px 0;
	border: 5px solid #163f81;
}
.ranking_list .rank:last-child {
	margin: 0 0 5px 0;
}
.ranking_list .rank_header {
	background: #163f81;
	color: #fff;
	position: relative;
	line-height: 1.2;
	height: 66px;
}
.ranking_list .rank_header .rank_num {
	position: absolute;
}
.ranking_list .rank_header .rank_num img {
	width: 100px;
	height: auto;
}
.ranking_list .rank_header .rank_name {
	font-size: 32px;
	font-weight: bold;
}
.ranking_list .rank01 .rank_num {
	top: -35px;
	left: 5px;
}
.ranking_list .rank01 .rank_name {
	padding: 12px 0 15px 110px;
}
.ranking_list .rank02 .rank_num {
	top: -35px;
	left: 5px;
}
.ranking_list .rank02 .rank_name {
	padding: 12px 0 15px 110px;
}
.ranking_list .rank03 .rank_num {
	top: -35px;
	left: 5px;
}
.ranking_list .rank03 .rank_name {
	padding: 12px 0 15px 110px;
}
.ranking_list .rank04 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank04 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank04 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank05 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank05 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank05 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank06 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank06 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank06 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank07 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank07 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank07 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank08 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank08 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank08 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank09 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank09 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank09 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank10 .rank_num {
	top: 0px;
	left: 5px;
}
.ranking_list .rank10 .rank_num img {
	width: 60px;
	height: auto;
}
.ranking_list .rank10 .rank_name {
	padding: 12px 0 15px 80px;
}
.ranking_list .rank_header .rank_header_data {
	position: absolute;
	top: 3px;
	right: 25px;
}
.ranking_list .rank_header .rank_logo {
	float: left;
	margin: 0 15px 0 0;
}
.ranking_list .rank_header .rank_logo img {
	width: 82px;
	height: auto;
}
.ranking_list .rank_header .rank_value {
	float: left;
	margin: 5px 10px 0 0;
	text-align: center;
	font-size: 14px;
}
.ranking_list .rank_header .rank_value span {
	font-size: 18px;
	font-weight: bold;
}
.ranking_list .rank_header .rank_value_star img {
	width: 100px;
	height: auto;
}
.ranking_list .rank_header .rank_water {
	float: left;
	margin: 7px 10px 0 10px;
}
.ranking_list .rank_header .rank_water .rank_water_icon {
	float: left;
}
.ranking_list .rank_body {
	padding: 30px 15px;
}
.ranking_list .rank_body .rank_title {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_2.png) no-repeat left top;
	font-size: 28px;
	font-weight: bold;
	color: #ff578a;
	padding: 0 0 0 50px;
	margin: 0 0 40px 0;
	border-bottom: 2px solid #3677e0;
	line-height: 1.2;
}
.ranking_list .rank_body_group01 {
}
.ranking_list .rank_body .rank_image {
	float: left;
	width: 335px;
}
.ranking_list .rank_body .rank_title {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_title.png) no-repeat left top;
	background-size: 21px auto;
	font-size: 16px;
	font-weight: bold;
	color: #ff578a;
	padding: 2px 0 10px 30px;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #70dcff;
	line-height: 1.2;
}
.ranking_list .rank_body .rank_image img {
	width: 100%;
	height: auto;
}
.ranking_list .rank_body .rank_image .rank_image_thumb {
	margin: 10px 0 0 0;
}
.ranking_list .rank_body .rank_image .rank_image_thumb01 {
	width: 109px;
	float: left;
	text-align: center;
}
.ranking_list .rank_body .rank_image .rank_image_thumb02 {
	width: 110px;
	float: left;
	margin: 0 3px;
	text-align: center;
}
.ranking_list .rank_body .rank_image .rank_image_thumb03 {
	width: 109px;
	float: left;
	text-align: center;
}
.ranking_list .rank_body .rank_review {
	float: right;
	width: 335px;
}
.ranking_list .rank_body .rank_review_title {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_review.png) no-repeat left top;
	background-size: 18px auto;
	font-size: 16px;
	font-weight: bold;
	color: #ff578a;
	padding: 2px 0 10px 26px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #70dcff;
	line-height: 1.2;
}
.ranking_list .rank_body .rank_image_title {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_images.png) no-repeat left top;
	background-size: 22px auto;
	font-size: 16px;
	font-weight: bold;
	color: #ff578a;
	padding: 2px 0 10px 26px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #70dcff;
	line-height: 1.2;
}.ranking_list .rank_body_group02 {
	margin: 35px 0 5px 0;
}
.ranking_list .rank_body .rank_point {
	float: left;
	width: 335px;
}
.ranking_list .short .rank_body .rank_point {
	float: right;
}
.ranking_list .rank_body .rank_point_title {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_gpoint.png) no-repeat left top;
	background-size: 21px auto;
	font-size: 16px;
	font-weight: bold;
	color: #ff578a;
	padding: 2px 0 10px 30px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #70dcff;
	line-height: 1.2;
}
.ranking_list .rank_body .rank_point_list li {
	margin: 0 0 10px 0;
}
.ranking_list .rank_body .rank_point_list .point01 {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_point1.png) no-repeat left top;
	padding: 8px 0 8px 45px;
}
.ranking_list .rank_body .rank_point_list .point02 {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_point2.png) no-repeat left top;
	padding: 8px 0 8px 45px;
}
.ranking_list .rank_body .rank_point_list .point03 {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_point3.png) no-repeat left top;
	padding: 8px 0 8px 45px;
}
.ranking_list .rank_body .rank_point_icon li {
	float: left;
	margin: 0 5px 0 0;
}
.ranking_list .rank_body .rank_all {
	float: right;
	width: 335px;
}
.ranking_list .rank_body .rank_all_title {
	background: url(https://s.yimg.jp/images/premium/promo/waterserver/pc/2.0.0/images/icon_rnk_evaluation.png) no-repeat left top;
	background-size: 20px auto;
	font-size: 16px;
	font-weight: bold;
	color: #ff578a;
	padding: 2px 0 10px 26px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #70dcff;
	line-height: 1.2;
}
.ranking_list .rank_body .rank_all img {
	width: 100%;
	height: auto;
}
.ranking_list .rank_btn {
	width: 470px;
	margin: 0 auto 30px auto;
}
.ranking_list .rank_btn img {
	width: 100%;
	height: auto;
}
.ranking_list .rank_btn .rank_btn01 {
	float: left;
	width: 225px;
	margin: 0 20px 0 0;
}
.ranking_list .rank_btn .rank_btn02 {
	float: right;
	width: 225px;
	margin: 0;
}
#top_ranking .rank_link {
	text-align: right;
	margin: 0 0 45px 0;
}
#top_ranking .iconexp {
	margin: 0 0 45px 0;
}
#top .hikaku h4 {
	background: #d0dbfc;
	font-size: 28px;
	padding: 15px;
	line-height: 1;
	color: #163f81;
	margin: 0 0 15px 0;
}
#top .hikaku p {
	margin: 0 0 15px 0;
}
#top .hikaku table {
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;
}
#top .hikaku th {
	width: 12%;
	background-color: #d6e9fd;
	border: solid 1px #6B6B6B;
	height: 80px;
	vertical-align: middle;
	padding: 0 2px;
}
#top .hikaku #haiso {
	width: 16%;
}
#top .hikaku td {
	border: solid 1px #6B6B6B;
	vertical-align: middle;
	padding: 20px 2px;
}
#top .hikaku td img {
	width: 90%;
}
#top .hikaku .hikaku_link {
	text-align: right;
	margin: 0 0 45px 0;
}

/* ranking */
#ranking {
	margin: 0 0 50px 0;
}
#ranking h2 {
	color: #2f71dd;
	font-size: 150%;
	font-weight: bold;
	line-height: 50px;
	height: 50px;
	margin: 10px 0;
	padding: 0;
}
#ranking h2 span {
	color: #ff2c68;
}
#ranking h2 img {
	vertical-align: middle;
	padding-right: 10px;
	margin-top: -4px;
	display: inline;
}
#ranking h3 {
	background: none;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
	color: #fff;
}
#ranking .read {
	margin: 0 0 60px 0;
}

#ranking .best10 {
	background: #d0dbfc;
	font-size: 28px;
	padding: 15px;
	line-height: 1;
	color: #163f81;
	margin: 0 0 15px 0;
}


/* article */
#article--ttl{
    width: 100%;
    background-color: #163f81;
    color: #FFF;
    font-size: 100%;
    text-align: left;
    padding: 10px 0 8px 0;
}
.article{
	border: solid 5px #163f81;
    padding: 2%;
    margin-bottom: 50px;
}
.article h3{
	color: #ff578a;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    border-bottom: none;
    margin: 20px 0 5px 0;
}
.article h4 {
	color: #ff578a;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	border-bottom: none;
	margin-bottom: 5px;
}
.article__overview{
	margin-bottom: 20px;
}
.article_type1 {
	width: 100%;
	margin-bottom: 20px;
}
.article_type1_img {
	width: 200px;
	height: 200px;
	float: right;
	background: #eeedec;
	position: relative;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
}
.article_type1_img img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.article_type2 {
	width: 100%;
	margin-bottom: 20px;
}
.article_type2_img {
	width: 200px;
	height: 200px;
	float: left;
	background: #eeedec;
	position: relative;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}
.article_type2_img img{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.article_type3 {
	width: 100%;
	margin-bottom: 20px;
}
.article_type3_img {
  width: 100%;
  height: 290px;
  background: #eeedec;
  margin: 0 auto 10px;
  text-align: center;
}
.article_type3_img img{
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}