html {
background:0
}
@media(min-width: 321px){
body {
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
padding:24px 0 0 0;
font-size:14px;
word-wrap:break-word;
}
}
@media(max-width:320px){
body {
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
padding:6px 0 100px 0;
font-size:280%;
line-height:2 !important;
word-wrap:break-word;
letter-spacing:0.05em;
word-spacing:0.25em;
}
}
a {
text-decoration:none
}
p, h1, h2, h3, h4, h5, h6 {
margin:0
}
i, em {
font-style:italic
}
b, strong {
font-weight:700
}
ul, ol {
margin:5px 0 5px 28px
}
ul li {
list-style-type:disc
}
ol li {
list-style-type:decimal
}
blockquote {
margin:5px 0 5px 15px;
padding:0 5px 0 11px;
border-left:2px solid
}
#container {
width:1000px;
margin:0 auto 100px;
position:relative;
}
#container img, #container iframe, #container embed {
vertical-align:bottom
}
#container img {
width:auto;
height:auto;
max-width:100%
}

#header, #top {
margin:0 5px
}
#header.centered {
text-align:center
}
#top {
padding:5px 0;
margin-bottom:16px;
border-bottom:1px solid;
}

@media(min-width: 321px){
#top-nav, #description {
 font-size:12px;
 margin:0px ;
 /*overflow:hidden;*/
}
}
@media(max-width:320px){
#top-nav, #description {
 font-size:30px;
	overflow:hidden;
}
}

#top-nav, #description {
 font-size:12px;
/*overflow:hidden;*/
}
#links {
width:980px;
margin:0;
line-height:20px;
float:left;
overflow:hidden
}
#links.capped {
max-width:820px
}
#links.unslashed span.s {
visibility:hidden
}
#links li {
line-height:normal
}
#links>li {
display:inline
}
#links #description{
float:left;
}
#links #adSearch{
float:left;
margin-left:16px;
}
#search {
float:right
}
#search input {
color:#ccc;
font-size:11px;
width:144px;
padding:2px;
border:1px solid;
float:left
}
#search input.typing {
color:#666
}
#content {
overflow:hidden
}
.post, .post-content {
position:relative;
overflow:hidden
}
.post {
min-height:24px;
margin:5px
}
.wordy .post-content {
padding:0 5px
}
#index .border-index-post .not-page.wordy .left-block, #permalink .border-perm-content .not-page.wordy .post-content, #permalink .border-perm-meta .meta, .border-perm-content .page .left-block {
border-width:1px;
border-style:solid
}
#index .not-page {
width:470px;
padding:5px;
margin-bottom:16px;
float:left;
border:1px solid #eee;
-moz-box-shadow: 1px #aaa;
-webkit-box-shadow: 1px #aaa;
}
#index .right-block {
width:100%;
position:absolute;
left:0;
bottom:0
}
#index.animations.transitions.fadein .post, .animations.transitions .infscr {
opacity:0
}
#index.animations.transitions.fadein .post.opaque, .animations.transitions .infscr.opaque {
opacity:1
}
#index.no-js .post {
opacity:1!important
}
#permalink .not-page .content-block {

/*width:490px*/
}

@media(min-width: 321px){
#permalink .not-page .left-block {
float:left;
width:570px;
}
}
@media(max-width:320px){
#permalink .not-page .left-block {
width:1000px;
text-align:center;
}
}
@media(max-width:320px){
#permalink .not-page .left-block img {
 width:900px;
}
}

#permalink .not-page .right-block {
 padding-top:405px;
}
#permalink .not-page .right-block .right-box {
 float:right;
width:370px;
margin-right:24px;
font-size:12px;
}
.quote-source {
margin:5px 0;
text-align:right
}
.chat .post-content ul {
margin:5px 0
}
.chat .post-content li {
text-indent:-8px;
padding-left:8px;
list-style:none
}
.caption {
margin:8px 0 0 0;
overflow:hidden
}
.hideflash embed {
display:none
}
.no-js .hideflash embed {
display:block
}
#index .photo.wide, #index .video.wide {
width:490px
}
#index .photoset.wide {
width:240px
}
.the-photo {
text-align:center;
}
.html_photoset {
margin-left:-5px
}
.photoset-image, .caption-outer, .caption-inner {
display:inline-block
}
.photoset-image {
max-width:490px;
position:relative;
text-align:center;
vertical-align:top
}
.photoset-image img, .caption-inner {
vertical-align:bottom
}
.photoset1 {
width:490px
}
.photoset2 {
width:240px
}
.photoset3 {
width:156px
}
.photoset1 .caption-inner {
width:480px
}
.photoset2 .caption-inner {
width:230px
}
.photoset3 .caption-inner {
width:146px
}
.col1 {
margin-right:5px
}
.col2 {
margin-left:6px;
margin-right:6px
}
.col3 {
margin-left:5px
}
.col1.photoset1 {
margin-right:0
}
.row2, .row3 {
margin-top:10px
}
.caption-outer {
width:100%;
position:absolute;
left:0;
bottom:0;
opacity:.75;
display:none;
z-index:300
}
.caption-inner {
margin:5px;
overflow:hidden
}
.no-js .photoset-image {
margin-top:5px
}
.no-js .photoset-image:first-child {
margin-top:0
}
.no-js .caption-inner {
max-width:480px
}
.mobile .caption-outer, .not-mobile.no-animations .photoset-image:hover .caption-outer, .not-mobile.no-js .photoset-image:hover .caption-outer {
display:block
}
.audio .caption, .album-art, .audio-meta {
float:left
}
.audio .caption {
width:230px;
margin:0;
padding:0 5px
}
.album-art {
width:240px;
height:240px;
position:relative
}
.album-art img {
width:100%!important;
height:100%!important
}
.audio-circle {
margin:-27px 0 0 -28px;
background-color:#000;
-webkit-border-radius:28px;
-moz-border-radius:28px;
border-radius:28px;
position:absolute;
top:50%;
left:50%;
opacity:.75;
z-index:300
}
.the-audio {
height:27px;
width:28px;
overflow:hidden;
margin:14px
}
.audio-meta {
width:240px;
margin:0
}
.audio-meta li {
margin-bottom:5px;
padding:5px;
list-style-type:none
}
#permalink .album-art {
margin-right:10px
}
.the-video embed, .the-video iframe {
max-width:100%
}
.tagged {
margin:0;
overflow:hidden
}
.tagged li {
display:inline
}
.tagged li:last-child span {
display:none
}
.notes {
margin:5px 0;
padding:2px 5px;
overflow:hidden
}
.notes li {
margin:3px 0;
list-style-type:none
}
.notes li img {
vertical-align:middle
}
#index .meta {
height:24px;
line-height:24px;
text-align:center;
opacity:.75;
display:none;
overflow:hidden;
z-index:300
}
#index .meta a {
height:100%;
width:100%;
display:block
}
#index .border-index-post .wordy .meta {
margin:1px
}
#index.mobile.mobcompat .mobile-shield {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
display:block;
z-index:250
}
#index.mobile.no-mobcompat .post:hover .meta, #index.not-mobile.no-animations .post:hover .meta {
display:block
}
#index.mobile.no-mobcompat .mobile-shield, #index.not-mobile .mobile-shield {
display:none
}
#index.not-mobile.animations.transitions .post .meta {
display:block;
height:0
}
#index.not-mobile.animations.transitions .post:hover .meta {
height:24px
}
#permalink .meta {
padding:5px;
overflow:hidden
}
#head-nav {
margin:0;
padding:8px 0 0 0;
border-top:1px solid #F1F1F1;
text-align:right;
line-height:2;
}
#head-nav a, #foot-nav span {
padding:5px
}
#head-nav li {
display:inline
}
#head-nav li.prev:first-child .s {
display:none
}
#foot-nav {
margin:0 5px;
padding:5px 0;
border-bottom:1px solid;
text-align:right;
line-height:2;
}
#foot-nav a, #foot-nav span {
padding:5px
}
#foot-nav li {
display:inline
}
#foot-nav li.prev:first-child .s {
display:none
}
#index.infscr #foot-nav {
display:none
}
#index.no-js #foot-nav {
display:block
}
#loading {
width:110px;
height:65px;
margin-left:-55px;
background:url('http://static.tumblr.com/eatauj5/OSvly0v1h/big_roller.gif') center center no-repeat #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:fixed;
left:50%;
bottom:10px;
opacity:.9;
display:none;
z-index:1000
}
#infscr-loading, #infscr-loading img {
display:none!important
}
#toTop {
width:20px;
height:17px;
background:no-repeat left top;
position:fixed;
bottom:10px;
right:10px;
display:none
}
.transition-height {
transition:height .2s;
-moz-transition:height .2s;
-webkit-transition:height .2s;
-o-transition-transition:height .2s
}
.transition-opacity {
transition:opacity .4s;
-moz-transition:opacity .4s;
-webkit-transition:opacity .4s;
-o-transition-transition:opacity .4s
}
.invisible {
visibility:hidden
}
.no-js .invisible {
visibility:visible
}
/*
custom*/

div#header {
position:relative;
}
div#header h1 {
margin-bottom:25px;
}
div#header h1 a {
/*font-size: 20px;
letter-spacing: -0.06em;
color: #555;*/
}
div#header .twitter {
position:absolute;
left:455px;
top:0px;
width:120px;
}
div#header .facebook {
position:absolute;
left:562px;
top:0px;
width:120px;
z-index:2;
}
div#header .hatena {
position:absolute;
left:674px;
top:0px;
width:120px;
}
div#header .google_plus {
position:absolute;
left:800px;
top:0px;
width:120px;
}
div#header .pocket {
position:absolute;
left:880px;
top:0px;
width:120px;
}
div#top .cntBox{
 overflow:hidden;
 }

div#top .google_search {
float:right;
}



#contentAll {
 overflow:hidden;
 width:1000px;
  position:relative;
}
#content {
float:left;
width:1000px;
overflow:hidden;
}
#sideCnt {
 float:right;
 width:160px;
 position:relative;
}
#sideCnt ul {
margin:0;
}
#sideCnt ul li {
margin-bottom:16px;
list-style: none;
}
div.menu {
overflow:hidden;
margin:14px 0;

}
div.menu ul {
/*border-left:1px solid #ddd;
padding:0 0 0 16px;*/
overflow:hidden;
margin:0;
}
div.menu ul li {
float:left;
padding:0 14px 0 0;
margin:0 14px 10px 0;
list-style: none;
border-right:1px solid #ddd;
}
div.menu ul li:last-child {
border-right:none;
}

div.adsense{
position:absolute;
top:10px;
left:605px;
margin:0 0 12px;
z-index:1;
}

ul.sns02{
position:absolute;
top:320px;
left:605px;
margin:0 0 12px;
z-index:2;
}
ul.sns02 li{
list-style: none;
 width:90px;
 float:left;
}
ul.sns02 li.twitter{
}
ul.sns02 li.facebook{
}
#fb-root{display:none;}

div.adContent{
  overflow:hidden;
}
div.adContent ul{
 width:960px;
 margin:8px auto 14px;
 overflow:hidden;
}
div.adContent ul li{
float: left;
list-style:none;
}
div.adContent ul li.end{
float: right;
list-style:none;
}
div.adContent01{

}
div.adContent01 ul{
 width:728px;
 text-align:center;
 margin:0px auto 34px;
 overflow:hidden;
}

div.adContent02{

}
div.adContent02 ul{
 width:728px;
 text-align:center;
 margin:50px auto 46px;
 overflow:hidden;
}
div.adContent02 ul li{
float: left;
list-style:none;
}
div.adContent03 ul{
 width:970px;
 text-align:center;
 margin:50px auto 50px;
 overflow:hidden;
}
div.adContent03 ul li{
/*float: left;*/
list-style:none;
}
div.adContent04 ul{
 width:710px;
 text-align:center;
 margin:50px auto 46px;
 overflow:hidden;
}
div.adContent04 ul li{
float: left;
list-style:none;
padding-right:30px;
}
div.adContent04 ul li.end{
padding-right:0px;
}
div.adContent05 ul{
 width:336px;
 text-align:center;
 margin:60px auto 56px;
 overflow:hidden;
}
div.adContent05 ul li{
float: left;
list-style:none;
}
div.adCntLink01{
 margin:60px auto 10px auto;
	border-top:1px solid #F1F1F1;
 padding-top:16px;
 text-align:center;
 }

ul{}
li{list-style:none;}

#page-top {
 font:bold;
    position: fixed;
    bottom: 16px;
    right: 16px;
    font-size: 80%;
}
#page-top a {
    background: #0198ca;
    text-decoration: none;
    color: #fff;
    width: 110px;
    padding: 16px 0;
    text-align: center;
    display: block;
    border-radius: 8px;
}
#page-top a:hover {
    text-decoration: none;
    background: #31bae7;
}

/*
‚¢‚¢‚˃{ƒbƒNƒX*/
#footer{
background: #f6f6f6;
width:100%;
text-align:center;
}
#footer p{
margin:0;
padding:10px;
}

.fb-like-box{
margin:30px auto 0px auto;
width:980px;
text-align:center;
/*background: #fff;*/
}

/*
smartphone*/
div.snsLink{
 width:100%;
 margin:50px auto -10px auto;
}
div.snsLink ul{
 width:240px;
  text-align:center;
   margin:0px auto 0px auto;
 overflow:hidden;
}
div.snsLink ul li{
list-style: none;
 float:left;
 padding-right:36px;
}
#tumblrinlink {
  border-top:none !important;
  padding:0 !important;
  position: relative !important;
  margin:36px auto 24px auto !important;
  width:570px !important;
}
#tumblrinlink p{
margin: 0px 4px 12px 4px!important;
width: 172px!important;
letter-spacing:0.05em!important;
line-height: 1.2!important;
}
#tumblrinlink a{
color: #666!important;
}
#tumblrinlink h2{
  font-size:14px !important;
  padding-bottom:6px !important;
}
#tumblrinlink ul{
  margin:0 !important;
left:50%!important;
position:relative!important;
}
#tumblrinlink ul li{
left:-50%!important;
position:relative!important;
border:solid 1px #eee !important;
padding:8px 4px 4px 4px !important;
}
#tumblrinlink ul li.inlink-item{
width:176px !important;
height: 300px !important;
margin-right: 6px !important;
margin-bottom: 6px !important;
}

#tumblrinlink ul li.inlink-item:nth-child(3n){
  margin-right: 0!important;
}
#tumblrinlink ul li.inlink-item#photo img{
max-height: 250px !important;
max-width: 170px !important;
}

#tumblrinlink a p { font-size:11px !important; color:#0198ca !important; letter-spacing: 1px !important; }

#tumblrinlink #inlink-logo{
  display: none !important;
}

/* ページの記述 */

div .post.page{
  border-bottom: 1px solid #f1f1f1;
}

div .post.page ul{
	margin: 0;
}

div .post.page ul li{
	list-style: none;
}
div .post.page ul li dl {
	overflow: hidden;
	margin-bottom: 20px;
}
div .post.page ul li dl dt{
	 border: 1px solid #eee;
margin-bottom: 6px;
padding: 2px;
float: left;
margin-right: 10px;
margin-bottom: 10px;

}
div .post.page ul li dl dt img{
	max-width: 100px;
	max-height: 120px;
}
div .post.page ul li dl dd{
	margin-bottom: 10px;
}
div .post.page ul li dl dd a{
	font-size: 140%;
}
div .post.page .left-block{
  width: auto;
}
div .post.page .left-block h1{
  font-size: 200%;
  font-weight: bold;
  border-bottom: 2px solid #FB3A63;;
  padding-bottom: 10px;
  margin-bottom: 30px;
  margin-top: 20px;
}
div .post.page .left-block h2{
  font-size: 140%;
  margin-bottom: 30px;
    color: #666;
    background-color: #f1f1f1;
    padding: 20px 14px 20px 20px;
}
div .post.page .left-block .article{
  margin-bottom: 40px;
  overflow: hidden;

}
div .post.page .left-block .article .photo{
  border: 1px solid #eee;
margin-bottom: 6px;
padding: 4px;
float: left;
width: 500px;

}
div .post.page .left-block .article .photo img{
  width: 500px!important;
}
div .post.page .left-block .article .text{
  font-size: 140%;
  letter-spacing: 0.025em;
float: right;
width: 450px;
line-height: 1.6;
}

/* ohter snap */

div.relatedPosts {
  margin-top: 30px
}
div.relatedPosts h2{
  margin-bottom: 10px;
}
div.relatedPosts ul {
  margin: 0;
  text-align: left;
}
div.relatedPosts ul li {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  margin-right: 14px;
  margin-bottom: 16px;
  list-style-type: none !important;
  text-align: left
}
div.relatedPosts ul li:nth-child(3n) {
  margin-right: 0px;
}
div.relatedPosts ul li img {
  width: 180px !important;
  height: 220px !important;
  object-fit: cover;
  object-position: 50% 30%;
}