@charset "UTF-8";



/*----------------------------------------------------
	☆for SP
----------------------------------------------------*/


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

.spDisp{ display: block!important;}
.spHide{ display: none!important;}
.spImg{ max-width: 100%;}

br.clear_noie.spHide,
div.clear_noie.spHide{
	 display: none!important;
}

.outline {
	text-shadow: -1px -1px #FFF,1px -1px #FFF,-1px 1px #FFF,1px 1px #FFF;
 /* for IE */
 	filter:dropshadow(color=#FFFFFF,offX= 0,offY=-1)
    dropshadow(color=#FFFFFF,offX= 1,offY= 0)
    dropshadow(color=#FFFFFF,offX= 0,offY= 1)
    dropshadow(color=#FFFFFF,offX=-1,offY= 0);
}

#topcontrol{
	display:none;
}

#topcontrol a{
	height: 40px;
	width: 40px;
}

#contents {
	padding-top: 40px;
}

#contents section{
	margin-bottom: 50px;
}


/*----------------------------------------------------
	☆float
----------------------------------------------------*/

.fltL, .fltR{
	float: none;
}

.fltImgL,
.fltImgR {
	float:none;
	margin:0;
	text-align: center;
}

.fltImgL img,
.fltImgR img{
	max-width: 100%;
	margin-bottom: 5px;
}

/*----------------------------------------------------
	☆Form
----------------------------------------------------*/

p.subscribeBtn input{
	padding:15px 0 13px;
	margin-top: 5px;
	width: 100%;
}


input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wSS { width: 30%;}
.wS { width: 50%;}
.wM { width: 100%;}
.wL { width: 100%;}
.wLL { width: 100%;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 200px;
	width: 100%;
}

select.timearea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;

}
option {
	font-size:14px!important;
}

label {
	cursor: pointer;
}

label:hover {
	color:#999;
}

input[type="checkbox"], input[type="radio"] {
	margin-right:3px;
}

.formErr {
	color:#E54E52;
	font-weight:bold;
}

input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}


#contents .redHissu {
	background-color:#FF2323;
	color:#FFF;
	font-size:10px;
	line-height:100%;
	margin-left:3px;
	padding:2px 5px;
	margin-right: 5px;
	vertical-align:middle;
}

br {
	display: none;
}

br.sp {
	display: block;
}

br.all {
	display: block;
}

.big {
    font-size: 130%;
}



/*----------------------------------------------------
	☆Header
----------------------------------------------------*/

#header, #gNav{
	display: none;
}

#spHeader{
	background-color: #fff;
	display: block;
	width: 100%;
	position: fixed;
	z-index: 999999999999999;
	height: 60px;
}

#spHeader .logo{
	width: 150px;
	float:left;
}

#spHeader .logo img{
	width:100%;
	padding:8% 5% 7%;
}
#spHeader .spMenu{
    padding:20px 20px 10px;
    background-color: #009c8f;
    float: right;
    height: 100%;
	text-align: center;
}
#spHeader .spMenu img{
    width: 20px;
}

.fixed{
	position:fixed;
}


/*-- SPNAV --*/

#spNav{
	background:#fff;
}

#spNav .closeBtn{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
}

#spNav .closeBtn i{
	color: #FFF;
	cursor: pointer;
	font-size: 3.8rem;}

#spNav nav ul li{
	border-bottom: 1px dotted #ccc;
}

#spNav nav ul li a{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	display: block;
	padding: 20px 15px;
	background: url(../../img/arrow.png) 210px center no-repeat;
}

#spNav nav .new{
	color: #ee5a64;
	margin-left: 10px;
}
.js-close-any-slidebar[style]:before {
width: 100%;
height: 100%;
text-align: center;
position: fixed;
top: 0;
z-index: 100;
background: rgba(0,0,0,0.5);
content:"";
display:block
}

	

/*----------------------------------------------------
	☆BREADCHUMBS
----------------------------------------------------*/

#breadChumbs {
	display: none;
}	
	



/*----------------------------------------------------
	☆CONTENTS
----------------------------------------------------*/

#contents {
    width: 100%;
    padding: 0;
}





/*----------------------------------------------------
	☆FOOTER
----------------------------------------------------*/

#footer {
	margin-top: 0;
	width:100%;
}

#footer div.ftInr {
	margin:0 5%;
	width:auto;
}


/*-- COPYRIGHT --*/

small#copyright {
	background-color:#f2f7f6;
	color:#009c8f;
	display:block;
	font-size:1.0rem!important;
	padding:10px 0;
	text-align:center;
	width:100%;
}





/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/

.bscBtn01 a {
	padding: 20px 5%;
	text-align: center;
	width: 100%;
}





/*----------------------------------------------------
	☆Table
----------------------------------------------------*/

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td,
#contents table.bscTbl01 th,
#contents table.bscTbl01 td {
	display: block;
	font-size: 1.1rem;
	padding:10px 3%;
	width: 100%!important;
}

	
}
/**/