/*
Theme Name: octoba.net_mobile
Author: Shunta MIYAGISHIMA
Author URI: http://octoba.net
*/


/* ************************************************* */
/*                     GENERAL                       */
/* ************************************************* */

* {margin:0;padding:0;}
body {font:100%;color:#3a3530;-webkit-text-size-adjust: 100%;height:100%;font-family:sans-serif;}
a {color:#0481eb;word-break:break-all;outline:none;}
a:hover {text-decoration:none;color:#07D2D4;}
a:focus{outline:none;}
a.tablelink {color:#212121;text-decoration:none;}
img {border:0;height:auto;}
li img {height:auto;}

h2{}
h3{}
h4{}
h6{}

.posts strong {color: #CC0066;}

.break {font-size: 0;width: 0; height: 0;clear: both;}
.alignleft {}
.alignright {}
.aligncenter {text-align: center;}
.hidden {display: none;}

.kome{margin-bottom:1em;}
.kome li{list-style-type:none;margin:0 0 0.5em 0;padding:0 0 0 1em;text-indent:-1em;}


/* ************************************************* */
/*                      LAYOUT                       */
/* ************************************************* */

#wrapper {margin: 0px auto;}
#content {}

.home_content, .single_content, .archive_content, .page_content{
	margin-bottom: 15px;
}


/* ************************************************* */
/*                      HEADER                       */
/* ************************************************* */
#header {width:100%;height:94px;overflow:hidden;background:#fff;}

#logo{text-align:center;}
#OcLogo{height:26px;margin:9px 0;}
ul.main-nav {
	display:table;
	width:100%;
	height:51px;
	table-layout:fixed;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#000;
}
ul.main-nav li{
	display:table-cell;
	vertical-align:middle;
	list-style-type:none;
	padding:0px 0 0 0;
}
.main-nav a ,
.smenu {
	display: block;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	height: 50px;
	color: #fff;
	border-left: 1px solid #252525;
	border-right: 1px solid #000000;
}
.main-nav a span {
	font-size: 11px;
	line-height: 1.4;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	width: 1%;
}
.main-nav a span.octfont{
	font-size:18px;
	line-height:30px;
}


#smenu{
	font-size:9px;text-align:center;line-height:8px;color:#fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}
#smenu span.octfont{
	font-size:18px;line-height:30px;
}
#acMenu{
	display:none;
	margin:0 0 0 0;position:absolute;
	top:94px;z-index:990;
	width:100%;height:117px;background:#2e7d32;
}
#acMenu ul.main-nav {
	margin:0 0px;padding:0 0px;
	width:100%;height:50px;
	border-top:1px solid #429346;border-bottom:1px solid #276c2a;
}


.searcharea{
	height:64px;
	border-top:1px solid #429346;border-bottom:1px solid #276c2a;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 3px 3px 0px;-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 3px 3px 0px;-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 3px 3px 0px;
}
.search{padding:16px 0;text-align:center;}
.search .txt{display:inline-block;width:100%;}
.search .txt input{width:85%;border:0px;line-height:2.5;padding:0 8px;margin:0 auto;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.search .btn{display:none;}
.search .btn input{width:54px;height:2.5em;}


/* ************************************************* */
/*                      FOOTER                       */
/* ************************************************* */

.sns-link{display: flex;justify-content: space-between;margin:0 8% 1em 8%;padding:0 0 0 0;}
.sns-link img{width:48px;height:48px;}

#footer {clear: both;background:#151515;padding:2em 0 2em 0;text-align:center;font-size:80%;color:#fff;}
#footer .footer-link{padding:0 0 1em 0;}
#footer a{color:#fff;text-decoration:none;}

#fixfooter{position:fixed;bottom:0px;z-index:9000;background:#fff;border-top:2px solid #999;padding:8px;overflow:hidden;}
#fixfooter a{text-decoration:none;color:#000;}
.fixfooter-img{float:left;margin:0 8px 0 0;width:48px;height:48px;}
.fixfooter-title{font-size:14px;font-weight:bold;line-height:1.5;}
.fixfooter-description{font-size:10px;line-height:1.3;}
.fixfooter-raquo{font-size:10px;line-height:1.3;background:#c5d3f2;padding:1px 2px;}

.sp-top-5th{text-align:center;margin:0 0 1em 0;}

/* ************************************************* */
/*                     TOP PAGE                      */
/* ************************************************* */

/* -------- ADS -------- */
.sp-top-2nd{text-align:center;margin:1em 0;}

/* -------- TOP FEATURE -------- */
.top-feature{letter-spacing:-0.5px;border-bottom:1px solid #e0e0e0;padding:4px 4px 8px 4px;background:#fff;overflow:hidden;padding-bottom:10px;}
.top-feature a{text-decoration:none;color:#151515;}
.top-feature img{width:100%;height:auto;}
.top-feature-title{letter-spacing:-0.5px;padding:6px 6px 0 6px;display:block;font-size:100%;font-weight:bold;line-height:1.3;width:auto;height:2.4em;overflow: hidden;word-break: break-all;}

.top-feature .ichioshi {font-size:12px;color:#fff;position: absolute;margin:-24px 0 0 4px;background: #ff5722;padding:4px 5px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:rgba(0, 0, 0, 0.8) 0px 2px 6px 0px;-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 2px 6px 0px;-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 2px 6px 0px;
display:none;}
.top-feature .ichioshi:after {top: 100%;left: 30%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(46, 125, 50, 0);border-top-color: #ff5722;border-width: 8px;margin-left: -8px;}

/* -------- RECENT APPS -------- */
.recent-apps{display:block;width:50%;float:left;background:#fff;overflow:hidden;padding:8px 0 16px 0;}
.recent-apps img{width:100%;height:auto;}
.recent-apps a{text-decoration:none;color:#151515;font-weight:bold;}
.recent-apps-title{display:block;font-size:80%;line-height:1.3;width:auto;height:3.6em;overflow: hidden;word-break: break-all;}

.recent-apps-category {
	display:inline-block;color:#fff;font-size:10px;font-weight:bold;line-height:1.5;
	padding:2px 24px 2px 3px;position:absolute;
}
.recent-apps-app{
	background:#4caf50;
}
.recent-apps-game{
	background:#3f51b5;
}

/* -------- HOME CONTENTS -------- */
.cheader{
	color:#fff;font-size:80%;line-height:3;font-weight:bold;
	padding:0 0 0 8px;
}
.cheader .octfont{
	font-size:120%;
	margin:0 0.3em 0 0;
	position:relative;top:1px;
}
.cnews{background:#9B59B6;}
.capp{background:#4caf50;}
.cgame{background:#3f51b5;}
.cfeature{background:#FF5722;}
.cgametips{background:#7f8c8d;}
.ccategory{background:#1abc9c;}
.cheader-list{
	display:inline-block;
	float:right;background:rgba(0,0,0,0.3);
	text-decoration:none;color:#fff;padding:0 16px;
}

/* -------- RECENT NEWS -------- */
.entry-list{
	padding:8px;
}
.entries-cell{
        margin:6px 0 6px 0;
        border-bottom:1px solid #f0f0f0;
        overflow: hidden;
}
.entries{
	overflow:hidden;display:block;
	text-decoration:none;
	/*border-bottom:1px solid #f0f0f0;
	margin:0 0 0 0;
        padding:6px 0 6px 0;*/
        width:100%;height:100%;
}
.entries-img{
   width: 120px;min-height:67px;
   height: 67px;
   overflow:hidden;float:left;border:1px solid #ccc;margin:0 4px 0 0;padding:2px;}
.entries-date{height:13px;min-height:13px;width:auto;font-size:80%;color:#999;line-height:18px;}
.entries-title{height:55px;min-height:55px;width:auto;font-size:90%;height:55px;display:block;color:#151515;font-weight:bold;line-height:1.3;word-break: break-all;}

/* -------- RECENT APPS -------- */
.astatop{border-top:1px solid #e0e0e0;}

.app-entry-list{
	padding:8px;
}
.app-entry-list .entries-img{
	width:64px;height:64px;float:left;
	border:0px solid #ccc;
	margin:0 4px 0 0;padding:2px;
}
.app-list-free-mark{display:inline-block;background:#2196F3;color:#fff;margin:0 0 1px 0px;padding:2px 4px;font-size:70%;}

/* -------- HOME FEATURE -------- */
.home-feature{
	margin:0 0 1em 0;padding:8px 4px;
	overflow:hidden;
}

.home-feature img{
	max-width:100%;
}

.feature-list{display:table;table-layout:fixed;width:100%;}
.feature-list a{display:table-cell;padding:4px;text-decoration:none;color:#151515;font-weight:bold;font-size:90%;}
.feature-entries-img{margin:0 0 0.5em 0;width:100%;}
.feature-list a .feature-entries-title{display:block;line-height:1.3;height:3.6em;overflow: hidden;}

.sp-top-3rd .textwidget{display:table;table-layout:fixed;width:100%;margin-top:0.5em;}
.sp-top-3rd .textwidget a{
	display:table-cell;padding:4px;
	text-decoration:none;color:#151515;font-weight:bold;
	font-size:90%;line-height:1.3;}
.sp-top-3rd .textwidget a img{margin:0 0 0.5em 0;width:100%;}


/* -------- TOP RANKING -------- */
.top-ranking,{
	margin:0 0 0 0;padding:0 0 0 0:
}

.top-ranking li{
	list-style:none;padding:0.5em 0 0 8px;
	height:84px;overflow:hidden;
}

.top-ranking .rankn{
	position:absolute;
	width:1.5em;height:1.5em;
	background:#886666;text-align:center;
	color:#fff;font-weight:bold;line-height:1.5;
	margin:0 -1em 0 0;
	z-index:666;
	-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;
}

.top-ranking .rank1st{background:gold;}
.top-ranking .rank2nd{background:silver;}
.top-ranking .rank3rd{background:#8C4841;}
.top-ranking li:nth-of-type(even){background:#f8f8f8;}
.top-ranking li img{display:block;float:left;width:64px;height:64px;margin:0 8px 0 8px;}
.top-ranking li a{text-decoration:none;color:#252525;}
.top-ranking li .rankingtitle{font-size:90%;font-weight:bold;line-height:22px;background:transparent;height:64px;overflow:hidden;}


/* -------- TOP CATEGORY LIST -------- */
#top-category-list{margin:0 0 1em 0;padding:0 0px;}
#top-category-list h3{
	background:transparent;
	font-size:100%;
	font-weight:bold;
	padding:8px 0px 0.2em 0.8em;
	border-bottom:2px solid #252525;
}

.top-category-list{
	overflow:hidden;margin:0 0 1em 0;
}
.top-category-list li{
	width:50%;float:left;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	list-style:none;
	border-bottom:1px solid #252525;
}
.top-category-list li:nth-of-type(2n+1){
	border-right:1px solid #252525;
}
.top-category-list a{
	vertical-align:middle;text-decoration:none;
	margin:3px 6px;font-size:80%;
}
.top-category-list li .ctlistspan{
	display:table;
}
.top-category-list li .ctlistspan span{
	display:table-cell;
	padding:0 0.5em;
	height:4em;
	vertical-align:middle;color:#252525;
	line-height:1.2;
}
.top-category-list li .ctlistspan .octfont{
	font-size:120%;
	padding:0 0 0 1em;height:auto;
}


/* ************************************************* */
/*                       POST                        */
/* ************************************************* */


/* #content .post :not(table tr td) {font-size:11pt;} */

#content h1 {
	font-size: 125%;
	line-height: 1.3;
	font-weight: bold;
	margin: 1em 0 1em 0;
}
#content .post h1 p {
	margin-bottom: 0;
}
#content h1 .post-date{
	color:#acacac;font-weight:normal;
	font-size:70%;
}
#content .post h2 {
	font-size: 120%;
	line-height: 1.3;
	margin: 3em 0 2em 0;
	font-weight: bold;
	background: #000;
	color: #fff;
	padding: 0.8em 1em;
}
#content .post h3 {
	margin: 3em 0 2em;
	font-size: large;
	padding: 0.4em 0.5em;
	color: #000;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#content .post h4 {
	margin: 3em 0 2em;
	font-size: large;
	padding: 0.4em 0.5em;
	color: #000;
	background: #dadada;
	border-left: solid 5px #000;
}
#content .post h5 {
	position: relative;
	padding: 0 0 0 1.3em;
	margin: 3em 0 2em;
}
#content .post h5:after {
	content: '';
	width: 0.8em;
	height: 0.8em;
	background: #000;
	display: block;
	position: absolute;
	left: 0;
	top: 0.35em;
}

#content .post ul{padding:0 0 0 1.3em;list-style-position: outside;}
#content .post ul li{margin:0 0 0.5em 0;list-style-type: disc;line-height:1.3;}
#content .post ul.appdetail li {
	position: relative;list-style-type:none;padding-left:2px;
}
#content .post ul.appdetail li::after {
	display: block;content: '';position: absolute;top: .2em;left: -1.1em;width: 9px;height: 4px;
	border-left: 4px solid #4caf50;border-bottom: 4px solid #4caf50;
	-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
}

#content .post ol{margin:0 0 0 1.4em;list-style-position: outside;}
#content .post ol li{margin:0 0 0.5em 0;list-style-type: decimal;line-height:1.3;}

/*#content .post p{line-height:1.5;margin:0 0 0.5em 0;}*/
#content .post p{line-height:1.7;margin-bottom:2.2em;}

#content .post .dlbuttoninpage{margin:0 0 1.5em 0;text-align:center;}
#content .post .dlbuttoninpage img.sp-dl-button{width:240px;}

#content .post .app-detail{border:1px solid #999;margin:0 0 1em 0;}
#content .post .app-detail th{background:#999;color:#fff;font-size:90%;padding:3px;}
#content .post .app-detail td{font-size:90%;padding:3px;background:#f0f0f0;}

.single-bottom-dl{display:block;text-decoration:none;color:#252525;}
.single-bottom-dl-icon{display:block;width:72px;margin:0 8px 0 0;float:left;}
.single-bottom-dl-summary{overflow:hidden;}
.single-bottom-dl-name{font-weight:bold;margin-bottom:0.5em;}
.single-bottom-dl-price{font-size:80%;}
.single-bottom-dl-developer{font-size:80%;}
.single-bottom-dl-link{clear:both;text-align:center;padding:4px 0 0 0;}
.single-bottom-dl-link img.sp-dl-button{width:240px;margin-top:2px;}

.single-top-dl{display:block;text-decoration:none;color:#252525;}
.single-top-dl-icon{display:block;width:72px;margin:0 8px 0 0;float:left;}
.single-top-dl-summary{overflow:hidden;}
.single-top-dl-name{font-weight:bold;margin-bottom:0.5em;}
.single-top-dl-price{font-size:80%;}
.single-top-dl-developer{font-size:80%;}
.single-top-dl-link{clear:both;text-align:center;padding:4px 0 0 0;}
.single-top-dl-link img.sp-dl-button{width:240px;margin-top:2px;}

.astbanner{margin:0 0 1em 0;}
.sp-middle2-ads{text-align:center;margin:0 0 1em 0;overflow:hidden;}
.sp-bottom-ads{text-align:center;margin:0 0 1em 0;}

h2.related_post_header{
font-size:100%;line-height:2;background:#4caf50;padding:0 0 0 0.5em;margin:0 0 0.5em -10px;color:#fff;width:120%;
}

.related_post{width:100%;}
.related_post li{
	width:50%;height:268px;overflow:hidden;display:block;float:left;margin:0 0 0 0;padding:0 5px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	font-size:80%;line-height:1.3;
}
.related_post li img{
	display:block;margin:0 auto 0.5em auto;
}

.similarposts{}
.similarposts li{margin:0 0 1em 0;line-height:1.3;}
.similarposts li a{text-decoration:none;font-weight:bold;}
.similarposts li .similaricon{width:0px;height:0px;;}

.social_button_single{display:table;width:100%;table-layout:fixed;margin:0 0 1em 0;}
.social_button_single div{display:table-cell;padding:3px;}
.social_button_single a{
	display:block;line-height:3em;text-decoration:none;color:#fff;font-weight:normal;padding:0 0 0 36px;font-size:90%;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.social_button_single a.buttontw{background:url(./images/btn_twitter.png) 3px center no-repeat #55ACEE;background-size:32px;box-shadow:0px 5px rgba(74,147,202,1);}
.social_button_single a.buttonli{background:url(./images/btn_line.png) 3px center no-repeat #1EC221;background-size:32px;box-shadow:0px 5px rgba(25,168,28,1);}
.social_button_single a.buttonhb{background:url(./images/btn_hatebu.png) 3px center no-repeat #2C6DBD;background-size:32px;box-shadow:0px 5px rgba(38,94,163,1);}

.social_button_single2{display:table;width:100%;table-layout:fixed;margin:0.7em 0 1em 0;}
.social_button_single2 div{display:table-cell;}
.social_button_single2 a{
	display:block;line-height:1.5em;text-decoration:none;color:#fff;font-weight:normal;padding:28px 0 2px 0;font-size:10px;white-space:nowrap;text-align:center;
	border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;font-weight:bold;
}
.social_button_single2 a.buttontw{background:url(./images/btn_twitter2.png) center 0px no-repeat #55ACEE;background-size:32px;box-shadow:0 0px rgba(74,147,202,1);margin-right:3px;}
.social_button_single2 a.buttonli{background:url(./images/btn_line2.png) center 0px no-repeat #1EC221;background-size:32px;box-shadow:0 0px rgba(25,168,28,1);margin-left:1px;margin-right:2px;}
.social_button_single2 a.buttonhb{background:url(./images/btn_hatebu2.png) center 0px no-repeat #2C6DBD;background-size:32px;box-shadow:0 0px rgba(38,94,163,1);margin-left:2px;margin-right:1px;}
.social_button_single2 a.buttonpk{background:url(./images/btn_pocket.png) center 0px no-repeat #EE4056;background-size:32px;box-shadow:0 0px rgba(188,50,68,1);margin-left:3px;}

h2.single-tag-h2{font-size:100%;line-height:2;background:#3f51b5;padding:0 0 0 0.5em;margin:0 0 0.5em -10px;color:#fff;width:120%;}
h2.single-writer-h2{font-size:100%;line-height:2;background:#FF5722;padding:0 0 0 0.5em;margin:0 0 0.5em -10px;color:#fff;width:120%;}
h2.single-others-h2{font-size:100%;line-height:2;background:#1abc9c;padding:0 0 0 0.5em;margin:0 0 0.5em -10px;color:#fff;width:120%;}
.single-tag{margin:0 0 1em 0;}
.single-tag a{font-size:90%;display:inline-block;background:#2196f3;padding:4px 6px;margin:4px;word-break: keep-all;color:#fff;text-decoration:none;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}
.single-writer{margin:0 0 1em 0;}

.clickable{
	font-size:80%;text-decoration:none;color:#252525;
}

.single-writer{overflow:hidden;}
.author-icon{width:70px;border:1px solid #ccc;padding:2px;float:left;margin:0 8px 0 0;}
.author-name{font-weight:bold;}
.author-description{font-size:80%;overflow:hidden;padding:2px 0 0.5em 0;}
.author-posts{text-align:right;}
.author-posts a{display:inline-block;text-decoration:none;border-top:4px solid #bbb;border-left:4px solid #bbb;border-bottom:4px solid #666;border-right:4px solid #666;background:#888;padding:8px 8px;color:#fff;font-size:90%;}

div.subhead {
  padding:3px 5px;
  margin:0px 0px 10px 0px;
  border-color:#333333;
  border-width:0 0 1px 7px;
  border-style:solid;
  font-size: large;
  font-weight: bold;
  color:#0B75FC;
}

#content .post img, #content .page img {
   max-width:100%;height:auto;
   padding-bottom: 5px;
}

#content .post p img, #content .page p img{
    height:auto;width:auto;max-width:100%;
    padding-bottom: 5px;
}

.contentbody {
    padding:0px 10px 0px 10px;overflow:hidden;
}

/* for youtube */
.contentbody iframe{
	width:100%!important;
	height:100%;
	min-height:210px;
	max-height:260px;
	margin-bottom:10px;
}
.contentbody .twitter-tweet iframe{
	min-height:auto;
	max-height:none;
}

/* for youtube */
.contentbody object,.contentbody embed,.contentbody video{width:100%!important;}

#applist table tr td {
  padding : 2px;
  text-align : left;
  border : 1px solid gray;
  background : #FFFFFF;
  height : 100%;

}

#applist td.icon {
 width : 52px;
}

#applist td {
  width : 200px;
}

#applist2 table tr td {
 padding : 2px;
 text-align : left;
 border : 1px solid gray;
 background : #FFFFFF;
 height : 100%;
}	

#applist3 tr:nth-of-type(2n){
 background: #eeeeee;
}
#applist3 table tr td {
 font-size:80% !important;
 padding : 1px;
 text-align : left;
 border : 1px solid gray;
 height : 100%;width:auto;
}
#applist3 table tr td:nth-of-type(1){
 text-align : center;
}
/*#applist3 table tr td img{width:150px;}
*/
.btw,.bfb{font-size:80%;white-space: nowrap;}

.fukidashi {background-color:#fff;border:1px solid #000;border-radius:5px;position:relative;padding: 18px;}
.fukidashi:before {border:10px solid transparent;border-right-color:#fff;border-left-width:0;left:-9px;content:"";display:block;top:30px;position:absolute;width:0;z-index:1;}
.fukidashi:after {border:10px solid transparent;border-right-color:#000;border-left-width:0;left:-10px;content:"";display:block;top:30px;position:absolute;width:0;}



/* ************************************************* */
/*                     ARCHIVES                      */
/* ************************************************* */

#content .post h1 {

}
#content .post h1 .post-date{
	color:#acacac;font-weight:normal;
	font-size:70%;
}

.archive-list{
	padding:8px 0;margin:0 0 1em 0;
}
.archive-list li:nth-of-type(2n){background:#f8f8f8;}

.archive-list .entries-title{font-size:120%;overflow:hidden;margin:0 0 0.3em 0;line-height:1.3;}
.archive-list .entries-summary{color:#252525;overflow:hidden;line-height:1.2;}

.archive-category-list{border:1px solid #252525;border-bottom:0px;}

/* -------- pagenavi -------- */


div.pagenavi {
	text-align:center;
	margin:0 0 1em 0;
}


/* individual page navigation */
.pagenavi{padding:0em 0;overflow:hidden;}
a.page-numbers, .current{
	display:inline-block;text-align:center;width:3em;line-height:2em;
	text-decoration:none;color:#fff;background:#4caf50;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.current{
	background:#1b5e20;font-weight:bold;color:#fff;}
.pagenavi .dots{margin:0 3px;}
.pagenavi .prev, .pagenavi .next{display:none;}

.page-numbers, a.page-numbers{display:none;font-size:18px;background-color:transparent;color:#000;font-weight:bold;}
.pagenavi a.prev{display:inline-block !important;width:45%;text-align:left;float:left;}
.pagenavi a.next{display:inline-block !important;width:45%;text-align:right;float:right;}

* html .clearfix,* html .children {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}






/* nextpage */
div#page-link {
    font-size: 100%;
    clear:both;
}

#page-link a , #page-link a:link {
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
    background-color:#fff;
    border: 1px solid #04ACDB;
    color: #04ACEB;
}

#page-link a:visited {
    border: 1px solid #8f9da6;
    color: #8f9da6;
    background-color:#fff;
}

#page-link a:hover {
   background-color:#ccc;
    text-decoration: underline;
    border: 1px solid #07D2D4;
    color: #07D2D4;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* =================================================
 *      pre_pass
 * ================================================*/
 /*common */
.pre_pass{
        text-align:center;
        height:48px;
        line-height:44px;
        border:#8f8f8f 1px solid;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        }
.pre_pass a{
        display:block;
        background:url(https://octoba.jp/wp-content/uploads/2014/08/txt_01.png) no-repeat center;
        height:44px;
        width:100%;
        text-indent:-9999px;
        }

/*white */
.pre_pass.white{
        background:#fff;
        }


/* for comment */

#comments-thread .comment-id,
#comments-thread .form-allowed-tags{
  display:none;
}

#comments-thread .comment-author{
  font-weight:bold;
}

#comments-thread img.avatar {
  float:right;
  margin-right:0;
  margin-left:10px;
}


#commentform label{
  display:block;;
}

#commentform input{
  margin-bottom:0px;
}

#commentform p {
 padding:3px;
}

#commentform input,
#commentform textarea{
  background-color:#fff;
  border:1px solid #aaa;
  width:90%;
}
#commentform button{
  width:90%;
  height: 50px;
  text-align:center;
  font-size:14px;
}
.cptch_block br{
  display:none;
}

.comment-info{
  font-size:10px;
}
.fn.comment-author{
  color:green;
  font-size:12px;
}
.comment-datetime{
  font-size:10px;
}

/* for yoyaku-button */
.simbutton-r{height:5em;}
.simbutton-r a, #main_content .simbutton-r a{display:block;width:90%;color:#fff;font-size:130%;font-weight:bold;text-decoration:none;line-height:3.5;text-align:center;margin:1em auto 1.5em auto;background:#252525;
border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;box-shadow
: 0px 3px 6px rgba(0,0,0,0.4);}
.simbutton-r a:hover, #main_content .simbutton-r a:hover{background:#1888cb;}
.simbutton-r a:active, #main_content .simbutton-r a:active{box-shadow: 0px 2px 5px rgba(0,0,0,0.6);position:relative;top:2px;}

/* for abutton  */
.abutton-r{height:5em;}
.abutton-r a, #main_content .abutton-r a{display:block;width:90%;color:#fff;font-size:130%;font-weight:bold;text-decoration:none;text-align:center;margin:1em auto 1.5em auto;
background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;box-shadow: 0px 3px 6px rgba(0,0,0,0.4);}
.abutton-r a:hover, #main_content .abutton-r a:hover{opacity: 0.5;transition: all 0.2s linear;}
.abutton-r a:active, #main_content .abutton-r a:active{box-shadow: 0px 2px 5px rgba(0,0,0,0.6);position:relative;top:2px;}

/* ------------------------- */
/* -------- fukidashi -------- */
/* ------------------------- */
/*.balloon{
  display: flex;
  margin: 0 0 1.5em 0;
}
.balloonR{
  flex-direction: row-reverse;
}
.balloon-img{
  width: 80px;
  height: auto;
  flex-shrink: 0;
}
.balloon-text{
  padding: 1em;
  border-radius: 6px;
  position: relative;
  display: flex;
}
.balloon-text-inner{
  margin: auto;
}
.balloon-text::before,.balloon-text::after{
  content: '';
  position: absolute;
  top: 19px;
  font-size: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.balloonL .balloon-text{
  margin: 0px 30px 0px 15px;
  background: #edf1ee;
}
.balloonR .balloon-text{
  margin: 0px 15px 0px 90px;
  background: #edf1ee;
}
.balloonL .balloon-text::before{
  left: -16px;
  border-right: 16px solid #edf1ee;
}
.balloonR .balloon-text::before{
  right: -16px;
  border-left: 16px solid #edf1ee;
}
*/


#content .post {
	font-size: 11pt;
}
#content .post .eyecatch {
	text-align: center;
	margin: 1.8em 0;
}
#content .post .eyecatch img {
	max-width: 100%;
}
#content .post table {
	max-width: 100%;
	width: 100%;
	border-collapse:  collapse;
	margin: 1.5em 0;
}
#content .post table th,
#content .post table td {
	padding: 0.4em;
	border: 1px solid #ccc;
	font-size: 10.5pt;
}
#content .post .frame_border {
	border: 2px solid #ccc;
	padding: 1em;
	border-radius: 6px;
	margin: 1.6em 0;
	position: relative;
	line-height: 1.6;
}
#content .post .frame_border.type1 {
	border: 2px solid #f55979;
	margin: 3.2em 0 1.6em;
}
#content .post .frame_border.type1 .label {
	position: absolute;
	background: #f55979;
	color: #fff;
	line-height: 26px;
	padding: 0 8px;
	top: -26px;
	left: 6px;
	border-radius: 3px 3px 0 0;
	font-size: 10.5pt;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#content .post .frame_border.type2 {
	border: 2px solid #ef2a2a;
	margin: 2.6em 0 1.6em;
}
#content .post .frame_border.type2 .label {
	position: absolute;
	background: #ffffff;
	color: #ef2a2a;
	line-height: 26px;
	padding: 0 10px;
	top: -14px;
	left: 15px;
	border-radius: 3px 3px 0 0;
	font-size: 11pt;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#content .post .link_btn {
	margin: 1.6em 0;
	text-align: center;
}
#content .post .link_btn a {
	color: #fff;
	text-decoration: none;
	padding: 0.7em;
	display: inline-block;
	max-width: 420px;
	border-radius: 8px;
	width: 80%;
}
#content .post .link_btn.red a {
	background: #c4281c;
}
#content .post .link_btn.blue a {
	background: #008ec2;
}
#content .post .link_btn.orange a {
	background: #fd9927;
}
#content .post .link_btn.green a {
	background: #5bb12c;
}
#content .post .link_btn.ash a {
	background: #8a7aeb;
}
#content .post .fixed_table,
#content .post .scroll_table {
	width: 100%;
	margin: 0 0 1.4em;
	overflow-x: auto;
}
#content .post .fixed_table table,
#content .post .scroll_table table {
	margin: 0;
	white-space: nowrap;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #ccc;
}
#content .post .fixed_table table p,
#content .post .scroll_table table p {
	margin: 0;
}

#content .post .su-tabs {
	padding: 0;
	background: none;
}
#content .post .su-tabs .su-tabs-nav span {
	opacity: 0.7;
	color: #fff;
	font-weight: bold;
	background: #aaa;
}
#content .post .su-tabs .su-tabs-nav span.su-tabs-current {
	opacity: 1;
}

#content .post .su-tabs .su-tabs-nav span.good {
	background: #f18f68;
}
#content .post .su-tabs .su-tabs-nav span.bad {
	background: #5ea7c8;
}
#content .post .su-tabs .su-tabs-nav span.red {
	background: #c4281c;
}
#content .post .su-tabs .su-tabs-nav span.blue {
	background: #008ec2;
}
#content .post .su-tabs .su-tabs-nav span.orange {
	background: #fd9927;
}
#content .post .su-tabs .su-tabs-nav span.green {
	background: #5bb12c;
}
#content .post .su-tabs .su-tabs-nav span.ash {
	background: #8aa0c8;
}
#content .post .su-tabs .su-tabs-nav span.purple {
	background: #8a7aeb;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane {
	border: 2px solid #aaa;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.good {
	border: 2px solid #f18f68;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.bad {
	border: 2px solid #5ea7c8;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.red {
	border: 2px solid #c4281c;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.blue {
	border: 2px solid #008ec2;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.orange {
	border: 2px solid #fd9927;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.green {
	border: 2px solid #5bb12c;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.ash {
	border: 2px solid #8aa0c8;
}
#content .post .su-tabs .su-tabs-panes .su-tabs-pane.purple {
	border: 2px solid #8a7aeb;
}
@media (max-width: 768px) {
	#content .post .su-tabs-mobile-stack .su-tabs-nav:before,
	#content .post .su-tabs-mobile-stack .su-tabs-nav:after {
		content:"";
		display:table;
	}
	#content .post .su-tabs-mobile-stack .su-tabs-nav:after {
		clear:both;
	}
	#content .post .su-tabs-mobile-stack .su-tabs-nav span {
		display: block;
		width: 32%;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 8px 12px;
		line-height: 2;
		text-align: center;
	}
}
#content .post .su-spoiler-style-default>.su-spoiler-content {
	padding: 1em 0;
}