@charset "utf-8";

/* ****************************************************
Title: base.css
Created: 2010-10-15
Last Modified: 2010-10-16
Editor(s): Kenta Uota - liberal design
Last Editor: Kenta Uota - liberal design
***************************************************** */


/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# nav
# topicPath
# keyvisual
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */
a:hover img {
	opacity: 0.9;
	background-color: #fff;
}


/* # body
---------------------------------------------------------------------------- */


/* # layout
---------------------------------------------------------------------------- */


/* # header
---------------------------------------------------------------------------- */



/* # nav
---------------------------------------------------------------------------- */
#spNav {
	width: 100%;
	margin-bottom: 10px;
}

#spNav ul {
	width: 100%;
}

#spNav ul li {
	width: 50%;
	float: left;
}

#spNav ul li img {
	width: 100%;
	height: auto;
}


/* # topicPath
---------------------------------------------------------------------------- */


/* # content
---------------------------------------------------------------------------- */

/* artice */

#main article ul {

}

#main article ul li {

}

#main article ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#main article ul.bnr {
	padding: 20px;
	background-color: #f8f7ed;
}

#main article ul.bnr li {

}

/* aside */

section.hirubeerbu {
	padding: 20px;
	height: 100%;
	margin: auto;
}
section.hirubeerbu img {
	max-width:100%;
	display: block;
}

aside section.news {
/*	display: none;*/
	margin-bottom: 22px;
	padding: 0 20px;
}

aside section.news h2 {
	background: url(../../images/ttl_news_sp.png) 0 0 no-repeat #d80c18;
	width: 100%;
	height: 40px;
	text-indent: -9999px;
}

aside section.news ul#ulNewsTopics {
	background-color: #fff;
}

aside section.news ul#ulNewsTopics li {
	padding: 10px;
	border-top: 1px solid #ccc;
}

aside section.news ul#ulNewsTopics li.first {
	border-top: none;
}

aside section.news ul#ulNewsTopics li span {
	display: block;
	color: #d80c18;
}

aside section.news p.more {

}

aside section.news p.more a {
	display: block;
	padding: 15px 0;
	text-align: center;
	color: #a6937c;
	background-color: #f8f7ed;
	text-decoration: none;
}

aside section.news p.more a:hover {
	background-color: #f2f0e0;
}


aside section.fblikebox {
	padding: 0 20px;
	margin: auto auto 20px auto;
}

section.bnrRecruit {
	padding: 0 20px;
	height: 100%;
	margin: auto auto 20px auto;
}
section.bnrRecruit img {
	max-width:100%;
	display: block;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}


/* # footer
---------------------------------------------------------------------------- */




/* # clearfix
---------------------------------------------------------------------------- */
.cFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cFix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac */
* html .cFix {
	height: 1%;
}
.cFix {
	display: block;
}
/* End hide from IE-mac */


/* # common classes
---------------------------------------------------------------------------- */
#mqJudge {
	display: none;
}
.rhino-toggle, .rhino-btn, .disabled, .rhino-play {
	display: none !important;
}

#adv {
	height: 0;
	font-size: 0;
	display: none;
}

#adv img {
	height: 0;
	font-size: 0;
	display: none;
}

/* # overlide
---------------------------------------------------------------------------- */
.pcNav-social{
	display: none;
}

.miniNav-social{
	display: none;
}

.sp-socialNav p{
	color: #d80c18;
	font-size: 14px;
	font-family: Helvecica;
	font-weight: 700;
	text-align: center;
	margin: 16px 16px 0px;
	padding-bottom: 2px;
	border-bottom: 1px solid;
}

nav.social-nav {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.social-btn {
	display: flex;
	justify-content: space-between;
	margin-left: 4px;
}

ul.social-btn li {
	margin: 10px;
}

ul.social-btn li a {
	display: block;
}

ul.social-btn li img {
	width: 100%;
}

ul.social-btn a:hover img {
	background: none;
}