@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0;
}

main.main {
	width: 100%;
	/*overflow-x: hidden;*/
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px
}

@media (min-width:768px) {
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
}

@media (min-width:768px) {
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px
  }
}

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px
}

@media screen and (min-width:768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px
  }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 59px
  }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
  clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px
}

@media (max-width: 767px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  position: relative;
	  min-height: 1px;
	  padding-left: 5px;
	  padding-right: 5px
	}
}

@media (min-width:992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-11 {
    width: 91.66666667%
  }
  .col-md-10 {
    width: 83.33333333%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-8 {
    width: 66.66666667%
  }
  .col-md-7 {
    width: 58.33333333%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-5 {
    width: 41.66666667%
  }
  .col-md-4 {
    width: 33.33333333%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-2 {
    width: 16.66666667%
  }
  .col-md-1 {
    width: 8.33333333%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-pull-11 {
    right: 91.66666667%
  }
  .col-md-pull-10 {
    right: 83.33333333%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-8 {
    right: 66.66666667%
  }
  .col-md-pull-7 {
    right: 58.33333333%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-5 {
    right: 41.66666667%
  }
  .col-md-pull-4 {
    right: 33.33333333%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-2 {
    right: 16.66666667%
  }
  .col-md-pull-1 {
    right: 8.33333333%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-push-11 {
    left: 91.66666667%
  }
  .col-md-push-10 {
    left: 83.33333333%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-8 {
    left: 66.66666667%
  }
  .col-md-push-7 {
    left: 58.33333333%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-5 {
    left: 41.66666667%
  }
  .col-md-push-4 {
    left: 33.33333333%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-2 {
    left: 16.66666667%
  }
  .col-md-push-1 {
    left: 8.33333333%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%
  }
  .col-md-offset-0 {
    margin-left: 0%
  }
}

.item_seach_sec {
	/* margin-bottom: 20px; */
}

/*.item_seach_sec .sec_title {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.item_seach_sec .seach_sec_read{
	text-align: center;
	font-size: 25px;
	margin-bottom: 0;
	background: #056BB7;
	color: #fff;
	padding: 5px 0;
}*/

.officialimg {
	margin-bottom: 33px;
	text-align: center;
}

.item_seach_sec .sec_title .sec_title_read {
	display: block;
}

.q_icon {
	position: relative;
    padding: 8px 0 8px 37px;
}

@media (max-width: 767px) {
	.item_seach_sec {
		margin-bottom: 10px;
	}
	.item_seach_sec .sec_title {
		margin: 0;
		padding-bottom: 0;
		font-size: 20px;
	}
	.item_seach_sec .seach_sec_read{
		font-size: 20px;
	}
	.item_seach_sec .seach_sec_read .sec_title_read_l{
		font-size: 17px;
	}
	.serch_title_txt {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.search_list {
		margin-top: 0;
		padding: 15px 10px 0;
	}
	.search_table {
		margin-bottom: 13px;
	}
	.search_table th, .search_table td {
		padding-bottom: 10px;
		vertical-align: top;
		display: block;
		width: 100%;
	}
	.search-button {
		margin-bottom: 20px;
	}
	.search-button .btn {
		width: 93%;
		padding: 17px 16px;
		font-size: 23px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
	}
	.search-button:before {
		content: "";
		position: absolute;
		background: url(../images/icon-search-btn.png) no-repeat left top;
		width: 33px;
		height: 41px;
		background-size: 100%;
		z-index: 100;
		top: 14px;
		left: 16vw;
	}

	.q_icon {
		/* padding-left: 45px; */
		border-bottom: solid 1px #ccc;
		width: 100%;
		margin-bottom: 5px;
		/* padding-left: 37px; */
		background: #ffd1d8;
	}

	.q_icon:before {
		font-size: 18px;
		top: 1px;
	}
	.radio_list {
		padding-left: 20px;
		margin-bottom: 5px;
	}
	.radio_list .radio_list_item {
		margin-right: 10px;
	}
	.search-button .submit_label {
		display: none;
	}
	.search-button .submit {
		width: 100%;
		padding: 10px 0;
	}
}

@media (max-width: 989px) {
	.info_girl_sec {
		right: -150px;
	}
	.search_table th {
		vertical-align: top;
	}
	.radio_list {
		width: 80%;
	}
	.q_icon:before {
		top: 8px;
	}
}

.search_list {
	padding: 20px 28px 20px;
	border: solid 1px rgba(162, 164, 179, 0.2);
	box-shadow: 0 1px 5px rgba(162, 164, 179, 0.3);
	position: relative;
}

@media (max-width: 767px) {
	.item_seach_sec {
		margin-bottom: 10px;
	}
	.item_seach_sec .sec_title {
		margin: 0;
		padding-bottom: 0;
		font-size: 20px;
	}
	.item_seach_sec .seach_sec_read .sec_title_read_l{
		font-size: 17px;
	}
	.serch_title_txt {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.search_list {
		margin-top: 0;
		padding: 15px 10px 0;
	}
	.search_table {
		margin-bottom: 13px;
	}
	.search-button {
		margin-bottom: 20px;
	}
	.search-button .btn {
		width: 93%;
		padding: 17px 16px;
		font-size: 23px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
	}
	.search-button:before {
		content: "";
		position: absolute;
		background: url(../images/icon-search-btn.png) no-repeat left top;
		width: 33px;
		height: 41px;
		background-size: 100%;
		z-index: 100;
		top: 14px;
		left: 16vw;
	}

	.q_icon:before {
		font-size: 18px;
		top: 1px;
	}
	.radio_list {
		padding-left: 20px;
		margin-bottom: 5px;
	}
	.radio_list .radio_list_item {
		margin-right: 10px;
	}
	.search-button .submit_label {
		display: none;
	}
	.search-button .submit {
		width: 100%;
		padding: 10px 0;
	}
}

.sec_title_area {
	position: relative;
}
.sec_info {
	background: #056BB7;
    color: #fff;
    padding: 10px 0 10px 30px;
    margin: -27px 0 20px 0;
    width: 54%;
    border-radius: 0 60px 60px 0;
	font-size: 27px;
}
.search_tit {
	font-size: 68px;
    margin: 0 0 0 50px;
    color: #006aa8;
	font-weight: bold;
	width: 75%;
	line-height: 1.2em;
}
.search_tit_sub {
	font-weight: normal;
}
.seach_sec_read {
	font-size: 24px;
    margin: 0 0 20px;
    padding: 0 0 0 50px;
    font-weight: bold;
	width: 84%;
	text-align: center;
}

.info_girl {
	position: absolute;
    bottom: 0;
    right: 20px;
    width: 14%;
}

@media screen and (max-width: 800px) {
	.sec_info {
		width: 68%;
	}
	.search_tit {
		font-size: 50px;
	}
	.search_tit_sub {
		font-weight: normal;
	}
	.seach_sec_read {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.sec_title_area {
		margin: 0 -15px;
	}
	.sec_info {
		font-size: 4.1vw;
		padding: 10px 0 10px 15px;
		margin: -27px 0 0 0;
		width: 74%;
	}
	.search_tit {
		font-size: 7vw;
		margin: 8px 0 0 4.5vw;
		color: #006aa8;
		font-weight: bold;
		line-height: 1.2em;
	}
	.search_tit_sub {
		font-weight: normal;
	}
	.seach_sec_read {
		font-size: 4.1vw;
		margin: 0 0 5px;
		/* padding: 5px 0 0 4vw; */
		font-weight: bold;
		width: 80%;
	}
	.info_girl {
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 20vw;
	}
}

.sec_title_area {
	position: relative;
}

@media (max-width: 767px) {
	.seach_sec_read {
	    margin: 0 0 20px;
	    padding: 0 0 0 0;
		width: 100%;
		text-align: center;
	}
}

.sec_info {
	background: #056BB7;
    color: #fff;
    padding: 10px 0 10px 30px;
    margin: -27px 0 20px 0;
    width: 54%;
    border-radius: 0 60px 60px 0;
	font-size: 27px;
}
.search_tit {
	font-size: 68px;
    margin: 0 0 0 50px;
    color: #006aa8;
	font-weight: bold;
	width: 75%;
	line-height: 1.2em;
}
.search_tit_sub {
	font-weight: normal;
}
.info_girl {
	position: absolute;
    bottom: 0;
    right: 20px;
    width: 14%;
}

@media screen and (max-width: 800px) {
	.sec_info {
		width: 68%;
	}
	.search_tit {
		font-size: 50px;
	}
	.search_tit_sub {
		font-weight: normal;
	}
}
@media (max-width: 768px) {
	.sec_title_area {
		margin: 0;
		width: 100%;
	}
	.sec_info {
		font-size: 4.1vw;
		padding: 10px 0 10px 15px;
		margin: -27px 0 0 0;
		width: 74%;
	}
	.search_tit {
		font-size: 7vw;
		margin: 8px 0 0 4.5vw;
		color: #006aa8;
		font-weight: bold;
		line-height: 1.2em;
	}
	.search_tit_sub {
		font-weight: normal;
	}
	.info_girl {
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 20vw;
	}
}

/*.item_seach_sec .sec_title {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.item_seach_sec .seach_sec_read{
	text-align: center;
	font-size: 25px;
	margin-bottom: 0;
	background: #056BB7;
	color: #fff;
	padding: 5px 0;
}*/

@media (max-width: 767px) {
	.item_seach_sec {
		margin-bottom: 10px;
	}
	.item_seach_sec .sec_title {
		margin: 0;
		padding-bottom: 0;
		font-size: 20px;
	}
	.item_seach_sec .seach_sec_read .sec_title_read_l{
		font-size: 17px;
	}
	.serch_title_txt {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.search_list {
		margin-top: 0;
		padding: 15px 10px 0;
	}
	.search_table {
		margin-bottom: 13px;
	}
	.search-button {
		margin-bottom: 20px;
	}
	.search-button .btn {
		width: 93%;
		padding: 17px 16px;
		font-size: 23px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
	}
	.search-button:before {
		content: "";
		position: absolute;
		background: url(../images/icon-search-btn.png) no-repeat left top;
		width: 33px;
		height: 41px;
		background-size: 100%;
		z-index: 100;
		top: 14px;
		left: 16vw;
	}

	.q_icon:before {
		font-size: 18px;
		top: 1px;
	}
	.radio_list {
		padding-left: 20px;
		margin-bottom: 5px;
	}
	.radio_list .radio_list_item {
		margin-right: 10px;
	}
	.search-button .submit_label {
		display: none;
	}
	.search-button .submit {
		width: 100%;
		padding: 10px 0;
	}
}

.search_table {
	margin-bottom: 20px;
}

label {
	margin: 0;
}
.search_table th {
	font-size: 16px;
	vertical-align: top;
}

.search_table .radio_list {
	overflow: hidden;
	padding-left: 15px;
	margin: 0;
}

.radio_list .radio_list_item {
	float: left;
	list-style: none;
	margin-right: 9px;
    padding: 3px 6px 0;
	width:auto ;
}

@media (max-width: 767px) {
	.radio_list .radio_list_item {
		float: none;
	}
}

.search_table input[type="radio"], .search_tableinput[type="checkbox"] {
	margin-right: 5px;
	display: none;
}
.search_table label {
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}
.radio01-parts {
	padding: 0 0 0 21px;
}
.search_table label:before {
	content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #999;
    border-radius: 50%;
}
.radio01-input:checked + .radio01-parts {
    color: #f53f5a;
}
.radio01-input:checked + .radio01-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #f53f5a;
    border-radius: 50%;
}

@media (max-width: 767px) {
	.search_table input[type="radio"], .search_tableinput[type="checkbox"] {
		margin-right: 5px;
		display: none;
	}
	.search_table label {
		font-size: 15px;
		font-weight: bold;
		cursor: pointer;
		position: relative;
	}
	.radio01-parts {
		padding: 0 0 0 21px;
	}
	.search_table label:before {
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: 17px;
		height: 17px;
		border: 1px solid #999;
		border-radius: 50%;
	}
	.radio01-input:checked + .radio01-parts {
		color: #f53f5a;
	}
	.radio01-input:checked + .radio01-parts::after {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: 3px;
		width: 11px;
		height: 11px;
		background: #f53f5a;
		border-radius: 50%;
	}
}

.search-button {
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.search-button .btn {
	width: 60%;
	padding: 30px 16px;
	font-size: 23px;
	font-weight: bold;
}
.search-button .submit_label {
	position: absolute;
	right: 40%;
	bottom: 35px;
	color: #fff;
	z-index: 9;
}

.search_table tr{
	counter-increment: section;
	border-bottom: 1px #ccc dashed;
}

.q_icon:before {
	content: "Q"counter(section)"";
	color: #fff;
	background: #E54E53;
	font-size: 17px;
	padding: 3px 2px;
	position: absolute;
	top: 4px;
	left: 0;
}
@media (max-width: 767px) {
	.q_icon:before {
		content: "Q"counter(section)"";
		color: #fff;
		background: #E54E53;
		font-size: 17px;
		padding: 7px 2px;
		position: absolute;
		top: 15px;
		left: 0;
	}
	.search_table tr{
	counter-increment: section;
	border-bottom: none;
}
}

@media (max-width: 767px) {
	.item_seach_sec {
		margin-bottom: 10px;
	}
	.item_seach_sec .sec_title {
		margin: 0;
		padding-bottom: 0;
		font-size: 20px;
	}
	.item_seach_sec .seach_sec_read .sec_title_read_l{
		font-size: 17px;
	}
	.serch_title_txt {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.search_list {
		margin-top: 0;
		padding: 15px 10px 0;
	}
	.search_table {
		margin-bottom: 13px;
	}
	.search-button {
		margin-bottom: 20px;
	}
	.search-button .btn {
		width: 93%;
		padding: 17px 16px;
		font-size: 23px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
	}
	.search-button:before {
		content: "";
		position: absolute;
		background: url(../images/icon-search-btn.png) no-repeat left top;
		width: 33px;
		height: 41px;
		background-size: 100%;
		z-index: 100;
		top: 14px;
		left: 16vw;
	}

	.q_icon:before {
		font-size: 18px;
		top: 1px;
	}
	.radio_list {
		padding-left: 20px;
		margin-bottom: 5px;
	}
	.search-button .submit_label {
		display: none;
	}
	.search-button .submit {
		width: 100%;
		padding: 10px 0;
	}
}

.select-box01,
.select-box02 {
	/* width: 60%; */
	/* margin: 50px auto; */
	/* padding: 20px; */
	/* background-color: #f1ebdb; */
}

.select-box02 select {
	margin: 0px 0px 0px 20px;
	position: relative;
	/* width: 100%; */
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}
.select-box02 label {
	position: relative;
}


/* css checkbox01 */
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  /* border: 1px solid #999; */
  border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #f53f5a;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #f53f5a;
  border-right: 3px solid #f53f5a;
}

.btn-primary  {
background-image: -moz-linear-gradient( 90deg, rgb(214,0,35) 0%, rgb(255,84,108) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(214,0,35) 0%, rgb(255,84,108) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(214,0,35) 0%, rgb(255,84,108) 100%);
	box-shadow: 0px 6px 0px 0px rgba(111, 27, 21, 1),inset 0px 2px 5px 0px rgba(255, 255, 255, 1);
    border: 1px solid #a91b0c;
	border-radius: 50px;
	position: relative;
	font-weight: bold;
	overflow: hidden;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
  color: #ffffff;
  text-decoration: none
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-default {
  color: #ffffff;
  background-color: #474949;
  border-color: #474949
}

.btn-default:focus, .btn-default.focus {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #080808
}

.btn-default:hover {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #292a2a
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #2e2f2f;
  border-color: #292a2a
}

.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #1c1d1d;
  border-color: #080808
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
  background-color: #474949;
  border-color: #474949
}

.btn-default .badge {
  color: #474949;
  background-color: #ffffff
}

.btn-primary {
  color: #ffffff;
  background-color: #d9230f;
  border-color: #d9230f
}

.btn-primary:focus, .btn-primary.focus {
  color: #ffffff;
  background-color: #a91b0c;
  border-color: #621007
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #a91b0c;
  border-color: #a01a0b
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #a91b0c;
  border-color: #a01a0b
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #881609;
  border-color: #621007
}

.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
  background-color: #d9230f;
  border-color: #d9230f
}

.btn-primary .badge {
  color: #d9230f;
  background-color: #ffffff
}

.btn-success {
  color: #ffffff;
  background-color: #469408;
  border-color: #469408
}

.btn-success:focus, .btn-success.focus {
  color: #ffffff;
  background-color: #2f6405;
  border-color: #0d1b01
}

.btn-success:hover {
  color: #ffffff;
  background-color: #2f6405;
  border-color: #2b5a05
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #2f6405;
  border-color: #2b5a05
}

.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #1f4204;
  border-color: #0d1b01
}

.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
  background-color: #469408;
  border-color: #469408
}

.btn-success .badge {
  color: #469408;
  background-color: #ffffff
}

.btn-info {
  color: #ffffff;
  background-color: #029acf;
  border-color: #029acf
}

.btn-info:focus, .btn-info.focus {
  color: #ffffff;
  background-color: #02749c;
  border-color: #013c51
}

.btn-info:hover {
  color: #ffffff;
  background-color: #02749c;
  border-color: #016d92
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #02749c;
  border-color: #016d92
}

.btn-info:active:hover, .btn-info.active:hover, .open>.dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open>.dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open>.dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #015a79;
  border-color: #013c51
}

.btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
  background-image: none
}

.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
  background-color: #029acf;
  border-color: #029acf
}

.btn-info .badge {
  color: #029acf;
  background-color: #ffffff
}

.btn-warning {
  color: #ffffff;
  background-color: #9b479f;
  border-color: #9b479f
}

.btn-warning:focus, .btn-warning.focus {
  color: #ffffff;
  background-color: #79377c;
  border-color: #452047
}

.btn-warning:hover {
  color: #ffffff;
  background-color: #79377c;
  border-color: #723475
}

.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #79377c;
  border-color: #723475
}

.btn-warning:active:hover, .btn-warning.active:hover, .open>.dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open>.dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open>.dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #612c63;
  border-color: #452047
}

.btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
  background-image: none
}

.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
  background-color: #9b479f;
  border-color: #9b479f
}

.btn-warning .badge {
  color: #9b479f;
  background-color: #ffffff
}

.btn-danger {
  color: #ffffff;
  background-color: #d9831f;
  border-color: #d9831f
}

.btn-danger:focus, .btn-danger.focus {
  color: #ffffff;
  background-color: #ac6819;
  border-color: #69400f
}

.btn-danger:hover {
  color: #ffffff;
  background-color: #ac6819;
  border-color: #a36317
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #ac6819;
  border-color: #a36317
}

.btn-danger:active:hover, .btn-danger.active:hover, .open>.dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open>.dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open>.dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #8d5514;
  border-color: #69400f
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
  background-image: none
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9831f;
  border-color: #d9831f
}

.btn-danger .badge {
  color: #d9831f;
  background-color: #ffffff
}

.btn-link {
  color: #d9230f;
  font-weight: normal;
  border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent
}

.btn-link:hover, .btn-link:focus {
  color: #91170a;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #808080;
  text-decoration: none
}

.btn-lg, .btn-group-lg>.btn {
  padding: 14px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 6px
}

.btn-group>.btn-lg+.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px
}

.btn-sm, .btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs, .btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.btn-primary, .btn-primary:hover {
  background-image: -webkit-linear-gradient(#e72510, #d9230f 6%, #cb210e);
  background-image: -o-linear-gradient(#e72510, #d9230f 6%, #cb210e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #d9230f), to(#cb210e));
  background-image: linear-gradient(#e72510, #d9230f 6%, #cb210e);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe72510', endColorstr='#ffcb210e', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #a91b0c
}

.btn {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.btn-default, .btn-default:hover {
  background-image: -webkit-linear-gradient(#4f5151, #474949 6%, #3f4141);
  background-image: -o-linear-gradient(#4f5151, #474949 6%, #3f4141);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4f5151), color-stop(6%, #474949), to(#3f4141));
  background-image: linear-gradient(#4f5151, #474949 6%, #3f4141);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f5151', endColorstr='#ff3f4141', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #2e2f2f
}

.btn-primary, .btn-primary:hover {
  background-image: -webkit-linear-gradient(#e72510, #d9230f 6%, #cb210e);
  background-image: -o-linear-gradient(#e72510, #d9230f 6%, #cb210e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e72510), color-stop(6%, #d9230f), to(#cb210e));
  background-image: linear-gradient(#e72510, #d9230f 6%, #cb210e);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe72510', endColorstr='#ffcb210e', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #a91b0c
}

.btn-success, .btn-success:hover {
  background-image: -webkit-linear-gradient(#4da309, #469408 6%, #3f8507);
  background-image: -o-linear-gradient(#4da309, #469408 6%, #3f8507);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4da309), color-stop(6%, #469408), to(#3f8507));
  background-image: linear-gradient(#4da309, #469408 6%, #3f8507);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4da309', endColorstr='#ff3f8507', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #2f6405
}

.btn-info, .btn-info:hover {
  background-image: -webkit-linear-gradient(#02a5de, #029acf 6%, #028fc0);
  background-image: -o-linear-gradient(#02a5de, #029acf 6%, #028fc0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#02a5de), color-stop(6%, #029acf), to(#028fc0));
  background-image: linear-gradient(#02a5de, #029acf 6%, #028fc0);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02a5de', endColorstr='#ff028fc0', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #02749c
}

.btn-warning, .btn-warning:hover {
  background-image: -webkit-linear-gradient(#a54caa, #9b479f 6%, #914294);
  background-image: -o-linear-gradient(#a54caa, #9b479f 6%, #914294);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a54caa), color-stop(6%, #9b479f), to(#914294));
  background-image: linear-gradient(#a54caa, #9b479f 6%, #914294);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa54caa', endColorstr='#ff914294', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #79377c
}

.btn-danger, .btn-danger:hover {
  background-image: -webkit-linear-gradient(#e08b27, #d9831f 6%, #cc7b1d);
  background-image: -o-linear-gradient(#e08b27, #d9831f 6%, #cc7b1d);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e08b27), color-stop(6%, #d9831f), to(#cc7b1d));
  background-image: linear-gradient(#e08b27, #d9831f 6%, #cc7b1d);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe08b27', endColorstr='#ffcc7b1d', GradientType=0);
  -webkit-filter: none;
  filter: none;
  border: 1px solid #ac6819
}

.btn:hover {
	opacity: 0.8;
}

.main-conts .btn:hover,
.main-conts .btn:active,
.main-conts .btn:focus{
	background: #ed6666;
	cursor: pointer;
}

.search-button .searchbtn {
	width: 60%;
	padding: 30px 16px;
	font-size: 23px;
	font-weight: bold;
}
.search-button .submit_label {
	position: absolute;
	right: 40%;
	bottom: 35px;
	color: #fff;
	z-index: 9;
}

@media (max-width: 767px) {
	.item_seach_sec {
		/* margin-bottom: 10px; */
		display: none;
	}
	.item_seach_sec .sec_title {
		margin: 0;
		padding-bottom: 0;
		font-size: 20px;
	}
	.item_seach_sec .seach_sec_read .sec_title_read_l{
		font-size: 17px;
	}
	.serch_title_txt {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.search_list {
		margin-top: 0;
		/* padding: 15px 10px 0; */
		padding: 15px 10px 15px;
	}
	.search_table {
		margin-bottom: 13px;
	}
	.search-button {
		margin-bottom: 20px;
	}
	.search-button .btn {
		width: 93%;
		padding: 17px 16px;
		font-size: 23px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
	}
	.search-button:before {
		content: "";
		position: absolute;
		background: url(../images/icon-search-btn.png) no-repeat left top;
		width: 33px;
		height: 41px;
		background-size: 100%;
		z-index: 100;
		top: 14px;
		left: 16vw;
	}

	.q_icon:before {
		font-size: 18px;
		top: 1px;
	}

	th.q_icon {
		width: 88%;
	}

	.radio_list {
		padding-left: 20px;
		margin-bottom: 5px;
	}
	.search-button .submit_label {
		display: none;
	}
	.search-button .submit {
		width: 100%;
		padding: 10px 0;
	}
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;
}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
}

a:active,
a:hover{
	outline: 0;
}

abbr[title]{
	border-bottom: 1px dotted;
}

b,
strong{
	font-weight: bold;
}

dfn{
	font-style: italic;
}

h1{
	margin: 0.67em 0;
	font-size: 2em;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	font-size: 75%;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 40px;
}

hr{
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre{
	overflow: auto;
}

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend{
	padding: 0;
	border: 0;
}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}


/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color: #faf9f5;
}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #d8505c;
}

a:hover,
a:active,
a:focus{
	color: #ed6666;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
}

q:before,q:after{
	content: '';
	content: none;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
	max-width: 100%;
}

img{
	max-width: none\9;/*IE8への対応*/
}

html:not(:target) img{
    /*IE9以上への対応*/
    /* max-width: 100%; */
}


p{
	margin: 0;
}

ul,
ol{
	margin-left: 40px;
	padding-left: 0;
}

li{
	/* margin-bottom: 0.5em; */
}

/*引用*/
blockquote{
	position: relative;
	margin: 2em 0;
	padding: 115px 45px 80px;
	background: #faeeee;
}

blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 58px;
	height: 45px;
	content: url(./images/icon/icon-laquo.png);
}

blockquote:after{
	position: absolute;
	right: 30px;
	bottom: 20px;
	width: 58px;
	height: 45px;
	content: url(./images/icon/icon-raquo.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(./images/icon/icon-laquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

		blockquote:after{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(./images/icon/icon-raquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

	}

blockquote a{
	color: #15a5e6;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #f60;
}

q{
	background: #faeeee;
}

table {
	width: 100%;
	margin: 1em 0;
	padding: 0;
}

th,
td{
	color: #4b3a24;
	padding: 0.5em 1em;
	/* border-right: 1px solid #cfcfcf; */
	/* border-bottom: 1px solid #cfcfcf; */
	font-size: 80%;
}

th{
	/* background-color: #ffd1d8; */
	font-weight: bold;
	text-align: left;
	font-size: 80%;
}

thead th{
	background-color: #e05c55;
	color: #fff;
	text-align: center;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}

.rank-thumb table {
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}



/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/

.container{
	position: relative;
}

.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	margin: auto;
}

.main-image-in img{
	width: 100%;
}

.main-image-in.wide,
.main-image-in-text.wide{
	width: 100%;
}

small {
	color: #4b3a24;
}

/*1カラムレイアウト*/
.col1 .main-body-in{
	width: 100%;
}

.col1 .breadcrumbs{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

/*2カラムレイアウト*/
.col2 .main-conts{
	float: left;
	width: 70%;
}

.col2 .sub-conts{
	float: right;
	width: 27%;
}

/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	float: right;
	width: 65%;
}

.col2r .sub-conts{
	float: left;
	width: 30%;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

.site-header {
	background: url(../images/header-border.png) repeat-x top center;
}

.site-header-conts{
	display: table;
	width: 100%;
	padding: 20px 0;
}

/*ヘッダーロゴ*/
/*
.home .site-title{
	display: table-cell;
	width: 240px !important;
	height: 40px;
	margin: 0;
	padding: 0 0px 0 0;
	vertical-align: middle;
}
*/

.site-title{
	display: table-cell;
	margin: 0;
	font-size: 2.25em;
}

.site-title a{
	text-decoration: none;
}

.site-title a:hover{
	text-decoration: underline;
}

h1.site-title img {
    width: 421px;
    height: auto;
}

.home .site-header-conts > p {
	display: table-cell;
	height: 40px;
	margin: 0;
	vertical-align: middle;
}

.normal-screen .site-title{
	font-size: 3em;
}

.normal-screen .lp-catch{
	font-size: 1.5em;
}

/*ヘッダー右側の要素*/
.header-box{
	display: table-cell;
	text-align: right;
}

/*ヘッダーの全画面表示*/
.full-screen{
	background: url(./images/lp-image.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}

.full-screen .site-header-in{
	display: table;
}

.full-screen .site-header-conts{
	display: table-cell;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px 8px #666;
}

.full-screen .site-title{
	display: block;
}

.contact-btn{
	margin-bottom: 0;
	padding-top: 15px;
}

.full-screen .site-header-conts h1{
	width: auto;
	margin: 0;
}

.full-screen .site-header-conts p{
	font-size: 2em;
}

.full-screen .site-header-conts p a{
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.global-nav{
	padding: 0;
	background: url(./images/common/navi-bg.png) repeat-x center center;
	background-size: contain;
}

/*グローバルナビの開閉用ボタン*/
.global-nav-panel{
	display: none;
	font-size: 12px;
}

.global-nav-panel span{
	display: block;
	min-height: 20px;
	line-height: 20px;
}

.icon-gn-menu{
	padding-left: 25px;
	background: url(./images/icon/icon-gn-menu.png) left center no-repeat;
}

.icon-gn-close{
	padding-left: 25px;
	background: url(./images/icon/icon-gn-close.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-gn-menu{
			background: url(./images/icon/icon-gn-menu@2x.png) left center no-repeat;
			-webkit-background-size: 20px 20px;
			background-size: 20px 20px;
		}

		.icon-gn-close{
			background: url(./images/icon/icon-gn-close@2x.png) left center no-repeat;
			-webkit-background-size: 20px 20px;
			background-size: 20px 20px;
		}
	}

.global-nav .show-menu,
.global-nav .show-menu li ul{
	display: block!important;
}

.global-nav-in ul{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed; /*メニューの幅を均等に*/
}

.global-nav-in li{
	display: table-cell;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	text-align: center;
}

.global-nav-in li a{
	display: block;
	min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
	padding: 1.3em; /*画像をメニューにする場合は値を0に*/
	color: #fff;
	text-decoration: none;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background-color: #f89f9c;
	color: #fff;
}

.global-nav-in li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
	border-left: 0;
}

/*ドロップダウンメニューのデザイン*/
.global-nav li ul li{
	display: list-item;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #ed6666;
	border-bottom: 1px #f2ecec dashed;
	white-space: normal;
}

.global-nav li ul li:last-child{
	border-bottom: none;
}

.global-nav li ul li a{
	display: block;
	padding: 0.8em 2em;
}

.global-nav-in li ul ul{
	top: 0;
	left: 100%;
}


/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

.main-image{
	margin-bottom: 1em;
}

.main-image-in-text{
	background-repeat: no-repeat;
	background-size: cover;
}

.main-image-in-text-cont{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3em;
}

.main-image-in-text.wide .main-image-in-text-cont{
	width: 1200px;
}

.main-image-in-text p:last-child{
	margin-bottom: 0;
}

.main-copy{
	margin-bottom: 20px;
	font-size: 3em;
	text-align: center;
}

.sub-copy{
	font-size: 1.5em;
	text-align: center;
}

/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
	margin-top: 2em;
	padding-bottom: 30px;
	background: url(./images/common/header-border.png) repeat-x bottom center;
}

.main-body p,.main-body ul,.main-body ol,.main-body dl,.main-body pre{
	color: #4b3a24;
}

.no-gn .main-body{
	margin-top: 0;
}

.lp.no-gn .main-body{
	margin-top: 2em;
}


/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/

.breadcrumbs-in{
	margin: 1em 0;
	padding: 0;
	color: #999;
}

.no-gn .breadcrumbs-in{
	margin-top: 0;
}

.breadcrumbs-in a{
	color: #999;
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
	color: #f60;
}

.breadcrumbs-in li{
	display: inline-block;
	list-style: none;
	position: relative;
    margin-right: 15px;
    padding-right: 15px;
	background: url(./images/icon/icon-brc.gif) right center no-repeat;
}

.breadcrumbs-in li:before{
	content: url(./images/icon/icon-folder-brc.png);
}

.breadcrumbs-in li.bcl-first:before{
	content: url(./images/icon/icon-home-brc.png);
}

.breadcrumbs-in li.bcl-last{
	background: none;
}

.breadcrumbs-in li.bcl-last:before{
	content: none;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	

		.breadcrumbs-in li{
			background: url(./images/icon/icon-brc@2x.gif) right center no-repeat;
			-webkit-background-size: 5px 9px;
			background-size: 5px 9px;
		}

		.breadcrumbs-in li:before{
			width: 12px;
			height: 12px;
			background: url(./images/icon/icon-folder-brc@2x.png);
		}

		.breadcrumbs-in li.bcl-first:before{
			width: 12px;
			height: 12px;
			background: url(./images/icon/icon-home-brc@2x.png);
		}

		.breadcrumbs-in li:before,
		.breadcrumbs-in li.bcl-first:before{
			display: inline-block;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.breadcrumbs-in li.bcl-last:before{
			width: 0;
			height: 0;
			background: none;
			content: none;
		}
	}


/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.8;
}

.main-conts .section-wrap{
	background-color: #fff;
}

.col1 .main-conts{
	/* margin-bottom: 40px; */
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* margin-bottom: 30px; */
	padding: 10px 40px 10px 40px;
}

.section-wrap.wide{
	border-right: 0;
	border-left: 0;
}

.section-wrap .section-in,
.float-area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.float-area{
	margin-bottom: 10px;
}

/*1カラムレイアウト*/
.col1 .section-wrap,
.col1 .float-area{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.col1 .section-wrap{
	padding: 0px 80px;
}

.col1 .section-wrap.wide{
	width: 100%;
	padding: 40px 0;
}

.col1 .section-wrap.wide .section-in{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0;
}

form#s_form {
	width: 100%;
}

.row {
	width: 100%;
}

article#post-676 {
	width: 1050px;
}

@media (max-width: 767px) {

	article#post-676 {
		width: 100%;
	}

	.col1 .section-wrap{
		padding: 0px;
	}

}

/*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/
.sub-conts .section-wrap{
	margin: 0 auto;
	padding: 0;
	border: none;
	background-color: #ffffff;
}

.sub-conts .section-wrap .section-in{
	padding: 0 20px 10px;
}

.home .sub-conts .section-wrap:last-child .section-in{
	background: none;
}

.col1 .sub-conts .section-wrap .section-in{
	padding: 20px 80px 30px;
}

@media (max-width: 767px) {
	.col1 .sub-conts .section-wrap .section-in{
		padding: 20px 20px 0px;
	}
}

/*サブコンテンツ用メニューのデザイン*/
.sub-conts .link-menu{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts .link-menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .link-menu li{
			background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.sub-conts .link-menu ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}




.sub-conts .link-menu-image{
	margin-right: 0;
	margin-left: 0;
}

.sub-conts .link-menu-image li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.sub-conts .link-menu-image li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;	
}

.link-menu-image-thumb{
	float: left;
	margin-right: 1em;
}

.sub-conts .link-menu-image .post-title{
	overflow: hidden;
	margin-bottom: 0;
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer{
	background-color: #ed6666;
	color: #fff;
}

.site-footer-in a{
	color: #fff;
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
	color: #ffd1d8;
}

/*フッターナビ*/
.site-footer-nav{
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}

.site-footer-nav li{
	display: inline;
	list-style: none;
	margin-left: 50px;
	padding: 0 0 0 13px;
	background: url(./images/icon/icon-arw-next02.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.site-footer-nav li{
			background: url(./images/icon/icon-arw-next02@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.site-footer-nav li:first-child{
	margin-left: 0;
}

.site-footer-conts-area{
	padding: 1em 0;
}

/*コピーライト*/
.copyright{
	margin: 0;
	padding: 15px 0;
	background-color: #f89f9c;
	color: #fff;
	text-align: center;
}

.copyright small{
	font-size: 100%;
}

/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}


/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h1{
	margin: 60px 0 20px;
	padding: 10px 18px;
	background-color: #f89f9c;
	color: #4b3a24;
	font-size: 1.75em;
	border-top: 3px #ed6666 solid;
	border-bottom: 3px #ed6666 solid;
}

.main-body h2{
	margin: 15px 0 30px;
	padding: 10px 18px;
	background: url(../images/midashi-h2.png) repeat center center;
	color: #fff;
	font-size: 1.75em;
}

.main-body h3{
	margin: 20px 0 20px;
	padding: 10px 0;
	border-top: 2px solid #ed6666;
	border-bottom: 2px solid #ed6666;
	font-weight: bold;
	font-size: 1.5em;
	color: #4b3a24;
}

.main-body h4{
	margin: 55px 0 0;
	padding: 0 0 4px;
	border-bottom: 1px dashed #ed6666;
	font-weight: bold;
	font-size: 1.25em;
	color: #4b3a24;
}

@media (max-width: 767px) {
	.main-body h4{
		margin: 10px 0 0;
	}
}

.main-body h5{
	margin: 0px 0 25px;
	padding: 0 0 0 10px;
	font-weight: bold;
	border-left: 5px solid #ed6666;
	font-size: 1.2em;
	color: #4b3a24;
}

.main-body h6{
	margin: 55px 0 25px;
	font-weight: bold;
	font-size: 1.125em;
	color: #4b3a24;
}

/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

.main-body h1 a,
.main-body h2 a{
	color: #fff;
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{
	color: #f60;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title{
	margin: 0 0 30px;
}

.col1 .main-body .archive-title{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.main-conts .section-wrap .section-title{
	line-height: 1.5;
	margin: 0 0 1em;
	padding: 0 0 10px;
	border: none;
	background: transparent;
	color: #4b3a24;
	font-size: 2.125em;
	background: url(./images/common/midashi-h1.png) repeat-x center bottom;
}

@media (max-width: 767px) {
	.main-conts .section-wrap .section-title{
		margin: 0 0 0;
	}
	h2.section-title {
		text-align: center;
	}
}

.main-body .section-title a{
	color: #333;
	text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
	color: #f60;
	text-decoration: underline;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 0 -20px 30px;
	padding: 8px 0 12px 20px;
	font-weight: normal;
	font-size: 1.125em;
	background: #ffd1d8 url(../images/midashi-side.png) repeat-x center bottom;
	color: #4b3a24;
	position: relative;
	border: none;
}

.sub-conts .section-wrap .article-header .section-title:before{
	width: 16px;
	height: 15px;
	background: url(./images/icon/icon-folder-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* PV数ランキング ウィジェットアイコン */
.sub-conts .widget_keni_pv .section-in .section-title:before{
	width: 20px;
	height: 16px;
	background: url(./images/icon/icon-ranking-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* 最近の投稿 ウィジェットアイコン */
.sub-conts .widget_keni_recent_post .section-in .section-title:before{
	width: 20px;
	height: 22px;
	background: url(./images/icon/icon-posting-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* アーカイブ ウィジェットアイコン */
.sub-conts .widget_archive .section-in .section-title:before{
	width: 16px;
	height: 15px;
	background: url(./images/icon/icon-folder-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* カスタムメニュー ウィジェットアイコン */
.sub-conts .widget_nav_menu .section-in .section-title:before{
	width: 16px;
	height: 15px;
	background: url(../images/icon-folder-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* カテゴリー ウィジェットアイコン */
.sub-conts .widget_categories .section-in .section-title:before{
	width: 16px;
	height: 15px;
	background: url(../images/icon-folder-midashi.png) center center no-repeat !important;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* カレンダー ウィジェットアイコン */
.sub-conts .widget_calendar .section-in .section-title:before{
	width: 20px;
	height: 22px;
	background: url(./images/icon/icon-calender-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* タグクラウド ウィジェットアイコン */
.sub-conts .widget_tag_cloud .section-in .section-title:before{
	width: 20px;
	height: 22px;
	background: url(./images/icon/icon-tag-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* テキスト ウィジェットアイコン */
.sub-conts .widget_text .section-in .section-title:before{
	width: 16px;
	height: 15px;
	background: url(./images/icon/icon-folder-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* メタ情報 ウィジェットアイコン */
.sub-conts .widget_meta .section-in .section-title:before{
	width: 16px;
	height: 15px;
	background: url(./images/icon/icon-folder-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* 固定ページ ウィジェットアイコン */
.sub-conts .widget_pages .section-in .section-title:before{
	width: 16px;
	height: 15px;
	background: url(./images/icon/icon-folder-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* 最近のコメント ウィジェットアイコン */
.sub-conts .widget_recent_comments .section-in .section-title:before{
	width: 20px;
	height: 22px;
	background: url(./images/icon/icon-comment-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

/* 最近の投稿 ウィジェットアイコン */
.sub-conts .widget_recent_entries .section-in .section-title:before{
	width: 20px;
	height: 22px;
	background: url(./images/icon/icon-posting-midashi.png) center center no-repeat;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

@media (max-width: 767px) {
	.header .container {
		padding: 0;
	}
	.container {
		/* padding: 4vw; */
	}
	.page-header.page_title {
		font-size: 18px;
		margin-bottom: 5px;
		font-weight: bold;
		border: none;
	}
	.page_title_read_wrap {
		margin-bottom: 5px;
	}
	.page_title_read{
		font-size: 14px;
		margin-bottom: 5px;
	}
	/*.sort_btn_wrap{
		border-bottom: solid 10px #056bb7;
	}*/
	.sort_btn_wrap .order_button {
		display: block;
		width: 33.33%;
		float: left;
		margin-right: 0;
		font-size: 10px;
		padding: 5px 2px;
		white-space: normal;
		height: 22px;
		border-radius: 0;
	}
	.sort_btn_wrap .order_button+.order_button.btn-danger {
		margin-top: 0;
		border-left: none;
	}
	.info_girl_sec.search_page .balloon_wrap{
		width: 70%;
	}
	.info_girl_sec.search_page .balloon_txt{
		font-size: 14px;
		font-weight: bold;
	}
	.info_girl_sec.search_page .girl_img{
		top: -15px;
	}
	.sort_btn_wrap{
		margin: 0 0 10px;
	}
}

/* 検索 ウィジェットアイコン */
.sub-conts .widget_search .section-in .section-title:before{
	width: 20px !important;
	height: 21px !important;
	background: url(./images/icon/icon-search-midashi.png) center center no-repeat !important;
	content: '';
	display: inline-block;
	margin-right: 5px;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .section-wrap .article-header .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat;
			-webkit-background-size: 16px 15px;
			background-size: 16px 15px;
		}
				
		/* PV数ランキング ウィジェットアイコン */
		.sub-conts .widget_keni_pv .section-in .section-title:before{
			width: 20px;
			height: 16px;
			background: url(./images/icon/icon-ranking-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 16px !important;
			background-size: 20px 16px !important;
		}
		
		/* 最近の投稿 ウィジェットアイコン */
		.sub-conts .widget_keni_recent_post .section-in .section-title:before{
			width: 20px;
			height: 22px;
			background: url(./images/icon/icon-posting-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 22px !important;
			background-size: 20px 22px !important;
		}
		
		/* アーカイブ ウィジェットアイコン */
		.sub-conts .widget_archive .section-in .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 16px 15px !important;
			background-size: 16px 15px !important;
		}
		
		/* カスタムメニュー ウィジェットアイコン */
		.sub-conts .widget_nav_menu .section-in .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 16px 15px !important;
			background-size: 16px 15px !important;
		}
		
		/* カテゴリー ウィジェットアイコン */
		.sub-conts .widget_categories .section-in .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 16px 15px !important;
			background-size: 16px 15px !important;
		}
		
		/* カレンダー ウィジェットアイコン */
		.sub-conts .widget_calendar .section-in .section-title:before{
			width: 20px;
			height: 22px;
			background: url(./images/icon/icon-calender-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 22px !important;
			background-size: 20px 22px !important;
		}
		
		/* タグクラウド ウィジェットアイコン */
		.sub-conts .widget_tag_cloud .section-in .section-title:before{
			width: 20px;
			height: 22px;
			background: url(./images/icon/icon-tag-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 22px !important;
			background-size: 20px 22px !important;
		}
		
		/* テキスト ウィジェットアイコン */
		.sub-conts .widget_text .section-in .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 16px 15px !important;
			background-size: 16px 15px !important;
		}
		
		/* メタ情報 ウィジェットアイコン */
		.sub-conts .widget_meta .section-in .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 16px 15px !important;
			background-size: 16px 15px !important;
		}
		
		/* 固定ページ ウィジェットアイコン */
		.sub-conts .widget_pages .section-in .section-title:before{
			width: 16px;
			height: 15px;
			background: url(./images/icon/icon-folder-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 16px 15px !important;
			background-size: 16px 15px !important;
		}
		
		/* 最近のコメント ウィジェットアイコン */
		.sub-conts .widget_recent_comments .section-in .section-title:before{
			width: 20px;
			height: 22px;
			background: url(./images/icon/icon-comment-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 22px !important;
			background-size: 20px 22px !important;
		}
		
		/* 最近の投稿 ウィジェットアイコン */
		.sub-conts .widget_recent_entries .section-in .section-title:before{
			width: 20px;
			height: 22px;
			background: url(./images/icon/icon-posting-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 22px !important;
			background-size: 20px 22px !important;
		}
		
		/* 検索 ウィジェットアイコン */
		.sub-conts .widget_search .section-in .section-title:before{
			width: 20px;
			height: 21px;
			background: url(./images/icon/icon-search-midashi@2x.png) center center no-repeat !important;
			-webkit-background-size: 20px 21px !important;
			background-size: 20px 21px !important;
		}
		
	}

/* ウィジェットタイトル非表示対応用CSS */
.widget_search .section-in .section-title,
.widget_nav_menu .section-in .section-title,
.widget_calendar .section-in .section-title,
.widget_text .section-in .section-title{
	margin: 0 -20px 0 !important;
}

#searchform{
	padding-top: 30px;
}

.menu-footernavigation-container{
	padding-top: 30px;
}

.menu-footernavigation-container ul{
	margin-top: 0px;
}

#calendar_wrap{
	padding-top: 30px;
}

#calendar_wrap table{
	margin-top: 0px;
}

.textwidget{
	padding-top: 30px;
}

/*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/

/*最新情報*/
.news .news-date{
	margin-right: 1em;
}

.news-item{
	padding: 1em;
	background: url(./images/common/border.png) repeat-x center bottom;
}

.news-item:first-child{
	padding-top: 0;
}

.news-item:last-child{
	border-bottom: 0;
}

.news .news-thumb{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.main-body .news-title{
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.2em;
}

.main-body .news-item:first-child .news-title{
	margin-top: 0;
}

.news .news-date,
.news .news-cat,.post-cat{
	display: inline-block;
	margin-bottom: 10px;
}

.news-date {
	color: #4b3a24;
}

.cat{
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 5px;
	padding: 0.1em 1.0em;
	border-bottom: none;
	color: #4b3a24;
	font-size: 0.875em;
	word-break: break-all;
	border-radius: 10px;
}

.cat a{
	display: inline-block;
	margin: -0.1em -0.5em;
	padding: 0.1em 0.5em;
	color: #4b3a24;
	text-decoration: none;
}

.cat001{ background-color: #ddf4eb; }
.cat002{ background-color: #f4e7dd; }
.cat003{ background-color: #ebf4dd; }
.cat004{ background-color: #efddf4; }
.cat005{ background-color: #f4dde4; }

.news .news-cont{
	margin-bottom: 0.5em;
}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 35%;
}

.dl-style01 dd{
	padding-left: 35%;
	background: url(./images/common/border.png) repeat-x center bottom;
}

/*記述リスト 縦並び*/
.dl-style02 dt,
.dl-style02 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 1px solid #fff;
}

.dl-style02 dt{
	display: block;
	background-color: #e05c55;
	color: #fff;
}

.dl-style02 dd{
	background-color: #ffd1d8;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 3em 0;
	border-top: 0;
}

.table-comparison th,
.table-comparison td{
	padding: 10px;
	text-align: center;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
	border: 1px solid #cfcfcf;
	border-radius: 8px 8px 0 0;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background-color: #ed6666;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background-color: #f2f2f2;
}

/*カテゴリー*/
.category-list,
.sub-conts .widget_categories ul{
	margin-left: 0;
	padding-left: 0;
}

.category-list li,
.sub-conts .widget_categories li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 15px;
	background: url(./images/icon/icon-folder-side.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.category-list li,
		.sub-conts .widget_categories li{
			background: url(./images/icon/icon-folder-side@2x.png) left 6px no-repeat;
			-webkit-background-size: 12px 12px;
			background-size: 12px 12px;
		}

	}

.category-list ul,
.sub-conts .widget_categories ul ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}

/*タグクラウド*/
.tagcloud a{
	margin-right: 10px;
	padding-left: 20px;
	background: url(./images/icon/icon-tag-side.png) left bottom no-repeat;
	font-size: 10pt;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.tagcloud a{
			background: url(./images/icon/icon-tag-side@2x.png) left bottom no-repeat;
			-webkit-background-size: 16px 16px;
			background-size: 16px 16px;
		}

	}

/*カレンダー*/
.calendar{
	background: #fff;
	font-size: 0.875em;
}

.calendar caption{
	font-weight: bold;
	color: #4b3a24;
}

.calendar th,
.calendar td{
	padding: 10px 0;
	text-align: center;
}

.calendar tfoot td{
	padding: 10px;
	border-right-width: 0;
	text-align: left;
}

.calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}

.col-link{
	border: 1px solid #ccc;
}

.col-link a{
	display: block;
	color: #333;
	text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus{
	background: #eee;
}

/*バナーエリア*/
.banner-list{
	margin-left: 0;
}

.banner-list li{
	list-style: none;
}

.col1 .banner-list{
	text-align: center;
}

.col1 .banner-list li,
.main-conts .banner-list li{
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 1em;
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
	margin-left: 0;
}

/*引用元へのリンク*/
.link-ref{
	text-align: right;
}

/*動画などのレスポンシブ対応*/
embed, iframe, object, video{
	max-width: 100%;
}

/*ボタン*/
.btn{
	display: inline-block;
	padding: 1em;
	border: 0;
	/* color: #4b3a24; */
	text-decoration: none;
	border-radius: 8px;
}

.btn:hover,
.btn:active,
.btn:focus{
	background: #e05c55;
	cursor: pointer;
	color: #4b3a24;
}

.main-conts .btn:hover,
.main-conts .btn:active,
.main-conts .btn:focus{
	background: #ed6666;
	cursor: pointer;
}


.btn span{
	padding-left: 18px;
	background: url(./images/icon/icon-btn-arw.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn span{
			padding-left: 18px;
			background: url(./images/icon/icon-btn-arw@2x.png) left center no-repeat;
			-webkit-background-size: 10px 14px;
			background-size: 10px 14px;
		}

	}

.btn-green{
	padding: 25px 50px;
	background: #a0de83;
	font-size: 1.25em;
	box-shadow: 4px 4px 0px #ebf4dd;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus{
	background: #ebf4dd !important;
	box-shadow: 4px 4px 0px #ebf4dd;
	cursor: pointer;
}

.btn-blue{
	padding: 25px 50px;
	background: #84ded6;
	font-size: 1.25em;
	box-shadow: 4px 4px 0px #ddf4eb;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
	background: #ddf4eb !important;
	box-shadow: 4px 4px 0px #ddf4eb;
	cursor: pointer;
}

.btn-orange{
	padding: 25px 50px;
	background: #dec683;
	font-size: 1.25em;
	box-shadow: 4px 4px 0px #f4e7dd;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{
	background: #f4e7dd !important;
	box-shadow: 4px 4px 0px #f4e7dd;
	cursor: pointer;
}

.btn-red{
	padding: 25px 50px;
	background: #de9e83;
	font-size: 1.25em;
	box-shadow: 4px 4px 0px #f4dddd;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus{
	background: #f4dddd !important;
	box-shadow: 4px 4px 0px #f4dddd;
	cursor: pointer;
}

.btn-green span,
.btn-blue span,
.btn-orange span,
.btn-red span{
	padding-left: 20px;
	background: url(./images/icon/icon-btn-arw01.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-green span,
		.btn-blue span,
		.btn-orange span,
		.btn-red span{
			background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
			-webkit-background-size: 10px 14px;
			background-size: 10px 14px;
		}

	}

.btn-form01{
	padding: 25px 50px;
	background: #e05c55;
	font-size: 1.25em;
}

.btn-form01 span{
	color: #fff;
	padding-left: 20px;
	background: url(./images/icon/icon-btn-arw01.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-form01 span{
			background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
			-webkit-background-size: 10px 14px;
			background-size: 10px 14px;
		}

	}

.btn-form02{
	padding: 20px 30px;
	background: #f89f9c;
	font-size: 1.125em;
	color: #fff;
}

.btn-form02 span{
	color: #fff;
	padding-left: 18px;
	background: url(./images/icon/icon-btn-arw02.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-mail span{
			background: url(./images/icon/icon-btn-arw02@2x.png) left center no-repeat;
			-webkit-background-size: 10px 14px;
			background-size: 10px 14px;
		}

	}

.btn-mail{
	padding: 12px 32px;
	background: #ffd1d8;
	box-shadow: 4px 4px 0px #e05c55;
}

.fl-c .btn-mail{
	height: 34px;
	background: #ed6666;
	box-shadow: 4px 4px 0px #f89f9c;
}

.fl-c .btn-mail:hover{
	background: #f89f9c;
}

.btn-mail span{
	padding-left: 30px;
	background: url(./images/icon/icon-btn-book.png) left center no-repeat;
}

.fl-c .btn-mail span {
	color: #ffffff;
	background: url(./images/icon/icon-btn-mail-s.png) left center no-repeat;
}

.contact-btn .btn-mail span {
	background: url(./images/icon/icon-btn-contact.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-mail span{
			background: url(./images/icon/icon-btn-book@2x.png) left center no-repeat;
			-webkit-background-size: 24px 23px;
			background-size: 24px 23px;
		}

		.fl-c .btn-mail span {
			color: #ffffff;
			background: url(./images/icon/icon-btn-mail-s@2x.png) left center no-repeat;
			-webkit-background-size: 18px 14px;
			background-size: 18px 14px;
		}

	}

.btn-detail{
	color: #ffffff;
	background: #ed6666;
}

.btn-detail:hover{
	background: #f89f9c !important;
}

.btn-detail span{
	padding-left: 20px;
	background: url(./images/icon/icon-btn-arw01.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-detail span{
			background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
			-webkit-background-size: 10px 14px;
			background-size: 10px 14px;
		}

	}

/*検索ボックス*/
.search-box input[type="text"]{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	height: 30px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: inset 1px 3px 2px #eee;
}

.btn-search{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: #d8505c;
	border-radius: 0;
	cursor: pointer;
}

.btn-search img{
	width: 21px;
	height: 20px;
	vertical-align: top;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

/*アイキャッチ*/
/*
.eye-catch{
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

.post-date,
.post-pv{
	margin-right: 1em;
}
*/
.eye-catch{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.post-date,
.post-pv{
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0.5em;
}


/*登場人物紹介１*/

.cast-box .cast{
	position: relative;
	min-height: 100px;
	margin-top: 0;
	padding-left: 115px;
	background: url(./images/common/border.png) repeat-x center bottom;
	color: #4b3a24;
}

.cast-box .cast-name{
	font-weight: bold;
	font-size: 1.25em;
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 0;
	padding-bottom: 20px;
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
	margin-bottom: 0;
	padding-bottom: 0;
	background: no-repeat;
}

.cast-box .cast .cast-headshot{
	position: absolute;
	top: 0;
	left: 0;
}

/*登場人物紹介２*/
.cast-box02 .cast{
	position: relative;
	margin-bottom: 40px;
	padding-top: 210px;
	padding-bottom: 20px;
	background: url(./images/common/border.png) repeat-x center bottom;
}

.cast-box02 .cast dd{
	padding-left: 0;
}

.cast-box02 .cast-name{
	font-weight: bold;
}

.cast-box02 .cast .cast-headshot{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.col1 .cast-box02 .cast{
	min-height: 210px;
	padding-top: 0;
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
	padding-left: 210px;
}

.col1 .cast-box02 .cast .cast-headshot{
	width: auto;
}

/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin: 0 0 0.1em;
}

.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	min-height: 60px;
	margin-bottom: 0.1em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

.bubble .bubble-in{
	border-color: #fff;
}

.talker{
	display: block;
	width: 15%;
	height: auto;
	text-align: center;
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	width: 100px;
	max-width: 100%;
	max-width: none\9;/*IE8への対応*/
	margin: auto;
}

html:not(:target) .talker img{
    max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before{
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
	right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before{
	left: 100%;
}

.chat-l .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-left-color: #ccc;
}

.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

/*吹き出し背景色：青（HTML版のみ）*/
.bubble-blue{
	border: 1px solid #ddf4eb;
	background: #ddf4eb;
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{
	border-right-color: #ddf4eb;
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{
	border-left-color: #ddf4eb;
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{
	border-bottom-color: #ddf4eb;
}

/*吹き出し背景色：緑（HTML版のみ）*/
.bubble-green{
	border: 1px solid #ebf4dd;
	background: #ebf4dd;
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{
	border-right-color: #ebf4dd;
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{
	border-left-color: #ebf4dd;
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{
	border-bottom-color: #ebf4dd;
}

/*吹き出し背景色：黄（HTML版のみ）*/
.bubble-yellow{
	border: 1px solid #f4efdd;
	background: #f4efdd;
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{
	border-right-color: #f4efdd;
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{
	border-left-color: #f4efdd;
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{
	border-bottom-color: #f4efdd;
}

/*吹き出し背景色：オレンジ（HTML版のみ）*/
.bubble-orange{
	border: 1px solid #f4e7dd;
	background: #f4e7dd;
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{
	border-right-color: #f4e7dd;
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{
	border-left-color: #f4e7dd;
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{
	border-bottom-color: #f4e7dd;
}


/*吹き出し背景色：ピンク（HTML版のみ）*/
.bubble-pink{
	border: 1px solid #f2ddf4;
	background: #f2ddf4;
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{
	border-right-color: #f2ddf4;
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{
	border-left-color: #f2ddf4;
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{
	border-bottom-color: #f2ddf4;
}

/*吹き出し背景色：赤（HTML版のみ）*/
.bubble-red{
	border: 1px solid #f4dddd;
	background: #f4dddd;
	color: #fff;
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{
	border-right-color: #f4dddd;
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{
	border-left-color: #f4dddd;
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{
	border-bottom-color: #f4dddd;
}

/*吹き出し背景色：黒（HTML版のみ）*/
.bubble-black{
	border: 1px solid #dedede;
	background: #dedede;
	color: #fff;
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{
	border-right-color: #dedede;
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{
	border-left-color: #dedede;
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{
	border-bottom-color: #dedede;
}

/*ランキング*/
.main-body .ranking-list{
	margin-right: 0;
	margin-left: 0;
}

.main-body .ranking-list li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 10px;
}

.sub-conts .ranking-list li{
	background: url(./images/common/border.png) repeat-x center bottom;
}

.ranking-list04 li,.ranking-list05 li {
	background: none !important;
}

.sub-conts .ranking-list li:last-child{
	background: none;
}


.ranking-list-main {
	margin-right: 0;
	margin-left: 0;
}

.ranking-list-main li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
}

.ranking-list-main li{
	/* background: url(./images/common/border.png) repeat-x center bottom; */
}

.ranking-list-main li:last-child{
	background: none;
}



.main-body .rank-title{
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.5em;
	color: #4b3a24;
}

.main-body .rank-title{
	margin-top: 0;
}

.rankbox5 {
	border-radius: 12px;
	width: auto;
	margin-top: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.rank-thumb {
	/* float: left; */
	/* margin-right: 20px; */
	/* margin-bottom: 20px; */
}

.rank-thumb-main {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.rankbox5 th {
	/* line-height: 1.0; */
	padding: 10px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background-color: #faeeee;
	color: #4b3a24;
	font-size: 16px;
}

.rankbox5 td {
	/* line-height: 1.0; */
	padding: 10px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	/* background-color: #faeeee; */
	color: #4b3a24;
	font-size: 16px;
}

.sub-conts .ranking-list03 .rank-thumb img{
	width: 100px;
	height: auto;
}

.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{
	float: none;
	text-align: center;
}

.rankbox3{
	float: left;
	padding: 0 10px 0 0;
}

@media (max-width: 767px) {
	.rankbox3 {
		text-align: center;
		width: 100%;
	}
	a.officiallink {
		display: block;
		text-align: center;
		padding: 20px;
	}
}

.osusumeimg {
	width: 100%;
	float: right;
}

.kuchikomitxt {
	float: left;
}

.rank-desc {
	overflow: hidden;
}

.rank-desc-main {
	overflow: hidden;
	padding-top: 10px;
}

.tool {
	text-align: center;
}

.on-image hr {
	display: none;
}

/*ランキング用の王冠アイコンのリスト*/
.ranking-list01 > li .rank-title{
	padding-left: 60px;
}

.ranking-list01 .rank01 .rank-title{ background: url(../images/icon-rank01-01.png) left top no-repeat; }
.ranking-list01 .rank02 .rank-title{ background: url(../images/icon-rank01-02.png) left top no-repeat; }
.ranking-list01 .rank03 .rank-title{ background: url(../images/icon-rank01-03.png) left top no-repeat; }
.ranking-list01 .rank04 .rank-title{ background: url(../images/icon-rank01-04.png) left top no-repeat; }
.ranking-list01 .rank05 .rank-title{ background: url(../images/icon-rank01-05.png) left top no-repeat; }
.ranking-list01 .rank06 .rank-title{ background: url(../images/icon-rank01-06.png) left top no-repeat; }
.ranking-list01 .rank07 .rank-title{ background: url(../images/icon-rank01-07.png) left top no-repeat; }
.ranking-list01 .rank08 .rank-title{ background: url(../images/icon-rank01-08.png) left top no-repeat; }
.ranking-list01 .rank09 .rank-title{ background: url(../images/icon-rank01-09.png) left top no-repeat; }
.ranking-list01 .rank10 .rank-title{ background: url(../images/icon-rank01-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	
		.ranking-list01 .rank01 .rank-title{ background: url(../images/icon-rank01-01@2x.png) left top no-repeat; }
		.ranking-list01 .rank02 .rank-title{ background: url(../images/icon-rank01-02@2x.png) left top no-repeat; }
		.ranking-list01 .rank03 .rank-title{ background: url(../images/icon-rank01-03@2x.png) left top no-repeat; }
		.ranking-list01 .rank04 .rank-title{ background: url(../images/icon-rank01-04@2x.png) left top no-repeat; }
		.ranking-list01 .rank05 .rank-title{ background: url(../images/icon-rank01-05@2x.png) left top no-repeat; }
		.ranking-list01 .rank06 .rank-title{ background: url(../images/icon-rank01-06@2x.png) left top no-repeat; }
		.ranking-list01 .rank07 .rank-title{ background: url(../images/icon-rank01-07@2x.png) left top no-repeat; }
		.ranking-list01 .rank08 .rank-title{ background: url(../images/icon-rank01-08@2x.png) left top no-repeat; }
		.ranking-list01 .rank09 .rank-title{ background: url(../images/icon-rank01-09@2x.png) left top no-repeat; }
		.ranking-list01 .rank10 .rank-title{ background: url(../images/icon-rank01-10@2x.png) left top no-repeat; }
		.ranking-list01 .rank01 .rank-title,
		.ranking-list01 .rank02 .rank-title,
		.ranking-list01 .rank03 .rank-title,
		.ranking-list01 .rank04 .rank-title,
		.ranking-list01 .rank05 .rank-title,
		.ranking-list01 .rank06 .rank-title,
		.ranking-list01 .rank07 .rank-title,
		.ranking-list01 .rank08 .rank-title,
		.ranking-list01 .rank09 .rank-title,
		.ranking-list01 .rank10 .rank-title{
			-webkit-background-size: 48px 40px;
			background-size: 48px 40px;
		}
	}

/*ランキング用のメダルアイコンのリスト*/
.ranking-list02 > li .rank-title{
	padding-left: 60px;
	padding-bottom: 10px;
}

.ranking-list02 .rank01 .rank-title{ background: url(./images/icon/icon-rank02-01.png) left top no-repeat; }
.ranking-list02 .rank02 .rank-title{ background: url(./images/icon/icon-rank02-02.png) left top no-repeat; }
.ranking-list02 .rank03 .rank-title{ background: url(./images/icon/icon-rank02-03.png) left top no-repeat; }
.ranking-list02 .rank04 .rank-title{ background: url(./images/icon/icon-rank02-04.png) left top no-repeat; }
.ranking-list02 .rank05 .rank-title{ background: url(./images/icon/icon-rank02-05.png) left top no-repeat; }
.ranking-list02 .rank06 .rank-title{ background: url(./images/icon/icon-rank02-06.png) left top no-repeat; }
.ranking-list02 .rank07 .rank-title{ background: url(./images/icon/icon-rank02-07.png) left top no-repeat; }
.ranking-list02 .rank08 .rank-title{ background: url(./images/icon/icon-rank02-08.png) left top no-repeat; }
.ranking-list02 .rank09 .rank-title{ background: url(./images/icon/icon-rank02-09.png) left top no-repeat; }
.ranking-list02 .rank10 .rank-title{ background: url(./images/icon/icon-rank02-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.ranking-list02 .rank01 .rank-title{ background: url(./images/icon/icon-rank02-01@2x.png) left top no-repeat; }
		.ranking-list02 .rank02 .rank-title{ background: url(./images/icon/icon-rank02-02@2x.png) left top no-repeat; }
		.ranking-list02 .rank03 .rank-title{ background: url(./images/icon/icon-rank02-03@2x.png) left top no-repeat; }
		.ranking-list02 .rank04 .rank-title{ background: url(./images/icon/icon-rank02-04@2x.png) left top no-repeat; }
		.ranking-list02 .rank05 .rank-title{ background: url(./images/icon/icon-rank02-05@2x.png) left top no-repeat; }
		.ranking-list02 .rank06 .rank-title{ background: url(./images/icon/icon-rank02-06@2x.png) left top no-repeat; }
		.ranking-list02 .rank07 .rank-title{ background: url(./images/icon/icon-rank02-07@2x.png) left top no-repeat; }
		.ranking-list02 .rank08 .rank-title{ background: url(./images/icon/icon-rank02-08@2x.png) left top no-repeat; }
		.ranking-list02 .rank09 .rank-title{ background: url(./images/icon/icon-rank02-09@2x.png) left top no-repeat; }
		.ranking-list02 .rank10 .rank-title{ background: url(./images/icon/icon-rank02-10@2x.png) left top no-repeat; }

		.ranking-list02 .rank01 .rank-title,
		.ranking-list02 .rank02 .rank-title,
		.ranking-list02 .rank03 .rank-title,
		.ranking-list02 .rank04 .rank-title,
		.ranking-list02 .rank05 .rank-title,
		.ranking-list02 .rank06 .rank-title,
		.ranking-list02 .rank07 .rank-title,
		.ranking-list02 .rank08 .rank-title,
		.ranking-list02 .rank09 .rank-title,
		.ranking-list02 .rank10 .rank-title{
			-webkit-background-size: 40px 48px;
			background-size: 40px 48px;
		}
	}

/*ランキング用のシンプルなリスト*/
.ranking-list03 > li .rank-title{
	padding: 5px 0;
	padding-left: 58px;
	font-size: 1.25em;
}

.sub-conts .ranking-list03 > li .rank-title{
	min-height: 30px;
	padding: 0;
	padding-left: 40px;
	font-size: 1.25em;
}

.ranking-list03 .rank01 .rank-title,
.ranking-list03 .rank02 .rank-title,
.ranking-list03 .rank03 .rank-title{
	border-bottom: 1px solid #909090;
}

.ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank03-01.png) left top no-repeat; }
.ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank03-02.png) left top no-repeat; }
.ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank03-03.png) left top no-repeat; }
.ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank03-04.png) left top no-repeat; }
.ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank03-05.png) left top no-repeat; }
.ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank03-06.png) left top no-repeat; }
.ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank03-07.png) left top no-repeat; }
.ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank03-08.png) left top no-repeat; }
.ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank03-09.png) left top no-repeat; }
.ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank03-10.png) left top no-repeat; }

.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank04-01.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank04-02.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank04-03.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank04-04.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank04-05.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank04-06.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank04-07.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank04-08.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank04-09.png) left top no-repeat; }
.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank04-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank03-01@2x.png) left top no-repeat; }
		.ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank03-02@2x.png) left top no-repeat; }
		.ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank03-03@2x.png) left top no-repeat; }
		.ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank03-04@2x.png) left top no-repeat; }
		.ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank03-05@2x.png) left top no-repeat; }
		.ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank03-06@2x.png) left top no-repeat; }
		.ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank03-07@2x.png) left top no-repeat; }
		.ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank03-08@2x.png) left top no-repeat; }
		.ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank03-09@2x.png) left top no-repeat; }
		.ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank03-10@2x.png) left top no-repeat; }

		.ranking-list03 .rank01 .rank-title,
		.ranking-list03 .rank02 .rank-title,
		.ranking-list03 .rank03 .rank-title,
		.ranking-list03 .rank04 .rank-title,
		.ranking-list03 .rank05 .rank-title,
		.ranking-list03 .rank06 .rank-title,
		.ranking-list03 .rank07 .rank-title,
		.ranking-list03 .rank08 .rank-title,
		.ranking-list03 .rank09 .rank-title,
		.ranking-list03 .rank10 .rank-title{
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

		.sub-conts .ranking-list03 .rank01 .rank-title{ background: url(./images/icon/icon-rank04-01@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank02 .rank-title{ background: url(./images/icon/icon-rank04-02@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank03 .rank-title{ background: url(./images/icon/icon-rank04-03@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank04 .rank-title{ background: url(./images/icon/icon-rank04-04@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank05 .rank-title{ background: url(./images/icon/icon-rank04-05@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank06 .rank-title{ background: url(./images/icon/icon-rank04-06@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank07 .rank-title{ background: url(./images/icon/icon-rank04-07@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank08 .rank-title{ background: url(./images/icon/icon-rank04-08@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank09 .rank-title{ background: url(./images/icon/icon-rank04-09@2x.png) left top no-repeat; }
		.sub-conts .ranking-list03 .rank10 .rank-title{ background: url(./images/icon/icon-rank04-10@2x.png) left top no-repeat; }

		.sub-conts .ranking-list03 .rank01 .rank-title,
		.sub-conts .ranking-list03 .rank02 .rank-title,
		.sub-conts .ranking-list03 .rank03 .rank-title,
		.sub-conts .ranking-list03 .rank04 .rank-title,
		.sub-conts .ranking-list03 .rank05 .rank-title,
		.sub-conts .ranking-list03 .rank06 .rank-title,
		.sub-conts .ranking-list03 .rank07 .rank-title,
		.sub-conts .ranking-list03 .rank08 .rank-title,
		.sub-conts .ranking-list03 .rank09 .rank-title,
		.sub-conts .ranking-list03 .rank10 .rank-title{
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}

	}

/*ランキング用の画像＋ランキング番号のリスト*/
.ranking-list .on-image{
}

.ranking-list .on-image .rank-title{
	padding: 0!important;
	border: 0;
	background: none!important;
	font-size: 1.25em;
}

.ranking-list .on-image .rank-thumb{
	position: relative;
}

.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before{
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-01.png); }
.ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-02.png); }
.ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-03.png); }
.ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-04.png); }
.ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-05.png); }
.ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-06.png); }
.ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-07.png); }
.ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-08.png); }
.ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-09.png); }
.ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank03-10.png); }

.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-01.png); }
.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-02.png); }
.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-03.png); }
.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-04.png); }
.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-05.png); }
.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-06.png); }
.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-07.png); }
.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-08.png); }
.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-09.png); }
.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank04-10.png); }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-01@2x.png); }
		.ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-02@2x.png); }
		.ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-03@2x.png); }
		.ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-04@2x.png); }
		.ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-05@2x.png); }
		.ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-06@2x.png); }
		.ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-07@2x.png); }
		.ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-08@2x.png); }
		.ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-09@2x.png); }
		.ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank03-10@2x.png); }

		.ranking-list03 > .rank01.on-image .rank-thumb:before,
		.ranking-list03 > .rank02.on-image .rank-thumb:before,
		.ranking-list03 > .rank03.on-image .rank-thumb:before,
		.ranking-list03 > .rank04.on-image .rank-thumb:before,
		.ranking-list03 > .rank05.on-image .rank-thumb:before,
		.ranking-list03 > .rank06.on-image .rank-thumb:before,
		.ranking-list03 > .rank07.on-image .rank-thumb:before,
		.ranking-list03 > .rank08.on-image .rank-thumb:before,
		.ranking-list03 > .rank09.on-image .rank-thumb:before,
		.ranking-list03 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 48px;
			height: 48px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-01@2x.png); }
		.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-02@2x.png); }
		.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-03@2x.png); }
		.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-04@2x.png); }
		.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-05@2x.png); }
		.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-06@2x.png); }
		.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-07@2x.png); }
		.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-08@2x.png); }
		.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-09@2x.png); }
		.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank04-10@2x.png); }

		.sub-conts .ranking-list03 > .rank01.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank02.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank03.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank04.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank05.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank06.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank07.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank08.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank09.on-image .rank-thumb:before,
		.sub-conts .ranking-list03 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*画像＋テキストのリスト（ランキング用）*/
.ranking-list04 .rank-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .ranking-list04 li{
	display: inline-block;
	margin-right: 20px;
}

.ranking-list04 .rank-box img{
	width: 100%;
}

.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list04 .on-image .rank-box .rank-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(237,102,102,0.6);
	background-color: #ed6666\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{
	background-color: rgba(237,102,102,0.6); /*IE9以上への対応*/
}

.ranking-list04 .on-image .rank-box a{
	color: #fff;
}

.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus{
	color: #ffd1d8;
}

.ranking-list04 > .rank01.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-01.png); }
.ranking-list04 > .rank02.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-02.png); }
.ranking-list04 > .rank03.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-03.png); }
.ranking-list04 > .rank04.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-04.png); }
.ranking-list04 > .rank05.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-05.png); }
.ranking-list04 > .rank06.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-06.png); }
.ranking-list04 > .rank07.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-07.png); }
.ranking-list04 > .rank08.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-08.png); }
.ranking-list04 > .rank09.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-09.png); }
.ranking-list04 > .rank10.on-image .rank-box:before{ content: url(./images/icon/icon-rank03-10.png); }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.ranking-list04 > .rank01.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-01@2x.png); }
		.ranking-list04 > .rank02.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-02@2x.png); }
		.ranking-list04 > .rank03.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-03@2x.png); }
		.ranking-list04 > .rank04.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-04@2x.png); }
		.ranking-list04 > .rank05.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-05@2x.png); }
		.ranking-list04 > .rank06.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-06@2x.png); }
		.ranking-list04 > .rank07.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-07@2x.png); }
		.ranking-list04 > .rank08.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-08@2x.png); }
		.ranking-list04 > .rank09.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-09@2x.png); }
		.ranking-list04 > .rank10.on-image .rank-box:before{ background: url(./images/icon/icon-rank03-10@2x.png); }

		.ranking-list04 > .rank01.on-image .rank-box:before,
		.ranking-list04 > .rank02.on-image .rank-box:before,
		.ranking-list04 > .rank03.on-image .rank-box:before,
		.ranking-list04 > .rank04.on-image .rank-box:before,
		.ranking-list04 > .rank05.on-image .rank-box:before,
		.ranking-list04 > .rank06.on-image .rank-box:before,
		.ranking-list04 > .rank07.on-image .rank-box:before,
		.ranking-list04 > .rank08.on-image .rank-box:before,
		.ranking-list04 > .rank09.on-image .rank-box:before,
		.ranking-list04 > .rank10.on-image .rank-box:before{
			display: inline-block;
			width: 48px;
			height: 48px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*背景画像＋テキストのリスト（ランキング用）*/
.ranking-list05 .rank-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}

.col1 .ranking-list05 li{
	display: inline-block;
	margin-right: 20px;
}

.ranking-list05 .rank-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 3em 1em 1em;
	background-color: rgba(237,102,102,0.6);
	background-color: #ed6666\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .ranking-list05 .rank-box a{
	background-color: rgba(237,102,102,0.6); /*IE9以上への対応*/
}

.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus{
	color: #ffd1d8;
}

.ranking-list05 .rank-box a p{
	color: #fff;
}

.ranking-list05 .rank-box a p:hover,
.ranking-list05 .rank-box a p:active,
.ranking-list05 .rank-box a p:focus{
	color: #ffd1d8;
}

.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.ranking-list05 > .rank01.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-01.png); }
.ranking-list05 > .rank02.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-02.png); }
.ranking-list05 > .rank03.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-03.png); }
.ranking-list05 > .rank04.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-04.png); }
.ranking-list05 > .rank05.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-05.png); }
.ranking-list05 > .rank06.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-06.png); }
.ranking-list05 > .rank07.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-07.png); }
.ranking-list05 > .rank08.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-08.png); }
.ranking-list05 > .rank09.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-09.png); }
.ranking-list05 > .rank10.on-image .rank-box:before{ content: url(./images/icon/icon-rank04-10.png); }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.ranking-list05 > .rank01.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-01@2x.png); }
		.ranking-list05 > .rank02.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-02@2x.png); }
		.ranking-list05 > .rank03.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-03@2x.png); }
		.ranking-list05 > .rank04.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-04@2x.png); }
		.ranking-list05 > .rank05.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-05@2x.png); }
		.ranking-list05 > .rank06.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-06@2x.png); }
		.ranking-list05 > .rank07.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-07@2x.png); }
		.ranking-list05 > .rank08.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-08@2x.png); }
		.ranking-list05 > .rank09.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-09@2x.png); }
		.ranking-list05 > .rank10.on-image .rank-box:before{ background: url(./images/icon/icon-rank04-10@2x.png); }

		.ranking-list05 > .rank01.on-image .rank-box:before,
		.ranking-list05 > .rank02.on-image .rank-box:before,
		.ranking-list05 > .rank03.on-image .rank-box:before,
		.ranking-list05 > .rank04.on-image .rank-box:before,
		.ranking-list05 > .rank05.on-image .rank-box:before,
		.ranking-list05 > .rank06.on-image .rank-box:before,
		.ranking-list05 > .rank07.on-image .rank-box:before,
		.ranking-list05 > .rank08.on-image .rank-box:before,
		.ranking-list05 > .rank09.on-image .rank-box:before,
		.ranking-list05 > .rank10.on-image .rank-box:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*順位の無しのリスト*/
.main-body .post-list01,
.main-body .post-list02{
	margin-right: 0;
	margin-left: 0;
}

.main-body .post-list01 li,
.main-body .post-list02 li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
}

/*画像＋テキストのリスト*/
.post-list01 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .post-list01 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list01 .post-box img{
	width: 100%;
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.post-list01 .on-image .post-box .post-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(237,102,102,0.6);
	background-color: #ed6666\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list01 .on-image .post-box .post-text{
	background-color: rgba(237,102,102,0.6); /*IE9以上への対応*/
}

.post-list01 .on-image .post-box a{
	color: #fff;
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{
	color: #ffd1d8;
}

/*背景画像＋テキストのリスト*/
.post-list02 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}

.col1 .post-list02 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list02 .post-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 3em 1em 1em;
	background-color: rgba(237,102,102,0.6);
	background-color: #ed6666\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list02 .post-box a{
	background-color: rgba(237,102,102,0.6); /*IE9以上への対応*/
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus{
	color: #ffd1d8;
}

.post-list02 .post-box a p{
	color: #fff;
}

.post-list02 .post-box a p:hover,
.post-list02 .post-box a p:active,
.post-list02 .post-box a p:focus{
	color: #ffd1d8;
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

/*情報比較リスト*/
.review-table{
	width: auto;
	margin-top: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.rank-thumb .review-table{
	width: 100%;
	margin-bottom: 0;
}

.review-table th,
.review-table td{
	line-height: 1.0;
	padding: 0.5em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #faeeee;
	color: #4b3a24;
}

.review-table th{
	font-weight: normal;
}

.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
	padding-left: 110px;
	white-space: nowrap;
}

.star00{ background: url(../images/icon-star00.png) left center no-repeat; }
.star05{ background: url(../images/icon-star05.png) left center no-repeat; }
.star10{ background: url(../images/icon-star10.png) left center no-repeat; }
.star15{ background: url(../images/icon-star15.png) left center no-repeat; }
.star20{ background: url(../images/icon-star20.png) left center no-repeat; }
.star25{ background: url(../images/icon-star25.png) left center no-repeat; }
.star30{ background: url(../images/icon-star30.png) left center no-repeat; }
.star35{ background: url(../images/icon-star35.png) left center no-repeat; }
.star40{ background: url(../images/icon-star40.png) left center no-repeat; }
.star45{ background: url(../images/icon-star45.png) left center no-repeat; }
.star50{ background: url(../images/icon-star50.png) left center no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.star00{ background: url(../images/icon-star00@2x.png) left center no-repeat; }
		.star05{ background: url(../images/icon-star05@2x.png) left center no-repeat; }
		.star10{ background: url(../images/icon-star10@2x.png) left center no-repeat; }
		.star15{ background: url(../images/icon-star15@2x.png) left center no-repeat; }
		.star20{ background: url(../images/icon-star20@2x.png) left center no-repeat; }
		.star25{ background: url(../images/icon-star25@2x.png) left center no-repeat; }
		.star30{ background: url(../images/icon-star30@2x.png) left center no-repeat; }
		.star35{ background: url(../images/icon-star35@2x.png) left center no-repeat; }
		.star40{ background: url(../images/icon-star40@2x.png) left center no-repeat; }
		.star45{ background: url(../images/icon-star45@2x.png) left center no-repeat; }
		.star50{ background: url(../images/icon-star50@2x.png) left center no-repeat; }

		.star00,
		.star05,
		.star10,
		.star15,
		.star20,
		.star25,
		.star30,
		.star35,
		.star40,
		.star45,
		.star50{
			-webkit-background-size: 97px 17px;
			background-size: 97px 17px;
		}

	}

.item-data{
	margin-bottom: 1em;
}

.item-data dl,
.item-data dt,
.item-data dd{
	margin: 0;
}

.item-data dt,
.item-data dd{
	display: inline-block;
	color: #4b3a24;
}

.item-data dd{
	padding-left: 0;
}

.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc{
	overflow: visible;
	clear: both;
	background: url(./images/common/border.png) repeat-x top center;
	padding-top: 15px;
}

@media (max-width: 767px) {
	.rank-desc {
		float: left;
	}
}

.main-body .review-desc-title{
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0 0 0 14px;
	border: none;
	border-left: 5px solid #ed6666;
	background: none;
	font-weight: normal;
	font-size: 1.125em;
	color: #4b3a24;
}


/*情報比較用の王冠アイコン*/
.comparative-list01 > li .rank-title{
	padding-left: 60px;
}

.comparative-list01 .rank01 .rank-title{ background: url(../images/icon-rank01-01.png) left top no-repeat; }
.comparative-list01 .rank02 .rank-title{ background: url(../images/icon-rank01-02.png) left top no-repeat; }
.comparative-list01 .rank03 .rank-title{ background: url(../images/icon-rank01-03.png) left top no-repeat; }
.comparative-list01 .rank04 .rank-title{ background: url(../images/icon-rank01-04.png) left top no-repeat; }
.comparative-list01 .rank05 .rank-title{ background: url(../images/icon-rank01-05.png) left top no-repeat; }
.comparative-list01 .rank06 .rank-title{ background: url(../images/icon-rank01-06.png) left top no-repeat; }
.comparative-list01 .rank07 .rank-title{ background: url(../images/icon-rank01-07.png) left top no-repeat; }
.comparative-list01 .rank08 .rank-title{ background: url(../images/icon-rank01-08.png) left top no-repeat; }
.comparative-list01 .rank09 .rank-title{ background: url(../images/icon-rank01-09.png) left top no-repeat; }
.comparative-list01 .rank10 .rank-title{ background: url(../images/icon-rank01-10.png) left top no-repeat; }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	
		.comparative-list01 .rank01 .rank-title{ background: url(../images/icon-rank01-01@2x.png) left top no-repeat; }
		.comparative-list01 .rank02 .rank-title{ background: url(../images/icon-rank01-02@2x.png) left top no-repeat; }
		.comparative-list01 .rank03 .rank-title{ background: url(../images/icon-rank01-03@2x.png) left top no-repeat; }
		.comparative-list01 .rank04 .rank-title{ background: url(../images/icon-rank01-04@2x.png) left top no-repeat; }
		.comparative-list01 .rank05 .rank-title{ background: url(../images/icon-rank01-05@2x.png) left top no-repeat; }
		.comparative-list01 .rank06 .rank-title{ background: url(../images/icon-rank01-06@2x.png) left top no-repeat; }
		.comparative-list01 .rank07 .rank-title{ background: url(../images/icon-rank01-07@2x.png) left top no-repeat; }
		.comparative-list01 .rank08 .rank-title{ background: url(../images/icon-rank01-08@2x.png) left top no-repeat; }
		.comparative-list01 .rank09 .rank-title{ background: url(../images/icon-rank01-09@2x.png) left top no-repeat; }
		.comparative-list01 .rank10 .rank-title{ background: url(../images/icon-rank01-10@2x.png) left top no-repeat; }
		.comparative-list01 .rank01 .rank-title,
		.comparative-list01 .rank02 .rank-title,
		.comparative-list01 .rank03 .rank-title,
		.comparative-list01 .rank04 .rank-title,
		.comparative-list01 .rank05 .rank-title,
		.comparative-list01 .rank06 .rank-title,
		.comparative-list01 .rank07 .rank-title,
		.comparative-list01 .rank08 .rank-title,
		.comparative-list01 .rank09 .rank-title,
		.comparative-list01 .rank10 .rank-title{
			-webkit-background-size: 48px 40px;
			background-size: 48px 40px;
		}
	}

/*ランキング用のシンプルなリスト*/
.comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-01.png); }
.comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-02.png); }
.comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-03.png); }
.comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-04.png); }
.comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-05.png); }
.comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-06.png); }
.comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-07.png); }
.comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-08.png); }
.comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-09.png); }
.comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank05-10.png); }

.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-01.png); }
.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-02.png); }
.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-03.png); }
.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-04.png); }
.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-05.png); }
.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-06.png); }
.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-07.png); }
.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-08.png); }
.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-09.png); }
.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ content: url(./images/icon/icon-rank06-10.png); }

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-01@2x.png); }
		.comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-02@2x.png); }
		.comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-03@2x.png); }
		.comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-04@2x.png); }
		.comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-05@2x.png); }
		.comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-06@2x.png); }
		.comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-07@2x.png); }
		.comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-08@2x.png); }
		.comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-09@2x.png); }
		.comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank05-10@2x.png); }

		.comparative-list02 > .rank01.on-image .rank-thumb:before,
		.comparative-list02 > .rank02.on-image .rank-thumb:before,
		.comparative-list02 > .rank03.on-image .rank-thumb:before,
		.comparative-list02 > .rank04.on-image .rank-thumb:before,
		.comparative-list02 > .rank05.on-image .rank-thumb:before,
		.comparative-list02 > .rank06.on-image .rank-thumb:before,
		.comparative-list02 > .rank07.on-image .rank-thumb:before,
		.comparative-list02 > .rank08.on-image .rank-thumb:before,
		.comparative-list02 > .rank09.on-image .rank-thumb:before,
		.comparative-list02 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 48px;
			height: 48px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-01@2x.png); }
		.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-02@2x.png); }
		.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-03@2x.png); }
		.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-04@2x.png); }
		.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-05@2x.png); }
		.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-06@2x.png); }
		.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-07@2x.png); }
		.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-08@2x.png); }
		.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-09@2x.png); }
		.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{ background: url(./images/icon/icon-rank06-10@2x.png); }

		.sub-conts .comparative-list02 > .rank01.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank02.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank03.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank04.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank05.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank06.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank07.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank08.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank09.on-image .rank-thumb:before,
		.sub-conts .comparative-list02 > .rank10.on-image .rank-thumb:before{
			display: inline-block;
			width: 30px;
			height: 30px;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

	}

/*文章中の間*/
.interval img{
	display: block;
	margin: 60px auto;
}

/*チェックリスト*/
.check-list,
.check-list-l{
	margin-left: 0;
}

.check-list li,
.check-list-l li{
	list-style: none;	
}

.check-list li{
	/* margin-bottom: 1em; */
	padding-left: 32px;
	background: url(../images/icon-check-list.png) left 3px no-repeat;
}

.check-list-l li{
	margin-bottom: 2em;
	padding: 10px 0 10px 55px;
	background: url(../images/icon-check-list-l.png) left 0px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	

		.check-list li{
			background: url(../images/icon-check-list@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.check-list-l li{
			background: url(../images/icon-check-list-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

	}

/*Q&A*/
.qa-list dt{
	display: block;
	margin-bottom: 30px;
	padding: 10px 0 10px 65px;
	background: url(./images/icon/icon-q.png) left 3px no-repeat;
	font-size: 1.25em;
}

.qa-list dd{
	margin-left: 0;
	margin-bottom: 70px;
	padding: 10px 0 10px 65px;
	background: url(./images/icon/icon-a.png) left 3px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.qa-list dt{
			background: url(../images/icon-q@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

		.qa-list dd{
			background: url(../images/icon-a@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

	}

/*フロー図*/
.flow-chart{
	margin-left: 0;
}

.flow-chart li{
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 60px;
	background: url(./images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.flow-chart li{
			background: url(./images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
			-webkit-background-size: 161px 40px;
			background-size: 161px 40px;
		}

	}

.flow-chart li.end,
.flow-chart li:last-child{
	padding-bottom: 0;
	background: none;
}

.flow-chart .process-box{
	padding: 20px;
	background-color: #faeeee;
	color: #fff;
}

/*予告エリア*/
.info-box{
	padding: 30px 20px;
	background: url(./images/common/bg-cast-box.png) #faeeee;
}

.trailer-text{
	font-weight: bold;
	font-size: 1.25em;
}

.trailer-text-l{
	font-weight: bold;
	font-size: 1.5em;
}

/*関連記事*/
.related-thumb{
	overflow: hidden;
	width: 100%;
}

.related-thumb img{
	max-width: none;
}

.related-articles-thumbs01 ul{
	margin-left: 0;
}

.related-articles-thumbs01 li{
	list-style: none;
}

.related-articles-thumbs01 img{
	width: auto;
	max-height: 100px;
}

.related-articles-thumbs01 .related-thumb{
	float: left;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.related-articles-thumbs02 ul{
	overflow: hidden;
	margin-left: 0;
}

.related-articles-thumbs02 li{
	list-style: none;
	float: left;
	width: 30%;
	margin-left: 5%;
}

.related-articles-thumbs02 li:first-child{
	margin-left: 0;
}

.related-articles-thumbs02 img{
	width: auto;
	max-height: 160px;
}

/*目次*/
#keni_toc{
	display: block;
	width: 80%;
	margin: auto;
	margin-bottom: 3em;
	padding: 25px;
	border: 2px solid #ccc;
	font-size: 0.875em;
}

.keni-toc-title{
	font-size: 1.286em;
}

#keni_toc ol{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

#keni_toc ol ol{
	margin-top: 0.5em;
}

#keni_toc ol ol li{
	list-style-type: circle;
}


/*お客様の声*/
.voice-box{
	padding: 30px;
	background: #faeeee;
}

.voice-content{
	overflow: hidden;
}

/*画像とテキストの組み合わせ*/
.col-onimage > .col{
	position: relative;
	overflow: hidden;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width:768px) {
  .container {
    width: 750px
  }
}

@media (min-width:992px) {
  .container {
    width: 960px
  }
}

@media (min-width:1200px) {
  .container {
    width: 1050px
  }
}

.col-onimage > .col .text-onimage{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(237,102,102,0.6);
	background-color: #ed6666\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage > .col .text-onimage{
	background-color: rgba(237,102,102,0.6); /*IE9以上への対応*/
}

.col-onimage02 > .col{
	background-position: center center;
	background-size: cover;
}

.col-onimage02 > .col .text-onimage{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(237,102,102,0.6);
	background-color: #ed6666\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage02 > .col .text-onimage{
	background-color: rgba(237,102,102,0.6); /*IE9以上への対応*/
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
	color: #fff;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover,
.col-onimage02 > .col a:active,
.col-onimage02 > .col a:focus{
	color: #ffd1d8;
}

.col-onimage > .col .text-onimage a p:hover,
.col-onimage > .col .text-onimage a p:active,
.col-onimage > .col .text-onimage a p:focus,
.col-onimage02 > .col a p:hover,
.col-onimage02 > .col a p:active,
.col-onimage02 > .col a p:focus{
	color: #ffd1d8;
}

/*ページ送り*/
.link-next{
	text-align: right;
}

.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{
	margin-bottom: 0;
}

.link-next a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.link-back a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.link-next a{
			background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.link-back a{
			background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.page-nav ol{
	margin-left: 0;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 10px;
	padding: 4px 8px;
	border: 1px solid #e05c55;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -8px;
	padding: 4px 8px;
	color: #4b3a24;
	text-decoration: none;
}

.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #ffd1d8;
	color: #4b3a24;
}

.page-nav-bf ul{
	margin-left: 0;
}

.page-nav-bf li{
	list-style: none;
}

.page-nav-next{
	float: right;
	padding-right: 13px;
	background: url(./images/icon/icon-arw-next.png) right center no-repeat;
}

.page-nav-prev{
	float: left;
	padding-left: 13px;
	background: url(./images/icon/icon-arw-prev.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.page-nav-next{
			background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.page-nav-prev{
			background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

/*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/
.single .article-body,
.page .article-body{
	margin-bottom: 40px;
}

/*関連記事*/
.keni-relatedposts-list li p{
	overflow: hidden;
}

.keni-relatedposts-list li p a[target="_blank"]{
	padding: 3px;
	padding-right: 15px;
	background: url(./images/icon/icon-outbound-link.png) right center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.keni-relatedposts-list li p a[target="_blank"]{
			background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

	}

.cont-nav{
	padding-top: 40px;
	border-top: 1px solid #ccc;
}

/*目次*/
.post-toc{
	margin-bottom: 40px;
	padding: 30px 20px;
	background: url(./images/common/bg-cast-box.png) #eeeeee;
}

/*コメント*/
.comment-form-author,
.comment-form-mail,
.comment-form-url{
	margin-bottom: 2em;
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{
	margin-bottom: 0;
}

.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter{
	/* display: block; */
	/* float: none; */
	/* margin-right: auto; */
	/* margin-bottom: 1em; */
	/* margin-left: auto; */
}

.post-tag a{
	word-break: break-all;
}

/*コメント一覧*/
.commentlist,
.commentlist .children{
	margin-left: 0;
}

.commentlist{
	border-bottom: 1px solid #ccc;
}

.commentlist li{
	list-style: none;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.commentlist li:last-child,
.commentlist ul li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

.reply a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.commentlist .children{
	margin-top: 1em;
	padding-top: 1em;
	padding-left: 40px;
	border-top: 1px solid #ccc;
}

/*ウィジェット*/
.rsswidget img{
	vertical-align: baseline;
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
	list-style: none;
	margin-bottom: 0.5em;
	padding-left: 13px;
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
	margin-top: 10px;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .widget_recent_entries li,
		.sub-conts .widget_rss li,
		.sub-conts .widget_archive li,
		.sub-conts .widget_recent_comments li,
        .sub-conts .widget_nav_menu li{
			background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{
	margin-top: 1em;
	margin-left: 10px;
}

.num-pv{
	font-size: 0.8em;
}

/*カレンダー*/
.calendar,
.calendar_wrap table{
	background: #fff;
	font-size: 0.875em;
}

.calendar caption,
.widget_calendar caption{
	font-weight: bold;
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{
	padding: 10px 0;
	text-align: center;
}

.calendar tfoot td,
.widget_calendar tfoot td{
	padding: 10px;
	border-right-width: 0;
	text-align: left;
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a,
.widget_calendar tfoot td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*ページ分割*/
.link-pages{
	margin-top: 2em;
	text-align: center;
	line-height: 1.2;
}

.link-pages span{
	display: inline-block;
	margin-left: 0;
}

.link-pages a,
.link-pages span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0.5em;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
	text-decoration: none;
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
	background: #c1c1c1;
	color: #fff;
}

.link-pages a span{
	display: inline;
	margin-right: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.link-pages .link-pages-cap{
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

/*キャプション*/
.wp-caption{
	max-width: 100%;
}


/*ギャラリー*/
.gallery,
.gallery-item{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery{
	margin-bottom: 1em;
}

.gallery-item{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
	margin: 1%;
}

.gallery-columns-2 .gallery-item{ max-width: 48%; }
.gallery-columns-3 .gallery-item{ max-width: 31.3%; }
.gallery-columns-4 .gallery-item{ max-width: 23%; }
.gallery-columns-5 .gallery-item{ max-width: 18%; }
.gallery-columns-6 .gallery-item{ max-width: 14.6%; }
.gallery-columns-7 .gallery-item{ max-width: 12.2%; }
.gallery-columns-8 .gallery-item{ max-width: 10.5%; }
.gallery-columns-9 .gallery-item{ max-width: 9.1%; }

.gallery-icon img{
	margin: 0 auto;
}

.gallery-caption{
	display: block;
	font-size: 0.875em;
}

/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e53935!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #4b3a24;
	border-radius: 50%;
	content: "";
}
	
/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40{
	height: auto;
	max-width: 40%;
}5

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(./images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.7);
	background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel{
	background-color: rgba(255,255,255,0.7); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both;}

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c {
	text-align: center;
	margin-bottom: 20px;
}

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 5px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ec6d35!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #f90; }/*橙*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }


.number_registered {
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;

}

.number_registered:before{
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.number_registered:after{
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}

.nored {
  color: #e15047;
  font-size: 150%;
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/

/*ポイントアイコンアイコン*/
.icon-point{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-point.png) left 3px no-repeat;
}

.icon-point-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-point-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-point{
			background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-point-l{
			background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*注意アイコン*/
.icon-caution{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-caution.png) left 3px no-repeat;
}

.icon-caution-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-caution-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-caution{
			background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-caution-l{
			background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*NEWアイコン*/
.icon-new{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-new.png) left 3px no-repeat;
}

.icon-new-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-new-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-new{
			background: url(./images/icon/icon-new@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-new-l{
			background: url(./images/icon/icon-new-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*初心者アイコン*/
.icon-wakaba{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-wakaba.png) left 3px no-repeat;
}

.icon-wakaba-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-wakaba-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-wakaba{
			background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-wakaba-l{
			background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*別ウインドウアイコン*/
.icon-blank{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-blank.png) left 3px no-repeat;
}

.icon-blank-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-blank-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-blank{
			background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-blank-l{
			background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印上アイコン*/
.icon-arrow-t{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat;
}

.icon-arrow-t-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-t{
			background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-t-l{
			background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印右アイコン*/
.icon-arrow-r{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat;
}

.icon-arrow-r-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-r{
			background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-r-l{
			background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

.icon-arrow-r-main {
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat;
}

p.icon-arrow-r-main {
	margin: 0px 130px 10px;
	width: 55%;
}

@media (min-width:768px) {
	p.icon-arrow-r-main {
		width: 75%;
	}
}

.icon-arrow-r-l-main {
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-r-main {
			background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-r-l-main {
			background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印下アイコン*/
.icon-arrow-b{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat;
}

.icon-arrow-b-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-b{
			background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-b-l{
			background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*矢印左アイコン*/
.icon-arrow-l{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat;
}

.icon-arrow-l-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-arrow-l{
			background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-arrow-l-l{
			background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ダウンロード用PDアイコン*/
.icon-dl{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-dl.png) left 3px no-repeat;
}

.icon-dl-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-dl-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-dl{
			background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-dl-l{
			background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*PDFアイコン*/
.icon-pdf{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-pdf.png) left 3px no-repeat;
}

.icon-pdf-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-pdf-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-pdf{
			background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-pdf-l{
			background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*Zipアイコン*/
.icon-zip{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-zip.png) left 3px no-repeat;
}


.icon-zip-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-zip-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-zip{
			background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-zip-l{
			background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*メールアイコン*/
.icon-mail{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-mail.png) left 3px no-repeat;
}

.icon-mail-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-mail-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-mail{
			background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-mail-l{
			background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ショッピングカートアイコン*/
.icon-cart{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-cart.png) left 3px no-repeat;
}

.icon-cart-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-cart-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-cart{
			background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-cart-l{
			background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*虫めがねアイコン*/
.icon-search{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-search.png) left 3px no-repeat;
}

.icon-search-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-search-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-search{
			background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-search-l{
			background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ホームアイコン*/
.icon-home{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-home.png) left 3px no-repeat;
}

.icon-home-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-home-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-home{
			background: url(./images/icon/icon-home@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-home-l{
			background: url(./images/icon/icon-home-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*フォルダアイコン*/
.icon-folder{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-folder.png) left 3px no-repeat;
}

.icon-folder-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-folder-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-folder{
			background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-folder-l{
			background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*時計アイコン*/
.icon-time{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-time.png) left 3px no-repeat;
}

.icon-time-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-time-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-time{
			background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-time-l{
			background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*カレンダーアイコン*/
.icon-calendar{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-calendar.png) left 3px no-repeat;
}


.icon-calendar-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-calendar-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-calendar{
			background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-calendar-l{
			background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*RSSアイコン*/
.icon-rss{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-rss.png) left 3px no-repeat;
}

.icon-rss-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-rss-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-rss{
			background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-rss-l{
			background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*ビルアイコン*/
.icon-building{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-building.png) left 3px no-repeat;
}

.icon-building-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-building-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-building{
			background: url(./images/icon/icon-building@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-building-l{
			background: url(./images/icon/icon-building-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

/*マップアイコン*/
.icon-map{
	padding: 0 0 0 30px;
	background: url(./images/icon/icon-map.png) left 3px no-repeat;
}

.icon-map-l{
	padding: 10px 0 10px 60px;
	background: url(./images/icon/icon-map-l.png) left top no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-map{
			background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.icon-map-l{
			background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}
	}

.outbound{
	padding: 3px;
	padding-left: 15px;
	background: url(./images/icon/icon-outbound-link.png) left center no-repeat;
	color: #d8505c;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.outbound{
			background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
			-webkit-background-size: 12px 12px;
			background-size: 12px 12px;
		}

	}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}



/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2016-12-20 11:04:09
----------------------------------------------------------------------*/


/*---------------------------------------------------------------------
	リンクのマウスオーバー
----------------------------------------------------------------------*/

a img:hover {
   opacity: 0.7;
}

a:hover { top:2px ;left:2px;  position:relative; 
}


/*---------------------------------------------------------------------
	固定ページヘッダー切り替え
----------------------------------------------------------------------*/


.see_mb{
    display: none;
}






.popup-notification{
	position: fixed;
	z-index: 110;
	bottom: 30px;
	right: 30px;
	width: 240px;
}
.popup-notification .message{
	position: fixed;
	width: 230px;
	height: 40px;
	margin-top: 15px;
	box-sizing: border-box;
	padding: 8px 10px 0 10px;
	background: #E95F64;
	border-radius: 4px;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    transition: bottom 0.5s;
    display:none;
    bottom: 30px;
    right: 30px;
}
.popup-notification .message .txt{
	text-align: left !important;
	color: #FFF !important;
	line-height: 1.5 !important;
	font-size: 14px !important;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif !important;
}
.popup-notification .message .delete{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: #666;
	border-radius: 8px;
}
.popup-notification .message .delete a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}
.popup-notification .message .delete a:before{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 3px;
	width: 10px;
	border-top: 2px solid #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup-notification .message .delete a:after{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 3px;
	width: 10px;
	border-top: 2px solid #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}













/*==========
レスポンシブ指定
==========*/
@media only screen and (max-width: 639px){

    .see_pc{
        display: none;
    }
    .see_mb{
        display: block;
    }

    .displayNone {
        display: none;
    }

    .accordion li {
        border-bottom: 1px solid #ccc;
        padding: 10px;
    }

    .accordion a {
        display: block;
    }

    .contentWrap {
        margin: 10px;
    }

	.switch {
		cursor:pointer;
		font-weight: bold;
		padding:10px 40px 10px 10px;
		font-size: 4.5vw;
		background: #E54E53;
		border-bottom: 1px solid #ccc;
		position: relative;
		color: #fff!important;
		background-image: url(./images/common/ico_search.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: 20px auto;
		padding-left: 40px;
		position: relative;

	}

	.switch:after {
		position: absolute;
		top: 60%;
		right: 10px;
		margin-top: -18px;
		content: '>';
		font-size: 18px;
		font-weight: bold;
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		-moz-transition: all, 0.25s, linear;
		-o-transition: all, 0.25s, linear;
		-webkit-transition: all, 0.25s, linear;
		transition: all, 0.25s, linear;
		font-family: sans-serif;
		color: #fff;
	}

	.switch.open:after {
		-moz-transform: translate(0, 50%);
		-ms-transform: translate(0, 50%);
		-webkit-transform: translate(0, 50%);
		transform: translate(0, 50%);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		font-family: sans-serif;
	}

}

.tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    width: 100%;
    margin-bottom: 30px;
    border: none;
}

@media screen and (max-width: 768px) {
    .tablepress {
        width: calc(220% - 280px - 3rem);
        /* width: 100%; */
    }
}

.tablepress {
    border: 0!important;
}

.tablepress td {
    border: solid 1px #BABABA;
    text-align: center;
}

.tablepress td {
    /* background: #f5faf4; */
    /* line-height: 24px!important; */
}

.tablepress td:first-child {
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    /* color: #fff; */
    font-size: 14px;
    box-sizing: border-box;
    border: 0;
}

.column-1, .tablepress td:first-child {
    width: 120px;
    border-left: 0;
    border: solid 1px #BABABA;
}

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6 {
    border: solid 1px #BABABA;
    padding: 6px;
}

.pad14 {
    padding: 14px;
}

.tablepress td:first-child {
    background: #DFDFDF!important;
}

.tablepress tbody tr:first-child td {
    border-top: 0;
    text-align: center;
}

.tablepress tbody tr:first-child td:first-child {
    position: static;
}

td.column-2, td.column-3, td.column-4, td.column-5, td.column-6 {
    font-size: 0.8em;
}

.mngbtm {
    margin-bottom: 10px;
}

th.column-2.txtcnt, th.column-3.txtcnt, th.column-4.txtcnt, th.column-5.txtcnt, th.column-6.txtcnt {
    text-align: center;
}

.txtunset {
    vertical-align:unset;
}

.scroll-hint-icon-wrap {
    position: absolute;
    top: -500px!important;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none;
}

.scroll-hint-icon {
    position: absolute;
    top: calc(40% - 25px);
    left: calc(50% - 60px);
    box-sizing: border-box;
    width: 130px;
    height: 90px;
    border-radius: 5px;
    transition: opacity .3s;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 20px 10px 10px 10px;
}

scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
}

.scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    transition-delay: 2.4s;
}

.scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2;
}

img.ranktblimg {
    width: 109px;
    height: auto;
    max-width: unset;
}

@media screen and (max-width: 768px) {
    img.ranktblimg {
        width: 85px;
    }
}

.scroll-hint-text {
    font-size: 10px;
    color: #FFF;
    margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
}