@charset "utf-8";

/* ==================================================
Main Visual
================================================== */
#tmp_main_visual{
	position: relative;
}
#tmp_main_visual:before{
	content: '';
	width: 50%;
	height: 360px;
	position: absolute;
	left: 0;
	top: 0;
	padding-right: 200px;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	background: url(/shared/templates/kyodo_top/images/main_visual_bg.jpg) right center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	z-index: 1;
}
#tmp_main_visual .container{
	position: relative;
	z-index: 2;
}
#tmp_main_visual .main_visual_slider{
	position: relative;
	z-index: 2;
}
#tmp_main_visual .main_visual_scroll{
	position: absolute;
	left: -2px;
	top: 54px;
}
#tmp_main_visual .main_visual_text{
	position: absolute;
	top: 291px;
	left: -139px;
	width: 292px;
	height: 129px;
	background: url(/shared/templates/kyodo_top/images/main_visual_text.png) right center no-repeat;
	z-index: 2;
	text-indent: -9999px;
	overflow: hidden;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	visibility: visible;
	will-change: opacity;
}
#tmp_main_visual .main_visual_text.hide{
	visibility: hidden;
	opacity: 0;
}
#tmp_main_visual .main_visual_calendar{
	float: right;
	margin-right: 23px;
	margin-top: -96px;
	position: relative;
	z-index: 2;
	font-weight: bold;
	width: 180px;
}
.no_javascript #tmp_main_visual .main_visual_slides_wrap {
	width:845px;
}
.no_javascript #tmp_main_visual .main_visual_calendar_date {
	display:none;
}
.no_javascript #tmp_main_visual .main_visual_calendar {
	margin-top:10px;
}
#tmp_main_visual .main_visual_calendar .close{
	display: none;
}
#tmp_main_visual .main_visual_calendar_date{
	font-size: 212.5%;
	line-height: 1.2;
	color: #ffffff;
	background-color: rgba(39,50,77,0.9);
	min-height: 96px;
	text-align: center;
	padding: 11px 10px 5px;
}
#tmp_main_visual .main_visual_calendar_link{
	display: block;
	padding: 8px 5px 11px 53px;
	font-size: 87.5%;
	color: #ffffff;
	background: #27324d url(/shared/templates/kyodo_top/images/icon/calendar_light_yellow.png) 16px 9px no-repeat;
	background-size: 20px auto;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	text-decoration: none;
}
#tmp_main_visual .main_visual_calendar_link:hover,
#tmp_main_visual .main_visual_calendar_link:active,
#tmp_main_visual .main_visual_calendar_link:focus{
	text-decoration: underline;
}
#tmp_main_visual .main_visual_slides_wrap {
	float: right;
	width: 827px;
	position: relative;
}
#tmp_main_visual .main_visual_slides .slide {
	background-color:#ffffff;
	color:#000000;
}
#tmp_main_visual .main_visual_slides .slide a {
	display:block;
}
#tmp_main_visual .main_visual_slides .slide a:hover {
	opacity:0.7;
}
#tmp_main_visual .main_visual_slides .slick-arrow {
	position: absolute;
	top: 221px;
	width: 37px;
	height: 37px;
	border: 1px solid #ffffff;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: none;
	cursor: pointer;
	z-index: 1;
}
#tmp_main_visual .main_visual_slides .slick-arrow span {
	width: 37px;
	height: 37px;
	overflow: hidden;
	display:block;
	text-indent:100%;
	white-space:nowrap;
}
#tmp_main_visual .main_visual_slides .slick-arrow:after,
#tmp_main_visual .main_visual_slides .slick-arrow:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#tmp_main_visual .main_visual_slides .slick-arrow:before{
	background-color: #27324d;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	opacity: 0.6;
	will-change: opacity;
}
#tmp_main_visual .main_visual_slides .slick-arrow:hover:before,
#tmp_main_visual .main_visual_slides .slick-arrow:focus:before,
#tmp_main_visual .main_visual_slides .slick-arrow:active:before{
	opacity: 1;
}
#tmp_main_visual .main_visual_slides .slick-prev{
	left: 32px;
}
#tmp_main_visual .main_visual_slides .slick-prev:after{
	background: url(/shared/templates/kyodo_top/images/icon/left_arrow_white.png) center center no-repeat;
}
#tmp_main_visual .main_visual_slides .slick-next{
	right: 32px;
}
#tmp_main_visual .main_visual_slides .slick-next:after{
	background: url(/shared/templates/kyodo_top/images/icon/right_arrow_white.png) center center no-repeat;
}
#tmp_main_visual .main_visual_slides .slick_control{
	position: absolute;
	bottom: 16px;
	text-align: center;
	left: 0;
	padding: 0 286px 0 155px;
	width: 100%;
}
#tmp_main_visual .main_visual_slides .btn_slides{
	display: inline-block;
	position: relative;
	top: -2px;
}
#tmp_main_visual .main_visual_slides .slick-dots{
	display: inline-block;
}
#tmp_main_visual .main_visual_slides .slick-dots li{
	display: inline-block;
	margin-left: 16px;
}
#tmp_main_visual .main_visual_slides .slick-dots a {
	display: block;
	padding: 0;
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #3b4d85;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	will-change: background-color,color;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
}
#tmp_main_visual .main_visual_slides .slick-dots a:hover,
#tmp_main_visual .main_visual_slides .slick-dots .slick-active a {
	background-color: #324580;
	color: #ffffff;
}
#tmp_main_visual .main_visual_slides .btn_slides a{
	color: #313030;
	background: #ffffff url(/shared/templates/kyodo_top/images/icon/stop.png) 11px 7px no-repeat;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border: 1px solid #a7a8af;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 21px 3px 38px;
}
#tmp_main_visual .main_visual_slides .btn_slides a:hover,
#tmp_main_visual .main_visual_slides .btn_slides a:focus,
#tmp_main_visual .main_visual_slides .btn_slides a:active{
	text-decoration: underline;
}
#tmp_main_visual .main_visual_slides .btn_slides.start a{
	background-image: url(/shared/templates/kyodo_top/images/icon/play.png);
	background-position: 15px 7px;
	border-color: #324580;
	padding: 4px 16px 3px 34px;
}
#tmp_main_visual .main_visual_slides {
	visibility: hidden;
	opacity: 0;
}
#tmp_main_visual .main_visual_slides.slick-initialized {
	visibility: visible;
	opacity: 1;
}
/* ==================================================
No Javascript
================================================== */
.no_javascript #tmp_main_visual .main_visual_slides{
	visibility: visible;
	opacity: 1;
	height: 466px;
	overflow: auto;
	white-space: nowrap;
}
/* ==================================================
Main Top
================================================== */
#tmp_main_top{
	padding-top: 80px;
	padding-bottom: 31px;
}
#tmp_main_top img{
	max-width: 100%;
	height: auto;
}
#tmp_main_top .col_left{
	float: left;
	width: 570px;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}
#tmp_main_top .col_right{
	float: right;
	width: 356px;
	margin-bottom: 30px;
	position: relative;
	z-index: 2;
}
#tmp_main_top_banner .sp{
	display: none;
}
#tmp_main_top_banner a{
	display: block;
	padding: 2px;
	border: 1px solid transparent;
	margin: 0 -3px;
	transition: 0.3s border-color;
	-moz-transition: 0.3s border-color;
	-webkit-transition: 0.3s border-color;
	will-change: border-color;
}
#tmp_main_top_banner a:hover,
#tmp_main_top_banner a:focus,
#tmp_main_top_banner a:active{
	border-color: #324580;
}
/* ==================================================
Notice
================================================== */
#tmp_notice{
	color: #222222;
	background-color: #ffffff;
}
#tmp_notice .notice_ttl{
	position: relative;
	background: #ffffff url(/shared/templates/kyodo_top/images/notice_ttl_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	color: inherit;
	padding: 1px 0;
	margin: 0 0 8px;
}
#tmp_notice .notice_ttl:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url(/shared/templates/kyodo_top/images/cloud/cloud_notice_top_right.png) 0 0 no-repeat;
	width: 204px;
	height: 55px;
}
#tmp_notice .notice_ttl h2{
	font-size: 187.5%;
	margin-top: -17px;
	line-height: 1.2;
	padding: 0 20px;
}
#tmp_notice .notice_ttl .sub{
	display: block;
	height: 67px;
	position: relative;
	overflow: hidden;
	background: transparent url(/shared/templates/kyodo_top/images/cloud/cloud_notice_bottom_left.png) 0 7px no-repeat;
	color: inherit;
	text-indent: -9999px;
}
#tmp_notice .notice_cnt{
	color: #313030;
	background-color: #ffffff;
}
#tmp_notice .notice_cnt ul{
	list-style: none;
}
#tmp_notice .notice_cnt li{
	border-bottom: 1px solid #cccccf;
	font-weight: bold;
	padding-bottom: 6px;
	padding-top: 16px;
	line-height: 1.5;
}
#tmp_notice .noctice_category{
	display: inline-block;
	text-align: center;
	font-size: 87.5%;
	min-width: 120px;
	border: 1px solid #818181;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	color: #313030;
	background-color: #ffffff;
	margin-left: 20px;
	padding: 2px 5px 1px;
	margin-bottom: 14px;
}
#tmp_notice .notice_cnt a{
	display: table;
	padding-left: 40px;
	background: #ffffff url(/shared/templates/kyodo_top/images/icon/disc_light_yellow.png) 20px 5px no-repeat;
	background-size: 10px auto;
	-webkit-background-size: 10px auto;
	-moz-background-size: 10px auto;
	color: #313030;
	text-decoration: none;
	margin-right: -7px;
}
#tmp_notice .notice_cnt a:hover,
#tmp_notice .notice_cnt a:focus,
#tmp_notice .notice_cnt a:active{
	text-decoration: underline;
}
#tmp_notice .notice_cnt a .red{
	color: #ba1414;
	margin-left: -10px;
}
#tmp_notice .notice_links{
	text-align: right;
	padding: 29px 0 34px;
	line-height: 1.5;
}
#tmp_notice .notice_link_rss,
#tmp_notice .notice_link_notice{
	display: inline-block;
}
#tmp_notice .notice_links a{
	color: #222222;
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
}
#tmp_notice .notice_links a:hover,
#tmp_notice .notice_links a:focus,
#tmp_notice .notice_links a:active{
	text-decoration: underline;
}
#tmp_notice .notice_link_notice a{
	padding-left: 30px;
	background-image: url(/shared/templates/kyodo_top/images/icon/notice.png);
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-position: 0px 4px;
}
#tmp_notice .notice_link_rss a{
	padding-left: 27px;
	background-image: url(/shared/templates/kyodo_top/images/icon/rss.png);
	background-size: 12px auto;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-position: 3px 4px;
	margin-left: 23px;
}
#tmp_notice .info_category {
	display: block;
	width: 120px;
	height: auto;
	margin-bottom: 14px;
	margin-left: 20px;
}
/* ==================================================
SNS
================================================== */
#tmp_sns{
	padding: 0 0 20px;
	color: #222222;
	background: #e3e6e0 url(/shared/templates/kyodo_top/images/sns_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
#tmp_sns .sns_ttl{
	position: relative;
	background: transparent url(/shared/templates/kyodo_top/images/cloud/cloud_sns_top_right.png) right top no-repeat;
	color: inherit;
	padding: 1px 0 0 20px;
}
#tmp_sns .sns_ttl h2{
	font-size: 187.5%;
	margin-top: -24px;
}
#tmp_sns .sns_ttl .sub{
	display: block;
	height: 63px;
	background: transparent url(/shared/templates/kyodo_top/images/cloud/cloud_sns_bottom_left.png) 0px 6px no-repeat;
	color: inherit;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
}
#tmp_sns .sns_cnt{
	padding: 0 20px;
}
/* ==================================================
Pickup
================================================== */
#tmp_pickup{
	color: #222222;
	background: #ffffff url(/shared/templates/kyodo_top/images/checker_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
#tmp_pickup .pickup_list{
	position: relative;
	z-index: 2;
}
#tmp_pickup .pickup_item{
	float: left;
	width: 33.3%;
	border-top: 1px solid #ffffff;
	text-align: center;
	position: relative;
	padding: 24px 10px 17px;
}
#tmp_pickup .pickup_item:after{
	content: '';
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 10px;
	width: 1px;
	background-color: #ffffff;
}
#tmp_pickup .pickup_item:nth-child(3n){
	clear: right;
}
#tmp_pickup .pickup_item:nth-child(3n):after{
	display: none;
}
#tmp_pickup .pickup_item:nth-child(3n + 1){
	clear: left;
}
#tmp_pickup .pickup_item:nth-child(1),
#tmp_pickup .pickup_item:nth-child(2),
#tmp_pickup .pickup_item:nth-child(3){
	border-top: none;
}
#tmp_pickup .pickup_thumb{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
	overflow: hidden;
	border: 1px solid #8c794d;
	background-color: #ffffff;
	color: inherit;
	display: inline-block;
}
#tmp_pickup .pickup_thumb img {
	width: 100%;
	height: auto;
}
#tmp_pickup .pickup_ttl {
	padding-top: 27px;
}
#tmp_pickup .pickup_ttl a{
	font-size: 125%;
	color: inherit;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
#tmp_pickup .pickup_ttl a:hover,
#tmp_pickup .pickup_ttl a:active,
#tmp_pickup .pickup_ttl a:focus,
#tmp_pickup .active .pickup_ttl a{
	text-decoration: underline;
}
/* ==================================================
Adv
================================================== */
#tmp_adv{
	padding: 72px 0 9px;
}
#tmp_adv ul{
	list-style: none;
	margin: 0 -16px;
}
#tmp_adv li{
	float: left;
	width: 25%;
	padding: 0 16px 63px;
}
#tmp_adv li:nth-child(4n){
	clear: right;
}
#tmp_adv li:nth-child(4n + 1){
	clear: left;
}
#tmp_adv .adv_list{
	position: relative;
	z-index: 2;
}
#tmp_adv .adv_item_single,
#tmp_adv .adv_item{
	border: 1px solid #d2d4da;
}
#tmp_adv .adv_item_single a{
	display: block;
	position: relative;
}
#tmp_adv .adv_item_single a:before{
	content: '';
	position: absolute;
	left: -5px;
	right: -5px;
	top: -5px;
	bottom: -5px;
	border: 1px solid transparent;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	will-change: border-color;
}
#tmp_adv .adv_item_single a:hover:before,
#tmp_adv .adv_item_single a:focus:before,
#tmp_adv .adv_item_single a:active:before{
	border-color: #324580;
}
#tmp_adv .adv_ttl a{
	text-decoration: none;
	font-weight: bold;
	color: #222222;
	background: #ffffff url(/shared/templates/kyodo_top/images/icon/arrow_circle_blue.png) 19px center no-repeat;
	padding: 14px 10px 11px 45px;
	display: block;
}
#tmp_adv .active .adv_ttl a,
#tmp_adv .adv_ttl a:hover,
#tmp_adv .adv_ttl a:focus,
#tmp_adv .adv_ttl a:active{
	text-decoration: underline;
}
#tmp_adv .adv_item_single img,
#tmp_adv .adv_item img{
	width: 100%;
	height: auto;
}
/* ==================================================
Cloud
================================================== */
#tmp_main .container{
	position: relative;
}
#tmp_main .cloud{
	position: absolute;
}
#tmp_main .cloud .inside{
	will-change: transform,opacity;
}
#tmp_main .cloud img{
	visibility: hidden;
	opacity: 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	will-change: transform,opacity;
}
#tmp_main .cloud.show img{
	opacity: 1;
	visibility: visible;
}
#tmp_main_visual .cloud_top_right{
	top: -16px;
	right: -173px;
	z-index: 3;
}
#tmp_main_visual .cloud_bottom_left{
	top: 226px;
	left: -281px;
	z-index: 1;
}
#tmp_main_visual .cloud_bottom_right{
	top: 178px;
	right: -405px;
	z-index: 1;
}
#tmp_main_top .cloud_bottom_left{
	bottom: 8px;
	left: -501px;
	z-index: 1;
}
#tmp_main_top .cloud_bottom_right{
	bottom: -36px;
	right: -579px;
	z-index: 1;
}
#tmp_pickup .cloud_bottom_right{
	bottom: -84px;
	right: -443px;
	z-index: 1;
}
#tmp_pickup .cloud_bottom_left{
	bottom: -114px;
	left: -520px;
	z-index: 1;
}
/* Animation */
#tmp_pickup .cloud_bottom_left img,
#tmp_main_top .cloud_bottom_left img,
#tmp_main_visual .cloud_bottom_left img{
	transform: translate(-50px,0);
	-webkit-transform: translate(-50px,0);
	-moz-transform: translate(-50px,0);
}
#tmp_pickup .cloud_bottom_right img,
#tmp_main_top .cloud_bottom_right img,
#tmp_main_visual .cloud_top_right img,
#tmp_main_top .cloud_bottom_right img,
#tmp_main_visual .cloud_bottom_right img{
	transform: translate(50px,0);
	-webkit-transform: translate(50px,0);
	-moz-transform: translate(50px,0);
}
#tmp_main .cloud.show img{
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
}
/* ==================================================
clearfix
================================================== */
#tmp_main_visual .main_visual_slider:after,
#tmp_adv ul:after,
#tmp_pickup .pickup_list:after{
	content: '';
	display: table;
	clear: both;
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}