@charset "UTF-8";

/*
 * サイト全体に
 * 共通するレイアウト
 * を記載
 */


/* ==========================================================
[ Layout CSS - Contents ]

※使用しないものは以下の目次、各デフォルト記述も含めて削除すること

webfont
base setting
container
header
hnav
gnav
breadcrumb
wrapper
anchors
contents
main
keyvisual
pagetitle
pagetop
pnav
sidebar
snav
footer
fnav

========================================================== */



/* ---------------------------------------------
*   web font
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');



/* ---------------------------------------------
*   base setting
--------------------------------------------- */
body {
	min-width: 1000px;
	line-height: 1.5;
	font-size: 16px;
	font-family: "Noto Sans", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "meiryo", sans-serif;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	text-align: left;/* グローバルスタイルの上書き */
}


/*  link
--------------------------------------------- */
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: inherit;
}
a:focus {
	color: inherit;
}
a:active {
	color: inherit;
}
a:visited {
	color: inherit;
}


/*  img
--------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}


/*  clearfix
--------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/*  responsive
--------------------------------------------- */

/* -- general -- */
.pc_only {
	display: block;
}
.sp_only {
	display: none;
}
@media screen and (max-width: 738px) {
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
}

/* -- inline -- */
br.pc_only,
a.pc_only,
span.pc_only {
	display: inline;
}
br.sp_only,
a.sp_only,
span.sp_only {
	display: none;
}
@media screen and (max-width: 738px) {
	br.pc_only,
	a.pc_only,
	span.pc_only {
		display: none;
	}
	br.sp_only,
	a.sp_only,
	span.sp_only {
		display: inline;
	}
}


/*  other
--------------------------------------------- */

/* -- hover_opacity -- */
.hover_opacity {
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.hover_opacity:hover {
	opacity: .7;
}

/* -- pie -- */
.pie {
	position: relative;
}



/* ---------------------------------------------
*   container
--------------------------------------------- */
.container {
/*
	width: 980px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
*/
}
.container:after {
	content: "";
	display: block;
	clear: both;
}

/* -- skin -- */
.container.skin_index_panel {
/*
	width: 1050px;
*/
	width: 980px;
}



/* ---------------------------------------------
*   header
--------------------------------------------- */

/* /enjoyからヘッダー移設CSS
--------------------------------------------- */
div#header{
	height:70px;
	position:relative;
	z-index: 11;
}
div#footer{
	font-size: 13px;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1280px) {
	.skin_index div#footer{
		height: 750px;
		padding-top: 40px;
	}
}
p#kka_logo{
	position:absolute;
	top:14px;
	left:463px;
}
p.sitemap{
	position:absolute;
	top:35px;
	right:0px;
}
#header #pagetop, #body, #body.full-width .content .inner, #body.full-width .bread, .bottom, #footer .inner { position: relative; margin: 0 auto; text-align: left; line-height: 1.7; }
#header { background-color: #fff; border-bottom: #C8C9C9 1px solid; z-index: 1; }
#header #pagetop { padding: 10px 0 0 0; }
#header h1#logo, #header p#logo { float: left; width: 100px; padding-bottom: 10px; margin: 0; }
#header .utility { padding: 10px 0 0 0; }
#header .search { float: right; }
#header .search input.text { width: 145px; height: 18px; padding: 2px 1px; border: 1px solid #808485; vertical-align: middle; }
#header .search input.text.hover { background: #f0f0f0; cursor: text; }
#header .search input.button { height: 24px; margin-left: 3px; line-height: 1.0; vertical-align: middle; }

@media print {
	div#header{
		display: none;
	}
	div#footer{
		display: none;
	}
}


/* ---------------------------------------------
*   gnav
--------------------------------------------- */
.gnav {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	min-width: 1000px;
	padding: 20px 0;
	background: #f4f4f4;
}
.gnav.skin_hide {
	opacity: 0;
}
.gnav.skin_underlayer {
	position: static;
}
.gnav.skin_underlayer.skin_fixed {
	position: fixed;
}


/* 	gnav_inner
--------------------------------------------- */
.gnav_inner {
	overflow: hidden;
}


/* 	gnav_leadtext
--------------------------------------------- */
.gnav_leadtext {
	float: left;
	font-size: 1.125em;
	font-weight: bold;
}

/* -- gnav_item_link -- */
.gnav_leadtext .gnav_item_link {
	text-decoration: none;
}


/*  gnav_lists
--------------------------------------------- */
.gnav_lists {
	float: right;
	overflow: hidden;
}

/* -- item_list -- */
.gnav_lists .item_list {
	float: left;
	margin-right: 23px;
}
.gnav_lists .item_list:last-child {
	margin-right: 0;
}

/* -- item_link -- */
.gnav_lists .item_link {
	display: table;
	text-decoration: none;
}
/* item_image / item_text */
.gnav_lists .item_link .item_image,
.gnav_lists .item_link .item_text {
	display: table-cell;
	vertical-align: middle;
}
.gnav_lists .item_link .item_image {
	padding-right: 12px;
}
.gnav_lists .item_link .item_text {
	font-weight: bold;
}
.gnav_lists .item_link .item_text small {
	font-size: .8125em;
}
.gnav_lists .item_list.skin_current .item_link .item_text {
	color: #fb001a;
}



/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
.wrapper {
	background: url(../img/common/bg_pattern_normal.png) 0 0 repeat;
}



/* ---------------------------------------------
*   contents
--------------------------------------------- */
.contents {}



/* ---------------------------------------------
*   main
--------------------------------------------- */
.main {}



/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
.keyvisual {
	text-align: center;
}



/* ---------------------------------------------
*   pagetitle
--------------------------------------------- */
.pagetitle {}



/* ---------------------------------------------
*   pagetop
--------------------------------------------- */
.pagetop {
/*
	position: fixed;
	right: 30px;
	bottom: 20px;
	z-index: 9997;
*/
}

/* -- item_button -- */
.pagetop .item_button {}

/* インクルードされたpagetopを非表示にする */
.go_pagetop_frame {
	//display: none!important;
}



/* ---------------------------------------------
*   next_slide_btn
--------------------------------------------- */
.next_slide_btn {
	position: fixed;
	bottom: 20px;
	left: 50%;
	z-index: 9997;
	cursor: pointer;
	/*
	animation: anime6 750ms linear 0.5s infinite alternate;
	*/
	animation: anime6 750ms linear 0.5s infinite;
}
@keyframes anime6 {
	0% {
		opacity: 0.5;
		bottom: 20px;
	}
	100% {
		opacity: 1.0;
		bottom: 15px;
	}
}
.next_slide_btn.skin_hide {
	display: none;
}
.next_slide_btn.next_slide_btn--first {
	display: block;
}

/* ---------------------------------------------
*   pnav
--------------------------------------------- */
.pnav {}


/*  pagenav_lists
--------------------------------------------- */
.pnav_lists {}

/* -- item_list -- */
.pnav_lists .item_list {}



/* ---------------------------------------------
*   sidebar
--------------------------------------------- */
.sidebar {}


/*  sidebar_links
--------------------------------------------- */
.sidebar_links {}

/* -- item_link -- */
.sidebar_links .item_link {}


/*  sidebar_banners
--------------------------------------------- */
.sidebar_banners {}

/* -- item_banner -- */
.sidebar_banners .item_banner {}



/* ---------------------------------------------
*   snav
--------------------------------------------- */
.snav {}


/*  snav_lists
--------------------------------------------- */
.snav_lists {}

/* -- item_list -- */
.snav_lists .item_list {}



/* ---------------------------------------------
*   footer
--------------------------------------------- */
.footer {}


/* footer_upper
--------------------------------------------- */
.footer_upper {}


/*  foonter_lower
--------------------------------------------- */
.footer_lower {}


/*  footer_logo
--------------------------------------------- */
.footer_logo {}

/* -- item_logo -- */
.footer_logo .item_logo {}


/*  footer_links
--------------------------------------------- */
.footer_links {}

/* -- item_link -- */
.footer_links .item_link {}


/*  footer_buttons
--------------------------------------------- */
.footer_buttons {}

/* -- item_button -- */
.footer_buttons .item_button {}


/*  footer_copyrights
--------------------------------------------- */
.footer_copyrights {}

/* -- item_copyright -- */
.footer_copyrights .item_copyright {}



/* ---------------------------------------------
*   fnav
--------------------------------------------- */
.fnav {}


/*  fnav_lists
--------------------------------------------- */
.fnav_lists {}

/* -- item_list -- */
.fnav_lists .item_list {}