@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height: 22px;
	color:#FFF;
	background-color:#000;
	-webkit-text-size-adjust:100％;
	}
	
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
.imgHover:hover {
	transition: .75s;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
.orange {
	color:#fccf00;
	}
.ul01 li {
    display: inline-block;
    margin: 0px 16px 25px 0px;
	text-align: center;
}
.ul01 {
    overflow: hidden;
    margin: 0px 0px -25px 0px;
}

.ul02 li {
    display: inline-block;
    margin: 0px 5px 10px 0px;
}
.ul02 {
    overflow: hidden;
}


.mB20 {
	margin-top: 50px !important;
    margin-bottom: 20px !important;
}

.mB10 {
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mB50 {
    margin-bottom: 50px !important;
}

.mB100 {
    margin-bottom: 100px !important;
}

.photo{
	text-align: center;
}
ol, ul {
    list-style: none;
}

/* Header
------------------------------------------------- */
#cover{
	background-image:url(/img/coolaction/ca_bg.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	}
@media screen and (max-width: 375px) {
	#cover{
	margin-top:40px;

	}
	}
#header{
	}
#headerWrap{
	padding:20px 0px 0px;
	width:1000px;
	margin:0 auto;
	}
	#headerWrap #logo{
		text-align:right;
		/*margin-bottom:20px;*/
		}
@media screen and (max-width: 375px) {
	
	#headerWrap #logo{
		margin-top:-20px;
		}
	}
	#headerWrap #keyImg{
		text-align:center;
		margin-bottom:100px;
		}
	#headerWrap h1{
		margin-top:420px;
		margin-bottom:150px;
		text-align:center;
		}

@media screen and (max-width: 768px) {
		#cover{
		background-position: 0px 70px;
		background-image:url(/img/coolaction/ca_bg_sp.jpg);
		background-size:contain;
		background-repeat:no-repeat;

		}
		#headerWrap h1{
		margin-top:240px;
		margin-bottom:50px;
		text-align:center;
		}
	}
@media screen and (max-width: 600px) {
	
		.ul02 li img{
			max
		}

	}
	#headerWrap p{
		line-height:240%;
		text-align:center;
		margin-bottom:120px;
		}
@media screen and (max-width: 768px) {
#headerWrap{
	width:90%;
	}
#headerWrap{
	padding:10px 0px 0px;
	}
	#headerWrap #keyImg img{
		max-width:90% !important;
		}
	#headerWrap h1 img{
		}
}

/* ---------------------------------------
	Container Area
-----------------------------------------*/
#container{}
#containerWrap{
	width: 1000px;
	margin: 0px auto;
	}
.desc {
	text-align:justify;
	padding:2em 3em 1em 3em;
	line-height:2em;
	}
.desc01 {
	text-align:justify;
	padding:2em 3em 1em 3em;
	font-size: 1.2em;
	font-weight: bold;
	line-height:2em;
	}


.mod {
	margin:10px 0 5px 0;
	}
table {
	width:100%;
	border-collapse:collapse;
	font-size:0.88em;
	}
.tbl {
	font-size:0.86em;
	margin-top:5px;
	margin-bottom:40px;
	}
.tbl2 {
	font-size:0.86em;
	margin-top:5px;
	margin-bottom:10px;
	}
th, td {
	border-left:solid thin #FFF;
	border-right:solid thin #FFF;
	padding:0.86em 0.86em;
	}
.tone {
	background-color:#333;
	}
.cent {
	text-align:center;
	}	
.button {
	text-align:center;
	margin-bottom:50px;
	}
@media screen and (max-width: 768px) {
#containerWrap{
	width:90%;
	}
	#containerWrap img{
		max-width:100% !important;
		}
	.desc01 {
	text-align:justify;
	padding:2em 0.5em 1em 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	line-height:2em;
	}

}
@media screen and (max-width: 600px) {
.desc {
	padding:2em 0 1em 0;
	font-size:0.86em;
	}
table {
	font-size:0.72em;
	line-height:1.5em;
	}
.tbl {
	font-size:0.72em;
	line-height:1.5em;
	}
.tbl2 {
	font-size:0.72em;
	line-height:1.5em;
	}
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(560 / 1000 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------------------------------
	Footer Area
-----------------------------------------*/
#footer { background: linear-gradient(#464646, #151515); }
#footerWrap{
	width:1000px;
	height:90px;
	position:relative;
	margin:0px auto;
	text-align:right;
	padding-top:10px;
	}
@media screen and (max-width: 768px) {
	#footerWrap{
		width:90%;
		text-align:center;
		}