@charset "UTF-8";

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

 defoult

----------------------------------------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:15px;
    color: #000000;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
a{
	color:#82c0d6;
	text-decoration:underline;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:active{
	color:#000000;
	text-decoration:underline;
}
table{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
.spOnly{
	display:none!important;
}
.contentIn{
	width:900px;
	margin:0 auto;
}
.contentIn:after{
	content:"";
	display:block;
	clear:both;
}

@media screen and (max-width: 768px) { 
	body {
		font-size:13px;
	}

	.pcOnly{
		display:none!important;
	}
	.spOnly{
		display:block!important;
	}

	.contentIn{
		width:92%;
		margin:0 auto;
	}

}


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

 header & footer & pagetop

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

/* header
----------------------------------------------------------------------- */
#header{
    width:100%;
}
#headerLogo{
	position:relative;
	display:block;
	width:478px;
	height:138px;
	margin:40px auto 20px;
}
#headerLogo img{
	width:100%;
}
@media screen and (min-width: 769px) { 
	#header{
		min-width:900px;
	}
}
@media screen and (max-width: 768px) { 
	#header{
		min-width:inherit;
		border-bottom:2px solid #000000;
	}
	#headerLogo{
		width:220px;
		height:64px;
		margin:10px 0 7px;
	}
}



/* gNavi
----------------------------------------------------------------------- */
@media screen and (min-width: 769px) { 
	#gNavi{
		min-width:900px;
		border-bottom:2px solid #e6e6e6;
	}
	#gNavi .contentIn > ul:after{
		content:"";
		display:block;
		clear:both;
	}
	#gNavi .contentIn > ul > li{
		position:relative;
		display:table;
		float:left;
		width:101px;
	}
	#gNavi .contentIn > ul > li.fb,
	#gNavi .contentIn > ul > li.tw{
		width:17px;
		margin-left:20px;
	}
	#gNavi .contentIn > ul > li.tw{
		margin-left:35px;
	}
	#gNavi .contentIn > ul > li a{
		display:table-cell;
		width:100%;
		height:50px;
		vertical-align:middle;
		text-align:center;
	}
	#gNavi .contentIn > ul > li.fb a,
	#gNavi .contentIn > ul > li.tw a{
		display:block;
		height:17px;
		margin-top:15px;
	}
	#gNavi .contentIn > ul > li.current:before,
	#gNavi .contentIn > ul > li:hover:before{
		position:absolute;
		bottom:-2px;
		left:0;
		content:"";
		width:100%;
		height:2px;
		background:#000000;
	}
	#gNavi .contentIn > ul > li.fb:hover:before,
	#gNavi .contentIn > ul > li.tw:hover:before{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	#gNavi img{
		width:auto;
		height:14px;
	}
	#gNavi li.fb,
	#gNavi li.tw{
		float:left;
		width:30px;
		margin-top:25px;
		margin-bottom:25px;
	}
	#gNavi li.fb{
		margin-left:28%;
	}
	#gNavi li.tw{
		margin-left:20%;
	}
	#gNavi li.fb a,
	#gNavi li.tw a{
		border: none;
		padding:0;
	}
	#gNavi li.fb img,
	#gNavi li.tw img{
		height:30px;
	}
}


/* breadcrumb
----------------------------------------------------------------------- */
#breadcrumb{
	width:100%;
	letter-spacing:-0.4em;
	margin:15px 0;
}
#breadcrumb a{
	text-decoration:none;
}
#breadcrumb li{
	display:inline-block;
	position:relative;
	margin-left:2em;
	font-size:16px;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:normal;
}
#breadcrumb li:before{
	position:absolute;
	top:0;
	left:-1.5em;
	content:"＞";
}
#breadcrumb li:first-child{
	margin:0;
}
#breadcrumb li:first-child:before{
	display:none;
}
@media screen and (max-width: 768px) {
	#breadcrumb{
		margin:10px 0;
	}
	#breadcrumb li{
		font-size:10px;
	}
}

/* contents
----------------------------------------------------------------------- */
#sub{
	margin-top:10px;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.2;
}
#sub h2{
	margin-bottom:10px;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:16px;
	line-height: 1.4;
}
#sub .month h2{
	padding-bottom:5px;
	border-bottom:1px solid #000000;
}
#sub a{
	color:#000000;
	text-decoration:none;
}
#sub section{
	margin:45px 0;
}
#sub li{
	list-style: none;
}
@media screen and (min-width: 769px) {
	#contents{
		width:900px;
		margin:0 auto;
	}
	#contents:after{
		content:"";
		display:block;
		clear:both;
	}
	.home #contents{
		width:100%;
		margin-bottom:0;
	}
	#main{
		float:left;
		width:640px;
		margin-bottom:100px;
	}
	#main img{
		line-height:0;
	}
	#sub{
		float:right;
		width:210px;
	}
}
@media screen and (max-width: 768px) {
	#contents img{
		width:100%;
	}
	#main{
		width:92%;
		margin:0 auto;
	}
	#sub{
		width:92%;
		margin:40px auto 0;
	}
	#sub h2{
		font-size:18px;
	}
	#sub section{
		margin:40px 0;
	}
}


/* latest */
#sub .latest li{
	margin-top:18px;
	font-size:12px;
}
#sub .latest dt{
	line-height: 1.6;
}
#sub .latest dd{
	margin-top:5px;
	color:#808080;
}

/* calendar */
#sub .calendar table{
	font-size:14px;
}
#sub .calendar th,
#sub .calendar td{
	padding:7px 0;
	text-align:center;
}
#sub .calendar th{
	padding:15px 0;
	color:#808080;
	font-weight:bold;
}
#sub .calendar caption{
	color:#808080;
	font-weight:bold;
	font-size:16px;
}
#sub .calendar td{
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	border-top:1px solid #000000;
}
#sub .calendar a{
	display:inline-block;
	width:22px;
	height:22px;
	margin:0;
	padding:0;
	line-height:22px;
	background:#e6e6e6;
	border-radius:50%;
}
#sub .calendar a:hover{
	color:#ffffff;
	background:#82c0d6;
}
#wp-calendar tfoot{
	display: none;
}
.widget_archive li{
	margin-bottom: 0.3em;
}
@media screen and (max-width: 768px) {
	#sub .calendar table{
		font-size:18px;
	}
	#sub .calendar th,
	#sub .calendar td{
		padding:10px 0;
		font-weight:normal;
	}
	#sub .calendar caption{
		margin-bottom:10px;
		font-weight:normal;
		font-size:18px;
	}
	#sub .calendar a{
		width:30px;
		height:30px;
		line-height:30px;
	}
}


/* month */
#sub .month a{
	position:relative;
	padding-right:20px;
	color:#808080;
}

@media screen and (max-width: 768px) {
	#sub .month a{
		font-size:18px;
	}
}



/* footer
----------------------------------------------------------------------- */
#footer{
    width:100%;
    color:#ffffff;
	font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.0;
	letter-spacing:0.08em;
    background:#000000;
}
#footer .contentIn{
	position:relative;
	padding:20px 0 10px;
}
#footer .lNavi:after{
	content:"";
	display:block;
	clear:both;
}
#footer .lNavi li{
	float:left;
}
#footer .lNavi li a{
	display:block;
	padding:0 10px;
	font-size:10px;
	border-left:1px solid #ffffff;
}
#footer .lNavi li:first-child a{
	padding-left:0;
	border-left:none;
}
#footer .lNavi li a{
	color:#ffffff;
	text-decoration:none;
}
#footer .info{
	float:left;
}
#footer .info:after,
#footer .sns:after{
	content:"";
	display:block;
	clear:both;
}
#footer .info dt{
	margin:15px 0 5px;
}
#footer .info dd{
	float:left;
	margin-right:10px;
}
#footer .img{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-30px;
}
#footer .sns{
	float:left;
	margin:20px 0 0 15px;
}
#footer .sns li{
	float:left;
}
#footer .sns li:first-child{
	margin-right:25px;
}

small{
    display:block;
	width:100%;
    padding:15px 0 30px;
    text-align:center;
    font-size:10px;
    color:#000000;
    background:#ffffff;
}

@media screen and (min-width: 769px) { 
	#footer{
		min-width:900px;
	}
}
@media screen and (max-width: 768px) {
	#footer img{
		width:100%;
	}
	#footer .contentIn{
		padding:15px 0 15px;
	}
	#footer .lNavi{
		display:none;
	}
	#footer .info{
		float:none;
	}
	#footer .info dt{
		width:62%;
		margin:0 0 8px;
	}
	#footer .info dd{
		margin-right:5px;
	}
	#footer .info dd img{
		width:auto;
		height:12px;
	}
	#footer .info dd:last-child{
		margin-right:0;
	}
	#footer .img{
		position:static;
		margin:15px 0 20px;
	}
	#footer .sns{
		float:none;
		margin:0 auto;
		letter-spacing:-0.4em;
		text-align:center;
	}
	#footer .sns li{
		float:none;
		display:inline-block;
		margin-left:30px;
	}
	#footer .sns li:first-child{
		margin:0;
	}
	#footer .sns li img{
		width:auto;
		height:31px;
	}
	small{
		padding:15px 0 15px;
		font-size:14px;
	}
}




/* pageTop
----------------------------------------------------------------------- */
#pageTop{
    display:block;
    position:fixed;
    bottom:20px;
    right:10px;
    width:72px;
    height:72px;
    background:url(../img/btn_gototop01.png) no-repeat 0 0;
	background-size:contain;
    text-indent:-9999px;
    overflow:hidden;
	z-index:99999;
}

@media screen and (max-width: 768px) {
	#pageTop{
		bottom:30px;
		right:2%;
		width:36px;
		height:36px;
	}
}




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

 common class etc

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



/* FLOAT
----------------------------------------------------------------------- */

.fl { float:left; }
.fr { float:right; }

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




/* title
----------------------------------------------------------------------- */

/* sectionBox
----------------------------------------------------------------------- */

/* ul & ol & dl
----------------------------------------------------------------------- */

/* btn design
----------------------------------------------------------------------- */
.btn_specs01 a{
	display:block;
	padding:10px 0;
	line-height: 1.0;
	border:1px solid #000000;
	border-radius:10px;
}
.btn_specs01.news{
	width:300px;
	margin:0 auto;
}
.btn_specs01.news a{
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn_news01.png) no-repeat center center;
}
.btn_specs01.chirashi{
	width:440px;
	margin:0 auto;
}
.btn_specs01.chirashi a{
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/btn_chirashi01.jpg) no-repeat center center;
}

@media screen and (max-width: 768px) {
	.btn_specs01 a{
		border-radius:5px;
	}
	.btn_specs01.news{
		width:90%;
	}
	.btn_specs01.news a{
		background-image:url(../img/btn_news01_sp.png);
		background-size:123px 12px;
	}
}



/* table design
----------------------------------------------------------------------- */
.table_specs01{
}
.table_specs01 th,
.table_specs01 td{
}