@charset 'utf-8';


/* basement setting
	------	------	------	------	------	------ */
body {
	font-family: "Avenir Next” , ”游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "'Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	color: #4d4d4d;
	background: #fff;
	-webkit-text-size-adjust: none;
}
/*
body * {
	font-size: 75%; approx16px
}
*/
::selection {background-color: #f7d529;}
::-moz-selection {background-color: #f7d529;}
a {
	transition-duration: 0.5s;	
}
a:focus {
	outline: none;
}
a img {
	border-radius: 8px;
}

.cont-header a,
.top-cont a,
.page-cont a,
.top-cont a:active,
.page-cont a:active,
.top-cont a:visited,
.page-cont a:visited {
	text-decoration: underline;
	color: #4d4d4d;
}
.cont-header a:hover,
.credit-att a:hover,
.top-cont a:hover,
.page-cont a:hover {
	text-decoration: underline;
	color: #b3b3b3;
}



/* nojs
	------	------	------	------	------	------ */
#noscript_att {
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -450px;
	padding: 10px;
	width: 900px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	border: 2px solid #2E2E2E;
	z-index: 2000;
}
#noscript_att strong {
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #D50303;
}



/* EMG table
	------	------	------	------	------	------ */
.emg > table, .emg2 > table, .emg3 > table {
	margin: 10px auto 0;
}
/*
.emg > table > tbody > tr, .emg2 > table > tbody > tr, .emg3 > table > tbody > tr {
	background-color: #141452;
}
.emg3 > table > tbody > tr > td > table > tbody > tr {
	background-color: #fff;
}
*/
.emg > table > tbody > tr > td, .emg2 > table > tbody > tr > td, .emg3 > table > tbody > tr > td {
/*	padding: 1px; */
	border: solid 1px #141452;
}

.yjEmgDate, .yjEmg2Date, .yjEmg3Date {
	background-color: #141452;
}
.yjEmgText,.yjEmgInfo, .yjEmg2Text,.yjEmg2Info, .yjEmg3Text,.yjEmg3Info {
	background-color: #fff;
}
.emg_outer {
	position: relative;
}



/* header
	------	------	------	------	------	------ */
.cont-header {
	position: relative;
	margin-bottom: 24px;
	padding: 17px 0 18px;
	background-color: #fff;
}
.cont-header .inner {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
.cont-header h1 {
	float: left;
	width: 400px;
	height: 42px;
}
.cont-header h1 a {
	position: relative;
	display: block;
	width: 400px;
	height: 42px;
	background: 0 0 no-repeat url(../img/common/hd-title.png);
	text-indent: -9999px;
	z-index: 10000;
}
.cont-header h1 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

.cont-header .hd-function {
	float: left;
	margin: 5px 0 0 30px;
	width: 548px;
}
.cont-header .hd-function .snsbtns {
	float: left;
	padding: 0 0 0 190px;
}
.cont-header .hd-function .snsbtns > * {
	float: right;
}
.cont-header .hd-function .snsbtns iframe {
	width: 82px;
	height: 22px;
	vertical-align: bottom !important;
}
.cont-header .hd-function .snsbtns div:first-child iframe {
	margin-right: 15px;
	width: 110px;
}
.cont-header .hd-function .to_yahoodonation {
	position: relative;
	float: right;
	width: 150px;
	z-index: 10000;
}
.cont-header .hd-function .to_yahoodonation a img {
	width: 100%;
	border-radius: 0;
}

/* [START] 2017.01.31 Added */
.cont-header .to_yahoolink {
	position: absolute;
	top: 35px;
	right: 0;
	border-radius: 0;
}
.cont-header .to_yahoolink a {
	font-size: small;
}
/* [END] 2017.01.31 Added */

.cont-header .hd-news {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	width: 360px;
}
.cont-header .hd-news * {
	display: inline-block;
	height: 20px;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}
.cont-header .hd-news h3 {
	width: 55px;
}
.cont-header .hd-news ul {
	width: 295px;
}
.cont-header .hd-news li .date {
	width: 70px;
}
.cont-header .hd-news li a {
	width: auto;
	color: #4d4d4d;
	overflow: hidden;
}
.cont-header .hd-news li a:hover {
	text-decoration: underline !important;
}
.cont-header .hd-news li a marquee {
	width: 240px;
}

.cont-gnav {
	/*
	position: absolute;
	top: 100px;
	*/
	/* 警報表示用修正 */
	position: relative;
	top: -1px;
	padding: 0;
	width: 100%;
	z-index: 100;
}
.cont-gnav ul {
	margin: 0 auto;
	width: 980px;
	height: 50px;
	text-align: center;
	background-color: #fff;
	border-radius: 50px;
}
.cont-gnav ul li {
	display: inline-block;
	margin: 0 25px;
	height: 50px;
}
.cont-gnav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../img/common/gnav_btns.png);
	transition-duration: 0s !important;
	opacity: 1 !important;
}
.gn01 {width: 189px;}
.gn02 {width: 168px;}
.gn03 {width: 147px;}
.gn04 {width: 163px;}

.gn01 a, .gn01 a:active {background-position: 0 0;}
.gn02 a, .gn02 a:active {background-position: 0 -50px;}
.gn03 a, .gn03 a:active {background-position: 0 -100px;}
.gn04 a, .gn04 a:active {background-position: 0 -150px;}

.gn01 a:hover, .page-project .gn01 a {background-position: -300px 0;}
.gn02 a:hover, .page-twitter .gn02 a {background-position: -300px -50px;}
.gn03 a:hover, .page-coloring .gn03 a {background-position: -300px -100px;}
.gn04 a:hover, .page-pictgram .gn04 a {background-position: -300px -150px;}



/* page-cont
	------	------	------	------	------	------ */
.page-cont {
	margin: 0 auto;
	padding: 80px 0 0;
	width: 980px;
}
.page-body {
	float: right;
	width: 730px;
	opacity: 0;
}
.page-body a:hover {
	opacity: 0.6;
}
.page-body .page-header {
	margin-bottom: 50px;
}
.chapt {
	margin-bottom: 50px;
}
.chapt .heading {
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 17px;
	line-height: 38px;
	font-weight: bold;
	color: #4d4d4d;
	background: #fff8dc;
	border-radius: 4px;
}
.chapt p {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 28px;
}
.chapt p .small-heading {
	display: block;
	font-weight: bold;
}

/* [START] 2017.01.31 Added */
.chapt.lead .notice {
	display: block;
	padding-left: 10px;			/* 2017.02.20 Added */
	border: solid 1px #a6a6a6;
	border-radius: 20px;
}
.chapt.lead .notice p {
	margin-bottom: 0;
}
.chapt.lead .notice .title {
	display: block;
	font-weight: bold;
}
.chapt.lead .notice .title .date {
	padding-left: 10px;
	font-weight: normal;
}
.chapt.lead .notice .text {
	margin-bottom: 20px;
}
.chapt.lead .notice .book {
	width: 168px;
	height: 235px;
	float: right;
	margin: 48px 16px 0 32px;
	border-radius: 8px;
	border-top-left-radius: 0;
}

/* [END] 2017.01.31 Added */

.layout-col2 .box {
	float: right;
	width: 336px;
}
.layout-col2 .box:first-child {
	float: left;
}
.signature {
	margin-top: 10px;
	width: 200px;
}



/* page-cont side area
	------	------	------	------	------	------ */
.page-cont .side {
	float: left;
	width: 190px;
}
.page-cont .side .inner {
	width: 190px;
}
.page-cont .side .side-donate {
	position: relative;
	margin-bottom: 12px;
	width: 188px;
	height: 210px;
	background: center top no-repeat url(../img/common/side-donate_bg.png);
	border: solid 2px #f7d529;
	border-radius: 8px;
}
.page-cont .side .side-donate .money,
.page-cont .side .side-donate .number {
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
}
.page-cont .side .side-donate .money {
	top: 35px;
	right: 42px;
}
.page-cont .side .side-donate .number {
	top: 110px;
	right: 70px;
}
.page-cont .side .side-donate .donate_btn {
	position: absolute;
	left: 0;
	bottom: 0;
}
.page-cont .side .side-donate .donate_btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.credit-att {
	font-size: 11px;
	line-height: 1.5em;
}



/* footer
	------	------	------	------	------	------ */
.cont-footer {
	margin-top: 135px;
	padding: 0 0 30px;
	background-color: #f7f7f7;
}
.cont-footer .inner {
	position: relative;
	margin: 0 auto 25px;
	padding: 27px 0 0;
	width: 980px;	
}
.cont-footer h2 {
	float: left;
	width: 400px;
	height: 55px;
}
.cont-footer h2 a {
	display: block;
	width: 400px;
	height: 55px;
	background: left top no-repeat url(../img/common/ft-title.png);
	text-indent: -9999px;
}
.cont-footer h2 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.cont-footer .ft-function {
	float: left;
	position: relative;
	margin-left: 80px;
	width: 490px;
}

.cont-footer .ft-function .inquire {
}
.cont-footer .ft-function .inquire p {
	margin-bottom: 2px;
}
.cont-footer .ft-function .inquire p a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	background: no-repeat url(../img/common/ft-func_btns.png);
}
.cont-footer .ft-function .inquire .bt01 a {
	width: 225px;
	background-position: 0 0;
}
.cont-footer .ft-function .inquire .bt02 a {
	width: 115px;
	background-position: 0 -30px;
}
.cont-footer .ft-function .inquire a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.cont-footer .ft-function .snsbtns {
	position: absolute;
	top: 0;
	right: 0;
	height: 28px;
}
.cont-footer .ft-function  .snsbtns > * {
	float: right;
}
.cont-footer .ft-function .snsbtns iframe {
	width: 90px;
	height: 22px;
	vertical-align: bottom !important;
}
.cont-footer .ft-function .snsbtns div:first-child iframe {
	margin-right: 15px;
	width: 130px;
}

/* pagetop
	------	------	------ */
.cont-footer .pagetop {
	position: absolute;
	top: -94px;
	right: 0;
	width: 114px;
	height: 94px;
}
.cont-footer .pagetop a {
	display: block;
	width: 114px;
	height: 94px;
	background: center no-repeat url(../img/common/ft-pagetop.png);
	background-size: contain;
	text-indent: -9999px;
}

/* footer nav
	------	------	------ */
.ft-nav {
	margin: 0 auto;
	width: 980px;	
}
.ft-nav ul {
	padding: 25px 0 30px;
	text-align: center;
	border-top: solid 2px #e2e2e2;
}
.ft-nav ul li {
	display: inline-block;
	margin: 0 20px;
	height: 66px;
}
.ft-nav ul li a {
	display: block;
	width: 100%;
	height: 66px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../img/common/ft-nav_btns.png);
}
.ft-nav ul li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.fn00 {width: 70px;}
.fn01 {width: 196px;}
.fn02 {width: 126px;}
.fn03 {width: 168px;}
.fn04 {width: 112px;}
.fn05 {width: 182px;}
.fn06 {width: 124px;}

.fn00 a {background-position: 0 0;}
.fn01 a {background-position: -70px 0;}
.fn02 a {background-position: -266px 0;}
.fn03 a {background-position: -392px 0;}
.fn04 a {background-position: -560px 0;}
.fn05 a {background-position: -672px 0;}
.fn06 a {background-position: -854px 0;}



/* Yahoo footer PC
	------	------	------	------	------	------ */
#footer {
        padding-top: 10px;
        background-color: #fff;
    }
    
#yjfooter {
        border-top: 1px solid #989898;
        margin-top: 7px;
    }
    
    #yjfooter.volunteer .wrap {
        text-align: center;
    }
    
    #yjfooter p {
        margin-left: 0;
    }
    #yjfooter  .links {
    margin-bottom:20px;
    margin-top:20px;
    }
    #yjfooter  .copyright {
    margin-bottom:5px;
    margin-top:5px;
    }



/* PC view switch
	------	------	------	------	------	------ */
.spe {
	display: none;
}



/* SP view
	------	------	------	------	------	------ */
@media only screen and (max-width:640px) {



	/* PC view switch
		------	------	------	------	------	------ */
	.spe {
		display: block;
	}
	.pce {
		display: none !important;
	}



	/* header
		------	------	------	------	------	------ */
	.cont-header {
		margin-bottom: 0;
		padding: 20px 15px 20px;
	}
	.cont-header .inner {
		width: 100%;
	}
	.cont-header h1 {
		width: 70%;
		height: 25px;
	}
	.cont-header h1 a {
		display: block;
		width: 100%;
		height: 28px;
		background: 0 0 no-repeat url(../img/common/hd-title.png);
		background-size: contain;
	}
	.cont-header .hd-function {
		float: left;
		margin-left: 0;
		width: 100%;
	}
	.cont-header .hd-function > * {
		float: left;
	}
	.cont-header .hd-function .btns {
		margin-right: 0;
	}
	.cont-header .hd-function .btns li {
		float: left;
		width: 75px;
		height: 28px;
	}
	.cont-header .hd-function .btns li a {
		display: block;
		width: 100%;
		height: 100%;
		background-image: url(../img/common/sp-hd-func_btns.png);
		background-size: 150px 28px;
	}
	.hn01 a {background-position: 0 0;}
	.hn02 a {background-position: -75px 0;}
	
	.cont-header .hd-function .btns li a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	
	.cont-header .hd-function .snsbtns {
		display: none;
	}
	
	.cont-header .hd-function .to_yahoodonation {
		float: none;
		position: absolute;
		top: -11px;
		right: 3px;
		width: 35px;
		height: 35px;
	}
	.cont-header .hd-function .to_yahoodonation a {
		display: block;
		width: 28px;
		height: 28px;
		background: 0 0 no-repeat url(https://s.yimg.jp/c/icon/s/bsc/2.0/y56.png);
		background-size: 28px 28px;
	}
	.cont-header .hd-function .to_yahoodonation img {
		display: none;
		width: 100%;
	}
	
	/* [START] 2017.01.31 Added */
	.cont-header .to_yahoolink {
		display: none;
	}
	/* [END] 2017.01.31 Added */


	.cont-header .hd-news {
		display: none;
		position: absolute;
		top: auto;
		bottom: -250px;
		left: 0;
		padding: 0;
		width: 100%;
	}
	.cont-header .hd-news h3 {
		display: inline-block;
		margin-right: 5px;
		font-size: 9px;
		line-height: 20px;
		color: #000;
	}
	.top-page .cont-header .hd-news {
		display: inline-block;
		padding: 10px 0;
	}
	.cont-header .hd-news * {
		display: inline-block;
		height: 20px;
		font-size: 12px;
		line-height: 18px;
		vertical-align: middle;
	}
	.cont-header .hd-news h3 {
		margin-top: -3px;
		width: 33px;
	}
	.cont-header .hd-news ul {
		width: 290px;
	}
	.cont-header .hd-news li .date {
		width: 70px;
	}
	.cont-header .hd-news li a {
		height: 20px;
		color: #4d4d4d;
		overflow: hidden;
	}
	.cont-header .hd-news li a:hover {
		text-decoration: underline !important;
	}
	.cont-header .hd-news li .date + div {
		width: 210px !important;
	}

	#menu_btn {
		position: absolute;
		top: 15px;
		right: 0;
		width: 47px;
		height: 50px;
		font-size: 10px;
		background: #fff;
		border-radius: 5px;
		z-index: 210;
	}
	#menu_btn.fix {
		position: fixed;
		top: 15px;
		right: 15px;
	}
	#menu_btn p {
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 47px;
		font-weight: bold;
		text-align: center;
	}
	#menu_btn ul {
		position: absolute;
		top: 12px;
		left: 11px;
	}
	#menu_btn ul li {
		position: absolute;
		left: 2px;
		width: 20px;
		height: 2px;
		background: #4e4e4e;
	}
	#menu_btn ul li:nth-child(1) {top: 0;}
	#menu_btn ul li:nth-child(2) {top: 7px;}
	#menu_btn ul li:nth-child(3) {top: 14px;}



	/* sp gnav
		------	------	------	------	------	------ */
	.cont-gnav {
		display: none;
		padding: 14px 0 0;
		background: #f7f7f7;
		border-bottom: solid 1px #e6e6e6;
		z-index: 60;
	}
	.cont-gnav h3 {
		padding: 0 0 10px 15px;
		font-size: 9px;
		color: #000;
	}
	.cont-gnav ul {
		margin: 0 10px;
		width: auto;
		background: none;
	}
	.cont-gnav ul li {
		float: left;
		margin: 0 0 15px;
		width: 48%;
		height: 19px !important;
		text-align: left;
	}
	
	.sp-gnav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 200;
	}
	.sp-gnav h3 {
		margin-bottom: 30px;
		padding-top: 80px;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
	}
	.sp-gnav ul {
		margin: 0 auto;
		width: 180px;
	}
	.sp-gnav ul li {
		margin-bottom: 27px;
		letter-spacing: -1px;
	}
	.cont-gnav ul li a,
	.sp-gnav ul li a {
		position: relative;
		display: block;
		padding: 0 0 0 21px;
		width: auto !important;
		height: 100%;
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		text-decoration: none;
		text-indent: 0;
		color: #000;
		background: none;
	}
	.sp-gnav ul li a {
		padding: 0;
		font-size: 15px;
	}
	.sp-gnav ul li a img {
		width: 100%;
	}

	.cont-gnav ul li a:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 19px;
		height: 19px;
		background-repeat: no-repeat;
		background-image: url(../img/common/sp-gnav_icons.png);
		background-size: 175px 25px;
	}
	.gn00 a:before {background-position: 0 0;}
	.gn01 a:before {background-position: -25px 0;}
	.gn02 a:before {background-position: -50px 0;}
	.gn03 a:before {background-position: -75px 0;}
	.gn04 a:before {background-position: -100px 0;}
	.gn05 a:before {background-position: -125px 0;}
	.gn06 a:before {background-position: -150px 0;}

	.sp-gnav .kumamon {
		margin: 25px auto 0;
		width: 110px;
		height: 115px;
		background: center top no-repeat url(../img/common/kumamon.png);
		background-size: contain;
		z-index: 85;
	}



	/* page-cont
		------	------	------	------	------	------ */
	.page-cont {
		margin: 0 15px;
		padding: 0;
		width: auto;
	}
	.page-body {
		float: none;
		width: auto;
	}
	.page-body .page-header {
		margin-bottom: 30px;
	}
	.page-body .page-header img {
		width: 100%;
	}
	.page-cont .chapt {
		margin-bottom: 40px;
	}
	.page-cont .chapt .heading {
		margin-bottom: 13px;
		padding-left: 10px;
		font-size: 17px;
		line-height: 38px;
		font-weight: bold;
		color: #4d4d4d;
		background: #fff8dc;
		border-radius: 4px;
	}
	.page-cont .chapt p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.page-cont .chapt p a img {
		width: 100%;
	}

	.page-cont .chapt p .small-heading {
	}
	.page-cont .layout-col2 .box {
		float: none;
		margin: 0 auto 40px;
		width: 336px;
	}
	.page-cont .layout-col2 .box:first-child {
		float: none;
	}
	.page-cont .layout-col1img {
		text-align: center;
	}
	.page-cont .layout-col1img img {
		width: 60%;
	}
	
	.signature {
		margin-top: 0;
		width: 200px;
	}




	/* footer
		------	------	------	------	------	------ */
	.cont-footer {
		position: relative;
		margin-top: 50px;
		padding-bottom: 110px;
	}
	.cont-footer .inner {
		position: static;
		margin: 0;
		padding: 0 0;
		width: auto;	
	}
	.cont-footer h2 {
		float: none;
		width: auto;
		height: 75px;
	}
	.cont-footer h2 a {
		width: 100%;
		height: 100%;
		background: center top no-repeat url(../img/common/ft-title_s.png);
		background-size: contain;
	}
	
	.cont-footer .ft-function {
		float: none;
		position: absolute;
		left: 0;
		bottom: 27px;
		margin-left: 0;
		width: auto;
	}
	.cont-footer .ft-function .inquire {
		margin: 0 15px 10px;
	}
	.cont-footer .ft-function .inquire p {
		margin: 0;
		display: block;
	}
	.cont-footer .ft-function .inquire p a {
		background: no-repeat url(../img/common/ft-func_btns_s.png);
		background-size: 225px 55px;
	}


	.cont-footer .ft-function .snsbtns {
		position: static;
		margin: 0 15px;
		width: 240px;
		height: 20px;
		text-align: left;
		background: none;
	}
	.cont-footer .ft-function .snsbtns > * {
		
	}

	/* footer donate
		------	------	------ */
	.ft-donate {
		margin: 31px auto 0;
		padding: 0 15px 15px;
		max-width: 315px;
		background-color: #fff;
		border: solid 2px #eee;
		border-radius: 8px;
	}
	.ft-donate h2 {
		position: relative;
		margin: 0 auto;
		width: 100%;
		height: 92px;
	}
	.ft-donate h2 img {
		position: absolute;
		top: -31px;
		width: 100%;
	}
	.ft-donate .price li {
		margin-bottom: 15px;
		padding: 18px 0 11px 20px;
		font-size: 23px;
		line-height: 23px;
		vertical-align: bottom;
		background-color: #fff7dd;
		border: solid 2px #f6d33f;
		border-radius: 8px;
	}
	.ft-donate .price li span {
		display: inline-block;
		width: 40%;
		font-size: 13px;
		line-height: 23px;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
	}
	.ft-donate .price small {
		display: inline-block;
		margin-left: 5px;
		font-size: 9px;
	}
	.ft-donate .donate_btn {
		margin-bottom: 10px;
	}
	.ft-donate .donate_btn a img {
		width: 100%;
	}
	.ft-donate .credit-att {
		font-size: 10px;
	}

	/* pagetop
		------	------	------ */
	.cont-footer .pagetop {
		position: absolute;
		top: -63px;
		left: 50%;
		margin-left: -36px;
		width: 72px;
		height: 63px;
	}
	.cont-footer .pagetop a {
		display: block;
		width: 72px;
		height: 63px;
		background: center no-repeat url(../img/common/ft-pagetop.png);
		background-size: contain;
		text-indent: -9999px;
	}

	/* footer nav
		------	------	------ */
	.ft-nav {
		padding: 14px 0 3px;
		width: auto;
		background: #f7f7f7;
	}
	.ft-nav h3 {
		display: none;
		padding: 0 0 10px 15px;
		font-size: 9px;
		color: #000;
	}
	.ft-nav ul {
		margin: 0 10px;
		padding: 0;
		width: auto;
		border-top: 0;
	}
	.ft-nav ul li {
		float: left;
		margin: 0 0 15px;
		width: 48%;
		height: 19px !important;
		text-align: left;
	}
	.ft-nav ul li a {
		position: relative;
		display: block;
		padding: 0 0 0 20px;
		width: auto !important;
		height: 100%;
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		text-decoration: none;
		text-indent: 0;
		color: #000;
		background: none;
	}
	.ft-nav ul li a:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 19px;
		height: 19px;
		background-repeat: no-repeat;
		background-image: url(../img/common/sp-gnav_icons.png);
		background-size: 175px 25px;
	}
	.ft-nav ul li a small {
		display: block;
		margin-top: -5px;
		font-size: 6px;
		line-height: 5px;
	}
	.fn00 a:before {background-position: 0 0;}
	.fn01 a:before {background-position: -25px 0;}
	.fn02 a:before {background-position: -50px 0;}
	.fn03 a:before {background-position: -75px 0;}
	.fn04 a:before {background-position: -100px 0;}
	.fn05 a:before {background-position: -125px 0;}
	.fn06 a:before {background-position: -150px 0;}



	/* Yahoo footer
		------	------	------	------	------	------ */
	#footer {
	    background: #eeeeee;
	    border-top: 1px solid #d4d7db;
	    font-size: 14px;
	    padding: 10px;
	    text-align: center;
	}
	.footerDefault .changeDevice {
	    margin-bottom: 10px;
	}
	.footerDefault .changeDevice dl {
	    margin-bottom: 5px;
	}
	.footerDefault .changeDevice dt {
	    display: inline;
	}
	.footerDefault .changeDevice dd {
	    display: inline;
	}
	.footerDefault .changeDevice a,
	.footerDefault .changeDevice span {
	    padding: 0 5px;
	}
	.footerDefault .changeDevice dd:after,
	.footerDefault .commonLink li:after {
	    content: " | ";
	}
	.footerDefault .changeDevice dd:last-child:after,
	.footerDefault .commonLink li:last-child:after {
	    content: "";
	}
	.footerDefault .changeDevice span {
	    font-weight: bold;
	}
	.footerDefault .loginArea .loginName {
	    margin-bottom: 8px;
	    word-wrap: break-word;
	    word-break: break-all;
	    -moz-word-wrap: break-word;
	}
	.footerDefault .commonLink {
	    margin: 10px 0;
	}
	.footerDefault .commonLink li {
	    display: inline;
	}
	.footerDefault .subLink {
	    font-size: 12px;
	    margin-bottom: 8px;
	}
	.footerDefault .subLink li {
	    display: inline;
	}


	
}



/* for iPhone5
	------	------	------	------	------	------ */
@media only screen and (max-width:340px) {
	.cont-gnav li a {
		font-size: 12px;
		letter-spacing: -1.5px;
	}
	.cont-header .hd-news ul {
		width: 240px;
	}
	.cont-header .hd-news li .date + div {
		width: 160px !important;
	}
	.cont-footer {
		padding-bottom: 110px;
	}
	.ft-nav ul li a {
		font-size: 12px;
		letter-spacing: -1px;
	}
	
	/* [START] 2017.01.31 Added */
	.cont-header .to_yahoolink {
		display: none;
	}
	/* [END] 2017.01.31 Added */
}



/* basic scrollbar styling
	------	------	------	------	------	------ */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:0;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail{
	background: #e6e6e6;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #4d4d4d;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	font-size: 8px;
	text-align: center;
	text-decoration: none !important;
}
.mCSB_scrollTools .mCSB_buttonUp::after{
	content:'▲';
	line-height: 25px;
	vertical-align: bottom;
}
.mCSB_scrollTools .mCSB_buttonDown::after{
	content: '▼';
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}



/*!
 * animsition v4.0.2
 * A simple and easy jQuery plugin for CSS animated page transitions.
 * http://blivesta.github.io/animsition
 * License : MIT
 * Author : blivesta (http://blivesta.com/)
 */.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}