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

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

/* news-list
-------------------------------*/
.container-left ul img{border:solid 1px #8385c3;}
.news-box{position:relative;}

/* タイトル */
.news-title h2 img{float:left;}
.news-more img{float:right;}

/* ニュースリスト */
.news-box ul{background:#FFF; border:1px solid #8385c3;}
.news-line{border-bottom:1px solid #8385c3;}

/* left(img) */
h2 img{float:left;}

/* right(text) */
h3{color:#ac8d00; font-weight:normal;}
.news-text{float:right;}
.news-text01{background:#8385c3; color:#FFF; text-align:center;}
.news-text02{color:#4D5865;}

/* stamp・appli・goods
-------------------------------*/
.stamp-box, .appli-box, .goods-box{text-align:center; position:relative;}
.stamp-appli-box ul li, .goods-box ul li{float:left;}

/* banner・twitter
-------------------------------*/
.container-right{background:#FFF; border:1px solid #8385c3;}
.banner-box{border-bottom:1px solid #8385c3;}


/* PC版 */
@media screen and (min-width: 982px) {
/* container
-------------------------------*/
.container{margin:100px auto 100px; position:relative; width:1000px; height:800px;}
.main-container{width:1000px;}
.container-left{width:596px; float:left;}
.container-right{width:360px; float:right; margin-top:20px;}

/* news-list
-------------------------------*/
.news-box{float:left; margin-top:20px;}
.news-box ul li{width:575px;}
.news-box .link-box{
	background:url(../image/list/common/arrow.png) no-repeat;
	background-position:right center;
	background-size:2%;
}
.news-box .link-box .news-text{width:480px;}
.news-box .link-box .news-text02{width:470px;}

/* 新着情報タイトル */
.news_top_title { font-size:17px; margin-top:2px; font-weight:normal; }

/* タイトル */
.news-title h2 img{width:220px; height:68px;}
.news-title{position:absolute; top:-58px; width:594px;}
.news-more img{height:18px; margin-top:34px; width:86px;}

/* ニュースリスト */
.news-box ul{padding:10px 10px 0; width:574px;}
.news-line{margin-bottom:10px; padding-bottom:5px;}

/* left(img) */
.news-box li img{height:80px; width:80px;}

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

/* stamp・appli・goods
-------------------------------*/
.stamp-appli-box{width:594px;}
.stamp-box, .appli-box, .goods-box{background:#FFF; border:1px solid #8385c3; width:244px; height:150px; margin-top:70px; padding:16px 18px 12px; font-size:13px;}
.goods-box{width:594px; padding:16px 0 12px;}
.stamp-box{float:left;}
.appli-box{float:right;}

/* タイトル */
.stamp-box div, .appli-box div, .goods-box div{position:absolute; top:-50px; left:0; width:280px; height:60px;}
.goods-box div{width:594px;}
.stamp-box div h2 img, .appli-box div h2 img, .goods-box div h2 img{width:190px; height:60px; float:left}
.stamp-box div p img, .appli-box div p img, .goods-box div p img{width:86px; height:18px; margin-top:30px; float:right}

/* 内容 */
.stamp-appli-box ul img, .goods-box ul img{width:108px; height:108px;}
.stamp-appli-box ul li, .goods-box ul li{width:108px;}
.stamp-appli-box .box-space{margin-right:25px;}
.goods-box .box-space{margin-right:40px;}

/* banner・twitter
-------------------------------*/
.banner-box{width:330px; margin:0 auto 20px; padding:10px 0;}
.banner-box img{width:330px; height:60px; margin:3px 0;}

/* twitter */
.news-twitter-box{width:900px; height:430px;}
.twitter-box{margin:10px auto 20px; width:320px;}
#twitter_box{margin-top:10px;}
}

/* SP版 */
@media screen and (max-width: 981px) {

/* news-list
-------------------------------*/
.news-box{width:95%; margin:1em auto 1em;}
.news-box .link-box{
	background:url(../image/list/common/arrow.png) no-repeat;
	background-position:right center;
	background-size:3%;
}

/* 新着情報タイトル */
.news_top_title { font-size:17px; margin-top:1%; font-weight:normal; }

/* タイトル */
.news-title{width:100%; display:block;}
.news-title h2 img{width:70%;}
.news-more{padding-top:10%;  overflow:auto; width:25%; padding-left:5%;}
.news-more img{width:100%;}

/* ニュースリスト */
.news-box ul{width:96%; padding:4% 2% 0; margin-top:-1em;}
.news-box li{width:95%;padding-right:5%;}
.news-line{margin-bottom:2%; padding-bottom:2%;}

/* left(img) */
.news-box li img{width:25%;}

/* right(text) */
h3{font-size:17px; margin-top:1%;}
.news-text{width:72%;}
.news-text01{
    border-radius:30px;        /* CSS3草案 */  
		-webkit-border-radius:30px;    /* Safari,Google Chrome用 */  
		-moz-border-radius:30px;   /* Firefox用 */  
	font-size:13px;
	margin-bottom:2%;
	margin-right:2%;
	padding:1% 2% 0;
	width:43%;
	display:block;
}
.news-text02{display:none;}

/* stamp・appli
-------------------------------*/
.stamp-appli-box{width:100%;}
/* タイトル */
.news-title{width:100%; display:block;}
.news-title h2 img{width:70%;}
.news-more{padding-top:10%;  overflow:auto; width:28%; padding-left:2%;}
.news-more img{width:100%;}

/* タイトル */
.stamp-box div, .appli-box div, .goods-box div{z-index:0; margin:0 auto; display:block; position:relative;}

.stamp-box div h2 img, .appli-box div h2 img, .goods-box div h2 img{width:70%;}
.stamp-box div p img, .appli-box div p img, .goods-box div p img{padding-top:10%; width:28%; padding-left:2%; float:right;}
.stamp-box ul, .appli-box ul, .goods-box ul{z-index:1; margin-top:-1em; background:#FFF; border:1px solid #8385c3; width:92%; padding:6% 4% 4%;}

/* スタンプリスト */
.stamp-box, .appli-box, .goods-box{margin:0 auto 1em; padding:0 0 12px; font-size:16px; width:95%;}
.stamp-appli-box ul img, .goods-box ul img{width:100%;}
.stamp-appli-box ul li{width:48%;}
.stamp-box .box-space, .appli-box .box-space{margin-right:4%;}

/* スタンプリスト */
.goods-box ul li{width:46%; padding:10px 0; margin:0 2%;}
.goods-box ul li p{height:30px;}


/* banner・twitter
-------------------------------*/
.container-right{width:95%; margin:50px auto 30px;}
.banner-box{margin:10px auto 30px; padding:0 0 10px; width:90%;}
.banner-box img{width:100%; margin:5px 0;}

/* twitter */
.twitter-box{margin:0 auto 2em; width:90%;}
.tweet{margin-bottom:0.5em;}
}