/*
Theme Name: wk_tenshoku-web
Theme URI:
Description: 転職サファリ　Ver. PC,SP共通テーマです。
Author:
Author URI: none
Version: 1.0
*/
@charset "utf-8";
body, html {
	min-width: 1200px
}
.quiz_circle, .quiz_right_light {
	-webkit-animation: quiz_circle 3s linear infinite;
	-moz-animation: quiz_circle 3s linear infinite
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignleft {
	float: left;
	margin-right: 20px
}
.alignright {
	float: right;
	margin-left: 20px
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0
}
.img_comic {
	border: 2px solid #000;
	width: 666px
}
.content_txt .app_link li {
	background: 0 0;
	float: left;
	padding: 0;
	width: 30%;
	margin: 0 .5em
}
#breadcrumb {
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
	font-size: 13px;
	line-height: 21px;
	color: rgba(74,74,74,1);
	border: 1px solid rgba(206,174,67,1);
	background-color: rgba(255,255,255,1);
	vertical-align: top
}
#breadcrumb>span:first-child {
	display: inline-block;
	color: rgba(255,255,255,1)
}
#breadcrumb>span:first-child:after {
	display: inline-block;
	content: "";
	border-top: 10px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid rgba(206,174,67,1);
	width: 0;
	height: 0;
	vertical-align: top
}
#breadcrumb>span:first-child a {
	color: rgba(255,255,255,1);
	background-color: rgba(206,174,67,1);
	padding: 0 12px 0 15px;
	height: 21px
}
#breadcrumb a {
	color: #3d65bf;
	display: inline-block;
	text-decoration: underline;
	padding: 0
}
#breadcrumb a:hover, .wp-pagenavi a {
	text-decoration: none
}
#breadcrumb a:hover {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
#breadcrumb span span:before, #breadcrumb span:before {
	content: ">";
	margin: 0 2px
}
#breadcrumb span:first-child:before, #breadcrumb span:nth-child(2):before {
	content: "";
	margin: 0
}
.wp_pagenavi_out {
	text-align: center
}
.wp-pagenavi {
	margin: 0 auto;
	letter-spacing: -.4em
}
.wp-pagenavi .extend {
	display: inline-block;
	font-size: 30px;
	line-height: 100%;
	font-weight: 700;
	letter-spacing: normal;
	color: rgba(255,255,255,1);
	padding: 4px 0 0
}
.wp-pagenavi .current, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .nextpostslink, .wp-pagenavi .page, .wp-pagenavi .previouspostslink {
	display: inline-block;
	letter-spacing: normal;
	position: relative;
	font-size: 30px;
	line-height: 56px;
	font-weight: 700;
	color: #0074a4;
	background-color: rgba(255,255,255,1);
	margin: 0 8px;
	padding: 0;
	height: 56px;
	width: 56px;
	text-align: center;
	vertical-align: top;
	-webkit-box-shadow: 2px 2px #003348;
	-moz-box-shadow: 2px 2px #003348;
	box-shadow: 2px 2px #003348
}
body, html, table {
	width: 100%
}
.wp-pagenavi .current, .wp-pagenavi .first:hover, .wp-pagenavi .last:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .page:hover, .wp-pagenavi .previouspostslink:hover {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	color: rgba(255,255,255,1);
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	line-height: 48px
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none!important
}
.yarpp-related {
	margin: 0!important
}
iframe, twitterwidget {
	margin: 0 auto
}
#sp_footer_fix, #sp_header, .pagenavi_cat_sp, .sp_br, .sp_menu_out, .top_snslist_top_sp {
	display: none
}
.pc_br {
	display: inline-block
}
html {
	overflow-x: hidden
}
body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	text-align: justify;
	font: 16px/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 175%;
	z-index: 1;
	background-image: url(images/common/bg-h1.png), url(images/common/bg-body-paper.png), url(images/common/bg-body-sky.jpg), url(images/common/bg-body-lattice.png);
	background-position: center top;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat;
	background-attachment: scroll, fixed, fixed, scroll
}
.chara_name, .content_txt .matome h2, .content_txt h2, .faq_tit, .index_entry_loop_box_tit h3 a, .main_side_cat_list li a, .omoshiro_tit, h1, h4 {
	font-family: "Ryumin Bold KL"
}
a {
	display: block;
	transition: all .2s ease-out 0s;
	color: #0c6ed3;
	text-decoration: underline
}
a:active, a:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1;
	color: #0c6ed3;
	text-decoration: none
}
.tbl_title, .title_sub {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	border-left: 6px solid rgba(206,174,67,1);
	padding: 2px 0 2px 18px;
	margin: 50px 0 0
}
.annotation {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0
}
table+.annotation {
	margin: -10px 0 0
}
table {
	margin: 20px auto;
	text-align: justify;
	box-sizing: border-box;
	border: 1px solid rgba(128,196,205,1)
}
.main_side_cat_list, table td {
	text-align: left
}
table td, table th {
	vertical-align: top;
	padding: 12px 15px
}
table th, table.typeTL tr:first-child th:first-child {
	background-color: rgba(1,138,156,1);
	color: rgba(255,255,255,1);
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	font-weight: 700;
	border-left: 1px solid rgba(255,255,255,1);
	border-top: 1px solid rgba(255,255,255,1);
	white-space: nowrap
}
table.typeTL tr:first-child th:first-child {
	border-top: none;
	border-left: none
}
table tr:first-child td, table tr:first-child th {
	border-top: none
}
table td, table.typeTL th:first-child {
	color: rgba(0,0,0,1);
	border-top: 1px solid rgba(128,196,205,1)
}
table th:first-child {
	border-left: none
}
table td {
	font-size: 16px;
	line-height: 28px;
	border-left: 1px solid rgba(128,196,205,1)
}
.header_area, .main_side_cat_tit {
	font-size: 0;
	line-height: 0;
	padding: 0
}
table.typeTL th:first-child {
	background-color: rgba(233,243,244,1)
}
.content_txt table ul {
	margin: 0
}
.content_txt table ul li {
	margin: 0 0 8px
}
.btn_pagetop {
	position: fixed;
	right: 10px;
	bottom: -100px;
	z-index: 10000;
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
#main_contents, .contents_area, .img_pagetop, .side_area, .side_pole {
	position: relative
}
#main_contents {
	z-index: 80
}
.main_contents {
	margin: 0 auto;
	padding: 0
}
.main_contents_area {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1000
}
.contents_area {
	width: 810px;
	margin: 21px 0 0;
	padding: 0;
	float: right;
	z-index: 75
}
.side_area {
	width: 320px;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 70
}
.header_area {
	margin: 0 auto
}
.header_logo {
	padding: 0;
	margin: 0 -54px 0 -35px;
	width: 409px;
	height: 161px
}
.header_logo a {
	display: block;
	background: url(images/common/logo.png) left top no-repeat;
	width: 409px;
	height: 161px
}
.side_pole {
	margin: 74px 0 0;
	padding: 0;
	background: url(images/common/bg-side-pole.png) left top repeat-y
}
.side_pole:before {
	content: "";
	display: block;
	background: url(images/common/bg-side-pole-top.png) left top no-repeat;
	width: 345px;
	height: 107px;
	position: absolute;
	top: -102px;
	left: 0
}
.side_pole_in {
	position: relative;
	z-index: 1
}
.side_pole_in:after, .side_pole_in:before {
	z-index: -1;
	position: absolute;
	display: block;
	content: ""
}
.side_pole_in:before {
	background: url(images/common/bg-side-cat-display-black.png) left top no-repeat;
	width: 102px;
	height: 64px;
	top: 216px;
	left: 0
}
.side_pole_in:after {
	background: url(images/common/bg-side-cat-display-white.png) left top no-repeat;
	width: 68px;
	height: 53px;
	top: 285px;
	left: 32px
}
.main_side_cat_tit {
	margin: 0;
	position: absolute;
	background: url(images/common/h2-side-cat.png) left top no-repeat;
	width: 161px;
	height: 48px;
	top: -49px;
	left: 145px
}
.main_side_cat_in {
	margin: 0 auto 12px 94px;
	padding: 0;
	width: 37px
}
.main_side_cat_list li {
	position: relative;
	z-index: 1;
	background: url(images/common/bg-side-cat-pole.png) left top no-repeat;
	width: 37px;
	height: 84px;
	margin: 0 0 -6px;
	padding: 0;
	box-sizing: border-box
}
.main_side_cat_list li:hover {
	cursor: pointer;
	animation-name: shake-vertical;
	animation-duration: .1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-play-state: running
}
.main_side_cat_list li:last-child {
	margin-bottom: 0
}
@keyframes shake-vertical {
25% {
transform:translate(0, -7px) rotate(0)
}
0%, 100%, 50% {
transform:translate(0, 0) rotate(0)
}
75% {
transform:translate(0, 7px) rotate(0)
}
}
.main_side_cat_list li a {
	position: absolute;
	z-index: -1;
	display: block;
	width: 229px;
	height: 72px;
	margin: 0;
	padding: 26px 0 0 20px;
	background-position: 19px 47px, left 3px;
	background-repeat: no-repeat;
	font-size: 18px;
	line-height: 100%;
	font-weight: 900;
	font-style: italic;
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 5px #000;
	text-decoration: none;
	box-sizing: border-box;
	top: 2px;
	left: 30px;
	transform-origin: left bottom;
	transform: rotate(-10.8deg);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.main_side_cat_list li a span {
	display: inline-block;
	transform-origin: left bottom;
	transform: rotate(1deg)
}
.main_side_cat_list li.main_side_cat_list_knowledge a {
	background-image: url(images/common/bg-side-cat-line-knowledge.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_start a {
	background-image: url(images/common/bg-side-cat-line-start.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_documents a {
	background-image: url(images/common/bg-side-cat-line-documents.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_interview a {
	background-image: url(images/common/bg-side-cat-line-interview.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_retirement a {
	background-image: url(images/common/bg-side-cat-line-retirement.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_decision a {
	background-image: url(images/common/bg-side-cat-line-decision.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_resolve a {
	background-image: url(images/common/bg-side-cat-line-resolve.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_labor_law a {
	background-image: url(images/common/bg-side-cat-line-labor-law.png), url(images/common/bg-side-cat-display.png);
	letter-spacing: -.06em
}
.main_side_cat_list li.main_side_cat_list_site a {
	background-image: url(images/common/bg-side-cat-line-site.png), url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_consultation a {
	padding: 13px 0 0 87px;
	background-image: url(images/common/bg-side-cat-line-consultation.png), url(images/common/bg-side-cat-display-consultation.png);
	background-position: 88px 53px, left 3px
}
.main_side_cat_list li a span.cat_column {
	padding: 0 0 3px 4px;
	transform: none;
	font-size: 12px;
	line-height: 100%;
	color: rgba(237,232,170,1)
}
.wpp-post-title, .wpp-post-title:active, .wpp-post-title:hover, h1 {
	color: rgba(255,255,255,1)
}
.main_side_cat_list li:active a, .main_side_cat_list li:hover a {
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	zoom: 1;
	transition: all .2s ease-out 0s;
	padding-left: 25px;
	background-image: none, url(images/common/bg-side-cat-display.png)
}
.main_side_cat_list li.main_side_cat_list_consultation:hover a {
	padding-left: 92px;
	background-image: none, url(images/common/bg-side-cat-display-consultation.png)
}
.main_side_lady {
	position: relative;
	padding: 0 0 22px 160px;
	margin: 0 auto 0 0;
	width: 160px
}
.main_side_lady:before {
	position: absolute;
	content: "";
	display: block;
	background: url(images/common/chara-side.png) left top no-repeat;
	width: 148px;
	height: 235px;
	bottom: -1px;
	left: 0
}
.main_side_lady_list li {
	display: block;
	width: 160px;
	height: 130px;
	font-size: 0;
	line-height: 0;
	margin: 0 0 17px
}
.main_side_lady_list li:last-child {
	margin-bottom: 0
}
.main_side_lady_list li a {
	display: block;
	width: 160px;
	height: 130px;
	background-size: 100%
}
.main_side_lady_list_mother a {
	background: url(images/common/banner-side-mother.jpg) left top no-repeat
}
.main_side_lady_list_female a {
	background: url(images/common/banner-side-female.jpg) left top no-repeat
}
#main_side_search {
	margin: 0 0 38px;
	width: 320px;
	height: 46px;
	padding: 0 49px 0 0;
	box-sizing: border-box;
	position: relative;
	background-color: rgba(255,255,255,1)
}
#main_side_search input[type=text] {
	background-color: transparent;
	border: none;
	height: 46px;
	padding: 0 20px;
	vertical-align: top;
	width: 100%;
	font-size: 15px;
	line-height: 42px;
	border-left: 2px solid rgba(85,85,85,1);
	border-top: 2px solid rgba(85,85,85,1);
	border-bottom: 2px solid rgba(85,85,85,1);
	box-sizing: border-box;
	color: rgba(0,0,0,1)
}
#main_side_search input[type=image] {
	position: absolute;
	right: 0;
	top: 0
}
#main_side_search input[type=image]:hover {
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1
}
.main_side_banner {
	margin: 0;
	padding: 0 0 20px;
	width: 320px
}
.main_side_banner_list li {
	height: 130px;
	font-size: 0;
	line-height: 0;
	margin: 0 0 17px
}
.main_side_banner_list li:last-child {
	margin-bottom: 0
}
.main_side_banner_list li a {
	display: block;
	width: 320px;
	height: 130px;
	background-size: 100% auto
}
.main_side_banner_list_concept a {
	background: url(images/common/banner-side-concept.jpg) left top no-repeat
}
.main_side_banner_list_history a {
	background: url(images/common/banner-side-history.jpg) left top no-repeat
}
.omoshiro_tit {
	text-align: center;
	font-size: 24px;
	margin: 14px 0 7px
}
.guest_banner_01 {
	margin: 0 0 70px
}
.guest_banner_01 a {
	font-size: 0;
	display: block;
	width: 320px;
	height: 167px;
	background: url(images/common/banner-omoshiro01.png) left top no-repeat;
	background-size: 100% auto
}
.concept .guest_banner_01, .concept .main_side_banner {
	display: none
}
.main_side_ranking {
	position: relative;
	margin: 40px 0 0;
	width: 320px;
	background-color: rgba(1,138,156,1)
}
.main_side_ranking_tit {
	position: absolute;
	font-size: 0;
	line-height: 0;
	background: url(images/common/ranking-tit.png) left top no-repeat;
	width: 318px;
	height: 58px;
	top: -22px;
	left: 1px
}
.wpp-list {
	padding: 43px 0 0
}
.wpp-list li {
	padding: 25px 15px 30px 13px;
	border-bottom: 1px solid rgba(255,255,255,1);
	box-sizing: border-box;
	transition: all .2s ease-out 0s;
	cursor: pointer
}
.wpp-list li:last-child {
	border: none;
	padding-bottom: 42px
}
.wpp-list li:active, .wpp-list li:hover {
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1
}
.wpp-list li:active a, .wpp-list li:hover a {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none
}
.wpp-post-thumbnail {
	position: relative;
	font-size: 0;
	line-height: 0;
	height: 71px;
	width: 115px;
	z-index: 500;
	box-sizing: border-box;
	float: left;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.wpp-post-thumbnail:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 600;
	width: 23px;
	height: 22px;
	top: -10px;
	left: -3px
}
.wpp-list li:nth-child(1), .wpp-list li:nth-child(2), .wpp-list li:nth-child(3) {
	padding-top: 32px
}
.wpp-list li:nth-child(1) .wpp-post-thumbnail:before {
	background: url(images/common/icon-ranking-01.png) left top no-repeat
}
.wpp-list li:nth-child(2) .wpp-post-thumbnail:before {
	background: url(images/common/icon-ranking-02.png) left top no-repeat
}
.wpp-list li:nth-child(3) .wpp-post-thumbnail:before {
	background: url(images/common/icon-ranking-03.png) left top no-repeat
}
.wpp-post-title {
	display: block;
	width: 169px;
	font-size: 14px;
	line-height: 26px;
	font-weight: 700;
	margin: -6px 0 0;
	float: right
}
.contents_in {
	font-size: 16px;
	line-height: 28px;
	width: 810px
}
.main_title {
	width: 672px;
	margin: 7px auto 13px 70px
}
h1 {
	font-size: 42px;
	line-height: 56px;
	text-align: justify
}
.main_image {
	position: relative;
	margin: 0 auto 0 55px;
	background: url(images/common/bg-mainimage.png) center top no-repeat;
	padding: 14px 0 0;
	width: 700px;
	height: 441px;
	box-sizing: border-box;
	z-index: 125
}
.main_image img {
	margin: 0 auto;
	display: block
}
.content_txt ul.snslist {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	z-index: 30;
	letter-spacing: -.4em
}
.content_txt ul.snslist_top {
	margin-bottom: 40px
}
.content_txt ul.snslist_bottom {
	margin-top: 43px
}
.content_txt ul.snslist li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	padding: 0;
	margin: 0 20px 0 0;
	vertical-align: top;
	background-image: none
}
.content_txt ul.snslist li:last-child {
	margin-right: 0
}
.content_txt ul.snslist li a {
	display: block;
	width: 210px;
	height: 54px;
	-webkit-box-shadow: 2px 2px 10px rgba(132,222,255,1);
	-moz-box-shadow: 2px 2px 10px rgba(132,222,255,1);
	box-shadow: 2px 2px 10px rgba(132,222,255,1)
}
.btn_twitter {
	background: url(images/common/btn-twitter.png) left top no-repeat
}
.btn_hatena {
	background: url(images/common/btn-hatena.png) left top no-repeat
}
.btn_facebook {
	background: url(images/common/btn-facebook.png) left top no-repeat
}
.content_txt {
	position: relative;
	margin: -8px 0 0;
	width: 670px;
	padding: 34px 69px 100px;
	border: 1px solid rgba(206,174,67,1);
	border-bottom: none;
	background-color: rgba(255,255,255,1);
	z-index: 100
}
.content_txt_date {
	text-align: left;
	font-size: 13px;
	line-height: 100%;
	color: rgba(1,138,156,1);
	margin: 0 0 16px
}
.mokuji {
	position: relative;
	margin: 100px 0 65px;
	padding: 0;
	background: url(images/common/bg-mokuji-bottom.png) center bottom no-repeat, url(images/common/bg-mokuji.png) center top repeat-y
}
.mokuji:before {
	position: absolute;
	content: "";
	display: block;
	background: url(images/common/bg-mokuji-top.png) left top no-repeat;
	top: -73px;
	left: 0;
	width: 670px;
	height: 73px
}
.content_txt .mokuji ul {
	margin: 0;
	padding: 18px 38px 28px
}
.content_txt .mokuji li {
	font-size: 16px;
	line-height: 28px;
	font-weight: 700;
	text-align: justify;
	margin: 0 0 8px;
	padding: 2px 0 0 36px;
	background: url(images/common/icon-mokuji.png) left 4px no-repeat;
	background-size: 4% auto;
	min-height: 29px
}
.content_txt .mokuji li:last-child {
	margin-bottom: 0
}
.content_txt .mokuji a {
	color: rgba(12,110,211,1);
	text-decoration: underline
}
.m_bnr {
	text-align: center
}
.content_txt h2, .content_txt h3, .content_txt p, .waku {
	text-align: justify
}
.m_bnr img {
	max-width: 360px
}
.content_txt h2 {
	position: relative;
	margin: 80px -69px 20px -91px;
	padding: 32px 0 0 34px;
	background: url(images/common/bg-h2.png) left top no-repeat;
	font-size: 36px;
	line-height: 44px;
	color: rgba(1,138,156,1)
}
.content_txt h2:after, .content_txt h2:before {
	position: absolute;
	content: "";
	display: block;
	left: 0
}
.content_txt h2:before {
	width: 830px;
	height: 41px;
	background: url(images/common/bg-h2-top.png) left bottom no-repeat;
	top: -41px
}
.content_txt h2:after {
	width: 21px;
	height: 24px;
	background: url(images/common/bg-h2-bottom.png) left top no-repeat;
	bottom: -24px
}
.content_txt h2 span {
	position: relative;
	display: block;
	width: 796px;
	padding: 25px 132px 22px 37px;
	background-color: rgba(255,255,255,1);
	border-bottom: 6px solid rgba(181,202,216,1);
	box-sizing: border-box;
	-webkit-box-shadow: -2px -3px 10px #011a33;
	-moz-box-shadow: -2px -3px 10px #011a33;
	box-shadow: -2px -3px 10px #011a33
}
.content_txt h2 span:after, .content_txt h2 span:before {
	position: absolute;
	display: block;
	content: ""
}
.content_txt h2 span:before {
	background: url(images/common/bg-h2-sticky.png) left bottom no-repeat;
	width: 796px;
	height: 26px;
	top: -26px;
	left: 0
}
.content_txt h2 span:after {
	background: url(images/common/h2-chara.png) left top no-repeat;
	width: 133px;
	height: 210px;
	bottom: -13px;
	right: 0
}
.content_txt h3 {
	font-family: "Ryumin Bold KL";
	font-size: 30px;
	line-height: 40px;
	color: rgba(41,41,41,1);
	padding: 62px 0 14px;
	margin: 60px 0 20px;
	background: url(images/common/bg-h3-top-01.png) center top no-repeat;
	border-bottom: 1px solid rgba(0,116,164,1)
}
.content_txt h3:nth-of-type(2n) {
	padding: 71px 0 16px;
	background: url(images/common/bg-h3-top-02.png) center top no-repeat
}
h4 {
	font-size: 20px;
	line-height: 30px;
	border-left: 6px solid rgba(1,138,156,1);
	padding: 7px 0 7px 18px;
	margin: 50px 0 0;
	background: #e4fafd
}
.content_txt a {
	display: inline
}
.content_txt a:hover {
	text-decoration: none
}
.content_txt p {
	margin: 20px 0;
	font-size: 100%
}
.content_txt p:first-child, .content_txt_date+p {
	margin-top: 0
}
.content_txt p:last-child {
	margin-bottom: 0
}
.content_txt ul {
	font-weight: 700;
	margin: 30px 0
}
.content_txt ul li {
	background: url(images/common/list-disc.png) left 8px no-repeat;
	padding: 0 0 0 22px;
	margin: 0 0 10px 9px;
	font-weight: 700
}
.content_txt li:last-child {
	margin-bottom: 0
}
.content_txt ol {
	font-weight: 700;
	margin: 30px 0;
	counter-reset: number;
	list-style: none
}
.content_txt ol li {
	position: relative;
	padding: 0 0 0 22px;
	margin: 0 0 10px 9px;
	font-weight: 700
}
.content_txt ol li:last-child {
	margin-bottom: 0
}
.content_txt ol li:before {
	counter-increment: number;
	content: counter(number)".";
	background: 0 0;
	width: auto;
	height: 16px;
	line-height: 28px;
	font-weight: 700;
	color: #018a9c;
	position: absolute;
	top: 0;
	left: 0
}
.content_txt .check-box {
	position: relative;
	margin: 30px 0;
	padding: 8px;
	background-color: rgba(213,250,255,1);
	border: 2px solid rgba(190,233,239,1);
	box-sizing: border-box
}
.content_txt .check-box:after {
	content: "";
	background: url(images/common/checkbox-chara.png) right bottom no-repeat;
	width: 204px;
	height: 156px;
	position: absolute;
	right: -48px;
	bottom: -17px
}
ul.check-box li {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin: 0 0 9px;
	padding: 10px 105px 10px 58px;
	background-image: url(images/common/bg-checkbox-bottom.png), url(images/common/bg-checkbox-top.png), url(images/common/bg-checkbox.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left bottom, left top, left top
}
ul.check-box li:last-child {
	margin-bottom: 0
}
ul.check-box li .b, ul.check-box li .red {
	font-size: inherit;
	line-height: inherit
}
.content_txt blockquote {
	position: relative;
	font-size: 14px;
	line-height: 28px;
	padding: 23px 30px 27px;
	margin: 40px 0;
	background-color: rgba(236,243,246,1)
}
.content_txt blockquote:after, .content_txt blockquote:before {
	position: absolute;
	content: "";
	height: 21px;
	display: block
}
.content_txt .b, .content_txt .red {
	font-weight: 700!important;
	font-size: 112.5%
}
.content_txt blockquote p:last-child {
	margin: 0
}
.content_txt blockquote:before {
	background: url(images/common/icon-blockquote-top.png) left top no-repeat;
	width: 26px;
	top: -8px;
	left: 16px
}
.content_txt blockquote:after {
	background: url(images/common/icon-blockquote-bottom.png) left top no-repeat;
	width: 25px;
	bottom: -9px;
	right: 20px
}
.comment, .comment>div, .morelink_l, .moretitle, .waku {
	position: relative
}
.content_txt .red {
	color: rgba(212,52,52,1)
}
.bgc-yellow, .morelink_r a, .notit {
	font-weight: 700
}
.bgc-yellow {
	background: -moz-linear-gradient(transparent 50%, rgba(248,254,154,1) 50%, rgba(248,254,154,1) 85%, rgba(255,255,255,1) 85%);
	background: -webkit-linear-gradient(transparent 50%, rgba(248,254,154,1) 50%, rgba(248,254,154,1) 85%, rgba(255,255,255,1) 85%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(248,254,154,1)), color-stop(.85, rgba(248,254,154,1)), color-stop(.85, rgba(255,255,255,1)));
	background: -o-linear-gradient(transparent 50%, rgba(248,254,154,1) 50%, rgba(248,254,154,1) 85%, rgba(255,255,255,1) 85%);
	background: linear-gradient(transparent 50%, rgba(248,254,154,1) 50%, rgba(248,254,154,1) 85%, rgba(255,255,255,1) 85%);
	font-size: 18px;
	line-height: 28px;
	margin: 30px 0
}
.bgb-beige {
	margin: 40px 0;
	padding: 17px 30px 15px;
	background-color: rgba(250,244,195,1);
	background-image: url(images/common/bg-beige-top.png), url(images/common/bg-beige-bottom.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom
}
.bgb-beige p:last-child {
	margin: 0
}
.morebox_link {
	background: url(images/common/bg-morelink.png) left top no-repeat;
	width: 670px;
	height: 158px;
	margin: 50px auto;
	cursor: pointer
}
.morebox_link:active a, .morebox_link:hover a {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.morebox_link:active, .morebox_link:hover {
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1;
	transition: all .2s ease-out 0s
}
.morelink_l {
	width: 193px;
	float: left;
	margin: 20px 0 0 17px
}
.morelink_l img {
	display: block;
	width: 193px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.morelink_r {
	width: 415px;
	float: right;
	margin: 0 30px 0 0
}
.chara_area_in_l, .no {
	float: left
}
.moretitle {
	margin: -23px 0 4px 21px;
	font-size: 0;
	line-height: 0;
	z-index: 5;
	width: 276px;
	height: 75px;
	background: url(images/common/morelink-catch.png) left top no-repeat
}
.morelink_r a {
	font-size: 18px;
	line-height: 30px;
	color: rgba(12,110,211,1);
	text-decoration: underline;
	width: 416px;
	display: block;
	padding: 0 0 0 31px;
	box-sizing: border-box;
	background: url(images/common/icon-morelink.png) left 4px no-repeat;
	margin: 20px 0 0
}
.morebox_link:active .morelink_r a, .morebox_link:hover .morelink_r a {
	text-decoration: none
}
.morelink_r p {
	margin: 0
}
.referrer, .waku {
	margin: 40px 0;
	line-height: 28px
}
.referrer {
	padding: 15px 30px;
	font-size: 14px;
	background-color: rgba(236,243,246,1)
}
.waku {
	padding: 27px 30px 35px;
	font-size: 15px;
	background-image: url(images/common/bg-waku-top.png), url(images/common/bg-waku-bottom.png), url(images/common/bg-waku.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top
}
.waku p {
	margin-bottom: 28px
}
.waku p:last-child {
	margin: 0
}
.waku ul:first-child {
	margin-top: 10px
}
.waku ul:last-child {
	margin-bottom: 0
}
.notit {
	padding-left: 33px;
	margin: 30px 0 10px
}
.no {
	margin: 0 0 0 -36px;
	width: 30px;
	height: 29px;
	display: block;
	background-color: #26486d;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	padding: 1px 0 0
}
.comment {
	margin: 70px 0 45px;
	padding: 0;
	z-index: 1;
	min-height: 140px
}
.comment+.comment {
	margin-top: 45px
}
.comment:last-child {
	margin-bottom: 80px
}
.comment>div {
	font-size: 18px;
	line-height: 30px;
	font-style: oblique;
	color: rgba(0,0,0,1);
	padding: 16px 23px 23px 21px;
	width: 523px;
	margin: 0 auto 0 0;
	text-align: justify;
	z-index: 50;
	box-sizing: border-box
}
.comment>div:after, .comment>div:before {
	position: absolute;
	display: block;
	content: ""
}
.comment>div:before {
	z-index: 60;
	width: 35px;
	height: 22px;
	top: 21px
}
.comment>div:after {
	z-index: 55
}
.comment .comment_teacher_angry, .comment .comment_teacher_basic, .comment .comment_teacher_cry, .comment .comment_teacher_smile, .comment .comment_teacher_surprised {
	margin-left: auto;
	margin-right: 0;
	background-image: url(images/common/comment/comment-waku-teacher-top.png), url(images/common/comment/comment-waku-teacher-bottom.png), url(images/common/comment/comment-waku-teacher.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: right top, right bottom, right top
}
.comment .comment_teacher_angry:before, .comment .comment_teacher_basic:before, .comment .comment_teacher_cry:before, .comment .comment_teacher_smile:before, .comment .comment_teacher_surprised:before {
	background: url(images/common/comment/comment-waku-teacher-fukidashi.png) left top no-repeat;
	width: 30px;
	height: 17px;
	top: 25px;
	left: -28px;
	right: auto
}
.comment .comment_teacher_basic:after {
	background: url(images/common/comment/comment-chara-teacher-basic.png) left top no-repeat;
	width: 137px;
	height: 157px;
	top: -18px;
	left: -147px
}
.comment .comment_teacher_smile:after {
	background: url(images/common/comment/comment-chara-teacher-smile.png) left top no-repeat;
	width: 137px;
	height: 155px;
	top: -18px;
	left: -147px
}
.comment .comment_teacher_surprised:after {
	background: url(images/common/comment/comment-chara-teacher-surprised.png) left top no-repeat;
	width: 137px;
	height: 154px;
	top: -18px;
	left: -147px
}
.comment .comment_teacher_cry:after {
	background: url(images/common/comment/comment-chara-teacher-cry.png) left top no-repeat;
	width: 137px;
	height: 155px;
	top: -18px;
	left: -147px
}
.comment .comment_teacher_angry:after {
	background: url(images/common/comment/comment-chara-teacher-angry.png) left top no-repeat;
	width: 137px;
	height: 155px;
	top: -18px;
	left: -147px
}
.comment .comment_coronta_angry, .comment .comment_coronta_basic, .comment .comment_coronta_cry, .comment .comment_coronta_doubt, .comment .comment_coronta_smile, .comment .comment_coronta_surprised {
	background-image: url(images/common/comment/comment-waku-coronta-top.png), url(images/common/comment/comment-waku-coronta-bottom.png), url(images/common/comment/comment-waku-coronta.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top
}
.comment .comment_coronta_angry:before, .comment .comment_coronta_basic:before, .comment .comment_coronta_cry:before, .comment .comment_coronta_doubt:before, .comment .comment_coronta_smile:before, .comment .comment_coronta_surprised:before {
	background: url(images/common/comment/comment-waku-coronta-fukidashi.png) left top no-repeat;
	right: -27px
}
.comment .comment_coronta_basic:after {
	background: url(images/common/comment/comment-chara-coronta-basic.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -30px;
	right: -146px
}
.comment .comment_coronta_smile:after {
	background: url(images/common/comment/comment-chara-coronta-smile.png) left top no-repeat;
	width: 137px;
	height: 163px;
	top: -18px;
	right: -146px
}
.comment .comment_coronta_angry:after {
	background: url(images/common/comment/comment-chara-coronta-angry.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	right: -146px
}
.comment .comment_coronta_cry:after {
	background: url(images/common/comment/comment-chara-coronta-cry.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	right: -146px
}
.comment .comment_coronta_surprised:after {
	background: url(images/common/comment/comment-chara-coronta-surprised.png) left top no-repeat;
	width: 137px;
	height: 168px;
	top: -32px;
	right: -146px
}
.comment .comment_coronta_doubt:after {
	background: url(images/common/comment/comment-chara-coronta-doubt.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	right: -146px
}
.comment .comment_usagine_angry, .comment .comment_usagine_basic, .comment .comment_usagine_cry, .comment .comment_usagine_smile, .comment .comment_usagine_surprised, .comment_usagine_doubt {
	background-image: url(images/common/comment/comment-waku-usagine-top.png), url(images/common/comment/comment-waku-usagine-bottom.png), url(images/common/comment/comment-waku-usagine.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top
}
.comment .comment_usagine_angry:before, .comment .comment_usagine_basic:before, .comment .comment_usagine_cry:before, .comment .comment_usagine_doubt:before, .comment .comment_usagine_smile:before, .comment .comment_usagine_surprised:before {
	background: url(images/common/comment/comment-waku-usagine-fukidashi.png) left top no-repeat;
	right: -27px
}
.comment .comment_usagine_basic:after {
	background: url(images/common/comment/comment-chara-usagine-basic.png) left top no-repeat;
	width: 137px;
	height: 162px;
	top: -31px;
	right: -145px
}
.comment .comment_usagine_smile:after {
	background: url(images/common/comment/comment-chara-usagine-smile.png) left top no-repeat;
	width: 137px;
	height: 173px;
	top: -31px;
	right: -145px
}
.comment .comment_usagine_angry:after {
	background: url(images/common/comment/comment-chara-usagine-angry.png) left top no-repeat;
	width: 137px;
	height: 162px;
	top: -30px;
	right: -145px
}
.comment .comment_usagine_cry:after {
	background: url(images/common/comment/comment-chara-usagine-cry.png) left top no-repeat;
	width: 137px;
	height: 163px;
	top: -29px;
	right: -145px
}
.comment .comment_usagine_surprised:after {
	background: url(images/common/comment/comment-chara-usagine-surprised.png) left top no-repeat;
	width: 137px;
	height: 183px;
	top: -32px;
	right: -145px
}
.comment .comment_usagine_doubt:after {
	background: url(images/common/comment/comment-chara-usagine-doubt.png) left top no-repeat;
	width: 137px;
	height: 163px;
	top: -29px;
	right: -145px
}
.comment .comment_nemi_angry, .comment .comment_nemi_basic, .comment .comment_nemi_cry, .comment .comment_nemi_smile, .comment .comment_nemi_surprised, .comment_nemi_doubt {
	background-image: url(images/common/comment/comment-waku-nemi-top.png), url(images/common/comment/comment-waku-nemi-bottom.png), url(images/common/comment/comment-waku-nemi.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top
}
.comment .comment_nemi_angry:before, .comment .comment_nemi_basic:before, .comment .comment_nemi_cry:before, .comment .comment_nemi_doubt:before, .comment .comment_nemi_smile:before, .comment .comment_nemi_surprised:before {
	background: url(images/common/comment/comment-waku-nemi-fukidashi.png) left top no-repeat;
	right: -27px
}
.comment .comment_nemi_basic:after {
	background: url(images/common/comment/comment-chara-nemi-basic.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	right: -147px
}
.comment .comment_nemi_smile:after {
	background: url(images/common/comment/comment-chara-nemi-smile.png) left top no-repeat;
	width: 137px;
	height: 154px;
	top: -19px;
	right: -147px
}
.comment .comment_nemi_angry:after {
	background: url(images/common/comment/comment-chara-nemi-angry.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	right: -147px
}
.comment .comment_nemi_cry:after {
	background: url(images/common/comment/comment-chara-nemi-cry.png) left top no-repeat;
	width: 138px;
	height: 154px;
	top: -19px;
	right: -148px
}
.comment .comment_nemi_surprised:after {
	background: url(images/common/comment/comment-chara-nemi-surprised.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -30px;
	right: -147px
}
.comment .comment_nemi_doubt:after {
	background: url(images/common/comment/comment-chara-nemi-doubt.png) left top no-repeat;
	width: 139px;
	height: 164px;
	top: -29px;
	right: -149px
}
.comment .comment_gon_angry, .comment .comment_gon_basic, .comment .comment_gon_cry, .comment .comment_gon_smile, .comment .comment_gon_surprised, .comment_gon_doubt {
	background-image: url(images/common/comment/comment-waku-gon-top.png), url(images/common/comment/comment-waku-gon-bottom.png), url(images/common/comment/comment-waku-gon.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top
}
.comment .comment_gon_angry:before, .comment .comment_gon_basic:before, .comment .comment_gon_cry:before, .comment .comment_gon_doubt:before, .comment .comment_gon_smile:before, .comment .comment_gon_surprised:before {
	background: url(images/common/comment/comment-waku-gon-fukidashi.png) left top no-repeat;
	right: -27px
}
.comment .comment_gon_basic:after {
	background: url(images/common/comment/comment-chara-gon-basic.png) left top no-repeat;
	width: 137px;
	height: 173px;
	top: -29px;
	right: -146px
}
.comment .comment_gon_smile:after {
	background: url(images/common/comment/comment-chara-gon-smile.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -30px;
	right: -146px
}
.comment .comment_gon_angry:after {
	background: url(images/common/comment/comment-chara-gon-angry.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -30px;
	right: -146px
}
.comment .comment_gon_cry:after {
	background: url(images/common/comment/comment-chara-gon-cry.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -27px;
	right: -146px
}
.comment .comment_gon_surprised:after {
	background: url(images/common/comment/comment-chara-gon-surprised.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -30px;
	right: -146px
}
.comment .comment_mineeya_angry, .comment .comment_mineeya_basic, .comment .comment_mineeya_cry, .comment .comment_mineeya_smile, .comment .comment_mineeya_surprised, .comment_mineeya_doubt {
	background-image: url(images/common/comment/comment-waku-mineeya-top.png), url(images/common/comment/comment-waku-mineeya-bottom.png), url(images/common/comment/comment-waku-mineeya.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top
}
.comment .comment_mineeya_angry:before, .comment .comment_mineeya_basic:before, .comment .comment_mineeya_cry:before, .comment .comment_mineeya_doubt:before, .comment .comment_mineeya_smile:before, .comment .comment_mineeya_surprised:before {
	background: url(images/common/comment/comment-waku-mineeya-fukidashi.png) left top no-repeat;
	right: -27px
}
.comment .comment_mineeya_basic:after {
	background: url(images/common/comment/comment-chara-mineeya-basic.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -29px;
	right: -146px
}
.comment .comment_mineeya_smile:after {
	background: url(images/common/comment/comment-chara-mineeya-smile.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -29px;
	right: -146px
}
.comment .comment_mineeya_angry:after {
	background: url(images/common/comment/comment-chara-mineeya-angry.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -29px;
	right: -146px
}
.comment .comment_mineeya_cry:after {
	background: url(images/common/comment/comment-chara-mineeya-cry.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -29px;
	right: -146px
}
.comment .comment_mineeya_surprised:after {
	background: url(images/common/comment/comment-chara-mineeya-surprised.png) left top no-repeat;
	width: 143px;
	height: 167px;
	top: -28px;
	right: -146px
}
.matome {
	position: relative;
	width: 810px;
	margin: 85px -70px 0;
	padding: 133px 59px 50px;
	background-color: rgba(14,72,122,1);
	background-image: url(images/common/bg-matome-top.jpg), url(images/common/bg-matome-bottom.jpg), url(images/common/bg-matome.jpg);
	background-position: left top, left bottom, left top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	box-sizing: border-box
}
.content_txt .matome h2, .matome_txt {
	text-align: justify;
	margin: 0 auto;
	box-sizing: border-box
}
.content_txt .matome h2 {
	position: relative;
	font-size: 36px;
	line-height: 50px;
	color: rgba(0,116,164,1);
	padding: 20px 51px 26px;
	width: 692px;
	background-image: none;
	background-color: rgba(255,255,255,1);
	border: 2px solid rgba(206,174,67,1);
	border-bottom: none
}
.content_txt .matome h2:before {
	content: "";
	position: absolute;
	display: block;
	background: url(images/common/matome-chara.png) right top no-repeat;
	width: 255px;
	height: 173px;
	top: -155px;
	left: 232px
}
.content_txt .matome h2:after {
	display: none
}
.content_txt .matome h2 span {
	position: relative;
	display: block;
	width: auto;
	padding: 0;
	background-color: transparent;
	border: none;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.content_txt .matome h2 span:after, .content_txt .matome h2 span:before {
	display: none
}
.matome_txt {
	width: 692px;
	padding: 0 51px 21px;
	background-color: rgba(255,255,255,1);
	border: 2px solid rgba(206,174,67,1);
	border-top: none
}
.matome_txt p {
	margin-bottom: 25px
}
.matome_txt p:last-child {
	margin-bottom: 0
}
.index_entry_in, .yarpp-related .index_entry_in {
	margin: 0 auto;
	padding: 0
}
.index_entry {
	position: relative;
	background-color: rgba(1,138,156,1);
	background-image: url(images/common/bg-entry-bottom.png), url(images/common/bg-entry.png);
	background-position: center bottom, center top;
	background-repeat: no-repeat;
	z-index: 1000;
	padding: 7px 0 101px
}
.index_entry_rec {
	background-image: url(images/common/bg-entry.png);
	background-position: center top;
	padding-bottom: 0
}
.index_entry_in {
	width: 1200px;
	position: relative
}
.index_entry_in:before {
	display: block;
	content: "";
	position: absolute;
	background: url(images/common/bg-entry-top.png) center top no-repeat;
	width: 1200px;
	height: 29px;
	top: -36px;
	left: 0
}
.index_entry_tit {
	position: relative;
	height: 120px;
	background-repeat: no-repeat;
	background-position: 119px top
}
.index_entry_tit_rec {
	background-image: url(images/common/entry-title-recommend.png)
}
.index_entry_tit_new {
	background-image: url(images/common/entry-title-new.png)
}
.index_entry_tit:after {
	content: "";
	position: absolute;
	background: url(images/common/entry-chara.png) left top no-repeat;
	width: 380px;
	height: 356px;
	top: -76px;
	right: 61px
}
.index_entry_tit h2 {
	height: 120px;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0
}
.index_entry_loop {
	width: 1160px;
	margin: 0 auto;
	padding: 34px 0 70px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	letter-spacing: -.4em;
	min-height: 417px
}
.index_entry_loop.no_index_entry {
	font-size: 16px;
	line-height: 100%;
	letter-spacing: normal
}
.index_entry_loop_box {
	letter-spacing: normal;
	position: relative;
	margin: 0 40px 35px 0;
	padding: 0;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	width: 360px;
	height: 342px;
	box-sizing: border-box
}
.index_entry_loop .index_entry_loop_box:nth-child(3n) {
	margin-right: 0
}
.index_entry_loop .index_entry_loop_box:nth-last-child(1), .index_entry_loop .index_entry_loop_box:nth-last-child(2), .index_entry_loop .index_entry_loop_box:nth-last-child(3) {
	margin-bottom: 0
}
.index_entry_loop_box_thumbnail {
	position: relative;
	margin: 0 auto;
	cursor: pointer;
	width: 360px;
	height: 222px;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 200
}
.index_entry_loop_box_thumbnail img {
	position: relative;
	display: block;
	transition: all .2s ease-out 0s;
	z-index: 210
}
.index_entry_loop_box:active .index_entry_loop_box_thumbnail img, .index_entry_loop_box:hover .index_entry_loop_box_thumbnail img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
.index_entry_loop_box .index_entry_loop_box_thumbnail:after {
	display: block;
	content: "";
	position: absolute;
	width: 360px;
	height: 348px;
	top: 0;
	left: 0;
	z-index: 220
}
.index_entry_loop_box:active .index_entry_loop_box_thumbnail:after, .index_entry_loop_box:hover .index_entry_loop_box_thumbnail:after {
	background-color: rgba(0,0,0,.6);
	transition: all .2s ease-out 0s
}
.index_entry_loop_box:active h3 a, .index_entry_loop_box:hover h3 a {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	color: rgba(12,110,211,1);
	text-decoration: underline
}
.index_entry_loop_box_tit {
	position: relative;
	background-color: rgba(255,255,255,1);
	width: 340px;
	height: 130px;
	margin: -10px auto 0;
	padding: 30px 20px 0;
	box-sizing: border-box;
	z-index: 250;
	transition: all .2s ease-out 0s
}
.index_entry_loop_box:active .index_entry_loop_box_tit, .index_entry_loop_box:hover .index_entry_loop_box_tit {
	-webkit-transform: translate3d(-5px, -5px, 0);
	transform: translate3d(-5px, -5px, 0)
}
.index_entry_loop_box .index_entry_loop_box_tit_shadow {
	display: block;
	content: "";
	position: absolute;
	background-color: rgba(185,247,255,0);
	width: 340px;
	height: 130px;
	transition: all .2s ease-out 0s;
	top: 212px;
	left: 10px;
	z-index: 240
}
.index_entry_loop_box:active .index_entry_loop_box_tit_shadow, .index_entry_loop_box:hover .index_entry_loop_box_tit_shadow {
	background-color: rgba(185,247,255,.5)
}
.index_entry_loop_box_tit h3 a {
	text-decoration: none;
	font-size: 20px;
	line-height: 28px;
	text-align: justify;
	color: rgba(1,1,1,1)
}
.entry_category {
	position: absolute;
	font-size: 15px;
	line-height: 40px;
	color: rgba(255,255,255,1);
	background-color: rgba(206,174,67,1);
	height: 40px;
	padding: 0 20px;
	margin: 0;
	left: 0;
	top: -20px
}
.index_entry_loop_box .border {
	position: absolute;
	z-index: 230
}
.index_entry_loop_box .border div:after, .index_entry_loop_box .border div:before, .index_entry_loop_box .border:after, .index_entry_loop_box .border:before {
	background-color: #ceae43;
	position: absolute;
	content: "";
	display: block;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.btn_quiz_start, .quiz_btn_replay {
	transition: all .2s ease-out 0s;
	border-radius: 20px;
	cursor: pointer
}
.index_entry_loop_box .border:after, .index_entry_loop_box .border:before {
	width: 0;
	height: 1px
}
.index_entry_loop_box .border div:after, .index_entry_loop_box .border div:before {
	width: 1px;
	height: 0
}
.index_entry_loop_box .border.one {
	left: 10px;
	top: 11px;
	right: 10px;
	bottom: 21px
}
.index_entry_loop_box .border.one div:before, .index_entry_loop_box .border.one:before {
	left: 0;
	top: 0
}
.index_entry_loop_box .border.one div:after, .index_entry_loop_box .border.one:after {
	bottom: 0;
	right: 0
}
.index_entry_loop_box.hover .border:after, .index_entry_loop_box.hover .border:before, .index_entry_loop_box:hover .border:after, .index_entry_loop_box:hover .border:before {
	width: 100%
}
.index_entry_loop_box.hover .border div:after, .index_entry_loop_box.hover .border div:before, .index_entry_loop_box:hover .border div:after, .index_entry_loop_box:hover .border div:before {
	height: 100%
}
#footer {
	background: #fff;
	position: relative;
	z-index: 1000
}
.footer_copyright {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 466px;
	height: 26px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	z-index: 3000
}
.footer_copyright:after {
	display: block;
	content: "";
	position: absolute;
	right: -12px;
	top: 0;
	border-top: solid 26px transparent;
	border-left: solid 12px rgba(255,255,255,.9);
	border-right: none;
	border-bottom: none
}
.copyright {
	width: 400px;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 26px;
	text-align: left;
	color: rgba(53,53,53,1);
	background: rgba(255,255,255,.9);
	box-sizing: border-box
}
#quiz_area, .quiz_opening {
	width: 100%;
	height: 420px
}
.copyright .footer_company {
	display: inline;
	margin: 0
}
.copyright .footer_company a {
	color: rgba(0,0,0,1);
	text-decoration: none;
	display: inline
}
.quiz_a_txt, .quiz_q_txt {
	font-size: 36px;
	color: rgba(0,8,61,1);
	font-weight: 700
}
.quiz_qa {
	z-index: 500
}
.quiz_01 {
	z-index: 510
}
.quiz_02 {
	z-index: 520
}
.quiz_03 {
	z-index: 530
}
.quiz_04 {
	z-index: 540
}
.quiz_05 {
	z-index: 550
}
.quiz_06 {
	z-index: 560
}
.quiz_07 {
	z-index: 570
}
.quiz_08 {
	z-index: 580
}
.quiz_09 {
	z-index: 590
}
.quiz_10 {
	z-index: 600
}
.quiz_q {
	z-index: 610
}
.quiz_q_txt {
	z-index: 620
}
.quiz_btn_maru {
	z-index: 630
}
.quiz_btn_batsu {
	z-index: 640
}
.quiz_a {
	z-index: 670
}
.btn_quiz_next {
	z-index: 680
}
.quiz_wrong {
	z-index: 700
}
.quiz_right {
	z-index: 750
}
.quiz_opening {
	z-index: 800;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/common/quiz/bg-quiz-opening.jpg) center top no-repeat
}
.btn_quiz_start {
	z-index: 830
}
.quiz_editor {
	z-index: 850
}
.quiz_ending {
	z-index: 900
}
.quiz_opening_in {
	position: relative;
	width: 1200px;
	height: 420px;
	margin: 0 auto;
	background: url(images/common/quiz/quiz-opening.png) center top no-repeat
}
.btn_quiz_start, .quiz_circle, .quiz_editor, .quiz_right {
	position: absolute
}
.quiz_circle {
	left: 671px;
	top: 38px;
	background: url(images/common/quiz/quiz-opening-q.png) left top no-repeat;
	width: 144px;
	height: 142px;
	animation: quiz_circle 3s linear infinite
}
.btn_quiz_start {
	left: 499px;
	top: 297px;
	background: url(images/common/quiz/btn-quiz-opening-start.png) left top no-repeat;
	width: 461px;
	height: 99px;
	-webkit-box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	-moz-box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	overflow: hidden
}
.btn_quiz_start:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1;
	text-decoration: none
}
.quiz_ending, .quiz_right, .quiz_wrong {
	opacity: 0;
	display: none;
	overflow: hidden
}
.quiz_editor {
	left: 585px;
	top: 264px;
	background: url(images/common/quiz/quiz-editor.png) left top no-repeat;
	width: 499px;
	height: 24px
}
.quiz_right {
	left: 0;
	top: 0;
	width: 100%;
	height: 420px;
	background: url(images/common/quiz/bg-quiz-right.jpg) center top no-repeat
}
.quiz_right_in {
	position: relative;
	width: 1200px;
	height: 420px;
	margin: 0 auto
}
.quiz_right_light {
	position: absolute;
	left: 0;
	top: -390px;
	background: url(images/common/quiz/quiz-right-light.png) center center no-repeat;
	width: 1200px;
	height: 1200px;
	animation: quiz_circle 3s linear infinite
}
.quiz_right_cracker {
	position: absolute;
	left: 0;
	top: 0;
	width: 1200px;
	height: 420px
}
.quiz_right_cracker_l {
	position: absolute;
	left: 2px;
	bottom: 0;
	background: url(images/common/quiz/quiz-right-cracker-l.png) left bottom no-repeat;
	width: 115px;
	height: 89px
}
.quiz_right_cracker_r {
	position: absolute;
	right: -18px;
	bottom: 0;
	background: url(images/common/quiz/quiz-right-cracker-r.png) right bottom no-repeat;
	width: 136px;
	height: 92px
}
.quiz_right_confetti_l {
	position: absolute;
	left: 62px;
	bottom: 34px;
	background: url(images/common/quiz/quiz-right-confetti-l.png) left bottom no-repeat;
	background-size: contain;
	width: 477px;
	height: 386px
}
.quiz_right_confetti_r {
	position: absolute;
	right: 63px;
	bottom: 37px;
	background: url(images/sp_common/quiz/quiz-right-confetti-r-sp.png) right bottom no-repeat;
	background-size: contain;
	width: 439px;
	height: 434px
}
.quiz_right_usagine {
	position: absolute;
	left: 367px;
	top: 0;
	background: url(images/common/quiz/quiz-right-usagine.png) center center no-repeat;
	width: 467px;
	height: 417px
}
.quiz_right_star, .quiz_wrong {
	position: absolute;
	left: 0;
	top: 0
}
.quiz_right_star {
	background: url(images/common/quiz/quiz-right-star.png) center center no-repeat;
	width: 1200px;
	height: 420px
}
.quiz_wrong {
	width: 100%;
	height: 420px;
	background: url(images/common/quiz/bg-quiz-wrong.jpg) center top no-repeat
}
.quiz_wrong_in {
	position: relative;
	width: 1200px;
	height: 420px;
	margin: 0 auto
}
.quiz_wrong_mineeya {
	position: absolute;
	left: 674px;
	top: 34px;
	background: url(images/common/quiz/quiz-wrong-mineeya.png) center center no-repeat;
	width: 475px;
	height: 386px
}
.quiz_wrong_txt {
	position: absolute;
	left: 206px;
	top: 72px;
	background: url(images/common/quiz/quiz-wrong-txt.png) center center no-repeat;
	width: 494px;
	height: 348px;
	transform: scale(.5)
}
.quiz_ending {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 420px;
	background: url(images/common/quiz/bg-quiz-ending.jpg) center top no-repeat
}
.quiz_ending_in {
	position: relative;
	width: 1200px;
	height: 420px;
	margin: 0 auto
}
.quiz_ending_light {
	position: absolute;
	left: 0;
	top: -390px;
	background: url(images/common/quiz/quiz-ending-light.png) center center no-repeat;
	width: 1200px;
	height: 1200px;
	-webkit-animation: quiz_circle 3s linear infinite;
	-moz-animation: quiz_circle 3s linear infinite;
	animation: quiz_circle 3s linear infinite
}
.quiz_ending_coronta {
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/common/quiz/quiz-ending-coronta.png) center center no-repeat;
	width: 1200px;
	height: 420px
}
.quiz_btn_replay {
	z-index: 950;
	position: absolute;
	left: 811px;
	top: 311px;
	background: url(images/common/quiz/btn-quiz-replay.png) left top no-repeat;
	width: 361px;
	height: 94px;
	-webkit-box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	-moz-box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	overflow: hidden
}
.quiz_btn_replay:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1;
	text-decoration: none
}
.quiz_qa {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 420px;
	background: url(images/common/quiz/bg-quiz-qa.jpg) center top no-repeat rgba(11,24,48,1)
}
.quiz, .quiz_in {
	position: relative
}
.quiz_in, .quiz_q {
	width: 1200px;
	height: 420px;
	margin: 0 auto
}
.quiz {
	display: none;
	opacity: 0
}
.quiz_q, .quiz_q:before, .quiz_q_txt {
	position: absolute
}
.quiz_q {
	left: 0;
	top: 0;
	background: url(images/common/quiz/quiz-q.png) center top no-repeat
}
.quiz_btn_batsu_in, .quiz_btn_maru_in, .quiz_q:before {
	background-repeat: no-repeat;
	background-position: left top
}
.quiz_q:before {
	display: block;
	content: "";
	left: 106px;
	top: 0;
	width: 142px;
	height: 63px
}
.quiz_q_txt {
	left: 173px;
	top: 61px;
	line-height: 1.3em;
	width: 0;
	overflow: hidden;
	white-space: nowrap
}

@media all and (-ms-high-contrast:none) {
.quiz_q_txt, ::-ms-backdrop {
line-height:150%
}
}
.quiz_btn_batsu, .quiz_btn_maru {
	position: absolute;
	top: 158px;
	width: 238px;
	height: 236px;
	border-radius: 24px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 18px 2px rgba(0,95,183,1), 0 0 18px 2px rgba(0,95,183,1);
	-moz-box-shadow: 0 0 18px 2px rgba(0,95,183,1), 0 0 18px 2px rgba(0,95,183,1);
	box-shadow: 0 0 18px 2px rgba(0,95,183,1), 0 0 18px 2px rgba(0,95,183,1);
	transition: all .2s ease-out 0s;
	cursor: pointer;
	overflow: hidden
}
.btn_quiz_next, .quiz_btn_batsu_in, .quiz_btn_maru_in {
	border-radius: 20px;
	position: absolute;
	transition: all .2s ease-out 0s
}
.quiz_btn_maru {
	left: 357px
}
.quiz_btn_batsu {
	left: 627px
}
.quiz_btn_batsu_in, .quiz_btn_maru_in {
	left: 5px;
	top: 5px;
	width: 228px;
	height: 226px;
	background-color: rgba(6,11,62,1)
}
.quiz_btn_maru_in {
	background-image: url(images/common/quiz/btn-quiz-maru.png)
}
.quiz_btn_batsu_in {
	background-image: url(images/common/quiz/btn-quiz-batsu.png)
}
.quiz_btn_batsu:hover, .quiz_btn_maru:hover {
	top: 166px;
	height: 228px
}
.quiz_btn_batsu:hover .quiz_btn_batsu_in, .quiz_btn_maru:hover .quiz_btn_maru_in {
	height: 218px
}
.quiz_a {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	display: none;
	width: 1200px;
	height: 420px;
	margin: 0 auto;
	background: url(images/common/quiz/quiz-a.png) center top no-repeat
}
.quiz_a_txt {
	position: absolute;
	left: 405px;
	top: 63px;
	line-height: 50.4px;
	text-align: justify;
	width: 645px
}
.btn_quiz_next {
	left: 636px;
	top: 279px;
	cursor: pointer;
	background: url(images/common/quiz/btn-quiz-next.png) left top no-repeat;
	width: 398px;
	height: 126px;
	-webkit-box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	-moz-box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	box-shadow: 0 0 18px 2px rgba(6,39,80,.5), 0 0 18px 2px rgba(6,39,80,.5);
	overflow: hidden
}
.btn_quiz_next:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	zoom: 1;
	text-decoration: none
}
.quiz_01 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-01.png)
}
.quiz_02 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-02.png)
}
.quiz_03 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-03.png)
}
.quiz_04 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-04.png)
}
.quiz_05 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-05.png)
}
.quiz_06 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-06.png)
}
.quiz_07 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-07.png)
}
.quiz_08 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-08.png)
}
.quiz_09 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-09.png)
}
.quiz_10 .quiz_q:before {
	background-image: url(images/common/quiz/quiz-10.png)
}
@-webkit-keyframes quiz_circle {
0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-moz-keyframes quiz_circle {
0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes quiz_circle {
0% {
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
transform:rotate(360deg)
}
}
body.top {
	background-image: url(images/common/bg-body-lattice.png);
	background-position: center top;
	background-repeat: repeat;
	background-attachment: scroll
}
.top_main_contents {
	padding-top: 389px
}
.top #side {
	padding-top: 285px
}
.top .side_pole {
	margin-top: 102px
}
.top_header_area {
	position: absolute;
	width: 320px;
	margin: 0;
	z-index: 80;
	top: 0;
	left: 0
}
.top_header_area .header_logo {
	margin: 46px -55px 0 -34px
}
.top_header_area .header_logo h1 {
	background: url(images/top/top-logo.png);
	width: 409px;
	height: 170px;
	font-size: 0;
	line-height: 0
}
.top_snslist_top {
	position: relative;
	margin: -15px auto 0 44px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: left;
	z-index: 30;
	letter-spacing: -.4em
}
.top_snslist_top li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	padding: 0;
	margin: 0 25px 0 0;
	vertical-align: top;
	background-image: none
}
.top_snslist_top li:last-child {
	margin-right: 0
}
.top_snslist_top li a {
	display: block;
	width: 70px;
	height: 70px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 10px rgba(255,255,255,1);
	box-shadow: 0 0 10px rgba(255,255,255,1)
}
.top_snslist_top .btn_twitter {
	background: url(images/top/btn-top-twitter.png) left top no-repeat;
	-webkit-box-shadow: 0 0 19px 1px rgba(255,255,255,.5);
	-moz-box-shadow: 0 0 19px 1px rgba(255,255,255,.5);
	box-shadow: 0 0 19px 1px rgba(255,255,255,.5)
}
.top_snslist_top .btn_hatena {
	background: url(images/top/btn-top-hatena.png) left top no-repeat
}
.top_snslist_top .btn_facebook {
	background: url(images/top/btn-top-facebook.png) left top no-repeat
}
.top_contents_area {
	margin-top: 0
}
.top_contents_in {
	display: block;
	content: "";
	background-image: url(images/top/bg-top-content-txt.png);
	background-repeat: no-repeat;
	padding-top: 570px
}
.concept .main_side_ranking, .concept_correlation_nemi, .content_txt .top_rank_list li:before {
	display: none
}
.top_content_txt {
	padding-top: 1px;
	margin-top: 0;
	border-top: none
}
.top_content_txt_in {
	position: relative;
	margin-top: -571px
}
.top_catch_copy {
	position: relative;
	margin: 0 -58px 3px -300px;
	/*background-image: url(images/top/top-catch-copy.png);*/
	background-image: url(images/top/top-catch-copy-2.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 788px;
	height: 249px;
	font-size: 0;
	line-height: 0;
	opacity: 0
}
.top_catch_copy_paper {
	opacity: 0;
	position: absolute;
	background: url(images/top/top-catch-copy-paper.png) right bottom no-repeat;
	width: 448px;
	height: 486px;
	right: -226px;
	top: -314px
}
.comment_tit, .faq_tit {
	background-position: left top;
	background-repeat: no-repeat
}
.top_catch_copy+p {
	margin-top: 0
}
.top_txt_shadow {
	text-shadow: 0 0 10px #fff
}
.faq_tit {
	font-size: 22px;
	line-height: 1.5em;
	margin: 35px 0 20px;
	padding: 7px 30px 6px 65px;
	background-color: rgba(231,245,245,1);
	background-image: url(images/top/bg-faq-tit.png)
}
.comment_tit {
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin: 40px 0 13px;
	padding: 10px 0 6px 65px;
	background-image: url(images/top/bg-comment-tit.png)
}
.graph_top {
	font-size: 0;
	line-height: 0
}
.graph_top_out_00_01 {
	margin: -20px -7px 20px 0;
	padding: 0
}
.graph_top_00_01 {
	background: url(images/top/graph-top-00-01.png) center top no-repeat;
	width: 677px;
	height: 352px
}
.graph_top_out_01_01 {
	margin: 20px 0 8px;
	padding: 0
}
.graph_top_01_01 {
	background: url(images/top/graph-top-01-01.png) center top no-repeat;
	width: 670px;
	height: 484px
}
.graph_top_out_01_01+p {
	margin-top: 0
}
.graph_top_out_02_01 {
	margin: 20px 0 43px;
	padding: 0
}
.graph_top_02_01 {
	background: url(images/top/graph-top-02-01.png) center top no-repeat;
	width: 670px;
	height: 627px
}
.graph_top_out_02_01+p {
	margin-top: 0
}
.graph_top_out_03_01 {
	margin: 20px 0 5px;
	padding: 0
}
.graph_top_03_01 {
	background: url(images/top/graph-top-03-01.png) center top no-repeat;
	width: 670px;
	height: 470px
}
.graph_top_out_03_01+p {
	margin-top: 0
}
.graph_top_out_04_01 {
	margin: 24px -2px 20px;
	padding: 0
}
.graph_top_04_01 {
	background: url(images/top/graph-top-04-01.png) center top no-repeat;
	width: 674px;
	height: 611px
}
.mv_00, .top_mv {
	height: 1050px;
	width: 100%;
	left: 0;
	top: 0
}
.content_txt .top_rank_list {
	margin-top: 0;
	margin-bottom: 0
}
.content_txt .top_rank_list li {
	font-size: 16px;
	line-height: 28px;
	font-weight: 700;
	margin: 0;
	padding: 7px 4px 7px 53px;
	background-repeat: repeat-x, no-repeat;
	box-sizing: border-box
}
.concept_correlation_chara a, .concept_correlation_tit {
	font-size: 0;
	line-height: 0;
	position: absolute
}
.content_txt .top_rank_list li:nth-child(1) {
	background-image: url(images/top/line-top-rank-list.png), url(images/top/icon-top-rank-list-01.png);
	background-position: left bottom, 3px center
}
.content_txt .top_rank_list li:nth-child(2) {
	background-image: url(images/top/line-top-rank-list.png), url(images/top/icon-top-rank-list-02.png);
	background-position: left bottom, 3px center
}
.content_txt .top_rank_list li:nth-child(3) {
	background-image: url(images/top/line-top-rank-list.png), url(images/top/icon-top-rank-list-03.png);
	background-position: left bottom, 3px center
}
.content_txt .top_rank_list li:nth-child(4) {
	background-image: url(images/top/line-top-rank-list.png), url(images/top/icon-top-rank-list-04.png);
	background-position: left bottom, 11px center
}
.content_txt .top_rank_list li:nth-child(5) {
	background-image: url(images/top/icon-top-rank-list-05.png);
	background-position: 11px center;
	background-repeat: no-repeat
}
.top_mv {
	position: absolute
}
.mv_00 {
	opacity: 0;
	position: absolute;
	background-color: rgba(255,255,255,1)
}
.mv_01 {
	position: absolute;
	background: url(images/top/bg-mv01.png) center top no-repeat;
	width: 100%;
	height: 647px;
	top: 0;
	left: 0
}
.mv_01_gate, .mv_01_in {
	width: 1200px;
	height: 647px;
	margin: 0 auto
}
.mv_01_in {
	position: relative
}
.mv_01_gate {
	position: absolute;
	left: 0;
	right: 0
}
.mv_01_gate_l {
	position: absolute;
	background: url(images/top/mv01-gate-l.png) left top no-repeat;
	width: 438px;
	height: 376px;
	top: 0;
	left: 161px;
	transform: rotateZ(0);
	transform-origin: left bottom
}
.mv_01_gate_r {
	position: absolute;
	background: url(images/top/mv01-gate-r.png) left top no-repeat;
	width: 411px;
	height: 372px;
	top: 0;
	right: 190px;
	transform: rotateZ(0);
	transform-origin: right bottom
}
.mv_01_daily, .mv_01_lines {
	right: 0;
	position: absolute;
	margin: 0 auto
}
.mv_01_lines {
	width: 1200px;
	height: 647px;
	left: 0
}
.mv_01_lines_coronta {
	position: absolute;
	background: url(images/top/mv01-lines-coronta.png) left top no-repeat;
	width: 63px;
	height: 0;
	top: 73px;
	left: 397px
}
.mv_01_lines_usagine {
	position: absolute;
	background: url(images/top/mv01-lines-usagine.png) left top no-repeat;
	width: 61px;
	height: 0;
	top: 73px;
	left: 761px
}
.mv_01_daily {
	width: 1200px;
	height: 500px;
	left: 0;
	overflow-y: hidden
}
.mv_01_daily_coronta_01 {
	position: absolute;
	background: url(images/top/mv01-daily-coronta-01.png) left top no-repeat;
	width: 542px;
	height: 433px;
	top: -500px;
	left: -3px
}
.mv_01_daily_coronta_02 {
	position: absolute;
	background: url(images/top/mv01-daily-coronta-02.png) left top no-repeat;
	width: 532px;
	height: 425px;
	top: -500px;
	left: -1px
}
.mv_01_daily_usagine_01 {
	position: absolute;
	background: url(images/top/mv01-daily-usagine-01.png) left top no-repeat;
	width: 531px;
	height: 443px;
	top: 500px;
	right: 7px
}
.mv_01_daily_usagine_02 {
	position: absolute;
	background: url(images/top/mv01-daily-usagine-02.png) left top no-repeat;
	width: 538px;
	height: 464px;
	top: 500px;
	right: 0
}
.mv_01_chara {
	position: absolute;
	width: 1200px;
	height: 647px;
	margin: 0 auto;
	left: 0;
	right: 0
}
.mv_01_usagine {
	position: absolute;
	background: url(images/top/mv01-usagine.png) left top no-repeat;
	width: 216px;
	height: 295px;
	top: 257px;
	left: 569px
}
.mv_01_coronta {
	position: absolute;
	background: url(images/top/mv01-coronta.png) left top no-repeat;
	width: 225px;
	height: 352px;
	top: 201px;
	left: 430px
}
.mv_02_02, .mv_02_03 {
	left: 0;
	position: absolute
}
.mv_02 {
	opacity: 0;
	position: absolute;
	background: url(images/top/bg-mv02.png) center top no-repeat;
	width: 100%;
	height: 1050px;
	top: 0;
	left: 0
}
.mv_02_in {
	position: relative;
	width: 1200px;
	height: 1050px;
	margin: 0 auto
}
.mv_02_02 {
	opacity: 0;
	background: url(images/top/mv02-02-paper.png) center top no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 770px;
	top: 0;
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	transform: scale(.6)
}
.mv_02_03 {
	width: 1200px;
	height: 1050px;
	top: 0
}
.mv_02_03_photo_01 {
	position: absolute;
	background: url(images/top/mv02-03-photo-01.png) left top no-repeat;
	background-size: contain;
	width: 554px;
	height: 421px;
	top: -500px;
	left: -200%;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	transform: scale(3)
}
.mv_02_03_photo_02, .mv_02_03_photo_03 {
	top: 800px;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	position: absolute
}
.mv_02_03_photo_02 {
	background: url(images/top/mv02-03-photo-02.png) left top no-repeat;
	background-size: contain;
	width: 457px;
	height: 302px;
	left: -200%;
	transform: scale(3)
}
.mv_02_03_photo_03 {
	background: url(images/top/mv02-03-photo-03.png) right top no-repeat;
	background-size: contain;
	width: 517px;
	height: 355px;
	right: -200%;
	transform: scale(3)
}
.mv_02_03_photo_04 {
	position: absolute;
	background: url(images/top/mv02-03-photo-04.png) right top no-repeat;
	background-size: contain;
	width: 491px;
	height: 400px;
	top: -300px;
	right: -200%;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	transform: scale(3)
}
.mv_02_04 {
	position: absolute;
	width: 1200px;
	height: 1050px;
	top: 0;
	left: 0
}
.mv_02_04_teacher {
	opacity: 0;
	position: absolute;
	background: url(images/top/mv02-04-teacher.png) left top no-repeat;
	width: 374px;
	height: 499px;
	top: 200px;
	left: 362px
}
.mv_02_04_usagine {
	opacity: 0;
	position: absolute;
	background: url(images/top/mv02-04-usagine.png) left top no-repeat;
	width: 245px;
	height: 466px;
	top: 315px;
	left: 561px
}
.mv_02_04_coronta {
	opacity: 0;
	position: absolute;
	background: url(images/top/mv02-04-coronta.png) left top no-repeat;
	width: 351px;
	height: 414px;
	top: 368px;
	left: 286px
}
.mv_02_05 {
	position: absolute;
	width: 1200px;
	height: 1050px;
	top: 0;
	left: 0
}
.mv_02_05_paper {
	opacity: 0;
	position: absolute;
	background: url(images/top/mv02-05-paper.png) left top no-repeat;
	width: 247px;
	height: 249px;
	top: 276px;
	left: 98px
}
.mv_02_05_gon {
	opacity: 0;
	position: absolute;
	background: url(images/top/mv02-05-gon.png) left top no-repeat;
	width: 213px;
	height: 227px;
	top: 140px;
	right: 190px
}
body.concept {
	background-image: url(images/common/bg-h1.png), url(images/concept/bg-body-sky-concept-top.png), url(images/concept/bg-body-sky-concept.jpg), url(images/common/bg-body-lattice.png);
	background-position: center top;
	background-repeat: no-repeat, no-repeat, repeat-y, repeat;
	background-attachment: scroll, scroll, fixed, scroll
}
.concept #side {
	position: absolute;
	top: 0;
	left: 0
}
.concept_title {
	margin: 27px auto 42px 43px
}
.concept_title_area+.content_txt {
	margin-top: 0;
	padding-top: 65px;
	padding-bottom: 95px
}
.concept .content_txt {
	border-bottom: 1px solid rgba(206,174,67,1)
}
.mv_concept_paper_01 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-01.png) left top no-repeat;
	width: 384px;
	height: 426px;
	left: -245px;
	top: 151px
}
.mv_concept_paper_02 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-02.png) left top no-repeat;
	width: 289px;
	height: 750px;
	left: 0;
	top: -265px
}
.mv_concept_paper_03 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-03.png) left top no-repeat;
	width: 283px;
	height: 374px;
	right: 0;
	top: 86px
}
.mv_concept_paper_04 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-04.png) left top no-repeat;
	width: 371px;
	height: 369px;
	right: -94px;
	top: -185px
}
.mv_concept_paper_05 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-05.png) left top no-repeat;
	width: 204px;
	height: 217px;
	left: 540px;
	top: 19px
}
.mv_concept_paper_06 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-06.png) left top no-repeat;
	width: 305px;
	height: 374px;
	left: 0;
	top: 513px
}
.mv_concept_paper_07 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-07.png) left top no-repeat;
	width: 259px;
	height: 750px;
	right: 0;
	top: 476px
}
.mv_concept_paper_08 {
	position: absolute;
	background: url(images/concept/mv-concept-paper-08.png) left top no-repeat;
	width: 371px;
	height: 369px;
	right: -110px;
	top: 242px
}
.mv_concept_bag {
	position: absolute;
	background: url(images/concept/mv-concept-bag.png) left top no-repeat;
	width: 225px;
	height: 169px;
	left: -79px;
	top: -104px
}
.mv_concept_watch {
	position: absolute;
	background: url(images/concept/mv-concept-watch.png) left top no-repeat;
	width: 149px;
	height: 125px;
	left: 528px;
	top: 586px
}
.concept_correlation_area {
	width: 100%;
	margin: 57px 0 0
}
.concept_correlation_in {
	position: relative;
	width: 1200px;
	height: 768px;
	margin: 0 auto
}
.concept_correlation_tit {
	background: url(images/concept/h2-correlation.png) left top no-repeat;
	width: 255px;
	height: 74px;
	left: 390px;
	top: 24px
}
.concept_correlation_chara {
	position: absolute;
	background: url(images/concept/chara-correlation.png) left top no-repeat;
	width: 771px;
	height: 768px;
	left: 389px;
	top: 0
}
.chara_area, .chara_area_in {
	position: relative
}
.concept_correlation_chara a:hover {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.concept_correlation_coronta {
	left: 325px;
	top: 142px
}
.concept_correlation_usagine {
	left: 608px;
	top: 427px
}
.concept_correlation_teacher {
	left: 608px;
	top: 7px
}
.concept_correlation_gon {
	left: 37px;
	top: 299px
}
.concept_correlation_mineeya {
	left: 331px;
	top: 574px
}
.concept_correlation_chara a span {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	transition: all .2s ease-out 0s
}
.concept_correlation_chara a:hover span {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg)
}
.concept_correlation_coronta span {
	background-image: url(images/concept/icon-coronta.png);
	width: 167px;
	height: 170px
}
.concept_correlation_usagine span {
	background-image: url(images/concept/icon-usagine.png);
	width: 137px;
	height: 152px
}
.concept_correlation_teacher span {
	background-image: url(images/concept/icon-teacher.png);
	width: 151px;
	height: 153px
}
.concept_correlation_gon span {
	background-image: url(images/concept/icon-gon.png);
	width: 145px;
	height: 154px
}
.concept_correlation_mineeya span {
	background-image: url(images/concept/icon-mineeya.png);
	width: 145px;
	height: 147px
}
.concept_chara_area {
	margin: -177px 0 0;
	background: url(images/concept/bg-body-town-concept.png) center bottom no-repeat
}
.concept_chara_tit {
	font-size: 0;
	line-height: 0;
	width: 1200px;
	height: 28px;
	background: url(images/concept/h2-character.png) 3px top no-repeat;
	margin: 0 auto 60px;
	padding: 0
}
.chara_area_in {
	width: 1200px;
	margin: 0 auto
}
.chara_area_in_l, .chara_area_in_r {
	position: relative;
	width: 600px;
	margin: 0;
	padding: 0
}
.chara_area_in_r {
	float: right
}
.chara_name {
	position: absolute;
	font-size: 100px;
	line-height: 100%;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}
.chara_copy {
	position: absolute;
	font-family: "Ryumin Medium KL";
	font-size: 26px;
	line-height: 50px;
	letter-spacing: .1em;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: rgba(255,255,255,1)
}
.chara_copy span {
	background-color: rgba(49,41,50,1);
	padding: 10px 2px
}
.chara_stand {
	position: absolute;
	background-position: left top;
	background-repeat: no-repeat
}
.chara_prof_area {
	margin: 1000px auto 0 0;
	width: 562px
}
.chara_prof_tit {
	font-size: 0;
	line-height: 0;
	background: url(images/concept/h4-profile.png) left top no-repeat;
	width: 126px;
	height: 17px;
	margin: 0 0 13px;
	padding: 0;
	border: none
}
.chara_age, .chara_position, .chara_tall {
	font-size: 15px;
	line-height: 24px;
	text-align: justify;
	height: 23px;
	margin: 0 0 8px;
	background-color: rgba(255,255,255,1);
	box-sizing: border-box
}
.chara_age_tit, .chara_position_tit, .chara_tall_tit {
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	text-align: center;
	width: 57px;
	height: 23px;
	margin: 0 10px 0 0;
	color: rgba(255,255,255,1);
	background-color: rgba(49,41,50,1)
}
.chara_coronta_area:before, .chara_gon_area:before, .chara_teacher_area:before, .chara_usagine_area:before {
	position: absolute;
	content: "";
	display: block
}
.content_txt h2.history_h2_title, .history_link li a, .history_time {
	font-family: "Ryumin Bold KL";
	color: rgba(0,0,0,1)
}
.chara_prof {
	margin: 18px 5px 0;
	padding: 18px 24px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,1);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,109,123,1);
	outline-width: 5px;
	outline-style: solid;
	outline-color: rgba(1,138,156,1)
}
.chara_prof p {
	font-size: 15px;
	line-height: 28px;
	text-align: justify;
	margin: 0 0 10px
}
.chara_prof p:first-child {
	margin-top: 0
}
.chara_prof p:last-child {
	margin-bottom: 0
}
.chara_coronta_area:before {
	background: url(images/concept/bg-coronta.png) right bottom no-repeat;
	width: 1034px;
	height: 474px;
	right: -34px;
	bottom: 158px;
	z-index: -1
}
.chara_name_coronta {
	top: -12px;
	left: 165px;
	letter-spacing: .1em
}
.chara_copy_coronta {
	top: 11px;
	left: 46px
}
.chara_stand_coronta {
	background-image: url(images/concept/stand-coronta.png);
	width: 315px;
	height: 644px;
	right: 12px;
	top: 0
}
.chara_prof_area_coronta {
	margin: 552px auto 0 15px
}
.chara_age_coronta, .chara_position_coronta, .chara_tall_coronta {
	width: 263px
}
.chara_usagine_area {
	margin-top: 126px
}
.chara_usagine_area:before {
	background: url(images/concept/bg-usagine.png) right bottom no-repeat;
	width: 1112px;
	height: 509px;
	left: -112px;
	bottom: 133px;
	z-index: -1
}
.chara_name_usagine {
	top: 0;
	right: 164px
}
.chara_copy_usagine {
	top: 16px;
	right: 32px;
	letter-spacing: 0
}
.chara_stand_usagine {
	background-image: url(images/concept/stand-usagine.png);
	width: 281px;
	height: 640px;
	top: 26px;
	left: 41px
}
.chara_prof_area_usagine {
	margin: 543px auto 0 45px
}
.chara_prof_tit_usagine {
	margin-left: auto
}
.chara_age_usagine, .chara_position_usagine, .chara_tall_usagine {
	margin-left: auto;
	width: 355px
}
.chara_prof_usagine {
	border-color: rgba(172,145,55,1);
	outline-color: rgba(206,174,67,1)
}
.chara_tg_area {
	margin-top: -31px
}
.chara_teacher_area:before {
	background: url(images/concept/bg-teacher.png) right bottom no-repeat;
	width: 1108px;
	height: 507px;
	right: -108px;
	bottom: 160px;
	z-index: -1
}
.chara_name_teacher {
	top: 42px;
	left: 141px
}
.chara_copy_teacher {
	top: 64px;
	left: 36px;
	letter-spacing: .1em
}
.chara_stand_teacher {
	background-image: url(images/concept/stand-teacher.png);
	width: 301px;
	height: 618px;
	top: 0;
	right: 26px
}
.chara_prof_area_teacher {
	margin: 533px auto 0 10px
}
.chara_age_teacher, .chara_position_teacher, .chara_tall_teacher {
	width: 333px
}
.chara_prof_teacher {
	border-color: rgba(37,40,75,1);
	outline-color: rgba(84,90,152,1)
}
.chara_gon_area {
	margin-top: 166px
}
.chara_gon_area:before {
	background: url(images/concept/bg-gon.png) right bottom no-repeat;
	width: 1109px;
	height: 508px;
	left: -109px;
	bottom: 133px;
	z-index: -1
}
.chara_mineeya_area:before, .chara_nemi_area:before {
	position: absolute;
	display: block;
	bottom: 169px;
	z-index: -1;
	content: ""
}
.chara_name_gon {
	top: 23px;
	right: 185px
}
.chara_copy_gon {
	top: 40px;
	right: 2px;
	letter-spacing: .15em
}
.chara_stand_gon {
	background-image: url(images/concept/stand-gon.png);
	width: 274px;
	height: 649px;
	top: 0;
	left: 27px
}
.chara_prof_area_gon {
	margin: 548px auto 0 28px
}
.chara_prof_tit_gon {
	margin-left: auto
}
.chara_age_gon, .chara_position_gon, .chara_tall_gon {
	margin-left: auto;
	width: 247px
}
.chara_prof_gon {
	border-color: rgba(0,109,123,1);
	outline-color: rgba(1,138,156,1)
}
.chara_mn_area {
	margin-top: -125px
}
.chara_mineeya_area:before {
	background: url(images/concept/bg-mineeya.png) right bottom no-repeat;
	width: 1058px;
	height: 484px;
	right: -58px
}
.chara_name_mineeya {
	top: 0;
	left: 217px
}
.chara_copy_mineeya {
	top: 20px;
	left: 82px;
	letter-spacing: .15em
}
.chara_stand_mineeya {
	background-image: url(images/concept/stand-mineeya-nemi.png);
	width: 561px;
	height: 1072px;
	top: -345px;
	left: 327px
}
.chara_prof_area_mineeya {
	margin: 616px auto 0 9px
}
.chara_age_mineeya, .chara_position_mineeya, .chara_tall_mineeya {
	width: 432px
}
.chara_position_mineeya {
	height: 49px
}
.chara_position_mineeya span {
	height: 49px;
	float: left
}
.chara_prof_mineeya {
	border-color: rgba(172,145,55,1);
	outline-color: rgba(206,174,67,1)
}
.chara_nemi_area {
	margin-top: 60px
}
.chara_nemi_area:before {
	background: url(images/concept/bg-nemi.png) right bottom no-repeat;
	width: 1067px;
	height: 488px;
	left: -67px
}
.chara_name_nemi {
	top: 0;
	right: 228px
}
.chara_copy_nemi {
	top: 1px;
	right: 102px;
	letter-spacing: .15em
}
.chara_stand_nemi {
	display: none
}
.chara_prof_area_nemi {
	margin: 475px auto 0 28px
}
.chara_prof_tit_nemi {
	margin-left: auto
}
.chara_age_nemi, .chara_position_nemi, .chara_tall_nemi {
	margin-left: auto;
	width: 312px
}
.chara_prof_nemi {
	border-color: rgba(206,115,158,1);
	outline-color: rgba(233,143,186,1)
}
ul.concept_snslist_bottom {
	position: relative;
	margin: 82px auto 76px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	z-index: 30;
	letter-spacing: -.4em
}
ul.concept_snslist_bottom li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	padding: 0;
	margin: 0 20px 0 0;
	vertical-align: top;
	background-image: none
}
ul.concept_snslist_bottom li:last-child {
	margin-right: 0
}
ul.concept_snslist_bottom li a {
	display: block;
	width: 210px;
	height: 54px
}
.history_title {
	margin: 27px auto 29px 43px
}
.history_link {
	letter-spacing: -.4em;
	width: 791px;
	margin: 0 auto
}
.history_link li {
	display: inline-block;
	letter-spacing: normal;
	width: 263px;
	height: 78px;
	margin: 0 1px 0 0
}
.history_link li:last-child {
	margin-right: 0
}
.history_link li a {
	display: block;
	font-size: 20px;
	line-height: 54px;
	font-weight: 400;
	text-decoration: none;
	width: 263px;
	height: 78px;
	padding: 24px 0 0 44px;
	box-sizing: border-box
}
.history_link_coronta a {
	background: url(images/history/history-link-coronta.png) left top no-repeat
}
.history_link_usagine a {
	background: url(images/history/history-link-usagine.png) left top no-repeat
}
.history_link_nemi a {
	background: url(images/history/history-link-nemi.png) left top no-repeat
}
.history .content_txt {
	margin-top: 0;
	padding-top: 60px
}
.content_txt h2.history_h2_title {
	font-size: 50px;
	line-height: 100%;
	margin: 0 0 60px;
	padding: 0;
	background: 0 0;
	text-align: justify
}
.content_txt h2.history_h2_title span {
	position: relative;
	display: block;
	width: auto;
	padding: 0;
	background-color: transparent;
	border-bottom: none;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.content_txt h2.history_h2_title span:after, .content_txt h2.history_h2_title span:before, .content_txt h2.history_h2_title:after, .content_txt h2.history_h2_title:before {
	display: none
}
.history_scene {
	position: relative;
	margin: 0 -69px;
	padding: 0 69px
}
.history_illust {
	position: relative;
	z-index: 100;
	margin: 0 0 44px
}
.history_illust:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 670px;
	height: 100%;
	border: 6px solid rgba(0,0,0,1);
	box-sizing: border-box;
	z-index: 500
}
.btn_ad_twin, .comment_cody, .concept .side_banner_ad, .index_entry_paged_in:before, .sp_btn {
	display: none
}
.history_time {
	font-size: 45px;
	line-height: 100%;
	font-weight: 400;
	text-align: center
}
.history_time_coronta_03, .history_time_coronta_05, .history_time_usagine_02, .no_search_index_entry, .search_title h1 {
	color: rgba(255,255,255,1)
}
.comment .comment_coronta_angry_r, .comment .comment_coronta_basic_r, .comment .comment_coronta_cry_r, .comment .comment_coronta_smile_r, .comment .comment_coronta_surprised_r {
	margin-left: auto;
	margin-right: 0;
	background-image: url(images/common/comment/comment-waku-coronta-top.png), url(images/common/comment/comment-waku-coronta-bottom.png), url(images/common/comment/comment-waku-coronta.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: right top, right bottom, right top
}
.comment .comment_coronta_angry_r:before, .comment .comment_coronta_basic_r:before, .comment .comment_coronta_cry_r:before, .comment .comment_coronta_smile_r:before, .comment .comment_coronta_surprised_r:before {
	background: url(images/common/comment/comment-waku-coronta-fukidashi-r.png) left top no-repeat;
	width: 30px;
	height: 17px;
	top: 25px;
	left: -28px;
	right: auto
}
.comment .comment_coronta_basic_r:after {
	background: url(images/common/comment/comment-chara-coronta-basic-r.png) left top no-repeat;
	width: 137px;
	height: 166px;
	top: -30px;
	left: -146px
}
.comment .comment_coronta_smile_r:after {
	background: url(images/common/comment/comment-chara-coronta-smile-r.png) left top no-repeat;
	width: 137px;
	height: 163px;
	top: -18px;
	left: -146px
}
.comment .comment_coronta_angry_r:after {
	background: url(images/common/comment/comment-chara-coronta-angry-r.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	left: -146px
}
.comment .comment_coronta_cry_r:after {
	background: url(images/common/comment/comment-chara-coronta-cry-r.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	left: -146px
}
.comment .comment_coronta_surprised_r:after {
	background: url(images/common/comment/comment-chara-coronta-surprised-r.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -32px;
	left: -146px
}
.comment .comment_coronta_doubt_r:after {
	background: url(images/common/comment/comment-chara-coronta-doubt-r.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -29px;
	left: -146px
}
.comment .comment_gon_angry_r, .comment .comment_gon_basic_r, .comment .comment_gon_cry_r, .comment .comment_gon_smile_r, .comment .comment_gon_surprised_r {
	margin-left: auto;
	margin-right: 0;
	background-image: url(images/common/comment/comment-waku-gon-top.png), url(images/common/comment/comment-waku-gon-bottom.png), url(images/common/comment/comment-waku-gon.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: right top, right bottom, right top
}
.comment .comment_gon_angry_r:before, .comment .comment_gon_basic_r:before, .comment .comment_gon_cry_r:before, .comment .comment_gon_smile_r:before, .comment .comment_gon_surprised_r:before {
	background: url(images/common/comment/comment-waku-gon-fukidashi-r.png) left top no-repeat;
	width: 30px;
	height: 17px;
	top: 25px;
	left: -28px;
	right: auto
}
.comment .comment_gon_basic_r:after {
	background: url(images/common/comment/comment-chara-gon-basic-r.png) left top no-repeat;
	width: 137px;
	height: 172px;
	top: -29px;
	left: -146px
}
.comment .comment_gon_smile_r:after {
	background: url(images/common/comment/comment-chara-gon-smile-r.png) left top no-repeat;
	width: 137px;
	height: 164px;
	top: -30px;
	left: -146px
}
.comment .comment_gon_angry_r:after {
	background: url(images/common/comment/comment-chara-gon-angry-r.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -30px;
	left: -146px
}
.comment .comment_gon_cry_r:after {
	background: url(images/common/comment/comment-chara-gon-cry-r.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -27px;
	left: -146px
}
.comment .comment_gon_surprised_r:after {
	background: url(images/common/comment/comment-chara-gon-surprised-r.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -30px;
	left: -146px
}
.comment .comment_mineeya_angry_r, .comment .comment_mineeya_basic_r, .comment .comment_mineeya_cry_r, .comment .comment_mineeya_smile_r, .comment .comment_mineeya_surprised_r {
	margin-left: auto;
	margin-right: 0;
	background-image: url(images/common/comment/comment-waku-mineeya-top.png), url(images/common/comment/comment-waku-mineeya-bottom.png), url(images/common/comment/comment-waku-mineeya.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: right top, right bottom, right top
}
.comment .comment_mineeya_angry_r:before, .comment .comment_mineeya_basic_r:before, .comment .comment_mineeya_cry_r:before, .comment .comment_mineeya_smile_r:before, .comment .comment_mineeya_surprised_r:before {
	background: url(images/common/comment/comment-waku-mineeya-fukidashi-r.png) left top no-repeat;
	width: 30px;
	height: 17px;
	top: 25px;
	left: -28px;
	right: auto
}
.comment .comment_mineeya_basic_r:after {
	background: url(images/common/comment/comment-chara-mineeya-basic-r.png) left top no-repeat;
	width: 137px;
	height: 167px;
	top: -29px;
	left: -146px
}
.comment .comment_mineeya_smile_r:after {
	background: url(images/common/comment/comment-chara-mineeya-smile-r.png) left top no-repeat;
	width: 137px;
	height: 166px;
	top: -29px;
	left: -146px
}
.comment .comment_mineeya_angry_r:after {
	background: url(images/common/comment/comment-chara-mineeya-angry-r.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -29px;
	left: -146px
}
.comment .comment_mineeya_cry_r:after {
	background: url(images/common/comment/comment-chara-mineeya-cry-r.png) left top no-repeat;
	width: 137px;
	height: 165px;
	top: -29px;
	left: -146px
}
.comment .comment_mineeya_surprised_r:after {
	background: url(images/common/comment/comment-chara-mineeya-surprised-r.png) left top no-repeat;
	width: 143px;
	height: 165px;
	top: -28px;
	left: -146px
}
.history_coronta_01_illust {
	background: url(images/history/history-coronta-01-illust.jpg) left top no-repeat;
	height: 766px;
	margin-bottom: 13px
}
.history_coronta_02_illust {
	background: url(images/history/history-coronta-02-illust.jpg) left top no-repeat;
	height: 236px;
	margin-bottom: 15px
}
.history_coronta_02_katakata {
	opacity: 0;
	position: absolute;
	left: 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation-name: katakata;
	animation-name: katakata;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	background: url(images/history/history-coronta-02-kata.png) left top no-repeat;
	width: 99px;
	height: 74px;
	z-index: 600
}
.history_coronta_03_katakata, .history_usagine_01_pachipachi {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-animation-name: katakata;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	opacity: 0
}
.history_coronta_02_katakata_01 {
	top: 156px;
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}
.history_coronta_02_katakata_02 {
	top: 166px;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.history_coronta_02_katakata_03 {
	top: 142px;
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_coronta_02_katakata_04 {
	top: 68px;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.history_coronta_02_katakata_05 {
	top: 76px;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}
.history_coronta_03_illust {
	background: url(images/history/history-coronta-03-illust.jpg) left top no-repeat;
	height: 1007px
}
.history_coronta_03_katakata {
	position: absolute;
	transform-origin: 0 0;
	animation-name: katakata2;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: forwards
}
.history_coronta_03_katakata_01, .history_coronta_03_katakata_02, .history_coronta_03_katakata_03, .history_coronta_03_katakata_04 {
	left: 0;
	background: url(images/history/history-coronta-03-kata-01.png) left top no-repeat;
	width: 82px;
	height: 61px;
	z-index: 600
}
.history_coronta_03_katakata_01 {
	top: 251px;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.history_coronta_03_katakata_02 {
	top: 288px;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.history_coronta_03_katakata_03 {
	top: 312px;
	-webkit-animation-duration: 1.75s;
	animation-duration: 1.75s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_coronta_03_katakata_04 {
	top: 360px;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}
.history_coronta_03_katakata_05, .history_coronta_03_katakata_06, .history_coronta_03_katakata_07, .history_coronta_03_katakata_08 {
	left: 350px;
	background: url(images/history/history-coronta-03-kata-02.png) left top no-repeat;
	width: 95px;
	height: 71px;
	z-index: 600
}
.history_coronta_03_katakata_05 {
	top: 757px;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s
}
.history_coronta_03_katakata_06 {
	top: 828px;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}
.history_coronta_03_katakata_07 {
	top: 869px;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_coronta_03_katakata_08 {
	top: 828px;
	-webkit-animation-duration: 1.75s;
	animation-duration: 1.75s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}
.history_coronta_04_illust {
	background: url(images/history/history-coronta-04-illust.jpg) left top no-repeat;
	height: 769px;
	margin-top: 57px;
	margin-bottom: 15px;
	z-index: 550
}
.history_coronta_04_illust:after {
	border-bottom-width: 7px
}
.history_coronta_04_arm {
	position: absolute;
	top: 0;
	right: 0;
	background: url(images/history/history-coronta-04-arm.png) right top no-repeat;
	width: 539px;
	height: 738px
}
.history_coronta_04_arm_out {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 670px;
	height: 769px;
	overflow: hidden
}
.history_coronta_04_line {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/history/history-coronta-04-line.png) left top no-repeat;
	width: 670px;
	height: 769px
}
.history_coronta_04_don {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(images/history/history-coronta-04-don.png) left top no-repeat;
	width: 670px;
	height: 587px;
	transform: scale(.5)
}
.history_coronta_05_illust {
	background: url(images/history/history-coronta-05-illust.jpg) left top no-repeat;
	height: 834px
}
.history_scene_coronta_02 {
	background: url(images/history/bg-history-time-day.jpg) left top no-repeat;
	margin-top: 47px;
	padding-top: 57px
}
.history_time_coronta_02 {
	margin-bottom: 58px
}
.history_coronta_06_illust {
	background: url(images/history/history-coronta-06-illust.jpg) left top no-repeat;
	height: 615px;
	margin-bottom: 16px;
	z-index: 550
}
.history_coronta_06_arm {
	position: absolute;
	left: 34px;
	top: 0;
	background: url(images/history/history-coronta-06-arm.png) left top no-repeat;
	width: 410px;
	height: 442px
}
.history_coronta_06_arm_out, .history_coronta_06_gon, .history_coronta_06_line {
	top: 0;
	height: 615px;
	width: 670px;
	left: 0;
	position: absolute
}
.history_coronta_06_arm_out {
	overflow: hidden
}
.history_coronta_06_gon {
	background: url(images/history/history-coronta-06-gon.png) left top no-repeat
}
.history_coronta_06_line {
	background: url(images/history/history-coronta-06-line.png) left top no-repeat
}
.history_coronta_06_ban {
	position: absolute;
	left: 0;
	top: 2px;
	background: url(images/history/history-coronta-06-ban.png) left top no-repeat;
	width: 670px;
	height: 582px;
	transform: scale(.5)
}
.history_coronta_07_illust {
	background: url(images/history/history-coronta-07-illust.jpg) left top no-repeat;
	height: 785px;
	margin-bottom: 33px;
	overflow: hidden
}
.history_coronta_07_body {
	background: url(images/history/history-coronta-07-body.png) left top no-repeat;
	width: 472px;
	height: 601px
}
.history_coronta_07_body_out {
	position: absolute;
	left: 0;
	top: 184px;
	width: 472px;
	height: 601px
}
.history_coronta_07_line {
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/history/history-coronta-07-line.png) left top no-repeat;
	width: 670px;
	height: 785px
}
.history_coronta_07_thrilling {
	background: url(images/history/history-coronta-07-thrilling.png) left top no-repeat;
	width: 481px;
	height: 567px
}
.history_coronta_07_thrilling_out {
	position: absolute;
	left: 4px;
	top: 168px;
	width: 481px;
	height: 567px
}
.history_coronta_08_illust {
	background: url(images/history/history-coronta-08-illust.jpg) left top no-repeat;
	height: 1694px;
	margin-top: 42px
}
.history_scene_coronta_03 {
	margin-top: 61px
}
.history_time_coronta_03 {
	position: absolute;
	top: 102px;
	width: 670px;
	z-index: 600
}
.history_coronta_09_illust {
	background: url(images/history/history-coronta-09-illust.jpg) left top no-repeat;
	height: 1800px
}
.history_scene_coronta_04 {
	background: url(images/history/bg-history-time-day.jpg) left top no-repeat;
	margin-top: 67px;
	padding-top: 60px
}
.history_time_coronta_04 {
	line-height: 100%;
	margin-bottom: 30px
}
.history_coronta_10_illust {
	background: url(images/history/history-coronta-10-illust.jpg) left top no-repeat;
	height: 712px;
	margin-top: 43px;
	margin-bottom: 15px
}
.history_coronta_10_truck {
	background: url(images/history/history-coronta-10-truck.png) left top no-repeat;
	width: 199px;
	height: 190px
}
.history_coronta_10_truck_out {
	position: absolute;
	left: 173px;
	top: 368px;
	width: 199px;
	height: 190px
}
.history_coronta_10_lineover {
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/history/history-coronta-10-lineover.png) left top no-repeat;
	width: 670px;
	height: 712px
}
.history_coronta_10_pu_01 {
	background: url(images/history/history-coronta-10-pu-01.png) left top no-repeat;
	width: 125px;
	height: 240px;
	-webkit-animation: pupu01 1s linear infinite;
	animation: pupu01 1s linear infinite
}
.history_coronta_10_pu_01_out {
	position: absolute;
	left: 93px;
	top: 93px;
	width: 125px;
	height: 240px;
	-webkit-animation: pupu01_x .4s ease-in-out infinite alternate;
	animation: pupu01_x .4s ease-in-out infinite alternate
}
.history_coronta_10_pu_02 {
	background: url(images/history/history-coronta-10-pu-02.png) left top no-repeat;
	width: 131px;
	height: 206px;
	-webkit-animation: pupu02 1s linear infinite;
	animation: pupu02 1s linear infinite;
	opacity: 0
}
.history_coronta_10_pu_02_out {
	position: absolute;
	left: 46px;
	top: 237px;
	width: 131px;
	height: 206px;
	-webkit-animation: pupu01_x .4s ease-in-out infinite alternate;
	animation: pupu01_x .4s ease-in-out infinite alternate
}
.history_coronta_11_illust {
	background: url(images/history/history-coronta-11-illust.jpg) left top no-repeat;
	height: 396px;
	margin-bottom: 15px;
	overflow: hidden
}
.history_coronta_12_illust {
	background: url(images/history/history-coronta-12-illust.jpg) left top no-repeat;
	height: 683px;
	margin-bottom: 62px
}
.history_coronta_12_coronta {
	position: absolute;
	left: 0;
	top: 95px;
	background: url(images/history/history-coronta-12-coronta.png) left top no-repeat;
	width: 492px;
	height: 254px
}
.history_scene_coronta_05 {
	background: url(images/history/bg-history-time-night.jpg) left top no-repeat;
	margin-top: 63px;
	padding-top: 60px
}
.history_time_coronta_05 {
	margin-bottom: 82px
}
.history_coronta_13_illust {
	background: url(images/history/history-coronta-13-illust.jpg) left top no-repeat;
	height: 889px;
	margin-top: 62px;
	margin-bottom: 14px
}
.history_coronta_14_illust {
	background: url(images/history/history-coronta-14-illust.jpg) left top no-repeat;
	height: 476px;
	margin-bottom: 15px
}
.history_coronta_15_illust {
	background: url(images/history/history-coronta-15-illust.jpg) left top no-repeat;
	height: 1606px;
	margin-bottom: 22px
}
.history_coronta_15_fukidashi_01 {
	position: absolute;
	left: 378px;
	top: 122px;
	background: url(images/history/history-coronta-15-fukidashi-01.png) left top no-repeat;
	width: 238px;
	height: 355px
}
.history_coronta_15_fukidashi_02 {
	position: absolute;
	left: 43px;
	top: 557px;
	background: url(images/history/history-coronta-15-fukidashi-02.png) left top no-repeat;
	width: 201px;
	height: 289px
}
.history_usagine {
	margin-top: 140px;
	padding-top: 60px
}
.history_usagine_01_illust {
	background: url(images/history/history-usagine-01-illust.jpg) left top no-repeat;
	height: 288px;
	margin-bottom: 11px
}
.history_usagine_01_pachipachi {
	position: absolute;
	left: 0;
	transform-origin: 0 0;
	animation-name: katakata;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	background: url(images/history/history-usagine-01-pachi.png) left top no-repeat;
	width: 92px;
	height: 79px;
	z-index: 600
}
.history_usagine_01_pachipachi_01 {
	top: 46px;
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}
.history_usagine_01_pachipachi_02 {
	top: 83px;
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.history_usagine_01_pachipachi_03 {
	top: 162px;
	-webkit-animation-duration: 4.5s;
	animation-duration: 4.5s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}
.history_usagine_01_pachipachi_04 {
	top: 212px;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.history_usagine_02_illust {
	background: url(images/history/history-usagine-02-illust.jpg) left top no-repeat;
	height: 593px;
	margin-bottom: 54px
}
.history_usagine_02_pachipachi {
	opacity: 0;
	position: absolute;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation-name: katakata;
	animation-name: katakata2;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.history_usagine_02_pachipachi_01, .history_usagine_02_pachipachi_02, .history_usagine_02_pachipachi_03, .history_usagine_02_pachipachi_04, .history_usagine_02_pachipachi_05 {
	left: 335px;
	background: url(images/history/history-usagine-01-pachi.png) left top no-repeat;
	width: 92px;
	height: 79px;
	z-index: 600
}
.history_usagine_02_pachipachi_01 {
	top: 13px;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.history_usagine_02_pachipachi_02 {
	top: 16px;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}
.history_usagine_02_pachipachi_03 {
	top: 51px;
	-webkit-animation-duration: 1.75s;
	animation-duration: 1.75s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_usagine_02_pachipachi_04 {
	top: 136px;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}
.history_usagine_02_pachipachi_05 {
	top: 179px;
	-webkit-animation-duration: 2.25s;
	animation-duration: 2.25s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}
.history_usagine_02_pachipachi_06, .history_usagine_02_pachipachi_07, .history_usagine_02_pachipachi_08, .history_usagine_02_pachipachi_09 {
	left: 0;
	background: url(images/history/history-usagine-01-pachi.png) left top no-repeat;
	width: 92px;
	height: 79px;
	z-index: 600
}
.history_usagine_02_pachipachi_06 {
	top: 329px;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}
.history_usagine_02_pachipachi_07 {
	top: 374px;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_usagine_02_pachipachi_08 {
	top: 440px;
	-webkit-animation-duration: 1.75s;
	animation-duration: 1.75s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_usagine_02_pachipachi_09 {
	top: 480px;
	-webkit-animation-duration: 2.25s;
	animation-duration: 2.25s;
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s
}
.history_usagine_03_illust {
	background: url(images/history/history-usagine-03-illust.jpg) left top no-repeat;
	height: 876px;
	margin-top: 40px;
	margin-bottom: 47px
}
.history_usagine_04_illust {
	background: url(images/history/history-usagine-04-illust.jpg) left top no-repeat;
	height: 599px;
	margin-top: 40px;
	margin-bottom: 70px
}
.history_scene_nemi_02, .history_scene_usagine_02 {
	background: url(images/history/bg-history-time-night.jpg) left top no-repeat;
	margin-top: 60px;
	padding-top: 60px
}
.history_time_usagine_02 {
	margin-bottom: 44px
}
.history_usagine_05_illust {
	background: url(images/history/history-usagine-05-illust.jpg) left top no-repeat;
	height: 1048px;
	margin-bottom: 70px
}
.history_usagine_06_illust {
	background: url(images/history/history-usagine-06-illust.jpg) left top no-repeat;
	height: 1046px;
	margin-top: 43px;
	margin-bottom: 34px
}
.history_usagine_07_illust {
	background: url(images/history/history-usagine-07-illust.jpg) left top no-repeat;
	height: 989px;
	margin-top: 60px;
	margin-bottom: 42px
}
.history_scene_usagine_03 {
	margin-top: 50px
}
.history_usagine_08_illust {
	background: url(images/history/history-usagine-08-illust.jpg) left top no-repeat;
	height: 888px;
	margin-bottom: 73px
}
.history_usagine_09_illust {
	background: url(images/history/history-usagine-09-illust.jpg) left top no-repeat;
	height: 596px;
	margin-top: 80px;
	margin-bottom: 69px
}
.history_comment_2r {
	margin-bottom: 95px
}
.history_usagine_10_illust {
	background: url(images/history/history-usagine-10-illust.jpg) left top no-repeat;
	height: 914px;
	margin-top: 60px;
	margin-bottom: 42px
}
.comment .comment_history_smile {
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	width: 523px;
	margin: 310px auto 60px;
	background-image: url(images/common/comment/comment-waku-usagine-top.png), url(images/common/comment/comment-waku-usagine-bottom.png), url(images/common/comment/comment-waku-usagine.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, left top
}
.comment .comment_history_smile:before {
	background-image: url(images/common/comment/comment-waku-history-fukidashi.png), url(images/common/comment/comment-waku-history-fukidashi.png);
	background-position: left top, right top;
	background-repeat: no-repeat;
	width: 197px;
	height: 30px;
	top: -28px;
	left: 164px;
	right: auto
}
.comment .comment_history_smile:after {
	background-image: url(images/common/comment/comment-chara-coronta-smile-r.png), url(images/common/comment/comment-chara-usagine-smile.png);
	background-position: left bottom, right bottom;
	background-repeat: no-repeat;
	width: 313px;
	height: 173px;
	top: -206px;
	left: 106px
}
.history_nemi {
	margin-top: 140px;
	padding-top: 60px
}
.history_nemi_01_illust {
	background: url(images/history/history-nemi-01-illust.jpg) left top no-repeat;
	height: 2483px;
	margin-bottom: 11px
}
.history_nemi_02_illust {
	background: url(images/history/history-coronta-06-illust.jpg) left top no-repeat;
	height: 615px;
	margin-bottom: 16px;
	z-index: 550
}
.history_nemi_02_arm_out {
	position: absolute;
	left: 0;
	top: 0;
	width: 670px;
	height: 690px;
	overflow: hidden
}
.history_nemi_02_01_illust {
	background: url(images/history/history-nemi-02-1-illust.jpg) left top no-repeat;
	height: 980px;
	margin: 0
}
.history_nemi_02_arm {
	position: absolute;
	top: 20px;
	right: 70px;
	background: url(images/history/history-nemi-02-arm.png) right top no-repeat;
	width: 575px;
	height: 592px
}
.history_nemi_02_nemi_out {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 670px;
	height: 769px;
	overflow: hidden
}
.history_nemi_02_don {
	position: absolute;
	bottom: 0;
	left: 10px;
	background: url(images/history/history-nemi-02-ban.png) left top no-repeat;
	width: 648px;
	height: 730px;
	transform: scale(.5)
}
.history_nemi_02_02_illust {
	background: url(images/history/history-nemi-02-2-illust.jpg) left top no-repeat;
	height: 690px;
	margin: 0
}
.history_nemi_02_03_illust {
	background: url(images/history/history-nemi-02-3-illust.jpg) left top no-repeat;
	height: 822px
}
.history_nemi_03_illust {
	background: url(images/history/history-nemi-03-illust.jpg) left top no-repeat;
	height: 1940px;
	margin: 30px 0
}
.history_nemi_04_illust {
	background: url(images/history/history-nemi-04-illust.jpg) left top no-repeat;
	height: 1598px
}
.history_nemi_05_illust {
	background: url(images/history/history-nemi-05-illust.jpg) left top no-repeat;
	height: 2464px;
	margin-top: 30px
}
.history_nemi_01_illust:after, .history_nemi_02_02_illust:after, .history_nemi_03_illust:after, .history_nemi_04_illust:after, .history_nemi_05_illust:after, .history_usagine_07_illust:after, .history_usagine_08_illust:after {
	border: none
}
@-webkit-keyframes katakata {
0% {
-webkit-transform:translateX(670px);
transform:translateX(670px);
opacity:.3
}
50% {
-webkit-transform:translateX(285px);
transform:translateX(285px);
opacity:1
}
100% {
-webkit-transform:translateX(-100px);
transform:translateX(-100px);
opacity:.3
}
}
@keyframes katakata {
0% {
-webkit-transform:translateX(670px);
transform:translateX(670px);
opacity:.3
}
50% {
-webkit-transform:translateX(285px);
transform:translateX(285px);
opacity:1
}
100% {
-webkit-transform:translateX(-100px);
transform:translateX(-100px);
opacity:.3
}
}
@-webkit-keyframes katakata2 {
0% {
-webkit-transform:translateX(250px);
transform:translateX(250px);
opacity:.3
}
50% {
-webkit-transform:translateX(75px);
transform:translateX(75px);
opacity:1
}
100% {
-webkit-transform:translateX(-100px);
transform:translateX(-100px);
opacity:.3
}
}
@keyframes katakata2 {
0% {
-webkit-transform:translateX(250px);
transform:translateX(250px);
opacity:.3
}
50% {
-webkit-transform:translateX(75px);
transform:translateX(75px);
opacity:1
}
100% {
-webkit-transform:translateX(-100px);
transform:translateX(-100px);
opacity:.3
}
}
@-webkit-keyframes pupu01 {
0% {
opacity:0;
-webkit-transform:translate(20px, 40px);
transform:translate(20px, 40px)
}
50% {
opacity:1;
-webkit-transform:translate(-20px, -40px);
transform:translate(-20px, -40px)
}
100%, 51% {
opacity:0
}
}
@keyframes pupu01 {
0% {
opacity:0;
-webkit-transform:translate(20px, 40px);
transform:translate(20px, 40px)
}
50% {
opacity:1;
-webkit-transform:translate(-20px, -40px);
transform:translate(-20px, -40px)
}
100%, 51% {
opacity:0
}
}
@-webkit-keyframes pupu02 {
0%, 50% {
opacity:0
}
51% {
opacity:0;
-webkit-transform:translate(20px, 40px);
transform:translate(20px, 40px)
}
100% {
opacity:1;
-webkit-transform:translate(-20px, -40px);
transform:translate(-20px, -40px)
}
}
@keyframes pupu02 {
0%, 50% {
opacity:0
}
51% {
opacity:0;
-webkit-transform:translate(20px, 40px);
transform:translate(20px, 40px)
}
100% {
opacity:1;
-webkit-transform:translate(-20px, -40px);
transform:translate(-20px, -40px)
}
}
@-webkit-keyframes pupu01_x {
0% {
-webkit-transform:translateX(-5px)
}
100% {
-webkit-transform:translateX(5px)
}
}
@keyframes pupu01_x {
0% {
transform:translateX(-5px)
}
100% {
transform:translateX(5px)
}
}
.company_title {
	margin: 27px auto 39px 43px
}
.company_title_area+.content_txt {
	margin-top: 0;
	padding-top: 40px
}
.company dl {
	line-height: 30px;
	margin: 0 0 30px
}
.company dt {
	font-size: 20px;
	font-weight: 700
}
.company dd {
	font-size: 16px;
	line-height: 30px
}
body.top_paged {
	background-image: url(images/common/bg-h1.png), url(images/common/bg-body-paper.png), url(images/common/bg-body-sky.jpg), url(images/common/bg-body-lattice.png);
	background-position: center top;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat;
	background-attachment: scroll, fixed, fixed, scroll
}
.top_paged #side {
	padding-top: 0
}
.search_title {
	margin: 26px auto 26px 43px
}
.search_title h1 {
	font-family: inherit;
	font-size: 24px;
	font-weight: 400
}
.ad_contents_tit, .search_title h1 .search_key_in {
	font-family: "Ryumin Bold KL"
}
.search_title h1 .search_key {
	font-size: 42px;
	line-height: 56px;
	font-weight: 700
}
.index_entry_paged {
	position: relative;
	background-color: transparent;
	background-image: none;
	padding: 0 0 90px
}
.index_entry_paged_in {
	width: 780px
}
.index_entry_loop_paged {
	width: 780px;
	margin: 0 auto
}
.search .index_entry_loop_paged {
	padding-top: 0
}
.index_entry_loop_paged .index_entry_loop_box {
	margin: 0 60px 45px 0
}
.index_entry_loop_paged .index_entry_loop_box:nth-child(3n) {
	margin-right: 60px
}
.index_entry_loop_paged .index_entry_loop_box:nth-child(2n) {
	margin-right: 0
}
.index_entry_loop_paged .index_entry_loop_box:nth-last-child(3) {
	margin-bottom: 45px
}
.index_entry_loop_paged .index_entry_loop_box:nth-last-child(1), .index_entry_loop_paged .index_entry_loop_box:nth-last-child(2) {
	margin-bottom: 0
}
.index_entry_paged .wp-pagenavi .current, .index_entry_paged .wp-pagenavi .extend, .index_entry_paged .wp-pagenavi .first:hover, .index_entry_paged .wp-pagenavi .last:hover, .index_entry_paged .wp-pagenavi .nextpostslink:hover, .index_entry_paged .wp-pagenavi .page:hover, .index_entry_paged .wp-pagenavi .previouspostslink:hover {
	color: #0074a4
}
.img_line {
	border: 1px solid #b1b1b1
}
.side_banner_ad {
	margin: 30px auto 0;
	padding: 150px 0 0;
	width: 320px;
	height: 404px;
	background: url(images/ad/banner-side-ad.png) left top no-repeat;
	background-size: 100%
}
.side_banner_in {
	position: relative;
	overflow: hidden;
	width: 288px;
	margin: 0 auto
}
.btn_ad_twin_pc {
	margin: 30px 0 0 60px
}
.banner_link_sp {
	display: block;
	width: 25%;
	margin: 20px 0 0 60px
}
.sp_ad_contents {
	display: block;
	background: #f1eedf;
	margin: -16px -69px;
	padding: 18px 0 50px;
	z-index: 0;
	border-bottom: 2px solid #947e2e
}
.comment_inner {
	position: relative;
	padding: 15px 2.5em 20px .8em;
	font-weight: 700;
	z-index: 0;
	background: url(images/ad/bg-cody-comment.png) left top no-repeat;
	background-size: 100%
}
.ad_contents_tit {
	background: url(images/ad/bg-ad-title-pc.png) left top no-repeat;
	text-align: center;
	margin: 50px -70px -40px;
	padding: 26px 0 0;
	font-size: 38px;
	color: #fff;
	z-index: 50;
	position: relative;
	width: 810px;
	height: 83px
}
.copy_title {
	font-size: 30px;
	font-weight: 700;
	margin: 42px 60px 0 0;
	text-align: justify;
	float: right;
	width: 451px
}
.ad_btn_twin_detail, .btn_ad {
	float: left
}
.btn_doda_sp {
	position: relative;
	width: 60%;
	height: auto;
	margin: 30px auto;
	overflow: hidden;
	z-index: 0
}
.btn_arrow_vertical {
	position: absolute;
	z-index: 100;
	width: 50%;
	top: 17px;
	left: 26%;
	animation: btn_arrow_vertical .8s linear 0s infinite
}
@keyframes btn_arrow_vertical {
0%, 100% {
transform:translateY(-20px)
}
20%, 80% {
transform:translateY(-10px)
}
40% {
transform:translateY(-5px)
}
60% {
transform:translateY(-4px)
}
}
.comment_cody {
	position: relative;
	margin: 40px 0 0;
	height: 7vh
}
.comment_cody:before {
	content: "";
	position: absolute;
	background: url(images/ad/ad-comment-cody.png) left top no-repeat;
	background-size: 100%;
	bottom: -8px;
	right: -1em;
	width: 70px;
	height: 80px
}
.btn_arrow_small {
	position: absolute;
	width: 85px;
	top: 20px;
	left: 1em;
	animation: btn_arrow_small .9s linear 0s infinite
}
@keyframes btn_arrow_small {
0%, 100%, 50% {
transform:scale(1, 1) translate(0, 0)
}
10% {
transform:scale(1, 1) translate(5%, 5%)
}
40%, 85% {
transform:scale(1, 1) translate(15%, 0)
}
60% {
transform:scale(1, 1) translate(-100%, 0)
}
75% {
transform:scale(1, 1) translate(-20%, 0)
}
}
.reflection {
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 2s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 2s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 2s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 2s ease-in-out infinite
}
@keyframes reflection {
0% {
transform:scale(0) rotate(45deg);
opacity:0
}
80% {
transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
transform:scale(4) rotate(45deg);
opacity:1
}
100% {
transform:scale(50) rotate(45deg);
opacity:0
}
}
@-webkit-keyframes reflection {
0% {
-webkit-transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-webkit-transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-webkit-transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-webkit-transform:scale(50) rotate(45deg);
opacity:0
}
}
@-moz-keyframes reflection {
0% {
-moz-transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-moz-transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-moz-transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-moz-transform:scale(50) rotate(45deg);
opacity:0
}
}
@-ms-keyframes reflection {
0%, 80% {
-ms-transform:scale(0) rotate(45deg)
}
0%, 100% {
opacity:0
}
80% {
opacity:.5
}
81% {
-ms-transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-ms-transform:scale(50) rotate(45deg)
}
}
@-o-keyframes reflection {
0% {
-o-transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-o-transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-o-transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-o-transform:scale(50) rotate(45deg);
opacity:0
}
}
.content_txt .feature_check {
	border: 2px solid #343457;
	background-color: #fff;
	border-radius: 6px;
	margin: 36px 60px 12px;
	padding: 27px 21px 10px;
	position: relative
}
.content_txt .feature_check:before {
	content: "";
	position: absolute;
	background: url(images/ad/bg-feature-attype.png) left top no-repeat;
	background-size: 100%;
	top: -17px;
	left: 36%;
	width: 200px;
	height: 32px
}
.ad_mynavi_pc, .btn_ad {
	position: relative;
	overflow: hidden
}
.content_txt .feature_check li {
	font-size: 23px;
	margin: 0 0 7px;
	background: url(images/ad/icon-check.png) left center no-repeat;
	background-size: 4%;
	padding: 2px 0 1px 1.6em
}
.copy_title .bgc-yellow {
	line-height: 40px;
	font-size: 1em
}
.btn_ad_twin {
	margin: 0 .8em
}
.btn_detail {
	float: left;
	margin: 0 1em 0 0
}
.btn_detail a {
	font-weight: 700
}
.ad_mynavi_pc {
	width: 60%;
	height: auto;
	margin: 40px auto
}
.btn_arrow_ad {
	position: absolute;
	width: 85px;
	top: 30px;
	left: 15px;
	animation: btn_arrow_small .9s linear 0s infinite
}
.ad_btn_twin {
	margin: 30px auto
}
.ad_btn_twin_official, .fl_r {
	float: right
}
.bnr_start_diagnosis {
	margin: 50px 0 0;
	position: relative;
	display: inline-block!important
}
.bnr_start_diagnosis:hover {
	opacity: 1
}
.bnr_start_diagnosis .prt_bg {
	vertical-align: bottom
}
.bnr_start_diagnosis .prt_btn {
	position: absolute;
	top: 16%;
	right: 1%;
	width: 20%
}
.bnr_start_diagnosis .prt_txt_question {
	position: absolute;
	top: 73%;
	left: 9%;
	font-size: 22px;
	color: #333;
	font-weight: 700
}
.bnr_start_diagnosis .prt_radio01 {
	position: absolute;
	top: 69%;
	left: 38%;
	width: 28%
}
.bnr_start_diagnosis .prt_radio02 {
	position: absolute;
	top: 69%;
	left: 69%;
	width: 28%
}
.bnr_start_diagnosis .prt_txt_new {
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 90%;
	color: #fff;
	overflow: hidden
}
.bnr_start_diagnosis .prt_txt_new ul {
	margin: 0;
	width: 10000%
}
.bnr_start_diagnosis .prt_txt_new ul li {
	float: left;
	background: 0 0;
	padding: 0 20px;
	margin: 0
}
.btn_start_diagnosis {
	position: relative;
	border-radius: 50%
}
.btn_start_diagnosis .ani_reflection {
	width: 100%;
	height: 134px;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1000
}
.btn_start_diagnosis .ani_reflection>div {
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	-webkit-animation: reflection 2s ease-in-out infinite;
	-moz-animation: reflection 2s ease-in-out infinite;
	animation: reflection 2s ease-in-out infinite;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}
.btn_start_diagnosis .ico {
	position: absolute;
	top: 0;
	left: 50%;
	width: 40%;
	height: 40%;
	-webkit-animation: btnIcoUpDown 1.2s ease .15s infinite;
	-moz-animation: btnIcoUpDown 1.2s ease .15s infinite;
	animation: btnIcoUpDown 1.2s ease .15s infinite;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}
.ri {
	width: 100%;
	max-width: 100%
}
@-webkit-keyframes reflection {
0% {
-webkit-transform:scale(0) rotate(45deg);
-moz-transform:scale(0) rotate(45deg);
-ms-transform:scale(0) rotate(45deg);
-o-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-webkit-transform:scale(0) rotate(45deg);
-moz-transform:scale(0) rotate(45deg);
-ms-transform:scale(0) rotate(45deg);
-o-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-webkit-transform:scale(4) rotate(45deg);
-moz-transform:scale(4) rotate(45deg);
-ms-transform:scale(4) rotate(45deg);
-o-transform:scale(4) rotate(45deg);
transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-webkit-transform:scale(50) rotate(45deg);
-moz-transform:scale(50) rotate(45deg);
-ms-transform:scale(50) rotate(45deg);
-o-transform:scale(50) rotate(45deg);
transform:scale(50) rotate(45deg);
opacity:0
}
}
@-moz-keyframes reflection {
0% {
-webkit-transform:scale(0) rotate(45deg);
-moz-transform:scale(0) rotate(45deg);
-ms-transform:scale(0) rotate(45deg);
-o-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-webkit-transform:scale(0) rotate(45deg);
-moz-transform:scale(0) rotate(45deg);
-ms-transform:scale(0) rotate(45deg);
-o-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-webkit-transform:scale(4) rotate(45deg);
-moz-transform:scale(4) rotate(45deg);
-ms-transform:scale(4) rotate(45deg);
-o-transform:scale(4) rotate(45deg);
transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-webkit-transform:scale(50) rotate(45deg);
-moz-transform:scale(50) rotate(45deg);
-ms-transform:scale(50) rotate(45deg);
-o-transform:scale(50) rotate(45deg);
transform:scale(50) rotate(45deg);
opacity:0
}
}
@keyframes reflection {
0% {
-webkit-transform:scale(0) rotate(45deg);
-moz-transform:scale(0) rotate(45deg);
-ms-transform:scale(0) rotate(45deg);
-o-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:0
}
80% {
-webkit-transform:scale(0) rotate(45deg);
-moz-transform:scale(0) rotate(45deg);
-ms-transform:scale(0) rotate(45deg);
-o-transform:scale(0) rotate(45deg);
transform:scale(0) rotate(45deg);
opacity:.5
}
81% {
-webkit-transform:scale(4) rotate(45deg);
-moz-transform:scale(4) rotate(45deg);
-ms-transform:scale(4) rotate(45deg);
-o-transform:scale(4) rotate(45deg);
transform:scale(4) rotate(45deg);
opacity:1
}
100% {
-webkit-transform:scale(50) rotate(45deg);
-moz-transform:scale(50) rotate(45deg);
-ms-transform:scale(50) rotate(45deg);
-o-transform:scale(50) rotate(45deg);
transform:scale(50) rotate(45deg);
opacity:0
}
}
@-webkit-keyframes btnIcoUpDown {
0%, 100% {
-moz-transform:translate(-50%, 6%);
-webkit-transform:translate(-50%, 6%);
-o-transform:translate(-50%, 6%);
-ms-transform:translate(-50%, 6%);
transform:translate(-50%, 6%)
}
50% {
-moz-transform:translate(-50%, -6%);
-webkit-transform:translate(-50%, -6%);
-o-transform:translate(-50%, -6%);
-ms-transform:translate(-50%, -6%);
transform:translate(-50%, -6%)
}
}
@-moz-keyframes btnIcoUpDown {
0%, 100% {
-moz-transform:translate(-50%, 6%);
-webkit-transform:translate(-50%, 6%);
-o-transform:translate(-50%, 6%);
-ms-transform:translate(-50%, 6%);
transform:translate(-50%, 6%)
}
50% {
-moz-transform:translate(-50%, -6%);
-webkit-transform:translate(-50%, -6%);
-o-transform:translate(-50%, -6%);
-ms-transform:translate(-50%, -6%);
transform:translate(-50%, -6%)
}
}
@keyframes btnIcoUpDown {
0%, 100% {
-moz-transform:translate(-50%, 6%);
-webkit-transform:translate(-50%, 6%);
-o-transform:translate(-50%, 6%);
-ms-transform:translate(-50%, 6%);
transform:translate(-50%, 6%)
}
50% {
-moz-transform:translate(-50%, -6%);
-webkit-transform:translate(-50%, -6%);
-o-transform:translate(-50%, -6%);
-ms-transform:translate(-50%, -6%);
transform:translate(-50%, -6%)
}
}
input.btn_question {
	display: none
}
.btn_question+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 44px;
	padding: 0 18px 0 34px;
	line-height: 44px;
	box-sizing: border-box;
	background: #fff;
	color: #3e4956;
	font-size: "16px";
	text-align: center;
	border: 2px solid #018a9c;
	border-radius: 4px;
	font-weight: 700;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
.btn_question+label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 6px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: #daecec;
	border-radius: 6px
}
input[type=radio].btn_question:checked+label {
	background: #018a9c;
	color: #fff
}
input[type=radio].btn_question:checked+label:before {
	background: #fff
}
input[type=radio].btn_question:checked+label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 6px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: url(images/shindan/ico-check.png);
	background-size: 100% auto
}
.txt_diagnosis_updata {
	color: red
}
.btn_works img {
	width: 100%
}
.content_txt a.btn_works {
	display: block;
	width: 340px;
	margin: 0 auto
}
.al_c {
	text-align: center
}
.al_r {
	text-align: right
}
.al_l {
	text-align: left
}
.vl_t {
	vertical-align: top
}
.vl_m {
	vertical-align: middle
}
.vl_b {
	vertical-align: bottom
}
.fl_l {
	float: left
}
.fl_c {
	clear: both
}
.m0 {
	margin: 0!important
}
.m0_t {
	margin-top: 0!important
}
.m0_r {
	margin-right: 0!important
}
.m0_b {
	margin-bottom: 0!important
}
.m0_l {
	margin-left: 0!important
}
.m10 {
	margin: 10px!important
}
.m10_t {
	margin-top: 10px!important
}
.m10_r {
	margin-right: 10px!important
}
.m10_b {
	margin-bottom: 10px!important
}
.m10_l {
	margin-left: 10px!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
}
.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
}
.m35 {
	margin: 35px!important
}
.m35_t {
	margin-top: 35px!important
}
.m35_r {
	margin-right: 35px!important
}
.m35_b {
	margin-bottom: 35px!important
}
.m35_l {
	margin-left: 35px!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
}
.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
}
.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
}
.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
}
.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
}
.b {
	font-weight: 700!important
}
.normal {
	font-weight: 400!important
}
.f8px {
	font-size: 8px!important
}
.f9px {
	font-size: 9px!important
}
.f10px {
	font-size: 10px!important
}
.f11px {
	font-size: 11px!important
}
.f12px {
	font-size: 12px!important
}
.f13px {
	font-size: 13px!important
}
.f14px {
	font-size: 14px!important
}
.f15px {
	font-size: 15px!important
}
.f16px {
	font-size: 16px!important
}
.f17px {
	font-size: 17px!important
}
.f18px {
	font-size: 18px!important
}
.f19px {
	font-size: 19px!important
}
.f20px {
	font-size: 20px!important
}
.f21px {
	font-size: 21px!important
}
.f22px {
	font-size: 22px!important
}
.f23px {
	font-size: 23px!important
}
.f24px {
	font-size: 24px!important
}
.f25px {
	font-size: 25px!important
}
.f30px {
	font-size: 30px!important
}
.f36px {
	font-size: 36px!important
}
.f42px, .f43px {
	font-size: 43px!important
}
.f46px {
	font-size: 46px!important
}
.content_txt_in p+.bnr_start_diagnosis {
	margin: 0
}
.marker {
	background-repeat: repeat-x;
	background-size: 200% .8em;
	background-position: 0 .5em;
	transition : 3.5s linear .5s;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	margin: 30px 0;
}
.marker_on {
	background-position: -100% .5em;
}
/* default color Green */
.marker {
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: -moz-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: -ms-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
}
.marker.purple {
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(227,207,232,.8) 50%);
	background-image: -moz-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(227,207,232,.8) 50%);
	background-image: -ms-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(227,207,232,.8) 50%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(227,207,232,.8) 50%);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(227,207,232,.8) 50%);
}
.marker.pink {
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,193,193,.8) 50%);
	background-image: -moz-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,193,193,.8) 50%);
	background-image: -ms-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,193,193,.8) 50%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,193,193,.8) 50%);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,193,193,.8) 50%);
}
.marker.blue {
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(196,226,255,.8) 50%);
	background-image: -moz-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(196,226,255,.8) 50%);
	background-image: -ms-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(196,226,255,.8) 50%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(196,226,255,.8) 50%);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(196,226,255,.8) 50%);
}
.marker.green {
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: -moz-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: -ms-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(128,255,192,.8) 50%);
}
.marker.yellow {
	background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,240,157,.8) 50%);
	background-image: -moz-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,240,157,.8) 50%);
	background-image: -ms-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,240,157,.8) 50%);
	background-image: -o-linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,240,157,.8) 50%);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,240,157,.8) 50%);
}

/* ダウンロードボタン追加2020-02-25 */
.btn-gradient-radius {
	display: inline-block;
	padding: 7px 20px;
	border-radius: 25px;
	text-decoration: none;
	color: #FFF;
	background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
	transition: .4s;
  }
  
  .btn-gradient-radius:hover {
	background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
  }

.single-pr {
	color: #ffffff;
	text-align: right;
}