@charset "UTF-8";

body {
	font-size:100%;
	font-family: 'Noto Sans JP', -apple-system, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;;
		-webkit-text-size-adjust: 100%;
		-webkit-appearance: none;	/*button*/
	color:#444;
	margin:0;
}

div { box-sizing:border-box; }
img { display:block; max-width: 100%; height: auto; margin:0 auto; }
img.inline { display:inline; }
.nsbr { white-space:nowrap; }
.urlstr { word-break:break-all !important; word-wrap:break-word; overflow-wrap:break-word; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.mode_pc { display:block; }
.mode_pcs { display:block; }
.mode_sp { display:none; visibility:hidden; }
.mode_sps { display:none; visibility:hidden; }
.serif { font-family: 'Noto Serif JP', serif; }
p { margin-top:0; margin-bottom:1em; line-height:1.8; }

hr {
	border: 0; height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	clear:both;
}

a.after_arrow:after {
	font-family: 'FontAwesome';
/*	content:' \f105';		/* > */
	content:'\20\f0da';		/* ▲ */
	font-size:1.2em;
}
a.before_arrow:before {
	font-family: 'FontAwesome';
/*	content:' \f105';		/* > */
	content:'\f0da\20';		/* ▲ */
	font-size:1.2em;
}
.pg_next:after {
	font-family: 'FontAwesome';
	content:'\20\f105';
	font-size:1.2em;
}
.pg_prev:before {
	font-family: 'FontAwesome';
	content:'\f104\20';
	font-size:1.2em;
}

#pages { max-width:100%; min-width:320px; margin:0 auto; background-color:#fff; }
#pagecontents { max-width:1200px;  margin:0px auto; }

.row_contents { max-width:960px; padding:0 10px; margin:0 auto; }


/* ========== common page ========== */
#pageheader { padding-top:0; margin:0; /*font-family: 'Noto Serif JP', serif;*/ }


.page_title {
	margin:0 auto 40px auto !important;text-align:center;
}
.page_title span {
	display:inline-block;
	min-width:240px; text-align:center; padding:60px 0 16px 0;
	border-bottom:1px #898989 solid; color:#898989; font-weight:600; font-size:1.2rem; letter-spacing:4px;
}





/* ========== plug-in overwrite ========== */
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box !important; }


/* ========== rwd table (fix) ========== */
.rwd_table, .rwd_table_fix { width:100%; margin-top:20px; border-collapse:collapse; }
.rwd_table caption, .rwd_table_fix caption { font-size:1.1rem; color:#003399; }
.rwd_table th, .rwd_table td, .rwd_table_fix th, .rwd_table_fix td { padding:6px 6px; border:1px #999 solid; line-height:1.5; vertical-align:top; }
.rwd_table th, .rwd_table_fix th { background-color:#eee; text-align:left; font-weight:normal; }
.rwd_table td, .rwd_table_fix td { background-color:#fff; text-align:left; }

/* ========== dl list ========== */
dl.dl_table { margin:0 0 40px 0;}
dl.dl_table dt { padding:4px 6px; background-color:#EEEEEE; line-height:1.8; box-sizing:border-box; margin:0; }
dl.dl_table dd { padding:4px 6px 16px 40px; line-height:1.8; box-sizing:border-box; margin:0; }

/* ========== news list ========== */
ul.news_list { margin:0; padding:0; list-style:none; }
ul.news_list li { /*border-bottom:1px #111 solid;*/ }
ul.news_list li>a, ul.news_list li>span { display:flex; padding:12px 0px; text-decoration:none; box-sizing:border-box; color:inherit; }
ul.news_list li a:hover { background-color:#ececec; }
ul.news_list li span.news_date { flex:0 0 10em; line-height:1.6; padding-left:30px; }
ul.news_list li span.news_title { flex:1 1 30em; line-height:1.6;  padding-right:30px; }

.pagenation { margin:40px 20px 20px 20px; display:flex; justify-content:center; font-size:0.9rem; }
.pagenation .pgn_prev { flex:0 1 30%; text-align:right; }
.pagenation .pgn_link { flex:1 0 30%; text-align:center; }
.pagenation .pgn_next { flex:0 1 30%; text-align:left; }
.pagenation .pgn_prev a, .pagenation .pgn_next a { text-decoration:none; }
.pagenation .pgn_prev a:hover, .pagenation .pgn_next a:hover { text-decoration:underline; }
.pgn_link a, .pgn_link .pgn_this {
	text-decoration: none;
	width:28px;height:28px;
	line-height:28px;
	display:inline-block;
	margin:0 5px; padding:0;
}
.pgn_link a { color: #000; padding:0; background-color:#ddd; border-radius:60px; }
.pgn_link a:hover { background-color:#cc0 }
.pgn_link .pgn_this { color: #fff; background-color:#c00; border-radius:6px; }
.pagenation .pgn_prev .pgn_dis, .pagenation .pgn_next .pgn_dis { color:#ddd; }

/* ========== news view ========== */
.w_img_txt_area { /*width:62%; float:right;*/ }
.news_mainimg_area { /*width:35%; float:left;*/ }
.news_view_date {
	font-size:1rem;
	display: block;
	text-align:left;
	padding:0 0 4px 0;
	margin:0 !important;
	line-height:1.3 !important;
}
.news_view_title {
	background-color:#e8e8e8;
	padding:8px;
	margin-bottom:24px !important;
	text-align:center;
	font-size:1.2rem;
	line-height:1.2em;
	font-weight:500;
	color:#333333;
}
.news_add_img { padding:10px 0; margin:0 auto 20px auto; text-align:center; max-width:640px; }
.news_txt_area { font-size:1.0rem; line-height:1.8; }
.news_view_footer { padding:80px 0 20px 0; text-align:center; }
.file_down { padding: 40px 0 40px 40px; text-align: left; }
.news_cate1 { background:url('../../images/news_cate.png') 9em 4px no-repeat; }
.news_cate2 { background:url('../../images/news_cate.png') 9em -83px no-repeat; }
.news_cate3 { background:url('../../images/news_cate.png') 9em -170px no-repeat; }

.ymd_ip { padding:0 6px; background-color:#DD223E; color:#ffffff; border-radius:4px; }
.kanripreview { text-align:center; color:red; margin-bottom:20px; }



.page_backbt { margin:80px 10px 40px 10px; }
.page_backbt a {
	display:block;
	width:200px;
	margin:0 auto;
	padding:12px 0;
	text-align: center;
	font-size:1.0rem;
	text-decoration:none;
	background-color:#C9CACA;
	border:1px #c9caca solid;
	border-radius:4px;
	color:#000;
}
.page_backbt a:hover { background-color:#666666; color:#fff; transition-duration:0.2s; }


/* ========== header ========== */
header { width:100%; border-top:15px #000 solid; background-color:#fff; }
#header { max-width:1200px; margin:0 auto; display:flex; align-items:center;  }
#header #header_logo { flex:0 0 340px; padding:26px 0; }
#header nav { flex:1 1 800px; position:relative; padding-right:40px; box-sizing:border-box; }


/* ---------- site navi ---------- */
nav .site_menu {
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
nav .site_menu li { position:relative; }
nav .site_menu>li a {
	display:block;
	box-sizing:border-box;
	text-align:center;
	padding:10px;
	text-decoration:none;
	transition-duration:0.2s;
	color:#111;
	font-size:90%;
	color:#898989;
	font-weight:600;
}
nav .site_menu li a:hover {
	text-decoration:none;
	background-color:#efefef;
}


/* ========== footer ========== */
#footer { margin-top:60px; padding:30px 10px;background-color:#191919; background-image:url('../images/common/bgpat_black.png'); }
.footer_content { max-width:1200px; margin:0 auto; color:#fff; display:flex; justify-content:space-between; }
.footer_content a { text-decoration:none; color:inherit; }
.ft_addr { flex:0 0 30%; font-size:0.8rem; text-align:center; }
.ft_addr p { margin:1.5em 0; }
.ft_navi { flex:0 0 15%; font-size:0.9rem; }
.ft_navi ul { margin:0; padding:0; list-style:none;}
.ft_navi ul li { margin-bottom:1.5em; }
.ft_contact { flex:0 0 40%; padding-right:60px; }


.footer_sns { display:flex; justify-content:center; margin-bottom:32px; }
.footer_sns div { padding:10px 15px; }
.footer_sns div img { max-height:40px; }

.footer_notice { max-width:1200px; margin:40px auto 0 auto; }
.ft_plink { float:left; }
.ft_plink a { text-decoration:none; padding:2px 10px; border-right:1px #fff solid; color:#fff; font-size:0.8rem; }
.ft_plink a:hover { text-decoration:underline; }
.ft_plink a:last-child { border-right:none; }
.ft_copy { float:right; font-size:0.8rem; color:#fff; margin-right:70px; }

.pageTop { position:relative; z-index:200; }
.pageTop a {
	position: fixed;
	background:url('../images/common/pagetop_bt.png') left top no-repeat;
	background-size:contain;
	display: block;
	width: 60px;
	height: 60px;
	right:10px;
	bottom:10px;
	text-indent:-9999px;
	opacity:0.7;
}
.pageTop a:hover { opacity:1.0; }


/* # Tablet 768-960px
========================================================================================= */
@media only screen and (max-width: 960px) {

	.mode_pc { display:none; visibility:hidden; }
	.mode_sp { display:block !important; visibility:visible; }
	.mode_pcs { display:block;visibility:visible; }
	.mode_sps { display:none !important; visibility:hidden; }

	#pagecontents{ padding-top:51px; }


	/* ========== common page ========== */
	.header_img img { width:100%; height:160px; object-fit:cover; }


	/*-- news view--*/
	.news_mainimg_area, .news_txt_area {
		width:100%;
		float:none;
		word-break:break-all;
	}
	.news_mainimg_area {
		width:100%;
		float:none;
	}



	/* ========== rwd table ========== */
	.rwd_table th {
		box-sizing:border-box;
		display:block;
		clear:both;
		width:100%;
		border:none;
	}
	.rwd_table th a {
		box-sizing:border-box;
		color:inherit;
	}
	.rwd_table td {
		box-sizing:border-box;
		display:block;
		width:100%;
		float:left;
		text-align:left;
		padding:6px 4px 12px 20px !important;
		border:none;
	}

	/* ========== header ========== */
	header { position:fixed; z-index:500;  border-top:none; }

	#header { display:block; }
	#header #header_logo { width:100%; padding:7px 0; border-bottom:1px #666 solid; }
	#header #header_logo img { height:36px; }

	/* ---------- site navi ---------- */
	#sp_menu_bt {
		position:absolute;
		top:5px;
		left:5px;
		width:40px;
		height:40px;
		display:block;
		background-size:contain;
		border-radius:3px;
		cursor:pointer;
	}
	#sp_menu_bt span {
		width: 30px;
		height: 3px;
		border-radius:2px;
		display: block;
		background-color: #666;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -15px;
		transition: all 0.3s; transform: rotate(0deg);
	}
	#sp_menu_bt .top { transform: translateY(-11px); }
	#sp_menu_bt .middle { transform: translateY(-1px); }
	#sp_menu_bt .bottom { transform: translateY(9px); }
	#sp_menu_bt.active .middle { background: rgba(255, 255, 255, 0); }
	#sp_menu_bt.active .top { transform: rotate(-45deg) translateY(0px); }
	#sp_menu_bt.active .bottom { transform: rotate(45deg) translateY(0px); }
	#sp_cart_bt {
		position:absolute;
		top:10px;
		right:5px;
		width:40px;
		height:40px;
		display:block;
	}

	#header nav {
		display:none;
		position:relative;
		width:100%;
		height:auto;
		left:0;
		top:0;
		padding:0;
		z-index:600;
		border-bottom:1px #666 solid;
		box-shadow:1px 6px 6px rgba(128,128,128,0.5);
	}
	nav .site_menu { display:block; width:100%; }
	nav .site_menu li {
		display:block;
		box-sizing:border-box;
		border-bottom:1px #ccc dotted;
	}
	nav .site_menu li.nav_cont { border-bottom:none; }
	nav .site_menu li.nav_cart { display:none; }


	/* ========== footer ========== */
	.footer_content { flex-wrap:wrap; }
	.ft_addr { flex:0 0 100%; order:3; padding:20px 0; }
	.ft_navi { flex:0 0 100%; order:1; padding:20px 0; }
	.ft_contact { flex:0 0 100%; order:2; padding:20px 0; }
	.ft_navi ul { text-align:center; }
	.ft_navi ul li { display:inline-block; padding:0 10px }

}


/* # mobile -767px
========================================================================================= */
@media only screen and (max-width: 767px) {



	/* ========== common page ========== */
	.header_img img { width:100%; height:120px; object-fit:cover; }



	/* ========== dl list ========== */
	dl.dl_table dd { padding:4px 0px 16px 0px; }

	/* ========== news list ========== */
	ul.news_list li { border-bottom:1px #ccc solid; }
	ul.news_list li>a, ul.news_list li>span { display:block; }
	ul.news_list li span.news_date, ul.news_list li span.news_title { display:block; padding-left:0; }
	ul.news_list li span.news_title { padding-left:16px; padding-right:0; }
	.pagenation { margin:40px 0px 20px 0px; font-size:0.8rem; }
	.pagenation .pgn_prev { flex:0 0 15%; text-align:left; }
	.pagenation .pgn_link { flex:1 1 70%; text-align:center; }
	.pagenation .pgn_next { flex:0 0 15%; text-align:right; }
	.pgn_link a, .pgn_link .pmove_navi_this { width:20px;height:20px; line-height:20px;  }


	/* ========== news view ========== */
	.news_txt_area { font-size:0.9rem; line-height:1.8; }



	/* ========== footer ========== */
	.footer_menulist .menucols { width:100%; float:none; }
	.menucols ul { padding:0; }
	.menucols ul li span { background-color:#7C7195;border-bottom:1px #5A516C solid; }
	.ft_plink a { display:block; border:none; }
	.ft_plink, .ft_copy { float:none; text-align:center; margin:30px 0; line-height:3; }

}