@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：BOOWY HUNT
作成日：2015.10.21
修正日：2015.10.21
ガイドライン：Ver.02
------------------------------*/

/* ------------------------------------
 * HEADER
 * ------------------------------------ */

#home_head {
	background: url(../img/home/boowy_web_ad-v2.jpg) no-repeat center 1em;
	background-size: 27%;
}

header {
	padding-top:46.6%;
}

header h1 {
	background:none;
	text-indent:0;
	height: auto;
	text-align:center;
}

header h1 img {
	max-width:100%;
	width: auto !important;
	width:100%;
}

header nav li.menuBtn a {
	background: url(../img/parts/btnMenu.png) no-repeat center center;
	background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-background-size: 50px 50px;
}

 
/* ------------------------------------
 * FREE/MEMBER NAVIGATION
 * ------------------------------------ */

#freeNav,
#memberNav {
	margin: 0 2% 1em;
}

#freeNav li {
	display: inline;
	float: left;
	width: 50%;
	padding: 1% 0;
}
#freeNav li a,
#memberNav li.mypage a  {
	display: block;
	width:94%;
	margin:0 auto 6%;
	padding:0.5em 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #2f2d2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f2d2f 0%, #2f2d2f 50%, #252525 51%, #252525 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2d2f), color-stop(50%,#2f2d2f), color-stop(51%,#252525), color-stop(100%,#252525)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2d2f', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:inset 0 2px 0 0 #525052;
	box-shadow:inset 0 2px 0 0 #525052;
	font-size:123%;
	color:#fff;
}

@media (min-width: 768px) {
#freeNav li a,
#memberNav li.mypage a {
	font-size: 150%;
}
}

#memberNav li.mypage {
	padding: 1% 0;
}

#memberNav li.mypage a {
	margin:0 auto 1%;
}

#memberNav p {
	font-size:83%;
}

#memberNav .memberLink {
	margin-top: -1em;
}

#memberNav .memberLink li:last-child a {
	margin-bottom: 2em;
}


/* ------------------------------------
 * ARTICLE
 * ------------------------------------ */
 
article {
	padding: 0 3%;
}

#freeNav + article {
	margin-top: 2em;
}
article h2,
nav h2 {
	overflow: hidden;
	width: 100%;
	height: 50px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 375px 46px;
	-webkit-background-size: 375px 46px;
	-moz-background-size: 375px 46px;
	border:none;
	background-color:inherit;
	text-align:center;
	text-indent:-9999px;
}

/* ------------------------------------
 * SLIDER
 * ------------------------------------ */

#slideBnr {
	width:90%;
	margin:0 auto;
}

/* ------------------------------------
 * INFORMATION
 * ------------------------------------ */

nav.infoArea {
	margin:0 2% 2em;
}

nav.infoArea a {
	text-align: center;
}

nav.infoArea .about a {
	width:90%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	height: 0;
	margin: 0 auto;
	padding-top: 23.37%;
	background: url(../img/home/btn_about.jpg) no-repeat left top;
	background-size: contain;
	line-height: 0;
}

nav.infoArea .notice a {
	width:90%;
	display: block;
	margin: 0 auto 1em;
	padding: 2%;
	border: dotted 1px #505050;
	font-size:83%;
	color:#fff;
}
@media (min-width: 768px) {
nav.infoArea .notice a {
	font-size: 122%;
}
}

@media screen and (max-width:767px){
	#home_head {
		background: url(../img/home/bg_header2603jhkhlefwa.jpg) no-repeat center 50px;
		background-size: 95%;
	}

	#index header{
		padding-top:144%;
	}
}


/* ------------------------------------
 * WHAT'S NEW
 * ------------------------------------ */

#whatsnew {
	margin:0 2% 2em;
	padding:0;
	background-color:#292929;
	border: solid 1px #505050;
}

#whatsnew h2 {
	height:40px;
	background-image: url(../img/home/title_whatsnew.png);
}

#whatsnew ul {
	margin:0 8px 8px;
}

#whatsnew ul a span {
	text-decoration:underline;
}

#whatsnew ul li:last-child a {
	border-bottom:none;
}

/* ------------------------------------
 * HOME INTERVIEW
 * ------------------------------------ */

#homeInterview {
	margin-bottom:2em;
}

#homeInterview h2 {
	background-image: url(../img/home/title_interview.png);
}

#homeInterview .box {
	margin:0 2%;
	padding:8px 8px 0;
	background-color:#292929;
	border: solid 1px #505050;
}

#homeInterview .interviewList a {
	display:block;
	margin-bottom:8px;
	zoom:1;
	overflow:hidden;
	color:#fff;
}

#homeInterview .interviewList .thumb {
	float:left;
	width:60%;
}

#homeInterview .interviewList .thumb img {
	width:100%;
}

#homeInterview .interviewList .text {
	padding-left:62%;
	font-size:83%;
}

#homeInterview .interviewList .text time {
	font-size:140%;
	color:#ee0100;	
}

/* ------------------------------------
 * HOME MENU
 * ------------------------------------ */

#homeMenu {
	margin-bottom:1em;
	padding-left:1%;
}

#homeMenu li {
	display: inline;
	float: left;
	width: 33%;
	padding: 0;
	text-align: center;
}

#homeMenu li a {
	display: block;
	width:94%;
	margin:0 auto 6%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #2f2d2f; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f2d2f 0%, #2f2d2f 50%, #252525 51%, #252525 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2d2f), color-stop(50%,#2f2d2f), color-stop(51%,#252525), color-stop(100%,#252525)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2f2d2f 0%,#2f2d2f 50%,#252525 51%,#252525 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2d2f', endColorstr='#252525',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:inset 0 2px 0 0 #525052;
	box-shadow:inset 0 2px 0 0 #525052;
}

#homeMenu li a img {
	max-width: 100%;
}


/* ------------------------------------
 * SUPPORT
 * ------------------------------------ */


#support {
	border-bottom: solid 1px #2c2c2c;
}

#support h2 {
	background-image: url(../img/home/title_support.png);
}

#support li {
	display: inline;
	float: left;
	width: 50%;
}

#support li a {
	display: block;
	padding: 0.6em 0;
	border-top: solid 1px #2c2c2c;
	color: #7c7d7f;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 83%;
}
#support li:nth-child(odd) a {
	border-right: solid 1px #2c2c2c;
}

@media (min-width: 768px) {
#support li a {
	font-size: 93%;
}
}

/*1行目100%の場合適用*/
#support .supportNav li:first-child {
	width:100%;
}
#support .supportNav li:nth-child(odd) a {
	border-right: none;
}
#support .supportNav li:nth-child(even) a {
	border-right: solid 1px #2c2c2c;
}



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

footer #footNav {
	display: none;
}

/* ------------------------------------
 * clearfix
 * ------------------------------------ */

#freeNav ul:after,
#homeInterview .interviewList a:after,
#homeMenu ul:after,
nav#support ul:after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
    visibility: hidden;
}