@charset "UTF-8";
/* /////////////////////////////////// CSS Document /////////////////////////////////// */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, object, embed, iframe {
	display: block
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
nav ul, nav li, ul li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	width: auto;
	line-height: 125%;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
}
a img {
	border: 0;
}
.clear {
	clear: both;
}
p {
	color: #000;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.center {
text-align: center;
}

.border {
border: solid 1px #eee;
}
body {
	margin: 0 auto;
	padding: 0 0 0px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: url(http://www.indienative.com/wp-content/uploads/2012/07/bg.png) repeat #FFF;
	counter-reset: myAwesomeCounter;
}

#content li {
	overflow: hidden !important;
}
#content li:nth-child(2n) {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.02);
}
#content li h2 {
	font-size: 2em;
	margin: 30px 0 5px 0;
	padding-bottom: 5px;
	line-height: 125%;
	color: #333;
}
.container-fluid {
padding-left: 0px !important;
padding-right: 0px !important;
}


#left-side .span3 {
	width: 100% !important;
	background-color: #fff;
}
#sidebar-right .span3 {
	width: 100% !important;
	background-color: #fff;
}

/* /////////////////////////////////// HEADER /////////////////////////////////// */

header {
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	-webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.3);
	height: 140px;
	overflow: hidden;
}

header .fixbar {
  position: absolute;
  width: 100%;
}

header.fixed .fixbar {
  position: fixed;
  margin-top: -95px;
  z-index: 999;
}

#head-top { width: 100%; overflow: hidden; clear: both;  }

.logo {
	float: left;
	margin-left: 10px;
}
.banner {
	float: right;
	width: 728px;
	height: 90px;
}
.fbtn {
    float: left;
    width: 140px;
    margin-left: 10px;
}
  
.menu-bg { text-align: center; width: 1180px; margin: 0 auto;}
.navbar { margin-bottom: 0px !important;}
.navbar-default { background-color: transparent !important;}
.navbar-brand { 
  width: 70px;
  height: 50px;
  background: url('') no-repeat center center;
  background-size: 50px;  
}

.nav-tabs {
  display: inline-block;
  border-bottom: none;
  padding-top: 15px;
  font-weight: bold;
}
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  border-radius: 0;
  font-size: 16px;

}

.navbar-nav > li {
    float: left;
    font-size: 18px;
}

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li { 
  padding: 20px 15px 15px;
  border-left: 1px solid #eee; 
}
.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {
  padding: 20px 15px 15px;
  text-align: center;
  width: 100%;
}
.container-fluid-top { margin: 0 auto; width: 100%; background-color: #999;}

.navbar {
    border:none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #FFF;
    background-color: #333;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}

/* form */
/* /////////////////////////////////// sidebar_search ///////////////////////////////////*/

form {
	position: relative;
	display: inline-block;
	margin: 11px 0 0 0;
}
input {
	outline: none
}
input[type="text"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: white;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height: 20px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	width: 170px;
	padding: 3px 23px 3px 8px;
}
input[type="reset"] {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGFBMVEUAAAC/v7+/v7+/v7+/v7+/v7+/v7+/v7+hAPa4AAAAB3RSTlMAQNCwkKDgPaU3lgAAAEZJREFUeNplj9EKACAIA2dm+/8/bkj4sI6wDsIpRCRFBprNxx4bD12LrwRSDxRZkCcoCqVDIW1v+9Q+W6sOOhNkY9iQtsIFhO0DtcbsWN0AAAAASUVORK5CYII=');
	width: 14px;
	height: 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 0;
	text-indent: -999px;
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
}
 input[type="text"]:invalid {
 outline: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAIVBMVEW/v7+/v78AAAC/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v79QUkolAAAAC3RSTlOLYAAJeoMjRhpOcbsbtd4AAABJSURBVHjaVc1JDsAgDATB9uAF8v8Hx0QcSN9KssZI5eClDj18PRsFlmlQDcfUGd6A3EgYP1xncQ+sa5qYOk9jRQt1Y0izhU5bL2o2AW3ZQKeJAAAAAElFTkSuQmCC) 10px 6px no-repeat;
}
 input[type="text"]:invalid + input[type="reset"] {
 visibility:hidden;
}
/* ////////////////// BODY ////////////////// */



#page {
	width: 100%;
	margin: 0 auto;
}
#wapper {
	padding: 0;
	width: 98%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#conts {
	float: left;
	width: 68%;
	margin: 0px 1%;
	overflow: hidden;
	padding: 0;
}
.center-banner {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background-color: #CCC;
}


/* ////////////////////////////// travel ////////////////////////////// */

#wapper-travel {
    padding: 20px 0 0 0;
    width: 98%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    }
#conts-travel {
	float: left;
	width: 68%;
	margin: 0px auto;
	overflow: hidden;
	padding: 0;
}

#conts-travel .post-top { 
	padding: 10px 0 0px; 
	}

blockquote {
    margin: 0px 0px 10px 10px;
    padding: 10px 0;
    border-left: solid 4px #ccc;
    font-size: 100%;
    font-style: italic;
    line-height: 130%;
    font-weight: bold;
}
blockquote p {
    color: #333;
}

/* past travel */

.travel-past {
	margin-top: 30px;
	position: relative;
	}
.travel-past li {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #fff;
	margin-bottom: 10px;
}
.travel-past li:hover {
	opacity: 0.7;
	border: solid 1px #ccc;
	}
.travel-past li .top-txt {
		top :20px;
	position: absolute;
		padding-right: 20px;
	}
.travel-past li h2 {
	margin-left: 420px; 
	font-size: 180%;
	font-weight: bold; 
	padding-bottom: 20px;
	}

.travel-past li p {
	margin-left: 420px; 
	font-size: 120%;
	}

/* instagram */
.instagram-media,
.twitter-tweet.twitter-tweet-rendered,
.twitter-video {
	margin: 0 auto !important; 
	}

/* //////////////////////////////////////// travel side */
#sidebar-travel {
	float: right;
width: 30.5%;
position: relative;
margin: 0;
padding: 0;
		}

.ad-one {
    text-align: center;
    padding: 10px 25px 20px;
    margin: 0 auto;
    width: 100%;
    }

.picks {
    padding: 0 20px 20px;
    background-color: #999;
    margin-bottom: 20px;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

ul.tate-post {
		border-top: solid #ccc 1px;
		border-left: solid #ccc 1px;
		border-right: solid #ccc 1px;
	}
	ul.tate-post li {
		border-bottom: solid #ccc 1px;
	}
	ul.tate-post li h2 {
		font-size: 160%;
		padding: 10px;
	}
.date { padding: 0 0px 10px;}

ul.tate-post li a:hover,
ul.yoko-post li a:hover {
	opacity: 0.7;
	}

ul.yoko-post {
		border-top: solid #ccc 1px;
		border-left: solid #ccc 1px;
		border-right: solid #ccc 1px;
	}
	ul.yoko-post li {
		border-bottom: solid #ccc 1px;
		overflow: hidden; 
		display: block;
                height: 18%;
	}
	ul.yoko-post img {
		float: left;
		width: 40%;
                height: auto;
         }
	
	ul.yoko-post li h2 {
		float: right;
		width: 56%;
		padding: 10px 10px 10px 0;
		font-size: 100%;
	}
	ul.yoko-post li .date { 
		padding-left: 15px;
		}


/* category */
ul.category {
overflow: hidden;
border-right: solid #ddd 1px;
width: 100%;
background-color: #fff;
}

ul.category li {
float: left;
width: 50%;
border-left: solid #ddd 1px;
 border-top:solid #ddd 1px;
line-height: 180%;
padding: 10px;
font-size: 11px;
}

ul.category li a {
display: block;
}

/* tag 一覧 */

ul.wp-tag-cloud {
 overflow: hidden;
    background-color: #FFF;
    position: relative;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

ul.wp-tag-cloud li a:before {
  font-family: 'FontAwesome';
  content: "\f02b";
  padding-right: 3px;
  color: #333;
}

ul.wp-tag-cloud li {
    width: 50%;
    padding: 12px;
    float: left;
    border-bottom: solid #ddd 1px;
    font-size: 12px;
}
ul.wp-tag-cloud li:nth-child(2n) {
    border-left: solid #ddd 1px;
}

ul.wp-tag-cloud li:last-child {  }

ul.wp-tag-cloud li a { 
font-size:12px !important;
 display: block;
}

ul.tags { 
border-right: solid #ddd 1px; 
overflow: hidden;
}

ul.tags a {
	width: 50%;
    padding: 12px;
    float: left;
    border-top: solid #ddd 1px;
    border-left: solid #ddd 1px;
    font-size: 12px !important;
}
ul.tags a:hover {
	text-decoration: none;
	opacity: 0.5;
}

/* side release */
.side-release { width: 100%; position: relative; overflow: hidden;}
.side-release li { width: 33.33333333333%; float: left; display: block; }
.side-release li:hover { opacity: 0.7; }
.side-release li img { width: 100%; }
.side-release li .wpp-post-title { display: none; }

/* pick up */
.picks { 
padding: 0 20px 20px; 
background-color: #999; 
margin-bottom: 20px;
border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
 }
 .picks h2 { padding: 15px 0px 10px; color: #fff; font-size: 16px; }
.picks h3 { color: #fff; padding: 10px 0; font-size: 14px; line-height: 140%; font-weight: bold; }
.picks p { font-size: 13px; color: #fff; }
 .picks img { width: 100%; height: auto; }
 .picks img:hover { opacity: 0.7; }
.side-space { width: 100%; position: relative; height: 20px;}
 
 .title {
	     background-color: #8a8a8a;
    color: #fff;
    padding: 10px 10px;
    font-size: 140%;
    text-align: center; 
}

/* picks-travel */
.picks-travel  { 
padding: 0 20px 20px; 
background-color: #ff930f;
margin-bottom: 20px;
border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
 }
 .picks-travel h2 { padding: 15px 0px 10px; color: #fff; font-size: 16px; }
.picks-travel h3 { color: #fff; padding: 10px 0; font-size: 14px; line-height: 140%; font-weight: bold; }
.picks-travel p { font-size: 13px; color: #fff; }
 .picks-travel img { width: 100%; height: auto; }
 .picks-travel img:hover { opacity: 0.7; text-decoration: none; }
 
 /* feature past (N) 番目 */


/* ////////////////////////////// list ////////////////// */

.list h2 {
	font-size: 11pt;
	font-weight: 400;
	margin : 0px 0 0px 0;
	background-color: rgb(153,153,153);
	padding: 10px;
	color: #FFF;
}
.list-l ul, .list-r ul {
	list-style: square;
	margin: 0;
	padding: 0;
}
.list-l ul li, .list-r ul li {
	font-size: 9pt;
	text-align: left;
	line-height: 130%;
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
	padding: 10px;
}
.list-r li:nth-child(2n) {
	background: rgba(0, 0, 0, 0.05);
}
.list-l li:nth-child(2n) {
	background: rgba(0, 0, 0, 0.05);
}
.list-l li a, .list-r li a {
	color: #666;
}
.list-l li a:hover {
	
}

.list-l li:hover, .list-r li:hover {
	text-decoration: none;
	display: inline-block;
}
.list-l li .wpp-post-title, .list-r li .wpp-post-title {
	padding: 0;
	margin: 0;
}
.list {
	width: 100%;
	height: 200px;
	margin-bottom: 10px;
	line-height: 1;
	overflow: hidden;
}
.list-l {
	width: 49%;
	background-color: #FFF;
	float: left;
	overflow-y: scroll;
	height: 200px;
	margin-right: 2%;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	padding: 0;
}
.list-r {
	width: 49%;
	background-color: #FFF;
	float: right;
	overflow-y: scroll;
	height: 200px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	margin: 0;
}
#content {
	width: 100%;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	background: #fff;
	overflow: hidden;
}
/* /////////////////////////////////// post 險倅ｺ� /////////////////////////////////// */

.post {
	width: 100%;
	margin: 0px 0 0px 0;
	position: relative;
}
#p-t p {
	margin-bottom: 20px;
	background-color: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}
.post-top {
	width: 100%;
	margin: 0 0 10px;
	overflow: hidden;
}
.post-top h1, .post-top h2 {
	font-size: 1.8em;
	color: #333;
	font-weight: bold;
	font-family : "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", sans-serif;
	text-align: left;
	margin-bottom: 0px;
	padding: 10px 10px 5px;
	line-height: 140%;
}
.post-top h2 a {
	color: #333;
}
.post-top h2 a:hover {
	color: #CCC;
}
div.info {
	width: 30%;
	float: left;
	color: #7d7d7d;
	font-size: 14px;
	padding: 20px ;
	line-height: 200%;
	text-transform: uppercase;
	position: absolute;
	border-top: solid #ddd 1px; 
}

.info a, 
.info span, 
.info b {
	color: #333;
}
.info a {
	text-decoration: none;
}
.info a:hover {
	color: #CCC;
	text-decoration: none;
}
.tag {
	padding: 5px;
	font-size: 9px;
	border: solid 1px #ddd;
	margin-bottom: 5px;
	}
.category-btn a { 
	padding: 20px 10px; 
	background-color: #999; 
	color: #fff; 
	float: left; 
	margin:10px 10px 0;
display: block; 
letter-spacing: 0.1em; 
font-size: 12px;
 }

.entry {
	font-size: 12pt;
	margin: 0;
	width: 100%;
}


DIV.entry h2 {
    border-left: 5px solid #666;
    padding: 15px 10px 15px;
    font-size: 13pt;
    margin-bottom: 20px;
    background-color: rgba(65, 64, 64, 0.1);
    line-height: 150%;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: bold;
}
.entry p.fluid-width-video-wrapper {
	padding: 0 !important;
}

/* .fluid-width-video-wrapper {
position:  unset !important;
} */

/* .fluid-width-video-wrapper {
          position: static !important;
         } */
SPAN.label a {
	color: #fff !important;
}
.entry p {
	margin-bottom: 20px;
	line-height: 170%;
	padding: 0 10px;
	color: #222;
}
.entry p a:focus {
	outline-offset: -2px;
}
.entry p a {
	transition: all 0.2s ease 0s;
	color: #F2088C; 
	text-decoration:underline !important; 
}
.entry .banner {
	text-align: center;
	padding: 0 0 15px 0;
}
.entry .banner_left {
	float: left;
	padding: 0 10px 5px 0;
}
.postmetadata {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 3px 0 10px 0;
	border-bottom: dotted solid #333;
}
.postmetadata a {
	color: #333;
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
	margin: 0 0 0 17px;
}
.postmetadata a:hover {
	text-decoration: none;
}
.post-page {
	width: 880px;
	margin: 0px 0 50px 0;
}
h2.page_title {
	font-size: 30px;
	color: #000;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0px 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #a9babb;
}
.post-page .entry strong {
	color: #000;
}
.post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6 {
	font-size: 30px;
	color: #000;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* post twitter widget */
#twitter-widget-1 { padding: 0 10px !important;}

/* /////////////////////////////////// Begin Images /////////////////////////////////// */

p img {
	padding: 0;
	max-width: 100%;
}
/* /////////////////////////////////// Begin Various Tags & Classes /////////////////////////////////// */

acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center-post {
	text-align: center; margin: 0 auto;
	margin-right: auto;
margin-left : auto;
}

a img {
	border: none;
}
.navigation {
        text-align: center;
        padding:10px 0 30px 0;
	margin:0 auto;
	overflow: hidden;
	clear: both;
	line-height: 1.8em;
}
.navigation img {
  text-align: center;
	margin:0 auto;
}
.navigation a {
	color: #000;
	font-size: 13px;
}
.wp-pagenavi {
	padding: 15px 0 0px 0;
	text-align: center;
}
.wp-pagenavi a {
	padding: 6px 8px 6px 8px;
	margin: 2px;
	color: #000;
	background: #ffffff;
}
.wp-pagenavi span.pages {
	padding: 6px 8px 6px 8px;
	margin: 2px;
	background: #363636;
	color: #fff;
}
.wp-pagenavi span.current {
	padding: 6px 8px 6px 8px;
	margin: 2px;
	background: #828282;
	color: #000;
}
.wp-pagenavi span.extend {
	padding: 6px 8px 6px 8px;
	margin: 2px;
	background: #828282;
	color: #000;
}
/* End Various Tags & Classes*/

.entry ul {
	margin: 0;
	list-style: none;
	padding: 10px;
	background: #fafafa;
	border: 1px solid #dedede;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.entry ul li {
	display: block;
}
.entry ol {
	margin: 0 10px 25px 5px;
	padding: 15px 15px 15px 40px;
	
}
.entry ol li {
	
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
ol li {
	list-style: decimal outside;
}
/* End Entry Lists */




.clear {
	clear: both;
}
/* single rank */





#singlerank {
	width: 100%;
	height: 240px;
	overflow: auto;
}
#singlerank ul {
	list-style: none;
	width: 2140px;
	margin: 0;
}
#singlerank ul li {
	height: 213px;
	width: 213px;
	float: left;
}
#singlerank ul li:first-child {
	margin-left: 0;
}
#singlerank .ui-flickable-container {
	cursor: pointer;
}
#singlerank li .wpp-post-title {
	display: none;
}
/* ////////////////////// side */





#sidebar {
	width: 100%;
	margin: 0 auto;
}
#sidebar h2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12pt;
	margin-bottom: 10px;
}
#sidebar ul {
	margin-bottom: 10px;
}
.text-ad {
	margin: 0 auto;
	padding: 10px 0;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden;
}
#ads {
	width: 850px;
	overflow: hidden;
	margin: 0 auto;
	height: 310px;
}
.ads {
	float: left;
	width: 336px;
	height: 280px;
}
.facebook {
	float: right;
	width: 410px;
	height: 290px;
	overflow: hidden;
}
.in-banner {
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
}
.footer-ad {
	display: none;
}
#sidebar .thumbnail img {
	padding: 5px;
	width: 160px;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}
#sidebar .thumbnails li {
	float: left;
	margin: 0 0 18px 5px;
}
#sidebar .span3 {
	width: 170px;
	margin: 0 auto;
}
/**

 * Some extra styles to randomize heights of grid items.

 */

.pin ali:nth-child(3n) {
	height: 175px;
}
.pin ali:nth-child(4n-3) {
	padding-bottom: 30px;
}
.pin ali:nth-child(5n) {
	height: 250px;
}
#page-post {
	width: 100%;
	margin: 0 auto;
}
#page-post p {
	font-size: 11pt;
	line-height: 140%;
}
.pg-about p {
	font-size: 11pt;
	line-height: 140%;
	margin-bottom: 20px;
}
.pg-about {
	background: #FFF;
	margin: 0 auto;
	text-align: center;
	width: 820px;
	overflow: hidden;
	padding: 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.52);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.52);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.52);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.space {
	overflow: hidden;
	height: 30px;
}
/* ///////////// comments /////////////// */

#pickup {
	width: 860px;
	overflow: hidden;
	margin: 20px 0;
	padding: 10px;
	background-color: #CCC;
}
.span-n {
	background-color: #FFF;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	width: 398px;
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.cd-s {
	width: 100%;
}
.cd-s img {
	width: 160px;
	height: 160px;
	float: left;
}
.caption-text {
	float: right;
	width: 220px;
}
/* //////////////////// left-side //////////////////// */


#left-side {
	float: left;
	width: 15%;
	position: relative;
	margin: 0;
	padding: 0;
}
#left-side li, #sidebar-right li {
	margin-bottom: 10px;
}
#left-side h2 {
	font-family: 'Montserrat', sans-serif;
	background: #999;
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 5px 0px;
	font-size: 13pt;
	text-align: center;
}
.thumbnails {
	margin-left: -8px;
	list-style: none;
 *zoom: 1;
}
.thumbnails:before, .thumbnails:after {
	display: table;
	content: "";
}
.thumbnails:after {
	clear: both;
}
.thumbnails > li {
	float: left;
	margin: 0 0 18px 5px;
}
a.thumbnail:hover {
	border-color: #0088cc;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.thumbnail .caption {
	padding: 9px;
}
.span3 {
	width: 100%;
	margin: 0 auto;
}
.thumbnails p {
	margin: 0 0 9px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
.thumbnails p small {
	font-size: 11px;
	color: #999999;
}
.lead {
	margin-bottom: 18px;
	font-size: 20px;
	font-weight: 200;
	line-height: 27px;
}
h5 {
	margin: 0;
	font-weight: bold;
	color: #333333;
	text-rendering: optimizelegibility;
}

h6 {
	margin: 0 0 10px;
	color: #F2088C;
	text-rendering: optimizelegibility;
}
h5 small, h6 small {
	font-weight: normal;
	color: #999999;
}
h5, h6 {
	line-height: 18px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
	text-transform: uppercase;
}
/* //////////////////// right-side //////////////////// */


#sidebar-right {
	float: right;
	width: 15%;
	position: relative;
	margin: 0;
	padding: 0;
}
#sidebar-right h2 {
	margin: 0 0 10px 0;
	padding: 5px 0;
}
#sidebar-right .popular-posts ul li {
}
/* popular posts */

.popular-posts h2 {
	font-family: 'Montserrat', sans-serif;
	background: #999;
	color: #FFF;
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 13pt;
	text-align: center;
}
.popular-posts li {
	display: block;
	line-height: 1;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	background: #fff;
}
#sidebar-right .popular-posts ul li img {
	width: 100%;
	height: auto;
	margin: 0 0px 10px 0;
}
#sidebar-right .popular-posts ul li {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
.wpp-post-title {
	padding: 0px ;
	line-height: 145%;
	color: #666;
	
}
.wpp-date {
	padding: 5px 9px 0px 9px;
	color: #ccc;
	font-size: 8pt;
	float: left;
}
/* post in style */

.nakatwo {
	border-left: 5px solid #CCC;
	padding: 12px 10px;
	border-bottom: 1px solid #CCC;
	font-size: 14pt;
	margin-bottom: 20px;
	margin-top: 30px;
	line-height: 145%;
}
/* ///////////////////////////////////// past posts */

/* 髢｢騾｣險倅ｺ� */

#pastheader {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.pattern {
	position: relative;
	overflow: hidden;
}
.list-post li {
	background: no-repeat 97% 50%;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	line-height: 100%;
        border-right: solid 1px #ddd;
}
.inner {
	display: table-row;
	overflow: hidden;
}
.li-img {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding-right: 1em;
}
.li-img img {
	display: block;
	width: 100%;
	height: auto;
}
.li-text {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding-right: 1em;
}
.li-head {
	margin: 0;
}
a H4.li-head {
	color: #333 !important;
	text-decoration: none !important;
	font-size: 9pt;
	line-height: 130%;
}
a:hover H4.li-head {
	color: #ccc !important;
	text-decoration: none !important;
}
a.li-head {
	text-decoration: none !important;
}
.li-summary {
	display: none;
	margin: 0;
}
.li-action {
	margin: 10px 0 0 0;
	color: rgb(153,153,153);
}
 @media screen and (min-width: 40em) {
.list-post li {
	background: none;
}
.li-summary {
	display: block;
}
}
 @media screen and (min-width: 60em) {
.list-post li {
	float: left;
	width: 50%;
}
.inner {
	padding-right: 1em;
}
}
/* twitter past post tweets */

.listclear {
	position: absolute;
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-color: transparent rgba(0, 0, 0, 0.5);
	border-width: 0 0 75px 75px
}
.suji {
	position: relative;
	right: 70px;
	top: 1px;
	color: white;
	font-weight: bold;
	font-size: 20px
}
.suji span {
	position: relative;
	bottom: 5px;
}
/* //////////// category page ///////// */



#content-category {
	margin: 0 auto;
	width: 880px;
	padding-top: 10px;
	position: relative;
	padding: 5px;
	line-height: 1;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	background: #fff;
}
.navigation {
	overflow: hidden;
	margin-bottom: 40px;
}
/* sub nav */





.floating-widget {
	width: 100%;
	margin: 0 auto;
	z-index: 2000;
}
.floating-widget.floating {
	position: fixed;
	top: -1px;
}
.floating-widget.pinned-bottom {
	position: absolute;
	bottom: 0;
	background-color: orange;
	_position: static;
}
.subnav {
	margin: 0 auto;
	width: 100%
}
.subnav .nav, .subnav .edge {
	width: 100%;
	margin: 0 auto
}
.subnav .edge {
	height: 1px;
	background-color: #dcdcdc
}
.subnav .nav {
	padding: 15px 0;
	background-color: #fff;
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .15em;
	font-weight: 300;
	text-align: center
}
.subnav .nav em {
	color: #999;
	padding: 0 .4em
}
.subnav .nav a, .subnav .nav a:visited {
	color: #ccc
}
.subnav .nav a:hover {
	color: #333
}
.subnav.pinned {
	top: -1px;
	z-index: 100;
	margin: 0;
	position: fixed
}
 @media only screen and (min-width:1080px) {
.subnav .nav, .subnav .edge {
	width: 1080px
}
.subnav .edge {
	background: #dcdcdc;
	background: -webkit-linear-gradient(left, rgba(220, 220, 220, 0) 0, #dcdcdc 5%, #dcdcdc 95%, rgba(220, 220, 220, 0) 99%);
	background: -moz-linear-gradient(left, rgba(220, 220, 220, 0) 0, #dcdcdc 5%, #dcdcdc 95%, rgba(220, 220, 220, 0) 99%);
	background: -ms-linear-gradient(left, rgba(220, 220, 220, 0) 0, #dcdcdc 5%, #dcdcdc 95%, rgba(220, 220, 220, 0) 99%);
	background: -o-linear-gradient(left, rgba(220, 220, 220, 0) 0, #dcdcdc 5%, #dcdcdc 95%, rgba(220, 220, 220, 0) 99%);
	background: linear-gradient(left, rgba(220, 220, 220, 0) 0, #dcdcdc 5%, #dcdcdc 95%, rgba(220, 220, 220, 0) 99%)
}
.subnav .nav {
	background: #fff;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 5%, #fff 95%, rgba(255, 255, 255, 0) 99%);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 5%, #fff 95%, rgba(255, 255, 255, 0) 99%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 5%, #fff 95%, rgba(255, 255, 255, 0) 99%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 5%, #fff 95%, rgba(255, 255, 255, 0) 99%);
	background: linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 5%, #fff 95%, rgba(255, 255, 255, 0) 99%)
}
}
 @media only screen and (max-device-width:1024px) {
.subnav a {
	white-space: nowrap
}
.subnav nav {
	line-height: 1.8em
}
}
/* /////////////////////// top hot post /////////////////////// */



#top-hot-post {
	padding-top: 5px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#top-hot-post h3 {
	font-family: 'Montserrat', sans-serif;
	background: rgb(153,153,153);
	color: rgb(255, 255, 255);
	padding: 10px 6px;
	display: inline-block;
	margin: 0;
}
.popular-posts {
}
.ppt ul {
	padding: 0;
	margin: 0;
}
.ppt li {
	padding: 0;
	margin: 0;
	float: left;
	width: 213px;
}
.ppt:hover .wpp-post-title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 213px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 1;
	color: white;
	font-weight: bold;
}
.wpp-post-title a:hover {
	text-decoration: none;
}
.ppt {
	position: relative;
	float: left;
	display: block;
}
.ppt img {
	width: 213px;
	height: 213px;
}
.ppt .wpp-post-title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 203px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	line-height: 135%;
	padding: 5px 5px 10px 5px;
}
.ppt .wpp-post-title a {
	color: white;
	font-weight: bold;
}
.ppt .post-stats span {
	position: absolute;
	width: 0;
	height: 0;
	float: left;
}
.ppt .wpp-views {
	position: relative;
	right: 90px;
	top: 10px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	line-height: 120%;
	text-shadow: 0 1px 0 #333;
}
/* single flick slider */





#singleflick {
	width: 100%;
	height: 232px;
	overflow: auto;
}
#singleflick ul {
	list-style: none;
	width: 10240px;
	margin: 0;
}
#singleflick ul li {
	height: 213px;
	width: 213px;
	float: left;
}
#singleflick ul li:first-child {
	margin-left: 0;
}
#singleflick .ui-flickable-container {
	cursor: pointer;
}
/* ///////////// button /////////////// */

.btn {
	display: inline-block;
	padding: 4px 10px 4px;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-repeat: no-repeat;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
 *margin-left: .3em;
}
.btn:first-child {
 *margin-left: 0;
}
.btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.btn:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.active, .btn:active {
	background-image: none;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-color: #e6e6e6;
	background-color: #d9d9d9 \9;
	color: rgba(0, 0, 0, 0.5);
	outline: 0;
}
.btn.disabled, .btn[disabled] {
	cursor: default;
	background-image: none;
	background-color: #e6e6e6;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-large {
	padding: 9px 14px;
	font-size: 15px;
	line-height: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn-large .icon {
	margin-top: 1px;
}
.btn-small {
	padding: 5px 9px;
	font-size: 11px;
	line-height: 16px;
}
.btn-small .icon {
	margin-top: -1px;
}
.btn-primary, 
.btn-primary:hover, 
.btn-warning, 
.btn-warning:hover, 
.btn-danger, 
.btn-danger:hover, 
.btn-success, 
.btn-success:hover, 
.btn-info, 
.btn-info:hover {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active {
	color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #0044cc;
}
.btn-primary:active, .btn-primary.active {
	background-color: #003399 \9;
}
/* ////////////////////// FOOTER */

/* footer */
#footer-wrap {
	width: 100%;
	margin: 0 auto;
	border-top: 1px #CCC solid;
	background-color: #ccc;
	overflow: hidden;
}
#footer {
	width: 1100px;
	margin: 0 auto;
	padding: 20px 0;
}
#etc {
	width: 80%;
	float: left;
}
#etc li {
	float: left;
	margin-right: 15px;
	font-size: 11px;
}
#legal {
	float: right;
	widows: 20%;
	font-size: 11px;
}
.tw {
	width: 360px;
	overflow: hidden;
	padding: 20px 0 0;
}
.side_ad {
	width: 300px;
	height: 250px;
	padding: 20px 30px;
}

#etc ul { margin:0  !important; }

/* single page */

.single-p {
	overflow: hidden;
	padding: 20px 0;
}
#wp_page_numbers {
	text-align: center;
	margin: 20px
}
#wp_page_numbersn li a, #wp_page_numbers li strong {
	background: #EFEFEF;
	display: inline-block;
	margin-right: 3px;
	padding: 4px 12px;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 12pt;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wp_page_numbers li a:hover {
	background-color: #BEBEBE;
	color: #fff;
}
#wp_page_numbers li a:active {
	background: rgba(190, 190, 190, 0.75);
}
#wp_page_numbers li strong {
	color: #fff;
	background-color: #BEBEBE;
}
#wp_page_numbers li, .page_info {
	display: inline;
}
#wp_page_numbers a, .page_info {
	background: #EFEFEF;
	display: inline-block;
	margin-right: 3px;
	padding: 4px 12px;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 12pt;
}
/* share button */

.share-button {
	vertical-align: top;
	overflow: hidden;
	float: right;
	margin: 0 auto;
	padding: 0;
}
.share-button li {
	float: left;
	margin-right: 6px;
	vertical-align: top;
	padding: 20px 0;
	border: none;
}
.entry ul {
	overflow: hidden;
}
.amazlet-box {
padding: 20px;
display: inline-block;
font-size: 10pt;
float: right;
overflow: hidden;
width: 70%;
	border-top: solid #ddd 1px; 
	border-left: solid #ddd 1px; 
}

.sticky-itslink {
    padding: 20px;
    display: inline-block;
    font-size: 10pt;
    float: right;
    overflow: hidden;
    width: 70%;
   border-top: solid #ddd 1px; 
	border-left: solid #ddd 1px; 
}

.sticky-itslink p {
        line-height: 0;
	}

.amazlet-powered-date {
	display: none;
}
.text-ad2 {
	display: inline;
	padding: 10px 0 0 0;
}
/* video */



.iframe, .object {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
/* google map */



.map {
	overflow: hidden;
	background: #CCC;
}
#map_canvas {
	height: 200px;
}
.text-over-image-text {
	background: none repeat scroll 0% 0% rgb(51, 51, 51);
	color: rgb(255, 255, 255);
	padding: 3px 6px;
	display: inline-block;
}
.text-over-image-text h5 {
	font-size: 13pt;
	padding: 0;
	margin: 0;
}
#wp_page_numbers {
	margin: 0 auto;
	display: block;
	width: 100%;
}
/* Page */



.next-prev {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}
.prev a, .next a {
	color: rgb(34, 34, 34);
	text-decoration: none;
	padding: 4px 10px 6px;
	font-size: 14px;
	display: block;
}
.prev {
	float: left;
}
.next {
	float: right;
}
.page a {
	background: none repeat scroll 0% 0% rgb(238, 238, 238);
	color: rgb(34, 34, 34);
	font: bold 12px/1 helvetica, arial, sans-serif;
	padding: 6px 10px 3px;
}
.linkwithin_outer {
	width: 100%;
	float: left;
	overflow: hidden;
}
.linkwithin_outer, #linkwithin_text_0, .linkwithin_text {
}
/* /////////////////////////////////////////////////////// universal sly /////////////////////////////////////////////////////// */



.big {
	width: 10240px;
}
.slyWrap .controls {
	margin: 20px 0;
}
.controls {
	text-align: center;
}
.sly {
	overflow: hidden;
}
.sly > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sly > ul li {
	position: relative;
	margin: 0;
	padding: 0;
	background: #4DBCE9;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.sly > ul li.active {
	background: #fff;
	color: #4DBCE9;
	-webkit-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-moz-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-o-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
}
.pages {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 2px;
	text-indent: -999px;
	background: #fff;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #aaa;
}
.pages li:hover {
	background: #eee;
}
.pages li.active {
	background: #999;
	border-color: #888;
	box-shadow: inset 0 0 0 2px #eee;
}
/* Horizontal examples */


.scrollbar {
	margin: 0px 0px 1em;
	height: 2px;
	background: none repeat scroll 0% 0% rgb(204, 204, 204);
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: none repeat scroll 0% 0% rgb(41, 42, 51);
	cursor: pointer;
}
#horizontal .slyWrap {
	margin: 1em 0 0 0;
}
#horizontal .scrollbar {
	margin: 1em 0;
	height: 12px;
}
#horizontal .scrollbar .handle {
	width: 100px;
	height: 100%;
}
#horizontal .example1 .sly {
	height: 212px;
}
#horizontal .example1 .sly ul {
	height: 100%;
}
#horizontal .example1 .sly ul li {
	float: left;
	width: 212px;
	height: 100%;
	margin: 0 1px 0 0;
	font-size: 50px;
	line-height: 170px;
}
#horizontal .example4 .sly ul li.active {
	opacity: 1;
}
/* Vertical examples */

#vertical .slyWrap {
	margin: 1em 0;
	width: 470px;
	float: left;
}
#vertical .scrollbar {
	width: 5px;
}
#vertical .scrollbar .handle {
	height: 100px;
	width: 100%;
}
#vertical .example1 {
	position: relative;
}
#vertical .example1 .sly {
	width: 445px;
	height: 500px;
	border: 1px solid #aaa;
}
#vertical .example1 .sly ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#vertical .example1 .sly ul li {
	height: 80px;
	margin: 0 0 1px 0;
	font-size: 40px;
	line-height: 80px;
}
#vertical .example1 .scrollbar {
	position: absolute;
	top: 0;
	right: 10px;
	height: 500px;
}
/* Vertical example */

#infinite .controlbar {
	margin: 2em 0 1.5em;
}
#infinite .frameWrap {
	position: relative;
	height: 500px;
}
#infinite .frame {
	height: 500px;
	margin-right: 20px;
	overflow: hidden;
	border: 1px solid #888;
}
#infinite .frame ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#infinite .frame ul li {
	margin: 0 0 5px 0;
	padding: 0;
	height: 200px;
	line-height: 200px;
	font-size: 30px;
	border-bottom: 1px solid #aaa;
	background: #eee;
	color: #888;
	text-align: center;
}
#infinite .scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 498px;
}
#infinite .scrollbar .handle {
	height: 100px;
	width: 100%;
}
/* list RT tweet */

.listclear {
	position: absolute;
	width: 0;
	height: 0;
	float: left;
	border-style: solid;
	border-color: transparent #000;
	opacity: 0.7;
	border-width: 0 0 75px 75px
}
.suji {
	position: relative;
	right: 70px;
	top: 1px;
	color: white;
	font-weight: bold;
	font-size: 20px
}
.suji span {
	position: relative;
	bottom: 5px;
}
/* past post h2  kanren kiji */

h2.fea-title {
    position: absolute;
    padding: 15px;
    background-color: #666;
    color: #fff;
    z-index: 3;
    margin: 0  auto;
    font-size: 18px;
}
.yarpp-related {
	overflow: hidden;
}
h2.past-post {
	line-height: 150%;
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px 10px;
	background-color: rgb(246, 246, 246);
	color: rgb(51, 51, 51);
	border-bottom: solid 1px #ccc;
	position: relative;
}

H4.li-head a {
	color: #333;
}

ul.list-post {
	    border-left: #ddd solid 1px; 
	    overflow: hidden;
	    }

ul.list-post li {
      width: 33.3333333333333333%;
}
.fea-pics {
    position: relative;
    height: 260px;
    width: 100%;
    overflow: hidden;
    display: block;
    border-right: 10px #fff solid;
    border-left: 10px #fff solid;
    border-top: 20px #fff solid;
}
.fea-pics:hover {
	opacity: 0.6;
	}
.fea-pics img {
      position: absolute;
    top: 0px;
    width: 100%;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.fea-txt {
	position: absolute;
	bottom: 0px;
	padding: 10px 0px 20px;
	color: #222; 
	font-size: 12px; 
	background-color: #fff;
	z-index: 3;
        width:100%;
	}
	

/* sidebar-right */
#sidebar-right h2 {
	font-family: 'Montserrat', sans-serif;
	background: none repeat scroll 0% 0% rgb(153, 153, 153);
	color: rgb(255, 255, 255);
	margin: 0px 0px 10px;
	padding: 5px 0px;
	font-size: 13pt;
	text-align: center;
}

.rank-wp {
height: 508px;
	overflow-y: scroll;
	}
.sidebar .rank, .sidebar .popular, .sidebar .newpost {
	border: 1px #ddd solid;
	padding: 0 5px;
	background-color: #FFF;
}
.sidebar .popular, .sidebar .newpost {
	display: none;
}
.sidebar .rank {
	display: block
}
.sidebar .links li {
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	background: #f7f7f7;
	border-left: 0.1em solid #e6e6e6;
	border-bottom: 0.1em solid #e6e6e6;
	padding: 10px 0;
}
.sidebar .links li.active {
	background: white;
	border-bottom-color: white;
}
.sidebar .links li:first-child {
	border-top-left-radius: 0.3rem;
	border-left: 0;
}
.sidebar .links li:last-child {
	border-top-right-radius: 0.3rem;
}
.sidebar .links #news-t {
	display: block;
	padding: 1.9em 0 1.5em;
	color: #1d2121;
}
.sidebar .links #news-t:hover {
	background: rgba(255, 255, 255, 0.5);
}
.sidebar .content li:last-child figure {
	border-bottom: none;
 *zoom: 1;
}
.sidebar .content li:last-child figure:before, .sidebar .content li:last-child figure:after {
	content: " ";
	display: table;
}
.sidebar .content li:last-child figure:after {
	clear: both;
}
.sidebar .content figure {
	margin: 0 1.2em;
	padding: 1.2em 0;
}
.sidebar .content figure img {
	float: left;
	margin-right: 1.2em;
	border-radius: 0.3em;
}
.sidebar .content figure .description p {
	margin: 0;
	margin-bottom: 0.5em;
}
.sidebar .content figure .description a {
	color: #46494c;
	font-size: 0.9em;
}
.sidebar .content figure .description a:hover {
	color: #e76049;
}
.sidebar .content figure .description a span {
	margin-right: 0.35em;
}
.unstyled {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.table > li {
	display: table-cell;
}
.table {
	display: table !important;
}
/* BIL Bottom AD */
.bil-bottom {
	position: fixed;
	bottom: 0px;
	z-index: 2;
	right: 3%;
	width: 214px;
	height: 188px;
}
.bil-bottom a:hover img {
	opacity: .7;
	-moz-transition: opacity 0.5s linear 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-moz-transition-timeing-function: linear;
	-moz-transition-timing-function: linear;
	-moz-transition-delay: 0s;
}

/* IN PICKUPS */
.sale-tag {
    width: 50px;
    height: 100px;
    background: none repeat scroll 0% 0% rgb(255, 0, 0);
    position: absolute;
    top: -45px;
    right: -10px;
    transform: rotate(-45deg);
}

.sale-tag span {
    position: absolute;
    top: 48px;
    left: 2px;
    transform: rotate(45deg);
    font-size: 11px;
    color: rgb(255, 255, 255);
}

section#in-pickup { background-color:#fff; margin:0 auto; }
#in-pickup .span6 { position: relative; overflow:hidden; margin:0; padding:0; width:50% !important;}
#in-pickup .span6:first-child { border-right:solid 1px #ccc; }
#in-pickup .span6 img:hover { opacity:0.7; }
#in-pickup .span6 h2 { border:none; margin:0; padding:10px; font-size:1.5em; }
#in-pickup .span6 p { margin:0 10px 10px 10px ; line-height:150%; }
#in-pickup .span6 h2 a:hover { text-decoration:none; }
#in-pickup .span6 p a:hover { text-decoration:none; color:#ccc;}
#in-pickup .span6 a:hover { text-decoration:none !important; }

.red { color:#F00; }

/* 谺｡縺ｮ險倅ｺ九€∝燕縺ｮ險倅ｺ� */
.inpost-np { width:90%; overflow:hidden; border-top:solid 1px #ccc; margin:0 auto; }
.in-previous { float:left; font-size:1.4em; padding:10px; background-color:#555555; }
.in-next { float:right; font-size:1.4em; padding:10px; background-color:#555555; }

.in-previous a, .in-next a { color:#fff;}


/* ///////////////// yoko smartphone ///////////////// */

@media screen and (max-width: 480px) {
.logo {
	margin: 0 auto;
	text-align: center;
	float: none;
	padding-left: 25px;
}
.banner {
	margin: 0 auto;
	float: none;
}
.menu, .bil-bottom {
	display: none;
}
#wapper {
	padding: 0;
}
#left-side, #sidebar-right, .list, .center-banner, .facebook, #toph-two, .amazon-album, #singlerank, #footer, .in-banner, #ama, #ad {
	display: none;
}
#tab {
	width: 100%;
}
#tab ul.tab_menu li {
	font-size: .8em !important;
}
#top-hot-post {
	display: block;
}
#conts {
	width: 100%;
	margin: 0 auto;
}
.post-top h2 a {
	font-size: 15pt;
	line-height: 130%;
}
.entry ul {
	margin: 0 auto;
	float: none;
}
.entry ul li {
	list-style: none;
}
.amazlet-box {
	float: none;
	width: 100%;
}
#ads {
	margin: 0 auto;
}
.ads {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.footer-ad {
	margin: 0 auto;
	text-align: center;
}
.linkwithin_outer, #toph-two {
	display: none;
}
.side_fb {
	float: left;
	margin: 0 auto;
}
#tab ul.tab_menu li {
	display: block;
	padding: 4px 6px;
	cursor: pointer;
	font-size: 0.65em !important;
	letter-spacing: -1px;
	margin: 0 !important;
}
LI#popular.widget-tab, LI#rank.active.widget-tab, LI#newpost.widget-tab {
	font-size: 0.7em;
}
/* past post */
UL.list-post.img-list li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.yarpp-related ul.list-post li:nth-child(n+5), 
.yarpp-related ul.list-post li:nth-child(n+6) {
}
/* 縺ゅ∪縺｡繧・ｓ髢｢騾｣ SP 縺ｧ縺ｯ豸医☆ */
.sp-no, .scrollbar, UL.pages {
	display: none !important;
}
}
a.inner {
	background-color: #FFF;
	color: #333;
}
a.inner:hover {
	background-color: #666;
	color: #fff;
	text-decoration: none;
}
/* custamaiz */
div.inrank.rank a, div.popular.inrank a, div.newpost.inrank a {
	line-height: 125%;
	color: #333;
}
div.inrank.rank a:hover, div.popular.inrank a:hover, div.newpost.inrank a:hover {
	line-height: 125%;
	color: #ccc;
	text-decoration: none !important;
}
span.wpp-post-title a:hover {
	text-decoration: none;
}
span.wpp-post-title:hover {
	text-decoration: none;
}
/* 髢｢騾｣險倅ｺ� */
DIV#pastheader.relatedposts .pattern {
	border: none;
	margin: 0;
	background: #fff;
	border-top: solid #ccc 1px;
}
DIV#pastheader.relatedposts UL.list-post.img-list {
	background: #fff;
	border: none;
	margin: 0;
	padding: 0;
}
DIV#pastheader.relatedposts UL.list-post.img-list li {
	background: #fff;
	overflow: hidden !important;
}
DIV#pastheader.relatedposts img {
}
DIV#pastheader.relatedposts .past-post {
	color: #fff;
	text-transform: uppercase;
}
DIV#pastheader.relatedposts h2 {
}
/* 險倅ｺ倶ｸｭ縺ｮ蜀咏悄 */
/* 2. We tell each occurrence of this element to increment the counter */
.myAwesomeElement {
	counter-increment: myAwesomeCounter;
}
/* 3. We display the value of the counter before the element */
.myAwesomeElement:before {
	content: counter(myAwesomeCounter);
}
.article {
	counter-reset: figures;
}
.figure {
	counter-increment: figures;
}
.figure figcaption:before {
	content: 'Fig. ' counter(figures) ' - ';
}
.figure-left {
	float: left;
	margin: 0 1em .5em 0;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
}
.figure-right {
	float: right;
	margin: 0 0 .5em 1em;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
}
.figure-right img, .figure-left img {
	max-width: 300px; /* Adjust to suit your needs */
}
.figure {
	padding: 0.9em;
	border: 3px solid #f5bca8;
	background: #fff;
	margin: 0 auto 1em;
}
.figure img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
.figure figcaption {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.8em;
	padding: .5em;
	text-align: center;
	color: #fff;
	background: #f5bca8;
}
@media (max-width: 767px) {
.figure-left, .figure-right {
	float: none;
	margin: 0 0 1em 0;
	width: 100%;
}
.figure img {
	max-width: 100%;
}
}
/* Facebook Like Box width: 100% */
.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span {
	width: 100% !important;
}
DIV#content.narrowcolumn ul li div h2 a {
	color: #333 !important;
}

.count_sns {
    float: right;
    font-size: 105%;
    line-height: 1;
    margin: 0px;
    padding: 5px 0px;
}


	
/* /////////////////////////////////// content in band info /////////////////////////////////// */
.bandin {
    display: block;
    padding: 10px;
	margin: 0 10px;
    line-height: 20px;
   background : rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.055);
    transition: all 0.2s ease-in-out 0s;
}
}

/* /////////////////////////////////// next page icon /////////////////////////////////// */
.st-icon  {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0px 10px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #CCC;
}

DIV.entry p a:hover { opacity:0.6; }
a:focus {
	outline: none;
}

/* pagenation */
DIV.pagination { vertical-align:middle; text-align:center; margin:0 auto; width:100%; padding-bottom:20px; }
.pagination > li > a, .pagination > li > span { font-size:1.1em;}
A.page-numbers { color:#F06; }


span.wpp-views { display:none; }

/* /////////////////////////////////// 繧ｫ繧ｹ繧ｿ繝 /////////////////////////////////// */
.span3.center-content { margin-left:10px  !important; }

/* /////////////////////////////////// archive /////////////////////////////////// */
.archive-content ul li { border-bottom:1px solid #ccc; }
.archive-content ul li:last-child { border-bottom:none; }

div#content.narrowcolumn.archive-content ul li div h2 { vertical-align:middle;
margin-right:20px;}

.wpp-date { display:none; }

#sidebar-right .popular-posts ul li img { padding:5px 5px 0; }

/* ///////////////////////// RANKING /////////////////////////////////// */


#tab {
	width: 100%;
	overflow: hidden;
}
#tab li a:hover {
	text-decoration: underline;
}
#tab ul.tab_menu {
	overflow: hidden;
	margin: 0px;
}
#tab ul.tab_menu li {
	float: left;
}
#tab ul.tab_menu li:hover, #tab ul.tab_menu li.active {
	color: rgb(255, 255, 255);
	background: none repeat scroll 0% 0% rgb(153, 153, 153);
}
#tab ul.tab_menu li {
	display: block;
	padding: 6px 7px;
	cursor: pointer;
	font-size: 0.8em;
	letter-spacing: -1px;
	margin-right: 5px;
}
#tab ul.tab_menu li {
	float: left;
}
#tab ul.tab_menu li:hover, #tab ul.tab_menu li.active {
	color: #fff;
	background: #999;
}
#tab .rank {
	display: block
}
#tab .popular, #tab .newpost {
	display: none;
}
#tab .rank, #tab .popular, #tab .newpost {
	border: 1px #ddd solid;
	padding: 0 5px;
	height: 740px;
	overflow-y: scroll;
	background-color: #FFF;
}
#tab .rank li, #tab .popular li, #tab .newpost li {
	list-style: none;
	margin: 0 auto;
	font-size: 10pt;
}
.widget-tab, .widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab, .widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab, .widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	line-height: 36px;
	font-weight: normal;
	color: rgb(153, 153, 153);
	background: none repeat scroll 0% 0% rgb(252, 252, 252);
	border-style: solid;
	border-color: rgb(221, 221, 221);
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-width: 1px 1px 0px;
	border-radius: 5px 5px 0px 0px;
	padding-bottom: 0px;
	bottom: auto;
}
.wpp-list img {
	margin: 10px;
	display: inline-block;
	border-radius: 6px 6px 6px 6px;
}
.inrank .wpp_cached_thumb {
	float: left;
	width: 80px;
	height: 80px;
	margin: 2px 12px 0 0;
}
.inrank li {
	display: block;
	line-height: 120%;
	padding: 10px 12px;
	color: rgb(85, 85, 85);
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	margin: 0;
}
.inrank li:hover {
	background: #f7f7f7;
}
.inrank a:hover img {
	opacity: .7;
	-moz-transition: opacity 0.5s linear 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-moz-transition-timeing-function: linear;
	-moz-transition-timing-function: linear;
	-moz-transition-delay: 0s;
}
.inrank li {
	font-size: 1.1em;
	border-color: rgb(182, 184, 183) -moz-use-text-color rgb(255, 255, 255);
	border-top: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	vertical-align: middle;
}
div.inrank ul {
	margin: 0;
	padding: 0;
}
.card {
	background: white;
	border-radius: 0.3rem;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
div.inrank.rank ul.wpp-list li a {
	vertical-align: middle;
}

/* /////////////////////////////////// rank number /////////////////////////////////// */


.inrank ul {
    counter-reset:li; /*繧ｫ繧ｦ繝ｳ繝医Μ繧ｻ繝・ヨ*/
    }
.inrank ul li {
    list-style:none; /*繝・ヵ繧ｩ繝ｫ繝医リ繝ｳ繝舌Μ繝ｳ繧ｰ繧呈ｶ医☆*/
    position:relative;
    z-index:0;
    
    }
.inrank ul li:before {
    content:counter(li); /*繧ｫ繧ｦ繝ｳ繧ｿ繝ｼ縺ｮ繧､繝ｳ繝・ャ繧ｯ繧ｹ繧呈諺蜈･*/
    counter-increment:li; /*繝翫Φ繝舌Μ繝ｳ繧ｰ繧堤函謌�*/
    /* 縺薙％縺九ｉ逡ｪ蜿ｷ縺ｮ繧ｹ繧ｿ繧､繝ｫ */
    position:absolute;
    z-index:10;
    top:5px; /*菴咲ｽｮ*/
    left:5px;
    width:30px; /*蟷�*/
    height:39px; /*鬮倥＆*/
    padding-top:7px;
    color:#fff; /*譁・ｭ苓牡*/
    background:url(http://www.indienative.com/wp-content/uploads/2013/11/cat_pop.png) no-repeat; /*閭梧勹逕ｻ蜒�*/
    font-family: 'Federo', sans-serif; /*web繝輔か繝ｳ繝�*/
    font-size:150%;
    text-align:center;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    display:none\9; /*IE8縺ｯ髱櫁｡ｨ遉ｺ*/
	text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    }


/* /////////////////////////////////// 髢｢騾｣險倅ｺ� /////////////////////////////////// */


.col-md-6.kanren { 
padding-right: 0px !important;
}

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

.col-md-3 {
	padding: 0px !important;
}
ul li.col-md-3 a .thumbnail { padding: 0; margin: 0; display: block;}

.col-md-4 {
	padding: 0px !important;
}

/* 繝ｪ繝ｪ繝ｼ繧ｹ */
.col-md-3 .caption.rrrs { overflow: hidden; height: 70px;}


.col-md-2 {
	padding: 0px !important;
}
.col-md-2 .caption {
    border: 1px solid #CCC;
}

/* /////////////////////////////////// past post FEATURE 險倅ｺ� /////////////////////////////////// */

.caption.fea-single { height: 80px; }

.thumbnail.fff { margin-bottom: 0px; }

.row .past-posts { }
.past-posts .col-md-4 { 
padding-right: 0px !important;
}

.trimming { position:relative;
width: 100%;
height: 160px;
overflow: hidden; }

.trimming img{
position:absolute;
top:-20px;
width: 100%;
}

.trimming img{
position:absolute;
top:-20px;
width: 100%;
}
.feat .trimming img{
position:absolute;
top:-40px;
width: 100%;
}

h4.feat, h4.media-heading { font-weight: bold; font-size: 1.2em;}

#carousel-feature .col-md-12 { padding: 0 0px 20px; }
.list-group {
    margin-bottom: 0px !important;
    }

.carousel-indicators li {
   
    border: 1px solid #ccc !important;
    background-color: #ccc !important;
          }

/* /////////////////////////////////// 繝九Η繝ｼ繝ｪ繝ｪ繝ｼ繧ｹ /////////////////////////////////// */
ol.carousel-indicators.nrin { TOP: -30px; position: absolute;  height: 50px;}


/* /////////////////////////////////// EVENT /////////////////////////////////// */
.ievent { height: 90px; overflow: hidden; }

.col-md-3.cdad { width: 100% !important;}




/* /////////////////////////////////// 閾ｪ蜑拘NS繝懊ち繝ｳ /////////////////////////////////// */
.share { width: 100%; 
}
.share ul {
width: 100%;
margin : 0;
    padding : 0;
    list-style : none;
    }

.share li {
float : left;
    width : 16.65% !important;
    margin : 0;
    display: block;
}

.share li a {
    display : block;
    padding : 10px 5px;
    color : #fff;
    font-size : 20px;
    text-decoration : none;
    text-align : center;
    }
.share li a:hover {opacity :0.8;
    color : #fff;}
.share li a:visited{ color: #fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook-sbtn a{background-color : #315096; height: auto !important;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300;}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.googleplus a{background-color : #dd4b39;}
.feedly a{background-color: #6cc655;}

.share ul li.share-n {
	display : block;
    padding : 10px 5px;
    color : #fff;
    font-size : 20px;
    text-decoration : none;
    text-align : center;
    background: #333 !important;
	}

/* page */
.swag-about {
	background: url('http://www.indienative.com/contact/images/fes2014.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0;
}
.swag-about h1 {
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: 1px 1px 3px #333;
}
.swag-about h1 span {
	display: block;
	font-size: 25px;
	margin-top: 20px;
}
.swag-about p {     text-shadow: 1px 1px 3px #333;  }
.down-arrow-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	background: #666;
	display: inline-block;
	margin: 10px auto 20px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.down-arrow-btn:hover, .down-arrow-btn:focus {
	color: #fff;
	background: #666;
	opacity:0.6;
}
i.fa.fa-chevron-down { padding-top: 10px; }

/* listen & buy */
	ul.bmb { overflow: hidden; margin-bottom: -10px; }
	ul.bmb li { width: 48%; float: left;  }
	ul.bmb li:nth-child(2) { width: 48%; float: right;  }
	ul.bmb li a { padding: 5px 0; font-size: 12px; line-height: 150%; }
	
.col-md-3 .thumbnail {
    padding: 0px;
    margin-bottom: 0px;
}

/* tag 荳€隕ｧ */
	
	ul.wp-tag-cloud li a:before {
  font-family: 'FontAwesome';
  content: "\f02b";
  padding-right: 3px;
  color: #333;

}

ul.wp-tag-cloud li {
	float: left; 
background-color: #fff;
text-shadow: 0 1px 0 #fff;
}

ul.wp-tag-cloud li:last-child { 
	margin-bottom: 10px; }

ul.wp-tag-cloud li a { 
color: #666; 
display: inline-block;
margin-bottom: 0;
font-size: 12px !important;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px; 
}

ul.wp-tag-cloud li a:hover { text-decoration: none; }

/* post live-info */
.live-info { border: solid #ddd 1px; 
border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
margin:20px;
	padding: 10px;
}
.live-info p {
		line-height: 140%; 
		font-size: 13px;
}

/* YT 100% */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; 
}
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px 20px;
}

/* single side contents */
.single-cd { 
position: relative; 
overflow: hidden; 
}
.single-rank { position: relative;}
.single-rank li { margin-bottom: 10px; 
	border-left: #ddd solid 1px;
	border-right: #ddd solid 1px;
	border-bottom: #ddd solid 1px;
background-color: #fff;
	 }
.single-rank li:hover { opacity: 0.7; }
.single-rank li img.wpp-thumbnail { width: 100%; display: block; }
.single-rank .wpp-list img { margin: 0 0 10px !important; }
.single-rank li .wpp-post-title { padding: 10px; display: block; font-size: 12px;  }
.single-rank li a.wpp-post-title { text-decoration: none; }
.wpp-views { display: none;}

/* photo tate ver */
.tate { width: 97%; 
	height: 80%;
	background-color: #000;
margin: 0 auto;
}

.tate img { text-align: center;
	margin: 0 auto;
	height: 100%;
}

/* random amazon link */
#amazon {
         background-color: #FFF;
         }
#random {
	overflow: hidden;
        border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#random a {
	float: left;
	width: 25%;
	height: auto;
	padding: 10px;
        border-right: 1px solid #ddd;
}

#random a img {
	width: 100%;
	height: auto;
}
#random a img:hover {
	opacity: 0.6;
}

/* wp oEmbed */
.wp-embedded-content {
	position: inherit !important;
}
/* 期限付きリリース */
li.cdlist {
	float: left; 
	width: 25% !important;
	padding: 10px !important;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
        background-color: #fff;
}
li.cdlist:first-child {
	border-left: solid 1px #ddd;
}
li.cdlist img {
    display: block;
    max-width: 100%;
    height: auto;
}
.caption {
    padding: 9px 0;
    color: #333;
}

/* single fashion */

	.single-list {
		width: 100%;
		overflow: hidden;
		margin: 0;
		background-color: #fff !important;
		border: none !important;
	}
	
	.single-list li {
		float: left;
		width: 33.333333%;
		overflow: hidden;
                background-color: #fff !important;
	}
	.single-list li img {
		width: 100%;
	}
	
	.single-list li img:hover {
		opacity: 0.6;
	}
	
	.single-list li h3 {
		font-size: 14px;
		height: 20px;
		padding: 0 10px !important;
		text-align: center;
		margin: 0 !important;
	}