@charset "utf-8";
@import url("manzokudo.css");
/* CSS Document */
* {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
body {
	background-image: url(../images/body_back.png);
	background-repeat: repeat-x;
}
a {
	color: #2693FF;
}
a:visited {
	color: #BB8800;
}
a:hover {
	color: #73B9FF;
}
a:active {
	color: #F88588;
}
a:hover img {
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/*-------------------------------*/
/*pagetop*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: hsla(0,0%,20%,0.40);
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
/*-------------------------------*/
#wrapper {
	max-width: 960px;
	margin: 0 auto;
}
/*-------------------------------*/
/*header*/
header h1 {
	border-bottom: 2px dotted #2693FF;
	padding-bottom: 12px;
	background-image: url(../images/header_back.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 300px;
}
header h1 img {
	width: 100%;
	height: auto;
	max-width: 540px;
}
header .header_copy {
	margin: 12px;
	font-weight: bold;
}
/*-------------------------------*/
/*nav*/
nav {
}
nav ul {
	border: 2px solid #F88588;
	border-radius: 4px;
}
nav ul li {
	border-bottom: 2px solid #F88588;
}
nav ul li:last-child {
	border-bottom: none;
}
nav ul li a {
	display: block;
	padding: 18px 0 18px 52px;
	position: relative;
	background-color: #FFEFBF;
}
nav ul li a:before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background-image: url(../images/icon_koteipage-01.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 10px;
	left: 8px;
}
nav ul li:nth-child(2) a:before {
	background-image: url(../images/icon_koteipage-02.png);
}
nav ul li:nth-child(3) a:before {
	background-image: url(../images/icon_koteipage-03.png);
}
/*-------------------------------*/
/*TOPページスライダー swiper*/
.swiper-slide img {
	width: 100%;
	height: auto;
}
/*-------------------------------*/
/*form*/
.kensaku {
	border: 4px solid #2693FF;
	margin: 20px 0 60px;
	padding: 20px;
	border-radius: 8px;
}
.kensaku h2 {
	margin: 0;
	font-weight: bold;
	color: #2693FF;
}
.kensaku h3 {
	background-color: #99CCFF;
	padding: 8px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
}
.kensaku h2:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../images/h2_head_kensaku.png);
	background-size: contain;
	margin-right: 8px;
}
.kensaku label {
	display: inline-block;
	min-width: 22%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin: 5px 1% !important;
	padding: 10px 10px 10px 30px;
	border-radius: 4px;
}
.kensaku .button_kensaku_wrap {
	margin: 30px 0;
	text-align: center;
}
.kensaku .button_kensaku_wrap input {
	padding: 16px 0;
	font-size: 24px;
	font-weight: bold;
	width: 40%;
	border-radius: 8px;
	border: none;
	background-color: #99CCFF;
	color: #fff;
	-webkit-box-shadow: 0px 4px hsla(0,0%,0%,0.20);
	box-shadow: 0px 4px hsla(0,0%,0%,0.20);
}
.kensaku .button_kensaku_wrap input:hover {
	background-color: #BFCFFF;
}
/*-------------------------------*/
/*タイトル*/
.title_style_01 {
	padding: 12px;
	background-color: #ccc;
	font-size: 16px;
	border-radius: 4px;
	font-weight: bold;
}
.pink {
	background-color: #FF9999;
	color: #fff;
}
h3.title-var-01 {
	font-weight: bold;
	padding-left: 12px;
	line-height: 1.4em;
	border-left: 4px solid #2693FF;
	margin: 40px 0 30px;
}
h4.title-var-01, h5.title-var-01 {
	font-weight: bold;
	line-height: 1.4em;
	color: #2693FF;
	margin: 30px 0 20px;
}
/*-------------------------------*/
/* テキスト装飾*/
span.big_pink {
	font-size: 120%;
	font-weight: bold;
	color: #FF9999;
}
span.bg_yellow {
	background-color: #ffff00;
}
/*-------------------------------*/
/*テーブル*/
table.item_data {
	width: 94%;
	background-color: #fff;
	margin: 30px auto;
}
table.item_data th, table.item_data td {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 8px;
	font-size: 12px;
}
table.item_data th {
	width: 30%;
	background-color: #F0FCFF;
}
table.item_data_list {
	width: 100%;
}
table.item_data_list th, table.item_data_list td {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 8px;
	font-size: 12px;
	width: 12.5%;
}
table.item_data_list th {
	background-color: #F0FCFF;
}
table.item_data_list td {
	background-color: #ffffcc;
}
table.item_data_list tr.komoku {
	display: none;
}
table.item_data_list.pcsp_kirikae {
	margin-top: 0;
}
table.info_data {
	width: 100%;
}
table.info_data th, table.info_data td {
	vertical-align: top;
	padding: 0.3em 0;
}
table.info_data th {
	padding-right: 1em;
}
table.col_var-01 th {
	background-color: #ddd;
}
table.col_var-01 td, table.col_var-01 th {
	border: 1px solid #666;
	padding: 0.3em;
}
table.col_var-01 td:nth-child(2n+1) {
	background-color: #eee;
}
/*
table.item_data_list.pcsp_kirikae tr {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 8px;
	font-size: 12px;
	width: 12.5%;
	background-color: #ffffcc;
}

table.item_data_list.pcsp_kirikae tr:last-child {
	border-right: 1px solid #ccc;
}
table.item_data_list.pcsp_kirikae th {
	display: none;
}
table.item_data_list.pcsp_kirikae td {
	display: inline;
	border: none;

	padding:0;
	font-size:auto;
	width:auto;
}*/
.item_wrap.item_data_header {
	border: none;
	padding: 0;
}
.item_data_header table {
}
.item_data_header table.item_data_list th, .item_data_header table.item_data_list td {
	vertical-align: middle;
	text-align: center;
	border: none;
	background-color: #2693FF;
	border: 2px solid #99CCFF;
}
.item_data_header table.item_data_list th a {
	color: #fff;
}
/*-------------------------------*/
/*runking_lage*/
.runking_large {
	margin-bottom: 60px;
}
h2.runking_title {
	margin-bottom: 20px;
	text-align: center;
}
h2.runking_title img {
	width: 70%;
	height: auto;
}
/*ランキング一覧*/
.runking_large table {
	border: 4px solid #99CCFF;
	width: 100%;
	box-sizing: border-box;
}
.runking_large table tr td {
	box-sizing: border-box;
	vertical-align: top;
	width: 17.6%;
	border-top: 2px solid #99CCFF;
	border-left: 1px solid #ccc;
	background-color: #F0FCFF;
}
.runking_large table tr:nth-child(2) td {
	background-color: #fff;
}
.runking_large table tr td:first-child {
	width: 12%;
	border-left: none;
	background-color: #BFDFFF;
	vertical-align: middle;
}
.runking_large table img {
	width: 100%;
	height: auto;
}
/*-------------------------------*/
/*ボタン*/

a.button {
	display: block;
	padding: 16px 0;
	border-radius: 8px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	-webkit-box-shadow: 0px 4px hsla(0,0%,0%,0.20);
	box-shadow: 0px 4px hsla(0,0%,0%,0.20);
	text-decoration: none;
	width: 100%;
	margin: 0 auto;
}
a.button.green {
	background-color: #2693FF;
	color: #fff;
}
a.button.green:hover {
	background-color: #73B9FF;
}
a.button.yellow {
	background-color: #F88588;
	color: #fff;
}
a.button.yellow:hover {
	background-color: #FCC0C1;
}
.button_wrap {
	margin: 30px auto 4px;
	width: 60%;
}
.button_wrap_s {
	margin: 30px 0;
}
.button_wrap_s a.button, .button_wrap a.button {
	padding: 12px 0;
	margin: 8px 0;
	font-size: 16px;
}
.button_wrap.button_wrap_s {
	width: 100%;
}
/*-------------------------------*/
/*uten*/
.item_wrap {
	padding: 12px;
	border: 4px solid #2693FF;
	margin-bottom: 40px;
}
.item_wrap .item_img {
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.item_wrap .item_img img {
	width: 100%;
	height: auto;
}
.item_setsumei_wrap {
	margin-bottom: 30px;
}
.item_wrap h2 {
	margin-top: 0;
}
.title_runking {
	background-image: url(../images/name_back.png);
	background-size: 32px;
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 24px 12px;
	font-weight: bold;
	color: #fff;
	position: relative;
}
.item_wrap.no-01 h2.title_runking, .item_wrap.no-02 h2.title_runking, .item_wrap.no-03 h2.title_runking {
	padding-left: 84px;
}
.item_wrap.no-01 h2.title_runking:before, .item_wrap.no-02 h2.title_runking:before, .item_wrap.no-03 h2.title_runking:before {
	content: "";
	display: inline-block;
	height: 76px;
	width: 58px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 10px;
}
.item_wrap.no-01 h2.title_runking:before {
	background-image: url(../images/badge_no01.png);
}
.item_wrap.no-02 h2.title_runking:before {
	background-image: url(../images/badge_no02.png);
}
.item_wrap.no-03 h2.title_runking:before {
	background-image: url(../images/badge_no03.png);
}
/*-------------------------------*/
/*runking_small*/


.runking_small a {
	display: table;
	padding: 8px 4px;
	border-top: 2px solid #2693FF;
	text-decoration: none;
}
.runking_small li:first-child a {
	border-top: none;
}
.runking_small a .item_img, .runking_small a h3 {
	display: table-cell;
	vertical-align: middle;
}
.runking_small a .item_img {
	width: 15%;
}
.runking_small a .item_img img {
	width: 100%;
	height: auto;
}
.runking_small a h3 {
	padding-left: 4px;
	font-size: 14px;
	font-weight: bold;
}
/*-------------------------------*/
/*manzokudo*/
.manzokudo {
	width: 80%;
	margin: 20px auto;
	border: 4px solid #F88588;
	border-radius: 4px;
	position: relative;
	height: 100px;
	overflow: hidden;
}
.manzokudo h4 {
	background-color: #F88588;
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	margin: 0;
	padding: 36px 0;
	height: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.manzokudo p {
	width: 60%;
	position: absolute;
	top: 8%;
	left: 40%;
	text-align: center;
	font-size: 52px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	color: #B98600;
	margin: 0;
	padding: 0;
	line-height: 1em;
	padding-bottom: 27px;
}
.manzokudo p:after {
	content: "";
	background-size: cover;
	width: 200px;
	height: 27px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.manzokudo p.level_96:after {
	content: "";
	background-size: cover;
	width: 200px;
	height: 27px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
/*-------------------------------*/
/*finde.html*/
.item_data_header {
}
.item_result {
	margin-bottom: 30px;
}
footer {
	background-image: url(../images/name_back.png);
	background-size: 36px 500px;
	background-repeat: repeat-x;
}
footer .footer_inner {
	padding: 20px 0;
	text-align: center;
	color: #fff;
}
footer .footer_inner p {
	margin: 20px;
}
footer .footer_inner a {
	color: #fff;
}
footer .footer_inner a:hover {
	text-decoration: underline;
}

/*-------------------------------*/
@media screen and (max-width:768px) {
/*-------------------------------*/
header h1 {
	text-align: center;
	background-image: none;
}
header h1 img {
	width: 98%;
}
/*pagetop*/
.pagetop {
	bottom: 0px;
	right: 8px;
}
.pagetop a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: hsla(0,0%,20%,0.40);
	border-radius: 22px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	line-height: 44px;
}
/*-------------------------------*/
/*form*/
.kensaku {
	border: 2px solid #2693FF;
	margin: 20px 0;
	padding: 0;
}
.kensaku h2 {
	margin: 0;
}
.kensaku label {
	min-width: 47%;
	box-sizing: border-box;
	margin: 5px 1% !important;
	padding: 10px 20px 10px 30px;
	border-radius: 4px;
}
.kensaku h2:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/h2_head_kensaku.png);
	background-size: contain;
	margin-right: 8px;
}
.kensaku .button_kensaku_wrap {
	margin: 30px 12px 12px;
	text-align: center;
}
.kensaku .button_kensaku_wrap input {
	padding: 12px 0;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	border-radius: 8px;
	border: none;
	-webkit-box-shadow: 0px 2px hsla(0,0%,0%,0.20);
	box-shadow: 0px 2px hsla(0,0%,0%,0.20);
}
.aco_title {
	display: block;
	cursor: pointer;
	padding: 12px 10px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
}
.aco_title.selected {
}
.aco_box {
	padding: 4px;
}
.aco_box h3:first-child {
	margin-top: 0;
}
div.aco_box {
	display: none;
}
/*-------------------------------*/
/*テーブル*/
table.item_data {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
table.item_data_list.pcsp_kirikae tr {
	display: table-row;
}
table.item_data_list.pcsp_kirikae th, table.item_data th, table.item_data td {
	display: block;
	padding: 8px;
	font-size: 12px;
	width: 100%;
	border-bottom: none;
}
table.item_data_list th {
	display: table-cell;
}
.table_wrap {
	width: 100%;
	overflow-x: scroll;
}
/*-------------------------------*/
/*runking_lage*/
.runking_large {
}
h2.runking_title {
	margin-bottom: 10px;
}
h2.runking_title img {
	width: 100%;
	height: auto;
}
/*ランキング一覧*/
.runking_large table {
	border: 2px solid #99CCFF;
	width: 100%;
	box-sizing: border-box;
}
.runking_large table tr td {
	box-sizing: border-box;
	vertical-align: top;
	width: 17.6%;
	border-top: 1px solid #99CCFF;
	border-left: 1px solid #ccc;
	background-color: #FFF7DD;
}
.runking_large table tr:nth-child(2) td {
	background-color: #fff;
}
.runking_large table tr td:first-child {
	width: 12%;
	border-left: none;
	background-color: #99CCFF;
	vertical-align: middle;
}
.runking_large table img {
	width: 100%;
	height: auto;
}
.runking_large table tr td.sp_hidden {
	display: none;
}
/*-------------------------------*/
/*ボタン*/
.button_wrap {
	margin: 18px 0;
	width: 100%;
}
a.button {
	padding: 12px 0;
	font-size: 18px;
	-webkit-box-shadow: 0px 2px hsla(0,0%,0%,0.20);
	box-shadow: 0px 2px hsla(0,0%,0%,0.20);
	margin: 12px 0;
}
/*-------------------------------*/
/*uten*/

.item_wrap {
	padding: 0;
	border: none;
	margin-bottom: 40px;
}
.item_wrap h2.title_runking {
	background-size: 32px;
	padding: 12px 12px;
	font-size: 21px;
}
.item_wrap.no-01 h2.title_runking, .item_wrap.no-02 h2.title_runking, .item_wrap.no-03 h2.title_runking {
	padding-left: 60px;
}
.item_wrap.no-01 h2.title_runking:before, .item_wrap.no-02 h2.title_runking:before, .item_wrap.no-03 h2.title_runking:before {
	height: 64px;
	width: 49px;
	top: -8px;
	left: 6px;
}
.item_wrap.no-01 h2.title_runking:before {
	background-image: url(../images/badge_no01.png);
}
.item_wrap.no-02 h2.title_runking:before {
	background-image: url(../images/badge_no02.png);
}
.item_wrap.no-03 h2.title_runking:before {
	background-image: url(../images/badge_no03.png);
}
/*manzokudo*/
.manzokudo {
	width: 100%;
	border: 2px solid #F88588;
	height: 120px;
}
.manzokudo h4 {
	top: 0;
	left: 0;
	width: 100%;
	padding: 8px 0;
	font-size: 16px;
	height: auto;
}
.manzokudo p {
	width: 100%;
	top: 40px;
	left: 0;
	text-align: center;
	font-size: 42px;
}
.manzokudo p:after {
}
}
/*--2017.10.16追加--*/
.no_result {
	background-color: #ffeebb;
	border-radius: 8px;
	padding: 24px 0 !important;
}
.no_result h3 {
	text-align: center;
	font-weight: bold;
	margin: 0 0 24px;
}
.no_result div {
	text-align: center;
}
.no_result ul {
	margin: 24px auto 0;
	display: flex;
	justify-content: center;
}
.no_result ul li {
	margin: 0 24px;
}
.no_result ul li a {
	font-weight: bold;
}
h3.no_result_best3 {
	text-align: center;
	margin: 24px 0;
	font-size: 36px;
	font-weight: bold;
	background-color:#FF9999;
	color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFADAD), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FFADAD), color-stop(.75, #FFADAD), color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 14px 14px;
	line-height: 100%;
	padding: 12px;
		border-radius: 8px;
}
.no_result_manzokudo h4 {
	font-size: 18px;
}
.no_result_box {
	margin-bottom: 0 !important;
}

@media screen and (max-width:768px) {
.no_result h3 {
	font-size: 18px;
	margin-bottom: 16px;
}
.no_result ul {
	margin: 16px auto 0;
	display: block;
	text-align: center;
}
.no_result ul li {
	margin: 8px 0;
}
	h3.no_result_best3 {
	margin: 24px 0;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0;
	border-radius: 8px;
}
}