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

/* aリンク装飾
-------------------------------*/
.container-list ul a{color:#4D5865; text-decoration:underline;}
.container-list ul a:hover{color:#FF7E83; 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 ul img{border:solid 1px #8385c3;}

/* right(text) */
h2{color:#8385c3; font-weight:normal;}
h3{color:#ac8d00; font-weight:normal;}
h3 a{color:#ac8d00 !important; font-weight:normal; text-decoration:none !important;}
.news-text{float:right;}
.news-text01{background:#8385c3; color:#FFF; text-align:center; margin-right: 3px;}
.news-text02{color:#4D5865;}
.list-line{background:#8385c3;}

/* リスト */
.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 .link-box{
	background:url(../image/list/common/arrow.png) no-repeat;
	background-position:right center;
	background-size:2%;
	padding-right:18px;
}

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

/* right(text) */
h2{font-size:15px; margin:4px 0 8px;}
h3{font-size:17px; margin-top:2px;}
.news-text{margin-left:15px; width:550px;}
.news-text01{
    border-radius:12px;/* CSS3草案 */  
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */  
		-moz-border-radius:12px;/* Firefox用 */  
	font-size:12px;
	padding:2px 8px 0;
	width:110px;
}
.news-text02{font-size:13px; margin-top:5px; line-height:22px;}
.list-line{width:695px; height:1px; margin:5px auto 12px;}

/* リスト */
.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 auto; width:92%;}
.container-list .link-box{
	background:url(../image/list/common/arrow.png) no-repeat;
	background-position:right center;
	background-size:3%;
	padding-right:3%;
	width:97%;
}
.container-list ul li{width:100%;}

/* left(img) */
.container-list ul li img{width:25%;}
.container-list .link-box img{width:25.5%;}

/* right(text) */
h2{font-size:15px; margin:2px 0 5px;}
h3{font-size:15px;}
.news-text{width:72%;}
.link-box .news-text{width:71%;}

.news-text01, .news-text02{display:none;}
.news-text01-1{
    border-radius:12px;/* CSS3草案 */  
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */  
		-moz-border-radius:12px;/* Firefox用 */  
	font-size:14px;
	background:#8385c3;
	color:#FFF;
	text-align:center;
	padding:2px 8px;
}
.list-line{width:100%; height:1px; margin:0 auto 0.7em;}

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