@charset "UTF-8";
/* CSS Document */
#main img{
	width: 100%;
	height: auto;
}
/*-----------------------------

top

----------------------------*/
#home{
	background: url(../img/bg.jpg);
}
#home #visual{
	margin-bottom: 5%;
	background: #FFF;
}
#home #mainImg{
	margin-bottom: 5%;
}
#home .billing{
	margin-bottom: 5%;
}
#home .day{
	margin-bottom: 5%;
}

#home #snsBox{
	margin: 30px auto 15px auto;
	text-align: center;
	position: relative;
}	
#home #snsBox li{
	display: inline-block;
	margin-left: 5px;
	position: relative;
}
#home .fb-like{
	position: relative !important;
	top:-7px;
}

#home #contents {
	padding: 5%;
	background: #f3f3f3;
}
#home #award{
	margin-bottom: 5%;
}
#home .btnWrap li{
	margin-bottom: 2%;
	background: #b52129;
}
#home .btnWrap li img{
	vertical-align: middle;
}
#home .btnWrap li a{
	display: block;
	text-align: center;
	padding: 5%;
}
#home .btnWrap li a span{
	display: block;
	background: url(../../img/nav_ic.png) no-repeat right;
}
#home #snsLink{
	display: table;
	width: 100%;
}
#home #snsLink li{
	display: table-cell;
	table-layout: fixed;
}
/*#home .btnWrap #snsLink li:first-child a{
	box-sizing: border-box;
	margin-right: 1%;
}
#home .btnWrap #snsLink li:last-child a{
	box-sizing: border-box;
	margin-left: 1%;
}*/
#home .btnWrap #snsLink li a span{
	background: none;
	padding: 5% 0;
}
#home #snsLink li:first-child{
	border-right: 1px solid #FFF;
	box-sizing: border-box;
}
#home #snsLink li:last-child{
	border-left: 1px solid #FFF;
	box-sizing: border-box;
}
#home #linkArea{
	text-align: center;
	margin: 0 auto;
}
#home #linkArea ul{
	overflow: hidden;
	text-align: center;
}
#home #linkArea ul li{
	display: inline-block;
}
#home #linkArea ul li a{
	color: #454545;
}
#home #linkArea ul li:first-child{
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #454545;
}
#home #snsArea{
	margin-bottom: 5%;
}
#home .link_wb{
	width: 28%;
	margin-left: 5%;
}
#home .link_wb img{
	vertical-align: text-top;
}


/*------------------------------
trailer
------------------------------*/
/*#mov{
	overflow: hidden;
	margin: 0 0 30px 0;
	border: 1px solid #e9536b;
}
#mov .mvWrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#mov .mvWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	background: #000000;
}

/*#mov .btnMov {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #d58f32;
	border-top: 1px solid #FFF;
}
#mov .btnMov li {
	display: table-cell;
	box-sizing: border-box;
}
#mov .btnMov li:first-child {
	border-right: 1px solid #FFF;
}
#mov .btnMov li a {
	display: block;
	padding:10px 0;
	background: #FFF;
	color: #9b592c;
	text-align: center;
	text-decoration: none;
}
#mov .btnMov li a.active {
	background: #9b592c;
	color: #FFF;
}*/

/*-----------------------
introstory
----------------------*/
.sub #hdArea{
	background:#f3f3f3;
	padding: 5%
}
.sub  #contents{
	position: relative;
	color: #3c3c3c;
}
.sub #conBoxArea{
	background: #FFF;
	padding: 10% 5%;
	position: relative;
}
.sub .conBox{
	margin-bottom: 10%;
}
#introstory .conTtl{
	margin-bottom: 5%;
}
#introstory .conTtl_s{
	margin-bottom: 5%;
}
/*#introstory #homeLink a{
	color: #b52129;
}*/
.sub #homeLink a{
    font-size: 1.4rem;
    line-height: 1.7;
	color: #b52129;
	text-decoration: none;
}
.sub .pageTop{
	opacity:0;
	position: fixed;
	right: 5%;
	bottom: 10px;
	transition: all .20s ease-out;
}
.sub .pageTop.fade{
	opacity:1;
	transition: all .20s ease-out;
}
.sub #hdArea{
	overflow: hidden;
}
.sub #hdArea #hdLogo{
	width: 33.33%;
	float: left;
}
.sub #hdArea .hdDay{
	width: 27.33%;
	float: right;
}

/*-----------------
award
-----------------*/
#awardPage .cboxCon{
	padding: 0 40px 40px 0;
}
#awardPage .comBox{
	margin-bottom: 30px;
}
#awardPage .comName{
	margin-bottom: 10px;
	font-size: 2rem;
    line-height: 1.7;
    color: #ae0d15;
}
#awardPage .comTxt{
    font-size: 1.4rem;
    line-height: 1.7;
}


.award-image{
    margin-top: 20px;
}

.award-cap{
    margin-top: 10px;
    font-size:1.2rem;
	line-height: 1.7;
}