@charset "UTF-8";
/*
Theme Name: KONAN University Cyber Library
Author: KONAN University Cyber Library
Description: KONAN University Cyber Library様
Version: 1.0
*/

/*----------------------------------------
* last update 2016-01-25
* Search key "++n"
* Copyright(C) KONAN University Cyber Library.  All Rights Reserved.
*
* +0 reset parts
* +1 header parts
* +2 navigation parts
* +3 footer parts
* +4 common parts
* +5 article parts


* +00 media parts
* +000 other parts

----------------------------------------*/

@import url(https://);

/*----------------------------------------
++0 reset parts
----------------------------------------*/

/* Use normalize.css */

/* my reset */
html,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	margin:0;
	padding:0;
	}
h1,h2,h3,h4,h5,h6{
	font-size:100% !important;
	}
ul,ol{
	list-style:none;
	}
table{
  border-spacing: 0;
  border-collapse: collapse;
	}
td,th{
  padding: 0;
	}	
	


@media print {
/*	body{
		background:none !important;
		}*/
}

body{
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/body_bg.png) repeat-x top center;
	color:#3F3F3F;
	font-size:62.5%;
	font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight:500;
	line-height:1.5;
	}

a{color:#910E14;text-decoration:underline;}
a:hover{text-decoration:none;}


/*----------------------------------------
++1 header parts
----------------------------------------*/

header{
	position:relative;
	width:1000px;
	height:121px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/header_bg.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	overflow:hidden;
	}
header h1 a{
	position:absolute;
	top:37px;
	left:9px;
	display:block;
	width:400px;
	height:50px;
	}

/*----------------------------------------
++2 navigation parts
----------------------------------------*/

nav#gnavi{
	width:100%;
	height:51px;
	}
nav#gnavi ul{
	display:flex;
	width:1000px;
	height:50px;
	margin:0 auto;
	}
nav#gnavi ul li a{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	font-size:1.6em;
	font-weight:600;
	text-decoration:none;
	text-shadow:1px 1px 1px #910F15;
	letter-spacing:1px;
	height:50px;
	padding:0 15px;
	transition:all 1s;
	}
	
nav#gnavi ul li a:hover,
nav#gnavi ul li.current a{
	background:#910F15 url(common/gnavi_bg.png);
	}
		
nav#gnavi ul li.official{
	margin-left:auto;
	}
	


/*----------------------------------------
++3 footer parts
----------------------------------------*/
footer{
	clear:both; /* for IE */
	}
footer nav#footerNavi{
	width:100%;
	background:#F3EFE3;
	font-size:1.4em;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:6px 0 8px;
	}
footer nav#footerNavi li{
	display:inline;
	}
footer nav#footerNavi li a{
	color:#404140;
	letter-spacing:1px;
	padding:0 8px;
	}
footer p{
	background:#B8131A;
	color:#fff;
	text-align:center;
	padding:10px 0;
	}
footer p small{
	font-size:1.2em;
	}
.pagetop{
	position:fixed;
	bottom:-50px;
	right:50px;
	}
.pagetop a{
	display:block;
	width:50px;
	height:50px;
	background:#910F15;
	border-radius:10px;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-decoration:none;
	line-height:46px;
	opacity:0.9;
	}
.pagetop a:hover{
	background:#292725;
	}


/*----------------------------------------
++4 common parts
----------------------------------------*/

img {
  vrtical-align: middle;
	}
.img-responsive,
.post-img-responsive{
  display:block;
  max-width:100%;
  height:auto;
	margin:0 auto;
	}
.img-bgType01{
	background:#B8131A;
	box-sizing:border-box;
	border:1px solid #fff;
	padding:6px;
	}
.post-img-responsive.alignleft{
	float:left;
	width:auto;
	max-width:100%;
	margin:0 10px 8px 0;
	}
.post-img-responsive.alignright{
	float:right;
	width:auto;
	max-width:100%;
	margin:0 0 8px 10px;
	}
.post-img-responsive.aligncenter{
	width:auto;
	max-width:100%;
	margin:0 auto;
	}
.postContents p:after{
  content: "";
  clear: both;
  display: block;
	}	

			
.hidden-PC{
	display:none !important;
	}
.allNone{
	display:none !important;
	}
.nowrap{
	white-space:nowrap;
	}

.keyword01{
	color:#B81319;
	}
.keyword02{
	font-size:1.2em;
	font-weight:900;
	}
.keyword03{
	background:linear-gradient(transparent 70%, #F79B9E 70%);
	}	
.note01{
	text-align:center;
	}
.note02{
	text-align:right;
	}
.note03{
	font-size:0.9em !important;
	}
.note04{
	font-size:0.7em !important;
	font-weight:normal !important;
	}	
	
.mt60{
	margin-top:60px !important;
	}

.clear{
	clear:both;
	}
	
/*----------------------------------------
++5 article parts
----------------------------------------*/

article{
	width:100%;
	box-sizing:border-box;
	font-size:1.6em;
	padding:0 0 20px;
	}
.contentsType01{
	background:#F3EFE3;
	}
.contentsType02{
	background:#fff;
	}
.contentsType03{
	background:#F5F5F5;
	}
article .pageContents{
	width:848px;
	margin:0 auto;
	}
article .singleContents{
	width:970px;
	margin:0 auto;
	}		
article .singleContents:after{
	content: "";
  clear: both;
  display: block;
	}	
article .archiveBox{
	box-sizing:border-box;
	padding:10px 0px 30px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/border_02.png) no-repeat left top,url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/border_01.png) no-repeat right bottom;
	margin:0 auto 60px;
	}
article .postContents{
	box-sizing:border-box;
	}
article .postContents h3{
	margin:0 auto 20px;
	}	
article .postContents h3.h3Type01{
	position:relative;
	color:#B8131A;
	font-size:1.5em !important;
	font-weight:700;
	padding:8px 0 6px;
	border-bottom:1px solid #B8131A;
	margin:20px auto 20px;
	}
article .postContents h3.h3Type01 a{
	display:block;
	text-decoration:none;
	transition: background-color 0.2s linear 0s;
	}
article .postContents h3.h3Type01 a:hover{
	background:#f3efe3;
	}	
article .postContents p{
	margin:0 auto 20px;
	}

article .singlePost{
	float:left;
	width:670px;
	}
article  .singlePageNavi{
	box-sizing:border-box;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/border_02.png) no-repeat left top,url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/border_01.png) no-repeat right bottom;
	padding:18px 0 10px 0;
	margin:60px auto 40px;
	}
article #singleSubNav{
	float:right;
	width:270px;
	}
article #singleSubNav	.subCol{
	box-sizing:border-box;
	font-size:0.9em;
	padding:8px;
	border:1px solid #ddd;
	margin:0 auto 12px;
	}
article #singleSubNav	.subCol h3{
	background:#F5F5F5;
	color:#B81319;
	letter-spacing:1px;
	text-align:center;
	text-shadow:1px 1px 1px #fff;
	padding:5px;
	border:1px solid #ddd;
	margin:0 auto 10px;
	}
article #singleSubNav	.subCol ul{
	width:98%;
	margin:0 auto;
	}
article #singleSubNav	.subCol ul li{
	padding:0 4px 6px;
	border-bottom:1px dashed #ACA89D;
	margin:0 auto 6px;
	}	
article #singleSubNav	.subCol ul li:last-child{
	border-bottom:none;
	margin:0 auto;
	}
article #singleSubNav	.subCol ul li a{
	display:block;
	transition:background-color 0.2s linear 0s;
	text-decoration:none;
	padding:2px;
	}
article #singleSubNav	.subCol ul li a:hover{
	background:#F3EFE3;
	}	
article #singleSubNav	.subCol select{
	display:block;
	width:80%;
	margin:0 auto 6px;
	}

.pagination{
	clear:both;
	position:relative;
	width:96%;
	font-size:1em;
	line-height:1;
	text-align:center;
	padding:20px 0;
	margin:0 auto;
	}
.page-numbers{
	display:inline-block;
	}
.page-numbers li{
	float:left;
	}
.pagenation .dots{
	line-height:2.2;
	}
.pagination a,
.pagination .current{
	display:block;
	width:auto;
	background:#F5F5F5;
	color:#23282D !important;
	text-decoration:none;
	padding:6px 9px 5px 9px;
	border:1px solid #ddd;
	margin:2px 2px 2px 0;
	}	
.pagination a:hover{
	color:#fff !important;
	background:#910F15;
	}
	
.pagination .current{
	color:#fff !important;
	background:#23282D;
	}
	
	
#mainImage{
	width:100%;
	min-width:1000px;
	height:455px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/mainImage_inner.png) no-repeat center bottom,
	url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/mainImage_outer.jpg) no-repeat center bottom;
	text-indent:-9999px;
	margin:0 auto;
	overflow:hidden;
	}

#index_purpose,
#index_news{
	background:#F3EFE3 url(common/index_purpose_bg_bottom.png) no-repeat center bottom;
	padding:0 0 87px;
	}
#index_news{
	background:#fff url(common/index_news_bg_bottom.png) no-repeat center bottom;
	}	

#index_purpose1,
#index_purpose2{
	width:848px;
	height:372px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/i_index_purpose1.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto 30px;
	}
#index_purpose2{
	height:178px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/i_index_purpose2.png) no-repeat;
	}
#index_news1,
#index_attention1{
	width:848px;
	height:124px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/i_index_news.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto 24px;
	}
#index_attention1{
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/i_index_attention.png) no-repeat;
	}
	
#categoryTitle{
	width:100%;
	height:auto;
	background:#F3EFE3;
	border-bottom:1px solid #ddd;
	margin:0 auto 0px;
	}
#categoryTitle h2{
	width:970px;
	color:#B81319;
	font-size:2.6em !important;
	text-shadow:1px 1px 0px #fff,3px 3px 0px #ede2c2;
	letter-spacing:0.1em;
	line-height:1;
	font-weight:900;
	padding:20px 0;
	margin:0 auto;
	}
#breadcrumbs{
	width:970px;
	font-size:1.3em;
	margin:12px auto;
	}
#breadcrumbs a{
	color:#B81319;
	}	


#qa .postContents dl{
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	margin:0 auto 20px;
	}
#qa .postContents dl:last-child{
	border-bottom:none;
	margin:0 auto 50px;
	}
#qa .postContents dl dt{
	min-height:60px;
	background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/icon_Q.png) no-repeat;
	background-size:60px 60px;
	color:#B81319;
	font-size:1.3em;
	font-weight:700;
	padding:15px 0 0 70px;
	margin:0 auto;
	}
#qa .postContents dl dd{
	width:780px;
	box-sizing:border-box;
	min-height:80px;
	background:#f5f5f5 url(common/icon_A.png) no-repeat 10px 10px;
	background-size:60px 60px;
	padding:16px 10px 2px 80px;
	margin:-10px 0 30px auto;
	}
	
	
table.tableType01{
	width:100%;
	box-sizing:border-box;
	border:1px solid #BCBCBC;
	margin:0 auto 30px;
	}
table.tableType01 th{
	min-width:10em;
	background:#B8131A;
	color:#fff;
	text-align:left;
	padding:6px 0 8px 10px;
	border:1px solid #BCBCBC;
	}
#link	table.tableType01 th{
	background:#F5F5F5;
	color:#B8131A;
	text-shadow:1px 1px 1px #fff;
	}
	
table.tableType01 th span{
	font-size:0.8em;
	}
table.tableType01 td{
	background:#fff;
	vertical-align:top;
	padding:6px 8px 8px 8px;
	border:1px solid #BCBCBC;
	}
ul.listType01{
	width:100%;
	margin:0 auto 20px;
	}
ul.listType01 li{
	padding:2px 8px 8px;
	border-bottom:1px dashed #ddd;
	margin:0 auto 8px;
	}
ul.listType01 li span{
	font-size:0.9em;
	color:#666;
	}
.panelType01{
	background:#fff;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #ddd;
	margin:0 auto 20px;
	}
.panelType01 h3{
	color:#fff;
	font-size:1.1em;
	letter-spacing:1px;
	text-align:center;
	background:#B8131A;
	padding:5px;
	margin:0 auto 10px;
	}
.panelType01 ul{
	font-size:0.9em;
	}
.panelType01 ul li{
	padding:0 6px 6px 6px;
	border-bottom:1px dashed #ddd;
	margin:0 auto 6px;
	}
.panelType01 ul li:last-child{
	border:none;
	padding:0 6px;
	}
.panelType01 ul li i{
	color:#B8131A;
	}
.panelType01 p:last-child{
	margin:0 auto;
	}

.flex-PC{
	display:flex;
	justify-content:space-between;
	}
.flex-PC div{
	max-width:49%;
	min-width:49%;
	}

article i{
	padding:0 4px 0 0;
	}
a.linkBtn{
	position:relative;
	display:block;
	vertical-align:middle;
	width:844px;
	background:#910F15;
	color:#fff;
	font-size:1.3em;
	font-weight:800;
	text-align:center;
	text-shadow:1px 1px 1px #000;
	text-decoration:none;
	letter-spacing:1px;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px transparent;
  -webkit-transition-property:background;
  transition-property:background;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
	padding:20px 0;
	margin:20px auto;
	}
a.linkBtn:before{
	content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#292725;
  -webkit-transform:scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property:transform;
  transition-property:transform;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
	}
a.linkBtn:hover:before, a.linkBtn:focus:before, a.linkBtn:active:before{
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
	}
.singlePost.postContents a.linkBtn{
	width:100%;
	height:auto;
	font-size:1em;
	padding:8px 0;
	}
	

/*----------------------------------------
++00 media parts
----------------------------------------*/

@media screen and (max-width: 768px) {
	body{
		background:#fff;
		font-size:14px;
		font-family:'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		line-height:1.5;
		}	
	header{
		width:100%;
		height:auto;
		background:#fff;
		text-indent:0;
		padding:3px 0 0 0;
		margin:0 auto 1px;
		}
	nav#gnavi{
		width:100%;
		background:#B8131A;
		height:auto;
		margin:0 auto;
		}
	p#gnavi-sp-toggle{
		position:relative;
		box-sizing:border-box;
		color:#fff;
		font-size:14px !important;
		padding:10px 15px;
		font-weight:600;
		}
	p#gnavi-sp-toggle:hover{
		cursor:pointer;
		}
	p#gnavi-sp-toggle:after{
		position:absolute;
		top:50%;
		right:18px;
		display:block;
		width:16px;
		height:16px;
		color:#fff;
		font-family:FontAwesome;
		content:'\f0c9';
		margin-top:-10px;
		}
	p#gnavi-sp-toggle.open:after{
		position:absolute;
		top:50%;
		right:18px;
		display:block;
		width:16px;
		height:16px;
		color:#fff;
		font-family:FontAwesome;
		content:'\f2d3';
		margin-top:-10px;
		}
	nav#gnavi ul#gnavi-sp{
		display:none;
		box-sizing:border-box;
		width:100%;
		height:auto;
		border-bottom:1px solid #910F15;
		margin:0 auto;
		}
	nav#gnavi ul#gnavi-sp li a{
		position:relative;
		display:block;
		height:auto;
		color:#fff;
		font-size:14px !important;
		font-weight:600;
		text-decoration:none;
		text-shadow:1px 1px 1px #910F15;
		letter-spacing:1px;
		padding:10px 20px;
		border-top:1px solid #910F15;
		transition:all 1s;
		}
	nav#gnavi ul#gnavi-sp li a:after{
		position: absolute;
		top:50%;
		right:20px;
		display:block;
		width:10px;
		height:10px;
		color:#fff;
		font-family:FontAwesome;
		content:'\f054';
		margin-top:-10px;
		}
		
	nav#gnavi ul#gnavi-sp li a:hover{
		background:#910F15 url(common/gnavi_bg.png);
		}
	nav#gnavi ul#gnavi-sp li.current a{
		background:#B8131A;
		}
	nav#gnavi ul li.official{
		margin-left:0;
		}
	
	footer nav#footerNavi{
		display:none;
		}
	footer p small{
		font-size:10px;
		}
	
	article{
		width:100%;
		background:#F5F5F5;
		box-sizing:border-box;
		font-size:14px;
		padding:10px;
		}
	article .pageContents,
	article .singleContents{
		width:100%;
		box-sizing:border-box;
		background:#fff;
		padding:10px;
		}
	article .singlePost{
		float:none;
		width:100%;
		}
	article #singleSubNav{
		float:none;
		width:100%;
		}
	article .archiveBox{
		padding:0 0px 30px;
		background:url(/cyber/wp-content/themes/KonanUniversityCyberLibrary/common/border_01.png) no-repeat right bottom;
		margin:0 auto 40px;
		}	
	.pagination{
		font-size:11px;
		}
	#index article{
		padding:0 10px 20px;
		}
	#index article .pageContents{
		padding:0;
		}
	#index article#index_purpose,
	#index article#index_news{
		background:#F3EFE3 url(common/index_purpose_bg_bottom-sp.png) no-repeat center bottom;
		background-size:90% auto;
		padding:0 15px 47px;
		}
	#index article#index_news{
		background:#fff url(common/index_news_bg_bottom-sp.png) no-repeat center bottom;
		background-size:90% auto;
		}
	#index article#index_purpose .pageContents{background:#F3EFE3;}
	#index article#index_attention .pageContents{background:#f5f5f5;}
	
	article .postContents h3.h3Type01{
		font-size:14px !important;
		padding:4px 0 6px;
		margin:0 auto 20px;
		}
	
	
		
	#categoryTitle{
		width:100%;
		height:auto;
		background:#F3EFE3;
		margin:0 auto 5px;
		}
	#categoryTitle h2{
		width:100%;
		box-sizing:border-box;
		font-size:16px !important;
		padding:10px 15px;
		}
	#breadcrumbs{
		width:100%;
		box-sizing:border-box;
		font-size:10px !important;
		font-size:1.3em;
		padding:0 15px 5px;
		margin:3px auto 0;
		border-bottom:1px solid #ddd;
		}
	
	#qa .postContents dl{
		border-bottom:1px solid #ddd;
		margin:0 auto 16px;
		}	
	#qa .postContents dl dt{
		min-height:30px;
		background-size:30px 30px;
		font-size:14px;
		padding:0 0 0 36px;
		}
	#qa .postContents dl dd{
		width:100%;
		box-sizing:border-box;
		min-height:40px;
		font-size:13px;
		background:#f5f5f5 url(common/icon_A.png) no-repeat 6px 6px;
		background-size:30px 30px;
		padding:6px 6px 6px 44px;
		margin:10px 0 20px auto;
		}	
	
		
		
	table.tableType01{
		table-layout:fixed;
		word-break:break-word;
		border:none;
		margin:0 auto 10px;
		}
	table.tableType01 th,
	table.tableType01 td{
		 display:block;
		}
	table.tableType01 th{
		border-bottom:none;
		}
	table.tableType01 td{
		margin:0 auto 10px;
		}
	table.tableType01 th span{
		font-size:10px;
		}	
	.panelType01 ul{
		font-size:12px;
		}
	
		
	
		
	.hidden-PC{
		display:block !important;
		}
	
	.hidden-SP_TAB{
		display:none !important;
		}
	.flex-PC{
		display:block;
		}
	.singlePageNavi .flex-PC{
		display:flex;
		}
	.flex-PC div{
		max-width:100%;
		}
		
	.post-img-responsive.alignleft,
	.post-img-responsive.alignright{
		float:none;
		margin:0 auto 8px;
		}	
	a.linkBtn{
		width:100%;
		font-size:16px;
		padding:10px 0;
		}
	.pagetop{
		bottom:-50px;
		right:10px;
		}	
		

}

@media screen and (max-width: 480px) {

}