/****************************************

          Web Font
  
*****************************************/
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
@import url(//fonts.googleapis.com/css?family=Ubuntu+Mono);
@import url(//fonts.googleapis.com/css?family=Aclonica);
@font-face {
  font-family: "Champagne";
  src: url("http://infinityforest.net/home/wp-content/themes/scope/fonts/Champagne & Limousines.eot") format('eot'),
       url("http://infinityforest.net/home/wp-content/themes/scope/fonts/Champagne & Limousines.woff") format('woff'),
       url("http://infinityforest.net/home/wp-content/themes/scope/fonts/Champagne & Limousines.ttf")  format('truetype');
    font-weight: normal;
    font-style: normal;
}
/****************************************

      MEDIA 
  
*****************************************/
figure {margin: 0;}
img, object, embed, video {max-width: 100%;	_width: 100%;} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic;} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden;} /* Correct IE9 overflow */
/****************************************

      OTHERS
  
*****************************************/
strong, b, dt { padding: 0 10px; color: #333; font-weight: bold;}
dfn {font-style: italic;}
var, address {font-style: normal;}
sub, sup { position: relative; vertical-align: baseline;font-size: 75%; line-height: 0;} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em;} 
sub {bottom: -0.25em;} 
span.amp{position:relative;vertical-align:baseline;font-style:italic;font-size:110%;font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;line-height:0;} /* Best available ampersand */
:focus{
outline:0
}
/****************************************

         タイポグラフィ
  
*****************************************/
.post-main  h1, .post-main h2, .post-main h3, .post-main h4 { margin: 20px 0;font-family:  "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}
.post-main h1{ font-size: 180%;}
.post-main h2{ font-size: 160%; }
.post-main h3{ font-size: 140%;}
.post-main h4{ font-size: 120%;}

/****************************************

         clearfix

*****************************************/
.clearfix:after { display: block; visibility: hidden; clear: both; width: 0; height: 0; content: ' '; font-size: 0; line-height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear{ display: block; visibility: hidden; clear: both; line-height: 0;}
/****************************************

         1.LAYOUT
  
*****************************************/
html { overflow-y: scroll;margin: 0 auto; padding: 0; height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%;}
body{
	position: relative;margin: 0 auto; padding: 0; min-height: 100%;color:#555; vertical-align: baseline;
	font:100% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;line-height: 1.7; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;
	background : #FFF url("../images/bodybg.png");}
#pagewrap { margin: 0 auto;padding: 5px; width: 1060px; }
header {
	position: relative; padding: 0;
	z-index: 100;
	margin: 0 auto;	width: 1060px;
	background: url(../images/point-border.png) repeat-x left 120px;}
#header {
	margin: 0 auto; padding: 0;	
	width: 100%;
	background: #FFF url(../images/top.png) bottom repeat-x;
}
#header-inner {
	margin: 0 auto;
	padding-top: 60px;
	width: 100%; 
	height: 50px; 
}
html>body  #header{margin-top: -25px; padding: 0;}
#header-inner #networks { display: inline; float: right; margin-top: 24px; margin-right: 0; }
.list_inline li { display: inline; margin: 0 5px 0 0; padding: 0; list-style: none; } 
#header-inner #networks a { opacity: 0.6; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; }
#header-inner #networks a:hover { opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; }
#post {	float: left;margin-top: 40px;width: 710px;}
#post-single {	float: left;margin-top: 20px;width: 710px;}
#content-left {float: left; padding: 5px;width: 18%; height: 100%; }
#content-right {float: left; padding: 5px;width: 79%; height: 100%;}
.post-meta {margin: 30px 0 0 0;padding:0 1%;}
#sidebar {	float: right; margin-top: 30px;width: 330px;}
footer { z-index: 200;clear: both; margin-top: 50px;border-top: 4px solid #ccc;}
#box {position: relative;clear: both;	padding: 50px 5px 5px;width: 99%;	border-top: 1px dotted #ccc;}
#end-box{ margin-top: 100px;  margin-left: 6%;width: 90%;}
#end-box2{ margin-top: -30px;  margin-left: 6%;width: 90%;}
.post-meta-s {margin: 20px 0 0 0;padding:0 3%;}
.post-main {margin: 0 0  15px 0;  border-left: 1px solid #dfdfdf;}
.deco-line {  float: right; margin: 35px  5%  0 2% ; width: 99%; height: 26px;background: url("http://infinityforest.net/home/wp-content/themes/scope/images/long-deco-line.png") no-repeat right center;}
#pagenavi { margin: 100px 0 50px  12%; }
#pagenavi span { display: block; float: left; border: none; color: #777;  font-style: italic; font-family: 'Ubuntu Mono', sans-serif; }
#pagenavi a, #pagenavi .wp-pagenavi .pages {padding: 10px 20px ;}
#pagenavi a, #pagenavi .wp-pagenavi .current { display: block; float: left; margin-right: 5px; padding: 6px  12px; border: 1px solid #c6c6c6; color: #555;font-family: 'Ubuntu Mono', sans-serif; }
#pagenavi a:hover { border: 1px solid #999; color: #111; }
#subtitle {  margin: -40px 0 30px 10%; padding: 15px 30px; background:  #f8f8f8; color: #1A1A1A; text-shadow: 1px 1px rgba(255, 255, 255, 1); font-weight: bold; font-style: italic; font-size: 180%;font-family: 'Ubuntu Mono', sans-serif;}
hr.style-one { margin: 20px 0 60px  1% ;width: 97%;
    height: 1px;   border: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));  }
.post-404 {margin: 20px 0 0 0;padding: 0 15%;color:#555; font:100% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}
.post-404 h2{ padding: 10px 0; color: #301607; text-shadow: 1px 1px rgba(255, 255, 255, 1);font:160% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}
.post-404 h4{ padding: 10px 0; color: #D81A65; text-shadow: 1px 1px rgba(255, 255, 255, 1);font:160% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}

/****************************************

         1.LINK&QUOTE
  
*****************************************/
a{ color: #09c; text-decoration: underline; cursor: pointer;}
a:hover{color: #8bc; }
.quote { overflow: hidden; margin: 5px 10%; padding: 0;border: 1px dashed #CCCCCC;    border-radius: 3px 3px 3px 3px;background: url("http://infinityforest.net/home/wp-content/themes/scope/images/quote.png") no-repeat scroll 10px 20px #ecebeb; }
.quote blockquote {padding: 5px;background: url("http://infinityforest.net/home/wp-content/themes/scope/images/quote-end.png") no-repeat 98% 96%; text-indent: 25px;}
.quote p{ color: #301607;line-height: 1.73;}
/****************************************

         2.IMAGE
  
*****************************************/
/* INDEX部分 */
#post img.attachment-post-thumbnail{ left: 0;float: left; margin: 0 5% 2% 0 !important;
	padding: 4px; border: 1px solid #eee ;
	background: #fff;box-shadow: 0 1px 5px #888 ;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#post img.attachment-post-thumbnail:hover{  
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
} 
/* SINGLE部分 */
.post-meta-s img.attachment-post-thumbnail{float: left; margin: 0 5% 2% 6% !important;
	padding: 4px; border: 1px solid #eee ;
	background: #fff;box-shadow: 0 1px 5px #888 ;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.post-meta-s img.attachment-post-thumbnail:hover{  
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
} 

/* 全体 */
.post-meta-s a:hover img{  border: 1px solid #ccc ;opacity:0.6;filter: alpha(opacity=60);}
::selection {background: #F46C96;color:#f1f1f1;	behavior: url(http://infinityforest.net/home/ie/ie-css3.htc);}
::-moz-selection { background: #F46C96;	color:#FFFFFF;}
.post-meta-s img{
	clear: both;
	margin: 30px 5% 30px  12% !important;
	padding: 4px;
	max-width: 100%;
	 border: 1px solid #eee ;
	background: #f8f8f8;
	box-shadow: 0 1px 5px #888 ;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;

}
img#wpstats{ display: none;overflow:hidden;padding:0px;width:0px;height:0px;border:none;}
/****************************************

          3.LOGO

*****************************************/
#logo { display: inline; float: left; margin: 0; padding: 0; width: 230px; }
#logo_image { float: left; width: 226px;  }
/****************************************

          4.上部SNS部分

*****************************************/
#sub-nav { position: relative; z-index: 1; padding: 0 4%;width: 100%; }
#sub-nav-inner { position: relative; margin: auto; padding-right: 3%; width: 95%; height: 25px; }
#sub-nav-inner  h5 span { padding: 0 20px; color:#979797; font-family: 'Champagne';  }
#sub-nav-inner  h5 {  margin: 30px 0 0 29%;  color:#a50101; font-size: 22px; font-family: 'Champagne';}

/****************************************

          5.search

*****************************************/
form {overflow: hidden;	margin: 0;}
#search {  display: inline; float: right; margin: 18px 0 0 2%; width: 180px; height: 30px; border-bottom: 1px solid #ccc;background: white url('../images/search.png') no-repeat 96% 55%;}
#s { display: inline; float: left; width: 150px; height: 23px; border: none; background: #fff; color: #929191; font-size:85%; font-family: 'Ubuntu Mono', sans-serif; font-family: Georgia, Times;}
#searchform { float: right; padding-top: 8px; padding-right: 20px;}
#searchform, #searchform div { position: relative; }
#searchsubmit { display: none; }
form#searchform input#s { padding: 0 10px; width: 130px; }
/****************************************

          6.NAV

*****************************************/
#nav-wrap {margin-top: 30px!important; margin-bottom: 0;  padding-left: 28.4%;  width: 71%; height: 41px;}
#menu-icon {display: none; }
#nav, 
#nav li {margin: 0;padding: 0;}
#nav li{float: left;	margin-right: 5px;list-style: none;	font-size:90%;	font-family: 'Ubuntu', sans-serif;}
#nav  li a {display: block;padding: 2px 15px;background: #ecebeb;color: #929191;text-decoration: none;text-shadow: 1px 1px rgba(255, 255, 255, 1);}
#nav a:hover {background: #f8f8f8;}
#nav li.list:hover{border-bottom: 4px solid #D81A65;}
#nav li.page_item a:hover{border-bottom: 4px solid #D81A65;}
/* nav dropdown */
#nav ul {	position: absolute;display: none;padding: 2px; width: 200px;border: solid 1px #ccc;background: #fff;}
#nav ul li {float: none;margin: 0;padding: 0;}
#nav li:hover > ul {display: block; }

/**NAV IE用********/
html>body   li.page_item{margin: 0;padding: 0;}
html>body   li.page_item {float: left;	margin-right: 5px;list-style: none;	font-size:90%;	font-family: 'Ubuntu', sans-serif;}
html>body  li.page_item a  {display: block;padding: 2px 15px;background: #ecebeb;color: #929191;text-decoration: none;text-shadow: 1px 1px rgba(255, 255, 255, 1);}
html>body  li.page_item :hover{border-bottom: 4px solid #D81A65;}
html>body   li.list{margin: 0;padding: 0;}
html>body   li.list {float: left;	margin-right: 5px;list-style: none;	font-size:90%;	font-family: 'Ubuntu', sans-serif;}



/****************************************

          7.post-content（INDEX)

*****************************************/
.post-meta p{ overflow:auto;  padding-top: 5px ;
        color:#1A1A1A;
	font-size: 13px;
        font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
        line-height: 1.73;zoom:1;
}

a.more-link {
	display:block;
	float: right;
	margin: 40px 4% 20px 0;
	padding:2px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #72716e;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 0 rgba(0, 0, 0, 1);
	font-size:16px;
       behavior: url(http://infinityforest.net/home/ie/ie-css3.htc);
	}
a.more-link:hover {
	display:block;
	float: right;
	margin: 40px 4% 20px 0;
	padding:2px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ecebeb;
	color: #000;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
	font-size:16px;
      behavior: url(http://infinityforest.net/home/ie/ie-css3.htc);
	}
.post-meta-s p{  overflow:auto; padding-top: 5px ;
        color:#1A1A1A;
	font-size: 13px;
        font-family:Arial,Helvetica,'ヒラギノ丸ゴ Pro W4',HiraMaruPro-W4,'Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
        line-height: 1.73;zoom:1;
}

.post-main p{
	padding: 15px 5% 15px 8%;
        color: #555;
	font-size: 100%;
        font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
        line-height: 1.73;
}
.day-meta {
	display: block;
	margin: 10px 0 20px  30%;
	padding: 29px 0 0 31px;
	width: 49px;
	height: 51px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: #72716e url(../images/post.gif) 12px 22px no-repeat;
	vertical-align: middle;
	white-space: nowrap;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	line-height: 11px;
	behavior: url(http://infinityforest.net/home/ie/PIE.htc);
}
span.M-meta  {
	display: block;
	margin: -2.5px 0 0 1px;
	color: #FFF;
       text-shadow: rgba(0, 0, 0, 1) 0px 0px 2px;
        font-size: 11px;
       behavior: url(http://infinityforest.net/home/ie/PIE.htc);
}
span.Y-meta  {
	display: block;
	margin: 11px 0 0  -9px;
	color: #FFF;
        text-shadow: rgba(0, 0, 0, 1) 0px 0px 2px;
        font-size: 16px;
        behavior: url(http://infinityforest.net/home/ie/PIE.htc);
	
}
.time-meta {
	margin: 0 1%;
	padding: 0.4em 4%;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	color: #444;
	text-align: right;
	font-size: small;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
}
/****************************************

          8.post-content（SINGLE)

*****************************************/
.time-meta-s {
	float: right;
	margin: 15px 0 25px 13%; 
	padding: 0.6em 2%;
	color: #444;
	font-size: small;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
}
/****************************************

          9.タイトル

*****************************************/
.pagetitle{
	clear: both;
	overflow: hidden;
	margin: 20px 0 10px 0;
	padding: 7px 20px 7px 20px;
	text-indent: -1.18em;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
	font-size: 18px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
   }

.pagetitle a {
	margin: 20px 0 15px 5%;
	color: #301607;
	text-decoration: none; 
	text-indent: -1.18em;
}

.pagetitle a:hover{color: #301607; text-decoration: underline;}


.pagetitle-s{
	overflow: hidden;
	margin-bottom:30px;
	padding: 7px 20px 7px 40px;
	width: 96%;
	border-bottom: 1px solid #DBDBDB;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
	font-size: 24px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
}

.pagetitle-s a {
	padding: 5px 0 12px 0;
	color: #301607;
	text-decoration: none;
}

.pagetitle-s a:hover{color: #301607; text-decoration: underline;}
/****************************************

         10.BLOG-INFO

*****************************************/
.blog_info{
	display: block;
	margin: 2px 0 0 22%;
	padding: 5px;
	color: #929191;
	font-size:11px;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	zoom: 1; /* IE */

	}

.blog_info a{
	margin: 10px 0  ;
	padding: 3px ;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #929191;
	text-decoration: none;
	}


.blog_info ul{margin:0;}
.blog_info li{
	float: left;
	margin:5px  !important;
	padding-left:20px; white-space: nowrap;
	list-style: none !important;
	}

.blog_info li a{
	color: #929191; 
}

.blog_info li a:hover{
	background: #696969;
	color: #FFF;
}
.blog_info li.cal{
	background: url("http://infinityforest.net/home/wp-content/themes/scope/images/icon_cal.png") no-repeat 0 0;

}
.blog_info li.cat{
	background: url("../images/icon_cat.png") no-repeat 0 0;
	
}
.blog_info li.tag{
	background: url("../images/icon_tag.png") no-repeat 0 0;
}
.blog_info-s {
	margin: 2px 0 10px 4%;
	padding: 5px;
	color: #929191;
	font-size:11px;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	zoom: 1; /* IE */

	}
.blog_info-s a{
	margin: 10px 0  30px 0;
	padding: 3px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #929191;
	text-decoration: none;
	}


.blog_info-s ul{margin:0;}
.blog_info-s li{
	float: left;
	margin:5px 15px 5px 5px !important;
	padding-left:25px;
	list-style: none !important;
	}

.blog_info-s li a{
	color: #929191;
}
.blog_info-s li a:hover{
	background: #696969;
	color: #FFF;
}
.blog_info-s li.cal{
	background: url("http://infinityforest.net/home/wp-content/themes/scope/images/icon_cal.png") no-repeat 0 0;

}
.blog_info-s li.cat{
	background: url("../images/icon_cat.png") no-repeat 0 0;
	
}
.blog_info-s li.tag{
	background: url("../images/icon_tag.png") no-repeat 0 0;
}
/****************************************

         11.nav-below

*****************************************/
div.nav-below{overflow:auto;margin: 100px 0 30px 3%;  padding-bottom: 20px;}
div.navigation{overflow:auto;}
	div.navigation a{margin-bottom:20px;}

	.nav-previous a, .nav-next a,
	div.navigation .alignleft a, div.navigation .alignright a{
		color:#333;
		text-decoration:none;
		font-size:80%;
		}
		.nav-previous a:hover, .nav-next a:hover,
		div.navigation .alignleft a:hover, div.navigation .alignright a:hover{
			color: #999;
			}
			
	.nav-previous a, div.navigation .alignleft a{
		float:left;
		padding:2px 10px 2px 20px;
		background:url("http://infinityforest.net/home/wp-content/themes/scope/images/arrow_prev.png") no-repeat left top;
		}
	.nav-next a, div.navigation .alignright a{
		float:right;
		padding:2px 20px 2px 10px;
		background:url("http://infinityforest.net/home/wp-content/themes/scope/images/arrow_next.png") no-repeat right top;
		text-align:right;
		}
/****************************************

         12.TAB

*****************************************/
#sidebartop { float: left; clear: both; margin: 0 0 10px 6%; padding: 0; width: 100%; border: none; }
#sidebartabs { display: block; display: block; float: left; margin: 0; padding: 0; width: 304px; border: 1px solid #dfdfdf; background: transparent; }
#sidebartabs li { margin: 0; padding: 0; list-style: none; }
#sidebartabs ul { border-top: 1px solid none; }
#sidebartabs ul li { margin: 0; padding: 8px 10px; border-bottom: 1px solid #dfdfdf; }
#sidebartabs ul ul li { padding: 0; }
#sidebartabs ul ul ul li { padding: 0; }

ul.tabs { float: left; margin: 0; padding: 0; width: 100%; list-style: none; }
ul.tabs li { position: relative; float: left; overflow: hidden; margin: 0; padding: 0; height: 22px; }
ul.tabs li a { display: block; padding: 0 0 1px; outline: none; text-align: center; text-decoration: none; }

ul.tabs li.tab1 { width: 35%; }
ul.tabs li.tab2 { width: 25%; }
ul.tabs li.tab3 { width: 20%; }

#sidebartabs h4, #sidebartabs h4 a { margin: 0; padding: 0; border: none; background: none; color: #555; font-size: 14px; font-family: 'Ubuntu Mono', sans-serif;}
#sidebartabs h4, #sidebartabs h4 a:first-letter{ color:#800000; font-size: 18px;}

html ul.tabs li  { background: #f8f8f8; }

html ul.tabs li.active, html ul.tabs li.active a:hover  { background:  transparent; }

.tab_container { float: left; clear: both;  width: 100%; font-size: 80%; font-family: 'Ubuntu Mono', sans-serif;}

.tab-sub {float: right; margin-top: 5px;color: #999; font-size: 80%; font-family: 'Ubuntu Mono', sans-serif;}

.latest-post { margin-bottom: 2px; clear: left;}
.latest-post .text a { float: none; text-indent: -1em;  white-space:nowrap; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ; }
.latest-post img { display: block; float: left; margin: 0 12px 4px 0;padding: 4px; border: 1px solid #eee ;	background: #FFF; white-space: nowrap;}
.latest-post .clear { clear: both; }
/****************************************

          13.SIDE

*****************************************/

#sidenav{
	float: left;
	margin: 45px 0 40px 10%;
	width: 85%;
}

#sidenav>li{
	margin: 20px 0;
	
}

#sidebar #sidenav>li h2{
	margin-bottom: 25px;
	padding-bottom: 10px;
	background: url(http://infinityforest.net/home/wp-content/themes/scope/images/sidebar-header.png) no-repeat ;
	color: #fff;
	text-align: center; font-size: 24px;
	font-family: 'Aclonica', serif;vertical-align: top;
}

#sidenav ul>li{ margin-left: 4%;
	padding-left: 44px;width: 75%;
	border-bottom: 1px solid #d7d7d7;
	background: url("../images/footer-bullet.png") no-repeat 10px 14px;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	line-height: 40px;
}

#sidenav ul>li:last-child{ border-bottom: none; }

#sidenav ul>li a{
	display: block;
	width: 98%;
	height: 100%;
	color: #696969;
	text-decoration: none;
}

#sidenav ul>li:hover{
	background: #f1f1f1  url("../images/footer-bullet.png") no-repeat 10px 14px;
}

/****************************************

         15.ADS

*****************************************/
#sidebar .ads{
	position: relative;
	display: block;
	display: block;
	margin-left: 6%;
	padding-top: 50px;
	height: 270px;
}
#sidebar .ads2{
	position: relative;
	display: block;
	display: block;
	margin-left: 6%;
	padding-top: 10px;
	height: 270px;
}
#sidebar .ads p{ color: #666;
	font: 85% 'Ubuntu', sans-serif;

}
#sidebar .ads-s{
	position: static;
	position: relative;
	display: block;
 	margin: -5px 0 20px 5%;
	padding: 5px;
	height: 255px;
}
#sidebar .ads-s a {
	display: block;
	float: left;
	margin: 0 0 5px 5px!important;
	padding: 7px;
	width: 125px;
	height: 125px;
	border: 1px solid #efefef;
	border-radius: 3px;
	background: #f8f8f8;
}
#sidebar .ads-s a.left {
	float: left;
}
#sidebar .ads-s a.right {
	float: left;
}
.ad{
	position: static;
	position: relative;
	margin-top: 100px;
	margin-bottom: 40px;
 	margin-left: 14%;
	padding: 10px 20px 20px 20px;
	width: 470px;
	height: 50px;
}
.ads-s2 {
	position: static;
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
 	margin-left: 12%;
	padding: 10px 20px 20px 20px;
	width: 470px;
	height: 50px;
}
/****************************************

         16.social-nav-wrap

*****************************************/
#social-nav-wrap {display: block; margin-bottom: 30px;  padding-left: 10%;
	  width: 90%; height: 43px; border-bottom: 1px solid #ccc;
}
#social-nav-wrap p {float: left; margin-top: 2px; padding-right: 140px; color:#a50101;font-size: 150%; font-family: 'Champagne';}

#social-nav, 
#social-nav li {
	margin: 0;
	padding: 0;
}
#social-nav li {
	float: left;
	margin-right: 5px;
	list-style: none;
	font-size:90%;
	font-family: 'Ubuntu', sans-serif;
}

/* nav link */
#social-nav a {
	display: block;
	padding: 4px 15px;
	background: #ecebeb;
	color: #929191;
	text-decoration: none;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
}
#social-nav a:hover {
	background: #f8f8f8;
}
#social-nav li.list:hover{ margin-top: -4px;
border-top: 4px solid #000;}

/* ---------------------------------------------------------------- 
 *  footer-cols
 * ---------------------------------------------------------------- 
*/
#footer-cols{
	display: block;
	overflow: hidden;
	color: #bbbaba;
	line-height: 1.5em;
}
#footer-cols p{color:#555;
font: 83% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}

#footer-cols li.col{
	display: block;
	float: left;
	margin-bottom: 30px;
        padding: 0  10px;
	width: 31.666666666667%;
}

#footer-cols li.col>h6{
	margin: 0 1% 35px 1%;
	background: url(../images/point-border.png) repeat-x left 19px; color:#a50101;
	text-align: center;
	font-size: 180%; font-family: 'Champagne';
}

#footer-cols li.clear-col{ clear:left; }

#footer-cols li.col ul{
	display: block;
}

#footer-cols li.col ul li{
	display: block;
	line-height: 1.7em;
}

#footer-cols li.col ul li:first-child{ border-top: none; }

#footer-cols li.col ul li:last-child{ border-bottom: none; }

#footer-cols li.col ul li a{
	color: #bbbaba;
	text-decoration: none;
}

#footer-cols li.col ul li a:hover{
	color: #fff;
}

/* ---------------------------------------------------------------- 
 *  footer-cols
 * ---------------------------------------------------------------- 
*/
#footer-cols li.thumblr{
	display: block;
	float: left;
	margin-bottom: 30px;
        padding: 0  10px;
	width: 30.88888888887%;
}
#footer-cols .thumblr img{vertical-align:bottom;}
#footer-cols .thumblr ul{margin: 2px; padding-left: 30px;}
#footer-cols .thumblr li{
    display:inline-block;
    margin: 0 8px 8px 0 ;
    padding: 3px;
    border: 1px solid #eee ;
    background: #fff ;
    box-shadow: 0 1px 5px #888 ;
}
#footer-cols li.thumblr>h6{
	margin: 0 1% 35px 1%;
	background: url(../images/point-border.png) repeat-x left 19px; color:#a50101;
	text-align: center;
        font-size: 180%; font-family: 'Champagne';
}

/****************************************

         18.bottom

*****************************************/

#wrapper{ margin: 0 auto;width: 80%;}

#bottom{
	position: relative;
	width: 100%;
	background: #222426 url(../images/footer-glow.png) no-repeat top center;
	color: #868686;
	font-size: 13px;
	line-height: 1.5em;
	line-height: 50px;
}

#bottom #bottom-text{
	overflow: hidden; margin-left: 6%;
	width: 80%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
 }

#bottom a{
	color: #AFEAF9;
	text-decoration: none;
}

#bottom #to-top{
	position: absolute;
	top: -22px;
	left: 8%;
	width: 33px;
	height: 33px;
	background: url("http://infinityforest.net/home/wp-content/themes/scope/images/to-top.png") no-repeat;
	cursor: pointer;
}
#toBackTop {
	position: fixed;
	top: 50%;
	right: 60px;
	z-index: 30;
	opacity: 0.2;
}

#toBackTop a:hover{
z-index: 30;
opacity: 0.8;
}
.follow { float: right;  margin-right: 8%;}

.posttitle {margin-left: 8%;}
.posttitle h2{ margin-bottom: 30px;font-size: 180%; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}
.posttitle p{font-size: 90%; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ; line-height: 1.73;}
.posttitle span { margin-top: 20px; text-align: center;font-size: 110%;}

.via{
margin: 25px 3% 0 10%;
padding: 15px 25px;
width: auto;
border:1px solid #DBDBDB;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #f7f7f9; 
font-family:  "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
line-height:1.73; /* 白金比 */ 
margin-bottom:15px; 
behavior: url(http://infinityforest.net/home/ie/ie-css3.htc); }

.out-link a{
margin: 0 15px ;
padding-right: 20px ;
background: url(http://infinityforest.net/home/wp-content/themes/scope/images/out-link.png) no-repeat  right;
}

/****************************************

      media Queries
  
*****************************************/
/* 

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

@media only screen and (max-width: 1024px) { 
	body , #header{
		width: 100%;
	}
	
	#pagewrap, header {
		width: 97%;
	}
	.day-meta {left: 1%; display: block;}
	#wrapper {
		width: 98%;
	}
	#post, #post-single {
		width: 65%;
	}
         #content-left {width: 17%;}
        #content-right {width: 79%;}
	#sidebar {
		width: 33%;
	}
         #sidenav{margin-left: 8%; width: 90%;}
        #sidenav ul>li{margin-left: 1%; }
	#bottom #to-top{left: 3%;}
	#bottom #bottom-text{width: 88%; text-align: center;}
	#toBackTop{right: 0; display: none;width: 0;}
	.ad{margin-left: 10%;}
         #networks-add {margin-left: 3%; }
 }
@media only screen and (max-width: 960px) { 
	body {
		width: 100%;
	}
	
	#pagewrap, header  {
		width: 97%;
	}
	.day-meta {left: 0;	display: block;}
	#wrapper {
		width: 98%;
	}
	#post, #post-single {
		width: 65%;
	}
        #sidebartabs,#sidebar .tweet h3 {margin-left: 0; width: 97%;}
	#sidebar{
		width: 33%;
	}
	#bottom #to-top{left: 3%;}
	#bottom #bottom-text{width: 88%; text-align: center;}
	#toBackTop{right: 0; display: none;width: 0;}
	.ad{margin-left: 0; width: 90%;}
	#insta {margin-right: 5%;width: 95%;}
	#sidebar .ads {padding-right: 10%;width: 85%;}
	#sidebar .ads-s{display: none;}
	.post-main img{	margin-left:  2% !important; }
	#box {width: 99%;}
	#contact {width: 71%;}
	#contact p{width: 15%;}
	#about{ float: left;	width: 25%;}
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	body {
		width: 100%;
	}
	
	#pagewrap, header  {
		width: 98%;
	}
	#sub-nav-inner h5 {  margin-top: 10px;
		width: 98%;
	}
 	#post, #post-single {
		float: none;
		width: auto;
	}
	#sidebar {
		float: none;
		width: auto;
	}
#sidenav {display: none;	}
#sidebartabs {margin-left: 0; width: 89%;}
ul.tabs li.tab1 { width: 40%; }
ul.tabs li.tab2 { width: 30%; }
ul.tabs li.tab4 { width: 21%; }
	footer {
		float: none;
		margin-top: -40px;
		width: auto;
	}
          #subtitle {margin: 30px 0 20px 1%;}
	#sidebar .ads{ float: left; margin-left: 6%;width: 40%;}
        #sidebar .ads2{ float: right;margin: 62px 4% 62px 0 ;width: 40%;}
	#sidebar .ads-s{display: none;}
	#nav-wrap {padding-left: 26%; width: 100%;}
	#insta {margin-right: 5%;width: 42%;}
	#box {margin-bottom: 30px;width: 99%; height: 500px;}
	#contact {width: 98%;height: 228px;}
	#contact p{width: 15%;}
	#about{ float: left;	width: 98%;}
	#about p{ margin-bottom: 20px; width: 45%;border-right: 1px dotted #ccc; border-left: none;}
	.ad{margin-left: 15%;}
	#sidebar .tweet, .follow	{display: none;}
}

/* for 768px or less */
@media screen and (max-width: 640px) {
	body {
		width: 100%;
	}
	
	#pagewrap, header  {
		width: 98%;
	}
	#sub-nav-inner h5 {  margin-top: 10px;
		width: 98%;
	}
 	#post, #post-single {
		float: none;
		width: auto;
	}
	#sidebar {
		float: none;
		width: auto;
	}
#sidenav {display: none;	}
#sidebartabs {margin-left: 0; width: 89%;}
ul.tabs li.tab1 { width: 38%; }
ul.tabs li.tab2 { width: 30%; }
ul.tabs li.tab4 { width: 21%; }
	footer {
		float: none;
		margin-top: -40px;
		width: auto;
	}
          #subtitle {margin: 30px 0 20px 1%;}
	#sidebar .ads{ float: left; margin-left: 3%;width: 40%;}
        #sidebar .ads2{ float: right;margin: 62px 3% 62px 0 ;width: 40%;}
	#sidebar .ads-s{display: none;}
	#nav-wrap {padding-left: 26%; width: 100%;}
	#insta {margin-right: 5%;width: 42%;}
	#box {margin-bottom: 30px;width: 99%; height: 500px;}
	#contact {width: 98%;height: 228px;}
	#contact p{width: 15%;}
	#about{ float: left;	width: 98%;}
	#about p{ margin-bottom: 20px; width: 45%;border-right: 1px dotted #ccc; border-left: none;}
	.ad{margin-left: 10%;}
	#sidebar .tweet, .follow	{display: none;}
        #social-nav-wrap {padding-left: 2%; width: 100%;}
        #social-nav-wrap p {padding-right: 50px;}
        .post-meta-s img.attachment-post-thumbnail{margin-left: 8%; max-width: 100%;}
	/* nav-wrap */
	#nav-wrap {
		position: relative; padding: 0 0 7px 5%; width: 100%;
		font-size:100%;	font-family: 'Ubuntu', sans-serif;
	}

	/* menu icon */
	#menu-icon {
		display: block; /* show menu icon */
		padding: 8px 10px 0 42px;
		width: 42px;
		height: 30px;
		border: solid 1px #ccc;
		background: #ecebeb url(http://infinityforest.net/home/wp-content/themes/scope/images/menu-icon.png) no-repeat 10px center;
		color: #000;
		cursor: pointer;
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		position: absolute;
		top: 38px;
		z-index: 10000;
		display: none; /* visibility will be toggled with jquery */
		clear: both;
		padding: 5px;
		width: 80%;
		border: solid 1px #999;
		background: #f8f8f8; font-size:100%;
	}
	#nav li {
		float: none;
		clear: both;
		margin: 10px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		display: inline;
		padding: 0;
		border: none;
		background: none;
		color: #666;
		font: inherit;
	}
	#nav li.list:hover{border-bottom: none;}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		position: static;
		display: block;
		width: auto;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}
	#toBackTop{right: 0;display: none;width: 0;}
}

@media screen and (min-width: 600px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}