@charset "UTF-8";
/* CSS Document */

/*
Theme Name: アニコス
Author: Fusako Suemoto
*/





/*----------------------------初期設定---------*/

body {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", Arial, sans-serif;
	line-height: 1.5em;
	margin: 0;
	-webkit-text-size-adjust: 100%;
}


h1, h2, h3, h4, ul, ol, li, p, table, th, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
    font-size: 100%;
    line-height: 2em;
}

li {
	list-style-type: none;
}

img {
	display: block;
}

img a{
	border: none;
}

a {
	text-decoration: none;
}

div,p, {
    -webkit-box-sizing: border-box;　/* Safari,Google Chrome用 */  
    -moz-box-sizing: border-box;　/* Firefox用 */  
    -ms-box-sizing: border-box;　/* Internet Explorer 8用 */      
	box-sizing: border-box;
}



.goto_right {
	text-align: right;
	margin-top: -1em;
	}



/*---------------------------------- font size --------*/

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
}

h3 {

	}
/*
.inner {
	width: 100%;
}
*/
/* -----------------------------------　リンク　---------*/

a:link {
	color: #b22222;
	}
	
a:visited {
	color: #ff7f50;
}

a:hover {
	color: #1e90ff;
}




/*--------------------------エディター用---*/

/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { 
    float: right;
    margin: 0.3em 0 0.3em 0.3em;
}

.alignleft {
    float: left;
    margin: 0.3em 0.3em 0.3em 0;
}


/* clearfix */
 
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
	display: block;
    clear: both;
}



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

header {
}

#headerArea {
}

.titleBox {
}

.titleBox img {
	width: 100%;
	height: auto;
}



/*---------------------------------------------　メインメニュー  -----------*/

nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	width: 100%;
}

#wrap {
	position: relative;
}

header {
	margin-top: 100px;
}

#menu {
	display: block !important;
}

.menu ul {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	width: 100%;
}

.menu li {
	display: inline;
	float: left;
	width: 25%;
}

.menu li a {

	display: block;
	text-align: center;
	color: #fff;
}

.menu li a:hover {
	background-color: #666;
}

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


.menu div.submenu li {
	width: 20%;
	}
	
.menu div.submenu li a {
	color: #000;
	}
	
.menu div.submenu li a:hover {
	background-color: #999;
	}

.menuBack1 {
	background-color: #000;
	}
	
.menuBack2 {
	background-color: #eee;
	}

.tweetBt {
	float: right;
	padding-top: .5em;
}

/*------------------------　mainArea -----------*/


/*------------------------　inforBox -----------*/

.inforBox {
	padding: 2em 1em;
	text-align: center;
	background-color: #ffe4e1;
}

.inforBox h2 {
	font-size: 2em;
	line-height: 1em;
}

a .inforBox p {
	font-weight: bold;
	color: #000;
}


/*------------------------　newsBox -----------*/

.newsBox {
	padding: 1em;
	background-color: #ffe4e1;
}

.newsBox dl {
	display: block;
	margin-bottom: 1em;
	}
	
.newsBox dt {
	}
	
.newsBox dd {
	padding-left: 4em;
	line-height: 1.3em;
	}

.newsBox a dd {
	color: #000;
	}



/*------------------------　blogBox -----------*/

.blogBox {
	padding: 1em;
	margin-bottom: 2em;
}
	

.blogBox div.blogList {
	width: 100%;
	display: block;
	height: 8em;
	margin-bottom: 1.5em;  
	}
	
.blogBox p.blogListCatName {
	padding-left: .5em;
}

.blogBox div.title_and_date {
	display: block;
	width: 80%;
	float: right;
}

.blogBox h3 {
	font-weight: bold;
	padding-top: .5em;
	padding-left: 5px;
	line-height: 1em;
	}
	
.blogBox p.date {
	font-size: 0.7em;
	padding: 5px;
	line-height: 1em;
	}

.blogBox div.thumb {
	width: 20%;
	float: left;
}

.blogBox div.thumb img {
	width: 100%;
	height: auto;
	margin-top: .5em;
	}

.blogBox div.blogList:after,
.blogBox:after {
	content: "";
	display: block;
	clear: both;
	}


.blogBox a p.blogListCatName {
	background-color: #b22222;
	color: #fff;
}

.blogBox a p {
	color: #000;
	}

.blogBox div.blogList a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}



/*------------------------　catListBox -----------*/

.catListBox {
	padding: 1em;
	margin-bottom: 2em;
	}

.catListBox div.blogList {
	width: 100%;
	display: block;
	margin-right: 5px;
	margin-bottom: 1.5em;
	border: 1px solid #999;
	}

.catListBox div.title_and_date {
	display: block;
	width: 80%;
	float: right;
}

.catListBox h3 {
	font-weight: bold;
	padding-top: .5em;
	padding-left: 5px;
	line-height: 1em;
}
	
.catListBox p.date {
	font-size: 0.7em;
	padding: 5px;
	line-height: 1em;
	}

.catListBox div.thumb {
	width: 20%;
	float: left;
}

.catListBox div.thumb img {
	width: 100%;
	height: auto;
	}

.catListBox div.blogList:after,
.catListBox:after {
	content: "";
	display: block;
	clear: both;
	}


.catListBox a p {
	color: #000;
	}

.catListBox a:hover div.blogList img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}


/*------------------------　pageBox -----------*/

.pageBox {
	padding: 1em;
	margin-bottom: 2em;
	}

.pageBox .text {
	margin: 1em;
	}

/*------------------------　embedBox -----------*/

.embedBox {
	margin: 0 auto;
	padding: 2em 0;
}


/*------------------------　singleBox -----------*/

.singleBox {
	padding: 1em;
	margin-bottom: 2em;
	}
	
.singleBox .text {
	margin: 1em;
}

.singleBox ul {
	margin: .5em 3em;
	}

.singleBox h3 {
	border-top: 1px dotted #666;
	padding-top: 1em;
	}

.pre {
	width: 45%;
	float:left;
	text-align: right;
	padding-right: 1em;
	}
	
.next {
	width: 45%;
	float: right;
	padding-left: 1em;
	border-left: 1px solid #666;
	}

.singleBox .pre_next {
	margin-top: 1em;
	margin-bottom: .5em;
	}
	
.singleBox .pre_next:after {
	content: "";
	display: block;
	clear: both;
	}
	
	

/*------------------------　footer -----------*/

.copy {
	padding: 1em;
	background-color: #000;
	color: #fff;
	text-align: center;
}



/*---------------------------------- mailform -------------*/

.pageBox input {

}

.pageBox dl {
	margin: 2em 0;
}

.pageBox dt {
}

.pageBox dd {
	margin-bottom: 1em;
}

.pageBox p span,
.pageBox dt span {
	color: #f00;
	}

.pageBox dd.des {
	line-height: 1em;
	margin-top: -.5em;
	margin-left: 1em;
}

/*-------------------------------　breadcrumb  ----------*/

.breadcrumbNavi {
	padding: 0 1em;
	margin-top: 1px;
}


.breadcrumbNavi ul {
    padding: 0.5em 0;
}


.breadcrumbNavi ul li {
    float: left;
	padding-right: 1em;
}

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



/* ******************************
　　　　　599以下
******************************* */

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

	body {
		font-size: 85%;
	}

.menu ul {
	font-size: 100%;
	}

.menu a {
	padding: .8em 0;
	}

.inforBox {
	padding: 1em;
	}
	
.inforBox h2 {
	margin-bottom: 0;
	}
	
.blogBox {

	}
	
.catListBox p.preview {
	display: none;
	}
	
.blogBox div.blogList {
	height: auto;
	}

.catListBox h3.short_title {
	display: none;
	}
.for_pc {
	display: none!important;
	}		
}


/* ******************************
　　　　　600以上
******************************* */

@media screen and (min-width : 600px){

.catListBox div.blogList,
.blogBox div.blogList {
	width: 30%;
	float: left;
	padding: 0 1em 0 0;
}

	.catListBox h3.full_title {
		display: none;
	}
.for_phone {
	display: none!important;
	}	
}

/* ******************************
　　　　　969px以下
******************************* */

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


.sitemapBox_970 {
	display: none;
}

.sitemapBox {
	background-color: #f0f8ff;
}

.sitemapBox ul {
}

.sitemapBox li {
	border-bottom: 1px solid #fff;
	padding: .5em 1em;
	width: 100%;
}

.sitemapBox li a {
	display: block;
}

.sitemapBox li a:hover {
	background-color: #6495ed;
	color: #fff;
}

.sitemapBox select {
	margin: .5em 1em;
}

}


/* ******************************
　　　　　970px以上
******************************* */

@media screen and (min-width : 970px){

	.menu ul {
		width: 970px;
		margin-left: auto;
		margin-right: auto;
	}

	
	.inner {
		width: 970px;
		margin-left: auto;
		margin-right: auto;
	}
	
.embedBox {
	margin: 0 auto;
	width: 400px;
	}

.sitemapBox {
	display: none;
}

.sitemapBox_970 {
	padding: 2em 1em;
	background-color: #f0f8ff;
}


.sitemapBox_970 li {
	display: inline-block;
	padding-right: 2em;
}

.sitemapBox_970 ul:after {
	content: "";
	display: block;
	clear: both;
}
	
.sitemapBox_970 select {
	margin: .5em 1em;
	}

}


/****************************************
 
          TOPへ戻るボタン（Go to top）
 
*****************************************/
#page-top{
    position:fixed;
    right:16px;
    bottom:16px;
    display: none;
}
 
#page-top a{
    color:#fff;
    padding:10px;
    text-decoration:none;
    display:block;
    cursor:pointer;
    text-align:center;
    background:#aaa;
    line-height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
}
 
#page-top a:hover{
    background:#8b8b8b;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}