@charset "UTF-8";

/*** リセットCSS ***/
div[id^="x-banner-outer-"],
div[id^="x-banner-outer-"] > a.x-banner-image,
div[id^="x-banner-outer-"] > a.x-banner-image > img,
div[id^="x-banner-outer-"] > a.x-banner-text,
div[id^="x-banner-outer-"] > img[id^="x-banner-close-"],
div[id^="x-banner-outer-"] > img[id^="x-banner-shrink-"],
div[id^="x-banner-outer-"] *,
a#x-banner-shrinked {
	/* layout */
	position: static !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	max-height: none !important;
	min-height: 0 !important;
	line-height: 1 !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	/* appearance */
	background: none !important;
	outline: 0 !important;
	opacity: 1 !important;
	border: 0 !important;
	border-radius: 0 !important;
	/* transform */
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	     -o-transition: none !important;
	    -ms-transition: none !important;
	        transition: none !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	     -o-box-shadow: none !important;
	    -ms-box-shadow: none !important;
	        box-shadow: none !important;
	-webkit-animation: none !important;
	   -moz-animation: none !important;
	     -o-animation: none !important;
	    -ms-animation: none !important;
	        animation: none !important;
	-webkit-animation-name: none !important;
	   -moz-animation-name: none !important;
	     -o-animation-name: none !important;
	    -ms-animation-name: none !important;
	        animation-name: none !important;
	-webkit-animation-duration: 0 !important;
	   -moz-animation-duration: 0 !important;
	     -o-animation-duration: 0 !important;
	    -ms-animation-duration: 0 !important;
	        animation-duration: 0 !important;
	/* font */
	font-size: 100% !important;
	font-weight: normal !important;
	color: black !important;
	vertical-align: baseline !important;
	text-align: start !important;
	text-indent: 0!important;
	quotes: none !important;
	-webkit-text-size-adjust: 100% !important;
	    -ms-text-size-adjust: 100% !important;
}
div[id^="x-banner-outer-"]:focus,
div[id^="x-banner-outer-"] *:focus,
div[id^="x-banner-outer-"]:active,
div[id^="x-banner-outer-"] *:active,
div[id^="x-banner-outer-"]:hover,
div[id^="x-banner-outer-"] *:hover {
	outline-width: 0 !important;
	outline: 0 !important;
}
div[id^="x-banner-outer-"]::after,
div[id^="x-banner-outer-"]::before,
div[id^="x-banner-outer-"] *::after,
div[id^="x-banner-outer-"] *::before {
	content: none !important;
}
/*** リセットCSS ***/

/*** 通常設定用 ***/
div[id^="x-banner-outer-"] {
	position: static !important;
	top: 0 !important;
	left: 0 !important;
	overflow: hidden !important;
	will-change: transform , top , left , right , bottom , opacity !important;
	-webkit-transition: -webkit-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s !important;
	   -moz-transition: -moz-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s !important;
	    -ms-transition: -ms-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s !important;
	     -o-transition: -o-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s !important;
	        transition: transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s !important;
}
div[id^="x-banner-outer-"].x-banner-static {
	position: static !important;
}
div[id^="x-banner-outer-"].x-banner-fixed,
div[id^="x-banner-outer-"].x-banner-absolute {
	z-index: 90000000 !important;
}
div[id^="x-banner-outer-"].x-banner-absolute {
	position: absolute !important;
}
div[id^="x-banner-outer-"].x-banner-fixed {
	position: fixed !important;
}

div[id^="x-banner-outer-"].x-banner-embedded {
    position: relative !important;
    z-index: 89999999 !important;/*20170621 埋め込みバナーが固定|追従バナーの上に重なって表示される問題対応*/
}
/*** バナー表示位置 ***/
div[id^="x-banner-outer-"].x-banner-horizontal-left {
	left: 0 !important;
	right: auto !important;
}
div[id^="x-banner-outer-"].x-banner-horizontal-center {
	left: 50% !important;
	right: auto !important;
}
div[id^="x-banner-outer-"].x-banner-horizontal-right {
	left: auto !important;
	right: 0 !important;
}
div[id^="x-banner-outer-"].x-banner-vertical-top {
	top: 0 !important;
	bottom: auto !important;
}
div[id^="x-banner-outer-"].x-banner-vertical-middle {
	top: 50% !important;
	bottom: auto !important;
}
div[id^="x-banner-outer-"].x-banner-vertical-bottom {
	top: auto !important;
	bottom: 0 !important;
}
div[id^="x-banner-outer-"].transition-2s{
	transition:all 2s !important;
}

/*** バナー非表示 ***/
div[id^="x-banner-outer-"].x-banner-hidden {
	visibility: hidden !important;
	-webkit-transition: -webkit-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s, visibility 0s .4s !important;
	   -moz-transition: -moz-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s, visibility 0s .4s !important;
	     -o-transition: -o-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s, visibility 0s .4s !important;
	    -ms-transition: -ms-transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s, visibility 0s .4s !important;
	        transition: transform .3s, top .3s, left .3s, right .3s, bottom .3s, opacity .4s, visibility 0s .4s !important;
	-webkit-transform: translate(100%, 100%) translate3d(100%, 100%, 0) !important;
	   -moz-transform: translate(100%, 100%) translate3d(100%, 100%, 0) !important;
	     -o-transform: translate(100%, 100%) translate3d(100%, 100%, 0) !important;
	    -ms-transform: translate(100%, 100%) translate3d(100%, 100%, 0) !important;
	        transform: translate(100%, 100%) translate3d(100%, 100%, 0) !important;
	opacity: 0 !important;
}
div[id^="x-banner-outer-"].x-banner-hidden.x-banner-hidden-none-animation {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	     -o-transition: none !important;
	    -ms-transition: none !important;
	        transition: none !important;
}
div[id^="x-banner-outer-"] > a.x-banner-image,
div[id^="x-banner-outer-"] > a.x-banner-text,
div[id^="x-banner-outer-"] > img[id^="x-banner-close-"],
div[id^="x-banner-outer-"] > img[id^="x-banner-shrink-"] {
	position: absolute !important;
}
div[id^="x-banner-outer-"] > a.x-banner-image,
div[id^="x-banner-outer-"] > a.x-banner-text {
	display: block !important;
	outline: none !important;
	text-decoration: none !important;
}
div[id^="x-banner-outer-"] > a.x-banner-image {
	z-index: 90000010 !important;
}
div[id^="x-banner-outer-"] > a.x-banner-image > img {
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
}
div[id^="x-banner-outer-"] > a.x-banner-text {
	z-index: 90001000 !important;
	font-family: メイリオ, Meiryo, 'AHelvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese', '游ゴシック Medium', 'Yu Gothic Medium', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif !important;
}
div[id^="x-banner-outer-"] > img[id^="x-banner-close-"],
div[id^="x-banner-outer-"] > img[id^="x-banner-shrink-"] {
	opacity: 1;
	cursor: pointer !important;
}
div[id^="x-banner-outer-"] > img[id^="x-banner-close-"] {
	z-index: 90010000 !important;
}
div[id^="x-banner-outer-"] > img[id^="x-banner-shrink-"] {
	z-index: 90020000 !important;
}
div[id^="x-banner-outer-"] > img[id^="x-banner-close-"]:hover,
div[id^="x-banner-outer-"] > img[id^="x-banner-shrink-"]:hover {
	opacity: 0.8 !important;
}
a#x-banner-shrinked {
	display: none !important;
	text-decoration: none !important;
	position: fixed !important;
	width: 30px !important;
	height: 30px !important;
	opacity: 0.5 !important;
	background-image: url(../images/shrink/expand.png) !important;
	background-color: black !important;
	right: 0 !important;
	bottom: 0 !important;
	cursor: pointer !important;
}
a#x-banner-shrinked.x-banner-shrink-show {
	z-index: 91000000 !important;
	display: block !important;
}