*, *:before, *:after {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
 -o-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box !important;
}
*{
-webkit-text-stroke-width: 0.3px; 
}
body {
  font-family:  游ゴシック, YuGothic, "century gothic", "Helvetica Neue", Helvetica, Arial, Roboto, 'Droid Sans','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  color: #000;
  background-color:#ddd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333;
}


/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}


/*
 * Masthead for nav
 */
.container{background-color:#fff;}
.blog-masthead {
  background-color: #555;
  box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
  color: #fff;
}
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right:  5px solid transparent;
  border-bottom: 5px solid;
  border-left:   5px solid transparent;
}


/*
 * Blog name and description
 */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.8;
  letter-spacing:0.8pt;
}

.blog-main a {
  text-decoration:underline;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}



/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
	margin-bottom: 2px;
	font-size: 26px;
    padding-left:10px;
    padding-bottom:4px;
    margin-top:1.2em;
    border-left:solid 5px #00f;
    border-bottom:solid 1px #00f;
    color: #333;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}


/*
 * Footer
 */

.blog-footer {
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  clear: both;
}

/* Added by kenji00 */
.blog-post img, .blog-post iframe, div.panel {margin-top:10px !important;margin-bottom:10px !important;padding:20px !important;}
.blog-post img {max-height:550px;display:block; margin-left:auto; margin-right:auto;}
.blog-post h2, .blog-post h3{margin-top:1em !important;margin-bottom:1em !important;}
.blog-post h4, .blog-post h5{margin-top:1em !important;}
.blog-post li p{margin-left:1em;}
div.thumbEntryBox {position:relative;overflow: hidden;padding-top:15px;box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.14);}
img.thumbEntryImg {-moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    overflow:hidden;
}
img.thumbEntryImg:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
div.thumbEntryCategory{position:absolute;top:15px;left:15px;right:15px;background: rgba(255,69,0,.8);}
div.thumbEntryCategory h5{color:#fff !important;text-decoration:none !important;font-weight:bold;display: table-cell;vertical-align: middle;line-height: 1.5;}
div.thumbEntryCaption{position:absolute;bottom:15px;left:15px;right:15px;background: rgba(0,0,0,.6);}
div.thumbEntryCaption, h4.thumbEntryTitle{color:#fff !important;text-decoration:none !important;}
#toTopButton{
    display: none;
    position: fixed;
    right: 20px;
    left: auto!important;
    top:auto;
    bottom: 20px;
    cursor: pointer;
    z-index:9999;
}
#toTop {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  font-weight:bold;
  line-height: 1.428571429;
  border-radius: 15px;
  /* background-color:#e6b422;
  color:#fff; */
}
#toTop p.TopCap{
  font-size: 8px;
}

.blog-header-sub{
    background-image: url("/assets/img/sub0.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    height:300px;
}
div.iframeMovie{
position:relative;
width:100%;
padding-top:56.25%;
}
div.iframeMovie iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
#player, .player, .video-wrapper {back-ground:#fff;}
.blog-title{margin-left:0.2em;}
.blog-title span{
    border:3px solid #fff;
    font-weight: bold; 
    margin-right:3px;
    margin-top:0.5em;
    padding:0.2em;
    background-color:rgba(20,59,255,0.3);
}
.pager li>a {
    background-color:#80d067;
    color:#fff;
    border: 1px solid #ddd;
}
@media only screen and (max-width : 750px) {
    body { padding-top: 50px; }
}
@media only screen and (max-width : 480px) {
    .blog-title span{
        font-size:14px;
        border:2px solid #fff;
        margin-right:2px;
    }
    .blog-title {
        margin-top: 0.1em;
    }
}

/* common parts Added by kenji00 */
.mg-t-m50{margin-top:-50px;}
.mg-t-5{margin-top:5px;}
.mg-b-1em{margin-bottom:1em;}
.mg-bt-0{margin-bottom:5px;}
.mg-bt-5{margin-bottom:5px;}
.mg-bt-15{margin-bottom:15px;}
.mg-bt-20{margin-bottom:15px;}
.mg-rl-5{margin-right:5px;margin-left:5px;}
.pd-rl-0{padding-right:0;padding-left:0;}
.width100p{width:100%;}
.fntSize-80per{font-size:80%;}
.fntSize-60per{font-size:60%;}
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}

ol.list-label-design li, ul.list-label-design li{
 margin:0;
 padding:0;
 position:relative;
 } 
 ol.list-label-design li a, ul.list-label-design li a{
 float:left;
 height:24px;
 line-height:24px;
 position:relative;
 font-size:12px;
 margin-bottom: 9px;
 margin-left:20px;
 padding:0 10px 0 12px;
 background:#0089e0;
 color:#fff;
 text-decoration:none;
 -moz-border-radius-bottomright:4px;
 -webkit-border-bottom-right-radius:4px; 
 border-bottom-right-radius:4px;
 -moz-border-radius-topright:4px;
 -webkit-border-top-right-radius:4px; 
 border-top-right-radius:4px; 
 } 
ol.list-label-design li a:before, ul.list-label-design li a:before{
 content:"";
 float:left;
 position:absolute;
 top:0;
 left:-12px;
 width:0;
 height:0;
 border-color:transparent #0089e0 transparent transparent;
 border-style:solid;
 border-width:12px 12px 12px 0;  
 } 
ol.list-label-design li a:after, ul.list-label-design li a:after{
 content:"";
 position:absolute;
 top:10px;
 left:0;
 float:left;
 width:4px;
 height:4px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 border-radius:2px;
 background:#fff;
 -moz-box-shadow:-1px -1px 2px #004977;
 -webkit-box-shadow:-1px -1px 2px #004977;
 box-shadow:-1px -1px 2px #004977;
 }  
 
ol.list-label-design li a:hover, ul.list-label-design li a:hover{background:#555;} 
ol.list-label-design li a:hover:before, ul.list-label-design li a:hover:before{border-color:transparent #555 transparent transparent;}
/*******************************
* 左からの吹き出し
********************************/
.comment_left_balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 10%;
    clear: both;
    max-width: 500px;
    float: left;
    word-break: break-all; 
}
.comment_left_balloon:after,
.comment_left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.comment_left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.comment_left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 右からの吹き出し
********************************/
.comment_right_balloon {
    position: relative;
    background: #85e249;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 10%;
    clear: both;
    max-width: 500px;
    float: right;
    word-break: break-all; 
}
.comment_right_balloon:after,
.comment_right_balloon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.comment_right_balloon:after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #85e249;
    border-width: 7px;
    margin-top: -7px;
}
.comment_right_balloon:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 割り込みを解除
********************************/
.clear_comment_balloon{
  clear: both;
}

/* 05.アメリカンな(?)吹き出し */
.fukidashi{
	position:relative;
	padding:5px 20px;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}
.fukidashi:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
.fukidashi:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}
h4.comments-open-header, h4.comments-header {  
background: #444;  
background: -moz-linear-gradient(left, #222 0%, #444 100%);  
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(100%,#444));  
background:-webkit-linear-gradient(left, #222 0%,#444 100%);  
background:-o-linear-gradient(left, #222 0%,#444 100%);  
background:-ms-linear-gradient(left, #222 0%,#444 100%);  
background:linear-gradient(left, #222 0%,#444 100%);  
margin:60px 0 30px -40px;  
padding:12px 10px 12px 30px;  
color:#fff;  
font-size:16px;  
font-weight:700;  
box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);  
position:relative;  
}  
h4.comments-open-header:after, h4.comments-header:after{  
content:' ';  
position:absolute;  
left:0px;  
bottom:-18px;  
border-top:9px solid #666;  
border-right:9px solid #666;  
border-bottom:9px solid transparent;  
border-left:9px solid transparent;  
}  
h4.comments-header {  
background: #F4FA58;  
background: -moz-linear-gradient(left, #D7DF01 0%, #F4FA58 100%);  
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#222), color-stop(100%,#444));  
background:-webkit-linear-gradient(left, #D7DF01 0%,#F4FA58 100%);  
background:-o-linear-gradient(left, #D7DF01 0%,#F4FA58 100%);  
background:-ms-linear-gradient(left, #D7DF01 0%,#F4FA58 100%);  
background:linear-gradient(left, #D7DF01 0%,#F4FA58 100%);   
color:#333;  
}
section#comments{background-color:#7897C5;}
/* for adsense */
div.adsbygoogleDiv iframe{padding:0 !important;}
div.google-auto-placed iframe {padding:0 !important;}
.adsbygoogleDiv { width: 300px; height: 250px;margin: 0 auto;}
@media(max-width: 480px) { .adsbygoogleDiv { max-width: 336px; margin-left: auto; margin-rigfht: auto; } }
@media(min-width: 768px) { .adsbygoogleDiv { width: 728px; height: 90px; } }
@media(min-width: 992px) { .adsbygoogleDiv { width: 617px; height: 300px; } }
@media(min-width: 1200px) { .adsbygoogleDiv { width: 750px; height: 90px; } }
/* for sns butn */
#sns_btn div {float: left;}

.mincho {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
main.blog-main a[target="_blank"]:after { margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f08e';
}
img.amazonLinkButton {width:164px !important;height:26px !important;padding:0px !important;}
iframe.instagram-media {padding:0 !important;}
iframe[id*="twitter-widget-"] {padding-left:0 !important;padding-right:0 !important;}
.bigRed {font-size:125%;font-weight:bold;color:#c00;}
.bigBlue {font-size:125%;font-weight:bold;color:#00c;}
.bigBlack{font-size:125%;font-weight:bold;color:#000;}
.greenLabel {border-left: 15px solid #009944;padding: 7px;background: #b2ffd4;}
@charset "UTF-8";
/* Globals */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	clear: both;
}
/* blog-main*/
.blog-title {
	font-size: 28px;
    color:#fff;
}
.blog-description {
	font-size: 16px;
}
.blog-post-meta {
	font-size: 13px;
}
.asset-meta-list {
	padding-left: 0;
}
.asset-meta-list li {
	display: inline;
}
.asset-content {
	margin-bottom: 40px;
}
h2, .h2 {
	font-size: 26px;
}
h3, .h3 {
	font-size: 22px;
}
h4, .h4 {
    font-size: 18px;
}
img.mt-image-none {
	margin: 0  0 20px 0;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
img.mt-image-left {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
img.mt-image-center {
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
	height: auto;
	text-align: center;
	width /***/:auto;
}
img.mt-image-right {
	float: right;
	margin: 0 0 20px 20px;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
blockquote {
	font-size: 14px;
}
.entry-more-link {
	text-align: right;
}
.asset-footer {
	clear: both;
}
.entry-categories {
	margin-bottom: 20px;
}
.entry-tags {
	clear: both;
	margin-bottom: 20px;
}
.entry-tags .entry-tag-header {
	display: inline;
	font-size: 15px;
}
.entry-tags ul {
	display: inline;
	padding-left: 0;
	list-style: none;
}
.entry-tags li {
	display: inline;
	margin-right: 5px;
}
.entry-tags a:hover , .entry-tags a:active {
	text-decoration: none;
}
.pager {
	text-align: center;
	clear: both;
}
.trackbacks {
	margin-bottom: 40px;
}
.control-label {
	font-weight: normal;
}
.form-actions {
	margin-top: 20px;
}
.comments h4 , .comments-open h4 , .trackbacks h4 {
	font-size: 18px;
}
h4.asset-meta {
	font-size: 14px;
	line-height: 20px;
}
.comment {
	margin-bottom: 20px;
}
div.asset-meta {
	margin-top: 21px;
	margin-bottom: 10.5px;
}
.comment-reply {
	margin-left: 20px;
}
#comments-open-captcha {
	margin-top: 20px;
}
.captcha .label, .captcha img {
	display: block;
	float: left;
	margin-right: 10px;
}
.captcha .label {
	min-height: 1.2em;
	width: 80px;
	background-color: rgba(0, 0, 0, 0);
	color: #333333;
	text-align: left;
	text-shadow: none;
}
.field {
	float: left;
}
#captcha_code {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
.captcha p {
	clear: both;
}
.form-actions {
	clear: both;
}
#top-comment-nav, #comment-nav {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
#top-comment-nav li, #comment-nav li {
	display: inline;
	padding: 0;
}
#top-prev-comments, #prev-comments {
	margin: 0 1em 0 0;
	text-align: left;
}
#top-next-comments, #next-comments {
	margin: 0 0 0 1em;
	text-align: right;
}
#top-num-comments, #num-comments {
	text-align: center;
}
h2.commenter-label {
	font-size: 15px;
}
#posts .dl-horizontal dt {
    width: 3em;
    text-align: left;
}
#posts .dl-horizontal dd {
    margin-left: 3.5em;
}
/* Sidebar */
.blog-sidebar {
	margin-bottom: 40px;
}
.list-unstyled  li ol {
	padding-left: 20px;
}
.list-unstyled  li li {
	list-style: none;
}
.folder_label {
	font-weight: bold;
}
.folder_label ol {
	font-weight: normal;
}
.photo {
	overflow: hidden;
	margin-bottom: 10px;
}
.photo ol {
	margin-left: 0;
	padding: 0;
}
.photo li {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 5px;
	width: 70px;
	height: 70px;
	vertical-align: middle;
	text-align: center;
}
.tags {
	padding-left: 0;
}
.tags > li {
	display: inline;
	line-height: 1.2;
}
li.level1 {
	font-size: 180%;
}
li.level2 {
	font-size: 160%;
}
li.level3 {
	font-size: 130%;
}
li.level4 {
	font-size: 120%;
}
li.level5 {
	font-size: 100%;
}
li.level6 {
	font-size: 80%;
}
/* footer */
.blog-footer ul {
	padding-left: 0;
}
.blog-footer li {
	display: inline-block;
}