@charset "utf-8";

/* -----------------------------------------------------------------------------
**
** ポップンマッシュルームチキン野郎 top CSS
**
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
** header
----------------------------------------------------------------------------- */
#header {
	height: 184px;
	}
#header #headerBlock {
	height: 184px;
	background: url(../img/bg_headerBlock.jpg) 860px bottom no-repeat;
	min-width: 1024px;
	}
#header #headerBlock div.logo p {
	padding: 17px 0 0 5px;
	}
#header #headerBlock div#social div.fb_iframe_widget {
    margin-top: -4px;
    vertical-align: top;
}


/* -----------------------------------------------------------------------------
** bannerBlock
----------------------------------------------------------------------------- */
#bannerBlock {
	background: url(../img/bg_banner.jpg) center top repeat-x;
	overflow: hidden;
	min-width: 1024px;
	height: 473px;
	}
#bannerBlock #slider {
	width: 840px;
/*
	height: 485px;
	margin: 55px auto 0;
*/
	margin: 30px auto 0;
	position: relative;
	}


	
/* -----------------------------------------------------------------------------
** bannerBlockNav
----------------------------------------------------------------------------- */
#bannerBlockNav {
	background: url(../img/bg_banner_btm.gif) left top repeat-x;
	overflow: hidden;
	height: 31px;
	min-width: 1024px;
	}

/* -----------------------------------------------------------------------------
** contents
----------------------------------------------------------------------------- */
div#contents div#contentsBlock div.innerBlock {
	padding: 20px 10px 30px;
  max-width: 1000px;
  width: 100%;
	}

div#contents div#contentsBlock div.innerBlock div#contLeft {
	width: 480px;
	float: left;
	}

div#contents div#contentsBlock div.innerBlock div#contLeft div#news {
	overflow: hidden;
	}
div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock {
	margin: 15px 0 0;
	height: 555px;
	overflow: auto;
	}
div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #ddd;
}
div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #6d0000;
	border-radius: 2px;
}
div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #ddd;
}
div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #ddd;
}
div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}


div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock iframe {
	width: 100%;
	height: 305px;
	overflow: hidden;
	}

	
div#contents div#contentsBlock div.innerBlock div#contLeft div#mailmagazine {
	padding: 20px 0 0;
	}
div#contents div#contentsBlock div.innerBlock div#contLeft div#mailmagazine p {
	padding: 10px 0 0;
	}
div#contents div#contentsBlock div.innerBlock div#contLeft div#mailmagazine form {
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px 0 0;
	padding: 10px;
	}



div#contents div#contentsBlock div.innerBlock div#contRight {
	width: 500px;
	float: left;
	}

div#contents div#contentsBlock div.innerBlock div#blog {
	width: 222px;
	margin: 0 0 0 25px;
	float: left;
	}
div#contents div#contentsBlock div.innerBlock div#blog iframe {
	margin: 15px 0 0;
	}

div#contents div#contentsBlock div.innerBlock div#tweet {
	width: 230px;
	float: right;
	}
div#contents div#contentsBlock div.innerBlock div#tweet div.tweetBlock {
	margin: 15px 0 0;
	}
div#contents div#contentsBlock div.innerBlock div#tweet div.tweetBlock iframe {
	width: 230px;
	height: 400px !important;
	}
div#contents div#contentsBlock div.innerBlock div#tweet div.tweetBlock iframe .timeline-Header-title {
	font-size: 12px;
}

div#contents div#contentsBlock div.innerBlock div#tweet div.tweetBlock iframe div.timeline-header {
	display: none;
}
div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock {
	clear: both;
	margin: 0 0 0 25px;
	padding: 10px 0 0;
	}
div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock h2 {
	margin-bottom: 15px;
	}
div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock a {
	margin: 0 6px 6px 0;
	width: 49%;
	}
div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock a:nth-child(3),
div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock a:nth-child(5) {
	margin-right: 0;
	}
	
	
/* -----------------------------------------------------------------------------
** blogRSS
----------------------------------------------------------------------------- */
#blogfeed {
	clear:both;
	margin: 0;
	padding: 0;
	width: 226px;
	overflow:hidden;
}
.rssBody ul {
	margin: 0px;
	padding: 0px;
}
.rssBody ul li{
	margin: 0 0 8px 0;
	padding: 0 4px 8px 4px;
	border-bottom: dotted 1px #CCCCCC;
	list-style:none;
	width:218px;
	overflow:hidden;
}
.rssRow { padding: 0px; }
.rssRow div {
	float:left;
	width:226px;
}



@media screen and (max-width: 767px) {

	#menu-toggle {
		top: 32%;
	}	
	#header #headerBlock,
	#bannerBlockNav {
		height: auto;
		min-width: auto;
		}
	#header #headerBlock div.logo {
		width: 70%;
		padding-bottom: 45px !important;
	}
	#header #headerBlock div.logo p {
		display: none;
	}
	#header #headerBlock div#social {
		position: absolute;
		width: 100%;
		top: 70%;
		left: 0;
		padding: 0;
	}
	#bannerBlock {
		min-width: auto;
		width: 100%;
		height: auto;
	}
	#bannerBlock #slider {
		width: 80%;
		}
	#bannerBlock #slider img {
		width: 100%;
		height: auto;
		}
	.nivo-prevNav,
	.nivo-nextNav {
		width: 30px;
		height: 30px;
		background-size: 100%;
	}
	.nivo-prevNav {
		left: -35px;
	}
	.nivo-nextNav {
		right: -35px;
	}
	.nivo-controlNav a {
		width: 20%;
		overflow: visible;
	}
	.nivo-controlNav a img {
		width: 100%;
	}
	
	div#contents h2 {
		font-size: 20px;
	}

	div#contents div#contentsBlock div.innerBlock div#contLeft,
	div#contents div#contentsBlock div.innerBlock div#contRight,
	div#contents div#contentsBlock div.innerBlock div#blog,
	div#contents div#contentsBlock div.innerBlock div#tweet,
	div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock {
		width: 100%;
		float: none;
		margin: 0px;
	}
	div#contents div#contentsBlock div.innerBlock div#contRight {
		padding-top: 20px;
	}

}

@media screen and (max-width: 500px) {
	div#contents div#contentsBlock div.innerBlock div#contRight div#socialBlock a {
		width: 100%;
	}


	div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock {
		height: 150px;
	}
	div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar{
	　　height: 4px;
	}

	div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar-track{
	　　background: transparent;
	　　border:none;
	}

	div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock::-webkit-scrollbar-thumb{
	　　background: rgba(#fff,0.1);
	　　border-radius: 10px;
	　　box-shadow: inset 0 0 4px rgba(255,255,255,0.8);
	}
	div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock iframe {
		width: 515px;
	}
	div#contents div#contentsBlock div.innerBlock div#contLeft div#news div.newsBlock iframe {
		width: 100%;
		height: auto;
		overflow-y: auto;
	}
	div#contents div#contentsBlock div.innerBlock div#tweet div.tweetBlock iframe {
		height: 300px !important;
	}

}




div.news {
	border-bottom: 1px dashed #999;
	padding: 5px 0;
	position: relative;
	}
div.news div.date {
	float: left;
	font-weight: bold;
	width: 105px;
	padding: 0 10px 0 0;
	}
div.news p {
	float: left;
	width: 355px;
	padding: 0;
	display: block;
	}
div.news p span {
	display: inline-block;
	background: #6d0000;
	border-radius: 100px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px 1px;
	margin-bottom: 5px;
	}

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

div.news {
	overflow: hidden;
	}
	
div.news:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
/*\*/
* html div.news {
	height: 1em;
	overflow: visible;
	}
/**/

@media screen and (max-width: 500px) {
	div.news p {
    	margin-top: -20px;
	}
	div.news p span {
		position: absolute;
		top: 6px;
		left: 105px;
		font-size: 10px;
	}
}


.info-wrap {
  padding: 20px;
}

.info-wrap .info-title {
  margin-bottom: 20px;
}

.info-wrap .info-text {
  margin-bottom: 15px;
}

.tr{
  text-align: right;
}

@media screen and (max-width: 768px) {
  .info-wrap {
    padding: 10px;
  }
}