@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-style: inherit; 	font-family: inherit; 	font-size: 1em; } /* remember to define focus styles! */ :focus { 	outline: 0; } img { border: none;} ol, ul { list-style: none; } table { border-collapse: collapse; 	border-spacing: 0; } caption, th, td { 	text-align: left; 	font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { 	content: ""; } blockquote, q { 	quotes: "" ""; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 	display:block; }
html { height: 100%; }
body {
  color: #000;
  font-size: 12px;
  padding: 0;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, Arial, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif !important;
  -webkit-text-size-adjust: 100%;
  background: #303030 url(../images/bg_bottom.png) center top repeat-y;
  height: 100%;
}

* { word-wrap: break-word; }
img { display: block; }

/* !clearfix */
.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

.mb0  { margin-bottom:  0px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb7  { margin-bottom:  7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt0 { margin-top: 0px !important; }

/* !Links */
a {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

a:link { color: #000; text-decoration:none; }
a:visited { color: #000; text-decoration:none; }
a:hover  { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }

.fltL { float: left; }
.fltR { float: right; }
.txt12 { font-size: 12px; }
.txt14 { font-size: 14px; }
.txt16 { font-size: 16px; }
.txtC { text-align: center; }
.txtC img { display: inline; }

.wrapper { background:url(../images/bg.png) center top no-repeat; }
#container { width:762px; margin: 0 auto; background: #fff;  min-height: 100%; position: relative; }
#container p { color: #808080; }
header { border: 1px solid transparent; -moz-box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -ms-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; margin: 0 20px 17px;  padding: 25px 20px; text-align: center; }
header #backTop { display: none; }
.box { border: 1px solid transparent; -moz-box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -ms-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; margin: 0 0 17px; padding: 15px 20px; position: relative; }
.box blockquote { padding: 20px 20px 1px; margin: 0 0 20px; display: block; font-style: italic; background: #f4ebe0; }
.btn a { border: 1px solid transparent; -moz-box-shadow: 0 0 3px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -ms-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; margin: 0 0 17px!important; padding: 15px 20px; display: block; }
.btn:hover { background: #e5e5e5; }
.ltIE9 header,
.ltIE9 .box,
.ltIE9 .btn { border: 1px solid #f3f3f3; }
.arwLeft span { background: url(../images/arrow_left.png) left center no-repeat; }
.arwRight span { background: url(../images/arrow_right.png) right center no-repeat; }
.arwDown span { background: url(../images/arrow_down.png) right center no-repeat; }
.sTitle { font-size: 16px; font-weight: normal; margin: 0 0 10px; }

header h1 { font-size: 38px; margin: 0 0 10px; font-weight: normal; position: relative; }
header .lead span { display: inline-block; }
header #teba { position: absolute; left: -40px; top: 17px; z-index: 100; }
#container #contents { padding: 0 20px; }
#container .main { width: 420px; float: left; }
#container .main .date { font-size: 16px; color: #cda46c; margin: 0 0 5px; }
#container .main .title { font-size: 16px; font-weight: normal; margin: 0 0 14px; }
#container .main p { margin: 0 0 20px; line-height: 1.6; }
#container .main .category_comment dt { margin: 0 0 4px; }
#container .main .category_comment dd { margin: 0 0 17px; }
#container .main .category_comment li,
#container .main .category_comment p { float: left; color: #000; margin: 0 5px 0 0; }
#container .main .fb-comments-count { display: inline; }
#container .main .category_comment li:after,
#container .main .category_comment p:after { content: '　|　'; }
#container .main .snsBtn li { float: left; margin: 0 10px 0px 0; width: 100px; }
#container .main #single { margin: 0 0 60px; }
#container .main #pageNav { position: relative; height: 50px; }
#container .main #pageNav .btn a { text-align: center; display: block; overflow: hidden; margin: 0!important; }
#container .main #pageNav .btnHome { position: absolute; left: 50%; top: 0; margin: 0 0 0 -24px ; }
#container .main #pageNav .btnHome a { padding: 13px 0 9px; width: 47px; text-align: center; display: block; }
#container .main #pageNav .btnHome a img { font-size: 1px; line-height: 1; display: inline; }
#container .main #pageNav .arwLeft { float: left; }
#container .main #pageNav .arwLeft a { width: 173px; padding: 15px 0; overflow: hidden; }
#container .main #pageNav .arwRight { float: right; display: block }
#container .main #pageNav .arwRight a { width: 173px; padding: 15px 0; margin: 0; }
#container .main #pageNav .arwLeft span { padding: 0 0 0 28px; }
#container .main #pageNav .arwRight span { padding: 0 28px 0 0; }
#container .main .arwDown span { display: block; }


#side { width: 280px; float: right; padding: 0 0 10px; }
#side ul li a { color: #808080; display: block; }

#side .btn.arwRight span { min-width: 240px; display: block;}
#side #searchField { border: 1px solid #808080; width: 156px; height: 18px; padding: 10px; font-size: 14px; line-height:1.1; }
#side #searchBtn { position: absolute; right: 20px; top: 49px; }
#side #recent_posts .date { display: block; }
#side #recent_posts li { margin: 0 0 10px; }
#side #recent_posts li:last-child { margin: 0; }
#side .discList { padding: 0 0 0 15px; }
#side .discList li { list-style-type: disc; line-height: 1.6; }
#side #recent_Comment li { margin: 0 0 10px; }
#side #recent_Comment li:last-child { margin: 0; }
#side #recent_Comment li span { display: block; }

footer { position: fixed; left: 50%; top: 10px; margin: 0 0 0 -540px; z-index: 3; }
footer .lnkBtn { margin: 0 0 5px; }
footer small { font-size: 10px; color: #808080; line-height: 1.5; }

@media screen and (max-device-width: 480px) {
  .wrapper { background: #fff; width: 100%; }
  #container { width: 100%; }
  header { text-align: left; padding: 20px; }
  header #backTop { display: block; margin: 0 0 10px; font-size: 10px; }
  header #backTop a { color: #808080; }
  header h1 { font-size: 24px; }
  header #teba { display: none; }
  #container .main,
  #container #side { width: auto; float: none; }
  #container .main #single a img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
  #container .main .snsBtn li { margin: 0 5px 20px; width: 100px; }
  #container .main #pageNav { position: relative; margin: 0 0 17px; height: 50px;  }
  #container .main #pageNav .arwLeft a { width: 138%; padding: 15px 5px; float: left; }
  #container .main #pageNav .arwRight a { width: 138%; padding: 15px 5px; float: right; margin: 0;}
  #container .main #pageNav .arwLeft span { padding: 0 0 0 8px; display: block; }
  #container .main #pageNav .arwRight span { padding: 0 8px 0 0; display: block;}
  
  #side #searchBtn { position: absolute; right: 20px; top: 45px; }
  #side #searchField { /* width: 77%; */ -webkit-border-radius: 0!important; -webkit-box-shadow: 0!important; }
/*   .fb-comments, .fb-comments iframe[style], .fb-comments span[style] { width:100% !important; } */
  footer { display: none; }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	padding: 0!important;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {  
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite-2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading-2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}