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

/* aリンク装飾
-------------------------------*/
.container-box a{color:#FF7E83; text-decoration:underline;}

/* goods-detail(ニュース記事)
-------------------------------*/
.container-box{background:#FFF; border:solid 2px #8385c3;}

/* メイン画像 */
.main02, .main03, .main04, .main05{display:none;}

/* メイン画像サムネイル */
.thumb-box img{float:left;}

/* title */
h3{color:#8385c3; font-weight:normal;}
h2{color:#ac8d00; font-weight:normal;}
.goods-text01{background:#8385c3; color:#FFF; text-align:center;}
.goods-text02{color:#4D5865;}
.list-line{background:#8385c3;}

/* text */
.main-box img{border: solid 1px #b2b2b2; box-shadow: 1px 1px 2px #D8D8D8;}
.container-box p span{color:#FF0004;}
.thumb-box img{border: solid 1px #CDCDCD; cursor:pointer;}
.list-link{float:right;}


/* 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;}

/* goods-detail(ニュース記事)
-------------------------------*/
.container-box{width:700px; margin-left:40px; padding:20px 10px 0; float:right;}
.container-box div{margin:0 auto; width:600px;}

/* メイン画像サムネイル */
.thumb-box{padding:10px 0 15px;}
.thumb-box img{width:50px; height:50px; margin-right:10px;}

/* title */
h3{font-size:16px; margin:4px 0 4px;}
h2{font-size:24px; margin-bottom:5px;}
.goods-text01{
    border-radius:16px;/* CSS3草案 */  
		-webkit-border-radius:16px;/* Safari,Google Chrome用 */  
		-moz-border-radius:16px;/* Firefox用 */  
	font-size:16px;
	padding:2px 8px 0;
	width:110px;
}
.goods-text02{font-size:16px; margin:5px 0 0 6px; line-height:22px;}

/* text */
.container-box div p{font-size:15px; margin:8px 0;}
.list-link{margin:20px 0 10px; font-size:14px;}
}

/* SP版 */
@media screen and (max-width: 981px) {
/* container
-------------------------------*/
.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 22% 0 7%;
}
.breadcrumb-02 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;
}

.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;
}

/* 3番目 */
.breadcrumb-03 a{
	padding: 5px 41% 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-03 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-03 span{color:#7b7dba;}

/* goods-list(ニュース記事)
-------------------------------*/
.container-box{width:92%; padding:2% 2% 0; margin:20px 0 20px 1.5%;}
.container-box div{width:100%;}
.main-img01{width:100%;}
.main-img02, .main-text02{display:none;}

/* メイン画像 */
.main-box img{width:100%;}

/* メイン画像サムネイル */
.thumb-box{padding:0.8em 0 0.5em;}
.thumb-box img{width:15%; margin-right:2%;}

/* right(text) */
h2{font-size:18px; margin:2px 0 5px;}
h3{font-size:14px; margin:4px 0 4px;}
.goods-text01{
    border-radius:16px;/* CSS3草案 */  
		-webkit-border-radius:16px;/* Safari,Google Chrome用 */  
		-moz-border-radius:16px;/* Firefox用 */  
	font-size:14px;
	padding:2px 8px;
	width:110px;
}
.goods-text02{font-size:18px; margin:5px 0 0 6px; line-height:22px;}

/* text */
.container-box div p{font-size:15px; margin:8px 0;}
.list-link{margin:5px 0; font-size:14px;}
}