@charset "UTF-8";

/* ==================================================================================

Bunka Fashion College
Version: June 2012 SmartPhone ver.1.0

================================================================================== */
html, body{
	background:none !important;
	background-image: none !important;
	background-color: white;
}

/************************** display-none */
div#h-navi-box, 
#header #g-navi,
#header #g-navi2,/* 追加 */
#h-navi-wrap,/* 追加 */
#m-sitemap,/* 追加 */
#header-bottom,/* 追加 */
#header-top .search,/* 追加 */
#logo-wrap p,/* 追加 */
#header-box,/* 追加 */
div#contents-news-rightbox, 
#pankuzu, 
ul#wfix-navi, 
#footer ul,
#contact, /* 追加 */
#wfix-navi,/* 追加 */
#footer-top /* 追加 */
{display: none !important;}




/************************** head-part */


#wrapper{
	width: 95%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header {
	padding: 15px 0 5px 0 !important;
}

#header #logo {
	float: none !important;
	text-align: right;
}

#header #logo img {
	width: 90.3px;
	height: 21px;
}

#news-header p#title {
	position: absolute !important;
	top: 9px;
}

#news-header p#title img {
	width: 80px;
	height: 21px;
}




/************************** navi-part */

#news-header{
	margin-top: 0px;
	margin-bottom: 20px;
}
#news-header p#title{
	width:100%;
	padding-bottom:4px;
	border-bottom:2px solid #000;
	height:24px;
	/*background: url(/common/img/img_logo.gif) no-repeat top right;
	-moz-background-size:auto 95%;
	background-size:auto 95%;*/
}
#news-header ul {
	float: none;
	padding: 4px;
	background: url(../img/img_bg_check-grey.gif) repeat top left;
}

#news-header ul#pc-navi{
	display:none;
}

#news-header ul#sm-navi{
	display:block;
	float: left !important;
	width: 98%;
	margin-top:60px;
}

#news-header li {
	float: left;
	margin-right: 1px;
	background: #fff;
	
}

#news-header ul#sm-navi li{
	font-weight: bold;
	padding: 0.84em 0;
	font-size: 8px;
	text-align: center;
	height: 1.3em;
}


#news-header li.contest, #news-header ul#sm-navi li.contest-on{
	margin-right: 0;
}


/* navi-width */
#news-header ul#sm-navi li.toplist, #news-header ul#sm-navi li.toplist-on{width: 16%}
#news-header ul#sm-navi li.event, #news-header ul#sm-navi li.event-on{width: 15%}
#news-header ul#sm-navi li.campas, #news-header ul#sm-navi li.campas-on{width: 26.4%;}
#news-header ul#sm-navi li.collaboration, #news-header ul#sm-navi li.collaboration-on{width: 25%}
#news-header ul#sm-navi li.contest, #news-header ul#sm-navi li.contest-on{width: 17%}


/* navi-color */
#news-header ul#sm-navi li.toplist a{color: #888888; background: #FFF;}
#news-header ul#sm-navi li.toplist-on a{color: #FFF; background: #888888;}
#news-header ul#sm-navi li.toplist-on{background: #888888;}

#news-header ul#sm-navi li.event a{color: #61bbb6; background: #FFF;}
#news-header ul#sm-navi li.event-on a{color: #FFF; background: #61bbb6;}
#news-header ul#sm-navi li.event-on{background: #61bbb6;}

#news-header ul#sm-navi li.campas a{color: #2f8b3b;	background: #FFF; position:relative; top: -0.5em;}
#news-header ul#sm-navi li.campas-on a{color: #FFF;	background: #2f8b3b; position:relative; top: -0.5em;}
#news-header ul#sm-navi li.campas-on{background: #2f8b3b;}

#news-header ul#sm-navi li.collaboration a{color: #ad293d; background: #FFF;}
#news-header ul#sm-navi li.collaboration-on a{color: #FFF; background: #ad293d;}
#news-header ul#sm-navi li.collaboration-on{background: #ad293d;}

#news-header ul#sm-navi li.contest a{color: #6d4d7b; background: #FFF;}
#news-header ul#sm-navi li.contest-on a{color: #FFF; background: #6d4d7b;}
#news-header ul#sm-navi li.contest-on{background: #6d4d7b;}




/************************** Single Page */

div#contents-news-leftbox {
	clear: both;
	width: 100%;
	margin: 0 auto; 
}

div#contents p {
	font-size: 108%;
	line-height: 1.6em;
	margin-bottom: 1.8em;
	letter-spacing: 0em;
}

div#entry-box p img{
	height:auto;
	width: 100%;
	}
	
	
	
/************************** News Category List */

#news-index {
	width: 100% !important;
}

#news-index div.category-box{
	width: 100% !important;
}

#news-index h1 {
	margin-bottom: 20px;
}

#news-index li.thumb {
	float: left;
	width: 18%;
	height: 61px;
	text-align: left;
	margin-right: 17px;
}

#news-index div.category-box li.text {
	float: left;
	width: 76%;
	padding-bottom: 25px;
}

#news-index h2 {
	font-size: 108%;
	line-height: 1.2;
	margin-bottom: 7px;
}

#news-index p.extract {
	font-size: 93%;
	margin-top: 5px;
	line-height: 1.4;
	letter-spacing: -0.15ex;
}

#page-navi p {
	font-size: 93%;
}

#page-navi p a {
	padding-left: 5px;
}




/************************** News Top List */

#news-index div.left-box{
	float: none;
	width: 100%;
	padding-bottom: 40px;
}

#news-index div.right-box {
	float: none;
	width: 100%;
	padding-bottom: 40px;
}

#news-index div.ma-none {
	padding-bottom: 40px !important;
}

#news-index div.ma-none:last-child {
	padding-bottom: 0px !important;
}

#news-index li.text {
	float: left;
	width: 76%;
	padding-bottom: 25px;
}


#footer #footer-bottom-inner {
padding:30px 0 2px 0;
width: 100%;
margin: 0 auto;
}
#footer address {
float:none;
width: 100%;
text-align:center;
}
#header-box {
	position: relative;
	width: 100%;
}
#header-top {
	position: absolute;
	margin-bottom: 0px;
	width: 100%;
}
#header-top #logo {
	display: block;
	vertical-align: middle;
	padding-right: 0;
	position: absolute;
	right:0;
	height:0;
}
.sm-only{
	display: block;
}
.sm-logo{
	float:right;
	display: block;
}