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

/* aリンク装飾
-------------------------------*/
.container-list ul a{color:#ac8d00; text-decoration:none;}
.container-list ul a:hover{color:#ac8d00; text-decoration:underline;}
.page-list a{color:#4D5865; text-decoration:none;}
.page-list a:hover{color:#FF7E83; text-decoration:none;}

/* news-list(ニュース記事)
-------------------------------*/
.container-list{float:right;}
.container-list ul{background:#FFF; border:2px solid #8385c3;}
.container-list li img{border:solid 1px #8385c3;}

/* right(text) */
h2{color:#ac8d00; font-weight:normal;}
h3 span{background:#8385c3; color:#FFF; text-align:center;}
h4{color:#8385c3; font-weight:normal;}

/* リスト */
.page-list{text-align:center; color:#FF7E83;}


/* PC版 */
@media screen and (min-width: 982px) {
/* container
-------------------------------*/
.container{margin:100px auto 100px; position:relative; width:1000px;}
.category-box-pc{width:230px; float:left;}
.category-box-sp{display:none;}

/* news-list(ニュース記事)
-------------------------------*/
.container-list{width:720px; margin-left:40px;}
.container-list ul{padding:10px 10px 0;}
.container-list li{width:200px; height:310px; margin:12px 16px; float:left;}

/* left(img) */
.container-list ul li img{width:198px; height:198px;}

/* right(text) */
h2{font-size:15px; margin:0 0 8px; text-align:center;}
h3{width:200px;}
h3 span{
    border-radius:12px;/* CSS3草案 */  
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */  
		-moz-border-radius:12px;/* Firefox用 */  
	font-size:12px;
	font-weight:normal;
	margin-right:5px;
	padding:2px 7px 0;
}
h4{font-size:15px;}

/* リスト */
.page-list{margin-top:30px;}
.page-list span{margin:0 5px;}
}

/* SP版 */
@media screen and (max-width: 981px) {
.category-box-pc{display:none;}
	
/* head
-------------------------------*/
.head-box-sp{background:#FFF; width:96%; padding:10px 2% 10px; }
.head-box-sp .logo-sp{width:68%; float:left;}
.head-box-sp .menu-sp{width:30%; float:right;}
.global-navi-sp{display:none; padding-top:10px;}

/* breadcrumb(パンくずリスト)
-------------------------------*/
.breadcrumb{margin:10px auto 20px; width:98%; height:30px; text-align:center;}
.breadcrumb a{color:#586575; text-decoration:none; position:relative;}
.breadcrumb span{position:absolute;}

.breadcrumb li a {
	display: block;
	float: left;
	height: 22px;
	background: #FFF;
	text-align: center;
	position: relative;
	margin: 0 1% 0; 

	font-size: 0.7em;
	text-decoration: none;
	color: #586575;
}

/* 1番目 */
.breadcrumb-01 a{
	padding: 5px 12% 0 4%;
	border-left: 5% solid #FFF;
    border-radius:5px 0 0 5px;
		-webkit-border-radius:5px 0 0 5px;/* Safari,Google Chrome用 */
		-moz-border-radius:5px 0 0 5px;/* Firefox用 */	
}
.breadcrumb-01 a:after{
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #FFF;
	position: absolute; right: -14px; top: 0;
	z-index: 1;
}

/* 2番目 */
.breadcrumb-02 a{
	padding: 5px 72% 0 8%;
    border-radius:0 5px 5px 0;
		-webkit-border-radius:0 5px 5px 0;/* Safari,Google Chrome用 */
		-moz-border-radius:0 5px 5px 0;/* Firefox用 */	
}
.breadcrumb-02 a:after {
	content: "";  
	z-index: 1;
}

.breadcrumb-02 a:before {
	content: "";  
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #ffdb4a;
	position: absolute; left: 0; top: 0;
}
.breadcrumb-02 span{color:#7b7dba;}


/* news-list(ニュース記事)
-------------------------------*/
.container-list{width:100%; margin:20px auto 40px;}
.container-list ul{padding:2%; margin:0 0 0 2%; width:91%;}
.container-list li{float:left; width:46%; margin:2% 2% 0;}
h2{height:1em;}
/* left(img) */
.container-list li img{width:100%;}

/* right(text) */
h2{font-size:15px; margin:0.3em 0 2em; text-align:center; line-height:1.2em;}
h3 span{
    border-radius:13px;/* CSS3草案 */  
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */  
		-moz-border-radius:12px;/* Firefox用 */  
	font-size:9px;
	background:#8385c3;
	color:#FFF;
	text-align:center;
	padding:2px 4px;
	margin-right:-5px;
}
h4{margin:4px 0 0;}

/* リスト */
.page-list{margin-top:30px; font-size:14px;}
.page-list span{margin:0 5px;}
}
/* SP版 */
@media screen and (max-width: 320px) {
h3 span{font-size:8px; padding:3px 4px 1px; font-weight:nomal;}
h3{margin-bottom:5px;}
}