@charset "Shift_JIS";

/* 
20150512 kawashima
jQuery auto-openBox—p
 */

body.FixedAutoOpen * {
	z-index : 0!important;
}

#fixedWall {
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	background-color: #000;
	opacity: 0;
	z-index: 100!important;
	cursor : pointer;
/* animation */
	transition-property: opacity;
	-webkit-transition-property:opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
}
#fixedWall + .auto-openBox{
	z-index: 100!important;
}
.auto-openBox {
	display: none;
	opacity : 1;
	position: fixed;
	left: 0;
	right : 0;
	max-width:550px;
	width : 100%;
	max-height:100%;
	margin : auto;
	background: rgba(0, 0, 0, 0.6);
	border: 2px solid #fff;
	box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.5);
	color: #fff;
	overflow: auto;
/* animation */
	transition-property: opacity,top;
	-webkit-transition-property:opacity,top;
	-moz-transition-property: opacity,top;
	-o-transition-property: opacity,top;
	-ms-transition-property: opacity,top;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
}
.auto-openBox > div.innerwrap {
	position : relative;
	overflow: hidden;
	padding : 30px 20px;
}
.auto-openBox > div.innerwrap > a.auto-openBox_close {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	transition-property: background-color;
	-webkit-transition-property:background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-ms-transition-property: background-color;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
}
.auto-openBox > div.innerwrap > a.auto-openBox_close::before {
	content: "";
	display: block;
	border-left: 4px solid #fff;
	width: 25px;
	height: 25px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 13px;
	right: -6px;
	position: absolute;
}
.auto-openBox > div.innerwrap > a.auto-openBox_close::after {
	content: "";
	display: block;
	border-left: 4px solid #fff;
	width: 25px;
	height: 25px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	top: -5px;
	right: -6px;
	position: absolute;
}
.auto-openBox > div.innerwrap > a.auto-openBox_close:hover{
	background-color:rgba(255,255,255,0.5);
}

.auto-openBox .btn_type_4 {
	clear: both;
	/*line-height            : 40px;*/
	border: 1px solid #fff;
	margin-bottom: 10px;
}
.auto-openBox a {
	color: yellow;
}