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

/* container
-------------------------------*/
/* main画像 */
.main-container{background:#FFF;}

/* list画像 */
.thumb-container li{float:left;}


/* PC版 */
@media screen and (min-width: 982px) {
/* container
-------------------------------*/
.container{margin:100px auto 100px; position:relative; width:1000px;}

/* main画像 */
.sp-box, .breadcrumb{display:none;}
.pc-box{display:block; width:940px; height:570px; margin:0 auto;}
.main-container{
    border-radius:35px;/* CSS3草案 */  
		-webkit-border-radius:35px;/* Safari,Google Chrome用 */  
		-moz-border-radius:35px;/* Firefox用 */ 
	margin:0 auto;
	padding:30px 0;
	width:1000px;
}
.main-container img{width:940px; height:570px;}

/* list画像 */
.thumb-container{width:1000px; height:150px; margin-top:20px;}
.thumb-container li{width:90px; height:130px; margin:0 10px; cursor:pointer;}
.thumb-container li img{width:90px; height:130px;}
}

/* SP版 */
@media screen and (max-width: 981px) {
/* 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;}

/* container
-------------------------------*/
/* main画像 */
.pc-box{display:none;}
.sp-box{display:block !important; width:96%; margin:0 auto; padding:2%;}
.main-container{
    border-radius:12px;/* CSS3草案 */  
		-webkit-border-radius:12px;/* Safari,Google Chrome用 */  
		-moz-border-radius:12px;/* Firefox用 */ 
	margin:30px auto;
	width:95%;
}
.main-container img{width:96%; padding:2%;}

/* list画像 */
.thumb-container{width:96%; margin:0 0 40px 2%;}
.thumb-container li{width:18%; margin:0 1%;}
.thumb-container img{width:100%;}
}