@charset "utf-8";

/* ========================================
* File Name: top.css
* Created Date: 2015.3.9
* Author: TAM
======================================== */


/* ========================================
背景（ボーダー）設定
======================================== */

html {
/*通年	background:url(/common/images/bg.png)#A2B4EE repeat left top;*/
/*夏*/
background:url(/common/images/bg_summer.png)#A2B4EE repeat left top;
/*ニャン　background:url(/common/images/1609/bg.png)#fffdef repeat left top;*/
/*sweets　background:url(/common/images/1704/bg.png)#fffdef repeat left top;*/
}


/* ========================================
背景（ヘッダ）設定
======================================== */

/*
通年バージョン指定/////////////////////////////////////////////////
#gHeader {
	width:100%;
	background:url(../images/top_bg.png) no-repeat center top;
	height:433px;
}

春バージョン指定///////////////////////////////////////////////////
#gHeader {
	width:100%;
	background:url(../images/top_bg_spring.png) no-repeat center top;
	height:433px;
}

マリンバージョン指定//////////////////////////////////////////////
#gHeader {
	width:100%;
	background:url(../images/top_bg_summer.png) no-repeat center top;
	height:433px;
}

ニャンバージョン指定////////////////////////////////////////////
#gHeader {
	width:100%;
	background:url(../images/1609/top_bg.png) no-repeat center top;
	height:433px;
}

/* スイーツバージョン指定///////////////////////////////////////////
#gHeader {
	width:100%;
	background:url(../images/1704/top_bg.png) no-repeat center top;
	height:433px;
}
*/

/*マリンバージョン指定//////////////////////////////////////////////*/
#gHeader {
	width:100%;
	background:url(../images/top_bg_summer.png) no-repeat center top;
	height:433px;
}


#gHeader .inner {
	background:url(../images/header_150610b.png) no-repeat center top;
	height:160px;
}
#gHeader .topchara {
	position:absolute;
	z-index:999;
}

#gHeader .chara01 {
	top:275px;
	left:210px;
}
#gHeader .chara02 {
	top:167px;
	left:85px;
}
#gHeader .chara03 {
	top:116px;
	left:220px;
}
#gHeader .chara04 {
	top:192px;
	right:76px;
}
#gHeader .chara05 {
	top:252px;
	right:240px;
}
#gHeader .chara06 {
	top:105px;
	right:216px;
}


#gHeader .topchara {
	-webkit-animation-name:yurayura;
	animation-name:yurayura;

	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;

	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;

	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}
#gHeader .topchara.chara01 {
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
}
#gHeader .topchara.chara02 {
	-webkit-animation-duration: 3.9s;
	animation-duration: 3.9s;
	-webkit-animation-name:yurayura2;
	animation-name:yurayura2;
}
#gHeader .topchara.chara03 {
	-webkit-animation-duration: 3.3s;
	animation-duration: 3.3s;
}
#gHeader .topchara.chara04 {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;

	-webkit-animation-name:yurayura2;
	animation-name:yurayura2;
}
#gHeader .topchara.chara05 {
	-webkit-animation-duration: 3.2s;
	animation-duration: 3.2s;
}
#gHeader .topchara.chara06 {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
}

/*animation 1*/
@-webkit-keyframes yurayura {
	0% {-webkit-transform: rotate(15deg);}
	50% {-webkit-transform: rotate(-15deg);}
	100% {-webkit-transform: rotate(15deg);}
}
@keyframes yurayura {
	0% {transform: rotate(15deg);}
	50% {transform: rotate(-15deg);}
	100% {transform: rotate(15deg);}
}

/*animation 2*/
@-webkit-keyframes yurayura2 {
	0% {-webkit-transform: rotate(10deg);}
	50% {-webkit-transform: rotate(-10deg);}
	100% {-webkit-transform: rotate(10deg);}
}
@keyframes yurayura2 {
	0% {transform: rotate(10deg);}
	50% {transform: rotate(-10deg);}
	100% {transform: rotate(10deg);}
}

/*特別*/
/*
.special-chara li {
	position:absolute;
	z-index:999;
}
.special-chara li.set01 {
	top:135px;
	left:85px;
}
.special-chara li.set02 {
	top:110px;
	left:255px;
}
.special-chara li.set03 {
	top:240px;
	left:186px;
}
.special-chara li.set04 {
	top:123px;
	left:754px;
}
.special-chara li.set05 {
	top:98px;
	left:922px;
}
.special-chara li.set06 {
	top:238px;
	left:830px;
}
.special-chara li .chara-inner {
	position: relative;
	width: auto;
	height: auto;
}
.special-chara li img {
	position: absolute;
	top: 0;
	left: 0;
}

.star {
	position:absolute;
}
.star.img01 {
	top:100px;
	left: 100px;
}
.star.img02 {
	top:134px;
	left: 0;
}
.star.img03 {
	top:200px;
	left: 10px;
}
.star.img04 {
	top:166px;
	left: 235px;
}
.star.img05 {
	top:325px;
	left: 354px;
}
.star.img06 {
	top:265px;
	left: 1235px;
}
.star.img07 {
	top:282px;
	left: 1035px;
}
.star.img08 {
	top:103px;
	left: 1132px;
}
.star.img09 {
	top:310px;
	left: 770px;
}
.star.img10 {
	top:65px;
	left: 1035px;
}
.star.img11 {
	top:383px;
	left: 404px;
}
.star.img12 {
	top:160px;
	left: 897px;
}
.star.img13 {
	top:105px;
	left: 695px;
}
@-webkit-keyframes pulse {
 from {opacity: 1.0}
 to {opacity: 0.1}
}
@keyframes pulse {
 from {opacity: 1.0}
 to {opacity: 0.1}
}
*/
/*.blinking{
-webkit-animation-name: pulse;
-webkit-animation-duration: 0.9s;
-webkit-animation-iteration-count:infinite;/* infiniteで無限
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;/* 反復
-webkit-animation-delay: 0s; /* 待ち時間
animation-name: pulse;
animation-duration: 0.9s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
animation-direction: alternate;
animation-delay: 0s;
}
.blinking.speed02{
-webkit-animation-duration: 0.7s;
-webkit-animation-delay: 0.5s;
animation-duration: 0.7s;
animation-delay: 0.5s;
}
.blinking.speed03{
-webkit-animation-duration: 0.8s;
-webkit-animation-delay: 0.9s;
animation-duration: 0.8s;
animation-delay: 0.9s;
}
*/


.main-img {
	position:relative;
	margin:63px auto 0;
}
/* movie
.main-img {
	position:relative;
	margin:0 auto 0;
	padding-top: 63px;
	width: 357px;
	height: 231px;
	 background: url(../images/main_s_slide_bg.png) no-repeat 0 44px;
}*/
#gHeader .bx-wrapper {
	width:319px;
}

/* スライド枠位置指定（春）///////////////////////////////////////////////// */
/*
#gHeader .slide-bg01{
	position:absolute;
	top:-51px;
	left:357px;
	z-index:99;
}
#gHeader .slide-bg02{
	margin:0 auto;
	position:absolute;
	bottom:-40px;
	left:357px;
	z-index:99;
}
#gHeader .slide-bg03{
	position:absolute;
	top:5px;
	left:357px;
	z-index:99;
}
#gHeader .slide-bg04{
	position:absolute;
	top:5px;
	right:357px;
	z-index:99;
}*/

/* スライド枠位置指定（夏）///////////////////////////////////////////////// */
#gHeader .slide-bg01{
	position:absolute;
	top:-28px;
	left:415px;
	z-index:99;
}
#gHeader .slide-bg02{
	margin:0 auto;
	position:absolute;
	bottom:-41px;
	left:415px;
	z-index:99;
}
#gHeader .slide-bg03{
	position:absolute;
	top:-28px;
	left:387px;
	z-index:99;
}
#gHeader .slide-bg04{
	position:absolute;
	top:-28px;
	right:387px;
	z-index:99;
}

/*スライド枠位置指定(ニャン)///////////////////////////////////////////////// */
/*#gHeader .slide-bg01{
	position:absolute;
	top:-29px;
	left:415px;
	z-index:99;
}
#gHeader .slide-bg02{
	margin:0 auto;
	position:absolute;
	bottom:-40px;
	left:415px;
	z-index:99;
}
#gHeader .slide-bg03{
	position:absolute;
	top:-29px;
	left:388px;
	z-index:99;
}
#gHeader .slide-bg04{
	position:absolute;
	top:-29px;
	right:388px;
	z-index:99;
}
*/


/* movie//////////////////////////////////////////
#gHeader .slide-bg01{
	position:absolute;
	top:45px;
	left:0;
	z-index:99;
}
#gHeader .slide-bg02{
	position:absolute;
	bottom:38px;
	right:0;
	z-index:99;
}
#gHeader .slide-bg03{
	position:absolute;
	bottom:38px;
	left:0;
	z-index:99;
}
#gHeader .slide-bg04{
	position:absolute;
	bottom:19px;
	right:0;
	z-index:99;
}*/
@media screen and (max-width:640px) {
#gHeader {
	width:100%;
	background:none;
	height:auto;
}
#gHeader .inner {
	background:none;
	height:auto;
	width: auto;
	background-image:url(../common/images/sp_logo.png), url(../common/images/sp_header_bg.png);
	background-size:57px 54px, 10px 54px;
	background-repeat:no-repeat, repeat-x;
	background-position:3px 0, left top;
}
#gHeader .topchara,
.special-chara li,
.star{
	display:none !important;
}
.main-img {
	margin:15px auto 0;
	padding-top: 0;
	width: 100%;
	height: auto;
	background: none;
}
#gHeader .bx-wrapper {
	width:319px;
}
#gHeader .slide-bg01,
#gHeader .slide-bg02,
#gHeader .slide-bg03,
#gHeader .slide-bg04{
	display:none;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -22px;
}
.bx-wrapper {
	margin: 0 auto 25px;
}
}

/* ========================================
	main-contents
======================================== */
#main-contents {
	padding: 0 0 50px;
}

/*予告-----------------------------------------*/
#main-contents .yokoku-box {
	float:right;
	width:260px;
	position:relative;
	margin-top:25px;
}
#main-contents .yokoku-box .fukidashi {
	position:absolute;
	top:24px;
	left:164px;
	z-index:10;
}
#main-contents .yokoku-box .tv-img {
	float:right;
	width: 260px;
	position:relative;
}
#main-contents .yokoku-box .tv-img .yokoku {
	position:absolute;
	top:32px;
	left:22px;
}
#main-contents .yokoku-box .tv-img .yokoku img {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#main-contents .yokoku-box .yokoku-header {
	background:#FFF;
	position:absolute;
	top:-27px;
	left:-17px;
	width:294px;
	border:solid 2px #FFF;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.15);
	box-shadow:1px 1px 2px rgba(0,0,0,0.15);
}
#main-contents .yokoku-box .title {
	text-indent:-9999px;
	background:url(../images/yokoku_ttl.png) #F9889B no-repeat center center;
	width:48px;
	height:48px;
	display:block;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	float:left;
}
#main-contents .yokoku-box ul {
	float:right;
	width:242px;
	font-size:113%;
	line-height:1.8;
	padding-top:4px;
}
#main-contents .yokoku-box ul li a {
	color:#D20639;
	font-weight:bold;
}
@media screen and (max-width:640px) {
#main-contents {
	padding: 0 0 0;
}

#main-contents .yokoku-box {
	float:none;
	width:300px;
	margin:15px auto 0;
	min-height:125px;
}
#main-contents .yokoku-box .fukidashi {
	display:none;
}
#main-contents .yokoku-box .tv-img {
	float:none;
	width: auto;
}
#main-contents .yokoku-box .tv-img .yokoku {
	top:0;
	left:10px;
	height:105px;
}
#main-contents .yokoku-box .tv-img .tv {
	display:none;
}
#main-contents .yokoku-box .yokoku-header {
	background:none;
	top:0;
	left:175px;
	width:auto;
	border:none;
	-moz-border-radius:0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#main-contents .yokoku-box .title {
	text-indent:0;
	color:#FFF;
	font-size:146%;
	font-weight:bold;
	background:#F9889B;
	width:75px;
	padding:3px 0;
	text-align:center;
	height:auto;
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	float:none;
	text-shadow:3px 3px 4px rgba(0,0,0,0.16);
}
#main-contents .yokoku-box ul {
	float:none;
	width:auto;
	padding-top:8px;
}
}


#main-contents .colorbox {
	position:relative;
	height:auto;
}
#main-contents .colorbox.news {
	margin-top:22px;
	width:600px;
	float:left;
}
#main-contents .colorbox.topics {
	margin-top:25px;
	width:100%;
}
#main-contents .colorbox.pickup {
	float:left;
	width:595px;
	margin-top:25px;
}
#main-contents .colorbox .btn {
	position:absolute;
	top:6px;
	right:12px;
}
#main-contents .colorbox .ribbon01 {
	position:absolute;
	bottom:-16px;
	left:-17px;
}
#main-contents .colorbox .ribbon05 {
	position:absolute;
	bottom:-6px;
	right:-6px;
}
#main-contents .colorbox .ribbon02 {
	position:absolute;
	top:-10px;
	right:-26px;
}
#main-contents .colorbox .ribbon03 {
	position:absolute;
	top:-5px;
	right:-4px;
}
#main-contents .colorbox .ribbon04 {
	position:absolute;
	bottom:-21px;
	left:-19px;
}
#main-contents .box-inner {
	background:#FFF;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.39);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.39);
	box-shadow:1px 1px 3px rgba(0,0,0,0.39);

	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#main-contents .colorbox .box-contents {
	padding:16px 30px 24px 12px;
}
#main-contents .colorbox h2 {
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	height:36px;
	background-image:url(../images/ttl_bg.png);
	background-position:left center;
	background-repeat:repeat-x;
}
#main-contents .colorbox.news h2 {
	background-color:#F3940B;
}
#main-contents .colorbox.topics h2 {
	background-color:#A4CE62;
}
#main-contents .colorbox.pickup h2 {
	background-color:#F9889B;
}
#main-contents .colorbox h2 span.title {
	padding:7px 0 0 10px;
	display:block;
	height:23px;
	-moz-border-radius:10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	text-indent:-9999px;
	width:216px;

	background-position:38px 10px,10px 6px;
	background-repeat:no-repeat,no-repeat;
}
#main-contents .colorbox.news h2 span.title {
	background-image:url(../images/news_ttl.png), url(../common/images/ttl_flower_icon.png);
	background-color:#F3940B;
}
#main-contents .colorbox.topics h2 span.title {
	background-image:url(../images/topics_ttl.png), url(../common/images/ttl_flower_icon.png);
	background-color:#A4CE62;
}
#main-contents .colorbox.pickup h2 span.title {
	background-image:url(../images/pickup_ttl.png), url(../common/images/ttl_flower_icon.png);
	background-color:#F9889B;
}

#main-contents .colorbox .box-contents a:hover img,
#main-contents .recommend-box a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


@media screen and (max-width:640px) {
#main-contents .colorbox.news {
	margin-top:15px;
	width:auto;
	float:none;
}
#main-contents .colorbox.topics {
	width:auto;
}
#main-contents .colorbox.pickup {
	float:none;
	width:auto;
}
#main-contents .colorbox .btn {
	display:none;
}
#main-contents .colorbox .ribbon01,
#main-contents .colorbox .ribbon02,
#main-contents .colorbox .ribbon03,
#main-contents .colorbox .ribbon04,
#main-contents .colorbox .ribbon05 {
	display:none;
}

#main-contents .box-inner {
	-moz-border-radius:0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#main-contents .colorbox h2 {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
#main-contents .colorbox h2 span.title {
	text-indent:0;
	color:#FFF;
	font-size:146%;
	font-weight:bold;
	padding-left:40px;
	width:186px;
	text-shadow:3px 3px 4px rgba(0,0,0,0.16);
}
#main-contents .colorbox h2 span.title span {
	font-size:80%;
	font-weight:normal;
	padding-left:8px;
	text-shadow:none;
}
#main-contents .colorbox.news h2 span.title {
	background-image:url(../common/images/spacer.gif), url(../common/images/ttl_flower_icon.png);
}
#main-contents .colorbox.topics h2 span.title {
	background-image:url(../common/images/spacer.gif), url(../common/images/ttl_flower_icon.png);
}
#main-contents .colorbox.pickup h2 span.title {
	background-image:url(../common/images/spacer.gif), url(../common/images/ttl_flower_icon.png);
}


}




/*最新情報----------------------------------------*/
#main-contents .colorbox.news .box-contents {
	padding:14px 12px 20px;
}
#main-contents .colorbox.news dl{
	margin-bottom:10px;
	font-size:131%;
	line-height:1.7;
}
#main-contents .colorbox.news dl dt {
	float:left;
	margin-right:6px;
	width:80px;
}
#main-contents .colorbox.news dl dd img {
	margin-right:5px;
	vertical-align:middle;
}
#main-contents .colorbox.news dl dd {
	float:left;
	width:490px;
}
@media screen and (max-width:640px) {
#main-contents .colorbox.news .box-contents {
	padding:12px 10px;
}
#main-contents .colorbox.news dl{
	margin-bottom:12px;
}
#main-contents .colorbox.news dl dt {
	float:none;
	margin-right:0;
	line-height:1.2;
}
#main-contents .colorbox.news dl dd {
	float:none;
	width:auto;
}
}

/*トピックス------------------------------------------------------*/
#main-contents .colorbox.topics .box-contents {
	padding:16px 12px 20px 12px;
}
#main-contents .colorbox.topics .box-contents ul li {
	float:left;
	width:286px;
	border-right:dashed 1px #CBC2B9;
}
#main-contents .colorbox.topics .box-contents ul li:last-child {
	border-right:none;
}
#main-contents .colorbox.topics .box-contents ul li .photo {
	text-align:center;
}
#main-contents .colorbox.topics .box-contents ul li .text {
	font-size:131%;
	line-height:1.6;
	padding-left:40px;
	width:210px;
	margin-top:10px;
}
#main-contents .colorbox.topics .box-contents ul li a {
	color:#678C00;
}

@media screen and (max-width:640px) {
#main-contents .colorbox.topics .box-contents {
	padding:0 0;
}
#main-contents .colorbox.topics .box-contents ul li {
	float:none;
	width:100%;
	border-right:none;
	border-bottom:dashed 1px #CBC2B9;
	padding:20px 0;
}
#main-contents .colorbox.topics .box-contents ul li:last-child {
	border-bottom:none;
}
#main-contents .colorbox.topics .box-contents ul li .text {
	padding:0 20%;
	width:auto;
	margin-top:10px;
}
}



/*ピックアップ-------------------------------------------------*/
#main-contents .colorbox.pickup .box-contents {
	padding:16px 12px 20px 12px;
}
#main-contents .colorbox.pickup ul li {
	float:left;
	width:280px;
}
#main-contents .colorbox.pickup ul li:last-child {
	float:right;
}
#main-contents .colorbox.pickup ul li a {
	color:#D20639;
	font-weight:bold;
}
#main-contents .colorbox.pickup ul li .photo {
	float:left;
	width:90px;
}
#main-contents .colorbox.pickup ul li .text {
	float:right;
	width:180px;
	font-size:131%;
	line-height:1.7;
}
@media screen and (max-width:640px) {
#main-contents .colorbox.pickup .box-contents {
	padding:12px 10px;
}
#main-contents .colorbox.pickup ul li {
	float:none;
	width:100%;
	margin-bottom:10px;
}
#main-contents .colorbox.pickup ul li:last-child {
	float:none;
}
#main-contents .colorbox.pickup ul li .photo {
	margin-right:10px;
}
#main-contents .colorbox.pickup ul li .text {
	float:left;
}
}

/*オススメ商品-----------------------------------------------------*/
#main-contents .recommend-box {
	float:right;
	margin-top:20px;
	width:278px;
}
#main-contents .recommend-box .recommend-inner {
	padding:0 18px;
	height:176px;
	background:url(../images/reccomend_img.png) no-repeat left top;
}
#main-contents .recommend-box .bx-wrapper {
    margin: 0 auto;
	padding-top:66px;
}
#main-contents .recommend-box li{
}
#main-contents .recommend-box .photo {
	float:left;
	width:90px;
}
#main-contents .recommend-box dl {
	float:right;
	width:146px;
}
#main-contents .recommend-box dl dt {
	font-size:131%;
	line-height:1.6;
}
/*
#main-contents .recommend-box dl dd a {
	color:#ED6610;
	background:url(../common/images/icon_link_or.png) no-repeat 0 0.3em;
	padding-left:16px;
	font-size:131%;
}*/
#main-contents .recommend-box .bx-wrapper .bx-pager {
  padding-top:0;
}
#main-contents .recommend-box .bx-wrapper .bx-pager,
#main-contents .recommend-box .bx-wrapper .bx-controls-auto {
    bottom: -10px;
}

#main-contents .recommend-box .bx-wrapper .bx-pager.bx-default-pager a {
	background: #C69B7D;
}

#main-contents .recommend-box .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main-contents .recommend-box .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ED6610;
}
@media screen and (max-width:640px) {
#main-contents .recommend-box {
	float:none;
	margin:20px auto 0;
}
#main-contents .recommend-box dl dt {
	font-size:123.1%;
	line-height:1.5;
	margin-bottom:0;
}
}

/*バナー------------------------------------------------*/

#main-contents .bnr-wrap {
/*	border:solid 1px #ff0000;*/
	width:300px;
	float:left;
}

#main-contents ul.bnr01 {
	margin:38px 0 0;
}
#main-contents ul.bnr01 li {
	float:left;
	width:212px;
	margin-right:13px;
	margin-bottom:10px;
}
#main-contents ul.bnr01 li:last-child {
	margin-right:0;
}
#main-contents ul.bnr02 li {
	float:left;
	width:80px;
	margin-right:4px;
}

#twitter-area {
/*	border:solid 1px #00ff00;*/
	width:550px;
	float:right;
	margin-top:15px;
	background-image: url(/images/twitter_back01.png);
	background-repeat: none;
	background-position: right top;
	}


@media screen and (max-width:640px) {
#main-contents .bnr-wrap {
	width:100%;
	float:none;
}

#twitter-area {
/*	border:solid 1px #00ff00;*/
	width:100%;
	float:none;
	}



#main-contents .bnr-wrap ul {
	width:auto;
	padding:0 0 0 5%;
}
#main-contents ul.bnr01 li {
	width:140px;
	margin-right:9px;
	margin-bottom:10px;
}
#main-contents ul.bnr01 li img {
	width:100%;
}
}


/*150610*/
#main-contents .special-bnr {
	text-align: center;
	margin: 30px 0 0;
}
#main-contents .special-bnr a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

@media screen and (max-width:640px) {

#main-contents .special-bnr {
	margin: 20px 5% 0;
}
#main-contents .special-bnr img{
	width:100%;
	height: auto;
}
}