﻿@charset "utf-8";


/*** #kubo config
----------------------------------------- ***/

#kubo h1 {
 width: 100%;
 margin: 0 0 30px;
}

#kubo .title {
 margin: 0 0 20px;
 padding: 0 50px 15px;
 position: relative;
 text-align: center;
 border-bottom: 1px dotted #ccc;
}

#kubo .title h2 {
 font-size: 2.6em;
 line-height: 40px;
 color: #eb6100;
}

#kubo .title p {
 font-family: 'Anton', sans-serif;
 font-weight: 400;
 font-size: 1.4em;
 line-height: 20px;
 position: absolute;
 top: 5px;
}

#kubo .title p a {
 display: block;
 padding: 5px 10px;
 color: #eb6100;
 background: #f0f0f0;
 border-radius: 3px;
}

#kubo .title p a:hover {
 color: #fff;
 background: #eb6100;
 text-decoration: none;
}

#kubo .title .prev {left: 0;}

#kubo .title .next {right: 0;}


#kubo .author {
 width: 100%;
 margin: 0 0 30px;
 padding: 15px;
 overflow: hidden;
 background: #f5f5f5;
}

#kubo .author .thumb {
 float: left;
 width: 120px;
 height: 90px;
 margin-right: 15px;
}

#kubo .author .kubo {
 float: right;
 width: 535px;
}

#kubo .author h3 {
 margin: 0 0 5px;
 font-size: 1.4em;
 line-height: 24px;
 color: #eb6100;
}

#kubo .author li {
 font-size: 1.2em;
 line-height: 20px;
 position: relative;
 padding: 0 0 0 12px;
}

#kubo .author li:before {
 display: block;
 content: "・";
 width: 14px;
 height: 20px;
 position: absolute;
 left: 0;
 top: 0;
}

#kubo .entry{
 border-bottom: 1px dotted #ccc;
 padding-bottom: 40px;
 overflow: hidden;
}

#kubo .entry h2 {
 margin: 0 0 30px;
 padding: 20px 20px 20px 45px;
 font-size: 2.2em;
 line-height: 30px;
 color: #eb6100;
 background: #f5f5f5 url(../../kubo/images/entry/h2.png) no-repeat 20px 22px;
 background-size: 18px 24px;
 border-radius: 6px;
}

#kubo .entry h3 {
 clear: both;
 margin: 20px 0 30px;
 padding: 0 0 10px 30px;
 position: relative;
 font-weight: normal;
 font-size: 2.2em;
 line-height: 34px;
 background: url(../../kubo/images/entry/h3.png) no-repeat 0 5px;
 background-size: 22px 22px;
 border-bottom: 1px dotted #ccc;
}

#kubo .entry h4 {
 margin: 1em 0 0;
 font-size: 1.5em;
 font-weight: bold;
 line-height: 24px;
}

#kubo .entry p  {font-size: 1.4em;}

#kubo .other {
 margin: 15px 0 30px;
 position: relative;
 overflow: hidden;
}

#kubo .other li {
 width: 220px;
 font-size: 1.2em;
 line-height: 20px;
}

#kubo .other li a {color: #eb6100;text-decoration: underline;}

#kubo .other li a:hover {text-decoration: none;}

#kubo .other .current {
 margin-left: -110px;
 position: absolute;
 left: 50%;
 top: 0;
 text-align: center;
 height:45px;
}

#kubo .other .prev {float: left;text-align: left; height:45px;
}

#kubo .other .next {float: right;text-align: right;
 height:45px;
}

#kubo .entry p {padding: 0 0 25px;}

#kubo .entry p img {height: auto;}

#kubo .entry .hidari {margin: 0 30px 20px 0;padding: 0;}

#kubo .entry strong {color: #eb6100;}

#kubo .entry .txtCap {
 color: #999999; font-size: 1em; line-height: 1.5;
}

#kubo .entry .boxClear {
overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}

/* 150624 added */

#kubo .youtube {float: right;width: 300px;margin: 0 0 30px 30px;}
/* // */

/* 2015-11-09 added */

#kubo .top .entry {
 position: relative;
 overflow: hidden;
}

#kubo .top .entry .top-left,
#kubo .top .entry .top-right {
 position: relative;
 width: 332px;
 margin: -40px 0 0;
 overflow: hidden;
}

#kubo .top .entry .top-left {
 float: left;
}

#kubo .top .entry .top-right {
 float: right;
}

#kubo .top .entry ul li,
#kubo .top .entry p {
 font-size: 1.3em;
}

#kubo .top .entry h3 {
 color: #31313F;
}

#kubo .top .entry p {
 position: relative;
 color: #EB6000;
 margin: -6px 0 10px 0;
 padding: 0;
 z-index: 2;
}
#kubo .top .entry ul {
 margin: 0 0 16px 8px;
}

#kubo .top .entry ul li a {
 background: url( "../../shared/aside/content/images/lili_off.png" ) no-repeat 0 0.45em;
 display: block;
 color: #000000;
 line-height: 1.3;
 padding: 5px 0 0 20px;
}

#kubo .top .entry ul li img {
 vertical-align: -0.15em;
 padding: 0 0 0 5px;
 width: auto;
 height: auto;
}

#kubo .top .entry .migi {
 float: right;
 margin: -8px 0 0;
 padding: 0 0 0 14px;
}

.back-list {
	margin-bottom:15px;
	padding-left:10px;
	text-align:right;
	font-size:1.3em;
} 
.back-list img{
	margin-bottom:5px;
}
.back-list a {
	color: #eb6100;
	margin-left:5px;
	text-decoration:underline;
	}
.back-list a:visited {
	color: #eb6100;
}
.back-list a:hover {
	text-decoration:none;
}




@media screen and (min-width: 0px)
              and (max-width: 610px)        {


	#kubo .entry br {display: none;}

	#kubo .entry p br  {display: inline ;} 
	#kubo .entry p img {height: auto;}

	#kubo .entry .hidari {margin: 0 30px 20px 0;padding: 0;}

	#kubo .entry strong {color: #eb6100;}

	#kubo .title {
	  margin: 0 0 20px;
	  padding: 0 0 15px;
	  position: relative;
	  overflow: hidden;
	  border-bottom: 1px dotted #ccc;
	 }

	#kubo .title h2 {
	  margin: 0 0 10px;
	  font-size: 2em;
	  line-height: 30px;
	  text-align: left;
	 }

	#kubo .title h2 {color: #eb6100;}


	#kubo .title p {
	  width: 50%;
	  position: relative;
	  top: auto;
	 }

	#kubo .title p a {
	  display: block;
	  padding: 5px 10px;
	  color: #eb6100;
	  background: #f0f0f0;
	  border: 1px solid #fff;
	  border-radius: 3px;
	 }

	#kubo .title p a:hover {
	color: #fff;
	  background: #eb6100;
	  text-decoration: none;
	 }

	#kubo .title .prev {float: left;left: auto;}

	#kubo .title .next {float: right;right: auto;}

	#kubo .title p i {display: inline;}

	#kubo .author {
	width: 100%;
	  margin: 0 0 30px;
	  padding: 15px;
	  overflow: hidden;
	  background: #f5f5f5;
	 }

	#kubo .author .thumb {display: none;}

	#kubo .author .kubo{
	  float: none;
	  width: 100%;
	 }

	#kubo .other:before {  display: block;
	  content: "";
	  width: 1px;
	  height: 100%;
	  position: absolute;
	  left: 50%;
	  top: 0;
	  border-left: 1px dotted #000;
	 }

	#kubo .other li {width: 50%;}
	#kubo .other li i {display: inline;}

	#kubo .other .current {display: none;}
	#kubo .other .prev {float: left;padding: 0 10px 0 0;}
	#kubo .other .next {float: right;padding: 0 0 0 10px;}

	/* 150624 added */

	#kubo .youtube {float: none;width: 100%;margin: 0;}
	/* // */

	/* 151109 added */

	#kubo .top .entry .top-left,
	 #kubo .top .entry .top-right {
	  float: none;
	  width: auto;
	 }

	#kubo .top .entry .top-right {
	  margin-top: 0;
	 }

	#kubo .top .entry ul,
	 #kubo .top .entry p {
	  margin-left: 0;
	  margin-right: 0;
	 }

	#kubo .top .entry ul li a {
	  white-space: normal;
	 }

	#kubo .top .entry .migi {
	  display: none;
	 }
	.back-list img{
		width:15px;
	}

}

.kubo-list-ul {
  list-style-type:disc;
  margin:1em 0;
  padding-left: 15px;
  line-height:160%;
  font-size:125%;
}

.kubo-list-ul li {
  margin-bottom:0.8em;
}

.entry ol{
  list-style: outside none decimal;
  padding: 0 0.5em 2em 1.5em;
  font-size: 1.3em;
}

#main ul.social{margin-top: 2em;}



/*---ページ内設定（↓追加分）---*/
#kubo .entry .strong { font-weight: bold;}

#kubo .entry .center{ text-align: center;}

#kubo .entry dl {
	font-size: 1.3em;
	list-style:inside none disc;
	padding-bottom: 1.5em;
}

#kubo .entry dl dd {padding-left: 0.6em;}

/*---余白調整---*/
#kubo .entry .p-b10{ padding-bottom:10px;}


/*---ページ内設定リスト（↓追加分）---*/


/*--- 例）index-83 ---*/
#kubo .entry .list1 {
	font-size: 1.3em;
	margin: -0.5em 0 2em 0;
}

#kubo .entry .list1 ul{
	list-style:none;
}

#kubo .entry .list1 ul li{
	margin-bottom: 1em;
	text-indent:-1em;
	padding-left:1em;
}
/*--- 例）index-434 ---*/
#kubo .entry ul.list3 {
	list-style-type: disc;
 	list-style-position: inside;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 1.3em 0;
}
/*--- 例）index-435 ---*/
#kubo .entry ul.list4 {
	list-style-type: none;
 	list-style-position: inside;
	border: 2px solid #ed6e14;
    padding: 15px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
#kubo .entry ul.list4 li{
	font-size: 1.4em;
	text-indent: -1em;
    margin-left: 1em;
}
#kubo .entry ul.list4 li:not(:last-child){
	padding-bottom: 1.4em;
}
#kubo .entry ul.list4 li span{
	font-size: 12px;
}

/*--- 例）index-439 ---*/
#kubo .entry ul.list4.bold{
	border:#c9c9c9 solid 3px ;
	border-radius: 0;
}
#kubo .entry ul.list4.bold li{
	font-weight: bold;
	width: auto;
}
#kubo .entry ul.list4.bold p{
	margin-left: 1.5em;
	width: auto;
}
#kubo .entry ul.list4 hr{
	margin-bottom: 20px;
}

/*--- 例）index-456 ---*/
#kubo .entry dl.list4{
    padding: 20px;
	margin-bottom: 2.3em;
	border:#c9c9c9 solid 3px ;
	border-radius: 0;
}
#kubo .entry dl.list4 dt{
	margin-top: 1.5em;
	font-weight: bold;
	width: auto;
}
#kubo .entry dl.list4 dt:first-child{
		margin-top: 0;
}
#kubo .entry dl.list4 dd{
	margin-left: 1em;
	width: auto;
}


/*--- 例）index-85 ---*/
#kubo .entry dl.dl1 {
	font-size: 1.3em;
	margin: 0 0 1em 0;
}

#kubo .entry dl.dl1 dt{
	margin-top: 1.3em;
	font-weight: bold;	
	text-indent:-1em;
	padding-left:1em;
}

#kubo .entry dl.dl1 dd{
	margin-bottom: 1em;
	padding-left: 1em;
}
#kubo .entry dl.dl1 dd p{
	font-size: 1em;
	padding-bottom: 1.2em;
}
#kubo .entry dl.dl1 dd p:last-child{
	padding-bottom: 0;
}

/*--- 例）index-397 マークあり ---*/
#kubo .entry dl.dl1 dd.mark{
	margin: 0;
	padding-left: 0;
	padding-top: 0.5em;
}
#kubo .entry dl.dl1 dd.mark ul li{
	text-indent:-1em;
	padding-left:1em;
	padding-bottom: 0.2em;
}

/*--- 例）index-122 ---*/
#kubo .entry div.box01{	padding: 0 0 20px 0; font-size: 1.4em;}

#kubo .entry dl.fl-lef{
	padding: 0 0 10px 10px;
	width: 100%;
	font-size: 1em;
	}

#kubo .entry dl.fl-lef dt{
	float: left;
}

#kubo .entry dl.fl-lef dd{
	margin-left:15%;
}

/*--- 例）index-258 ---*/
#kubo .entry .list1.sec {
	font-size: 1.4em;
	margin: 0 0 2.5em 0;
}

#kubo .entry .list1.sec ul li{
	text-indent:-1.3em;
	padding-left:1.3em;
}

/*--- 例）index-293 ---*/
#kubo .entry .list1.l-img {margin-left: 384px;}

@media screen and (min-width: 0px)
              and (max-width: 610px)   {
				  #kubo .entry .list1.l-img {margin-left: 0;}
}

/*--- 例）index-303 ---*/
#kubo .entry dl.dl2 {
	font-size: 1.3em;
}

#kubo .entry dl.dl2 dt{
	margin-top: 1em;
	font-weight: bold;
}

#kubo .entry dl.dl2 dd{
	margin-bottom: 1em;
	text-indent: -2em;
	padding-left: 2em;
}

/*--- 例）index-382 ---*/
#kubo .entry dd.list2 ul li{
	text-indent:-1em;
	padding-left:1em;
}

/*---ページ内設定（↓追加分）---*/
#kubo .entry div.height-1 p.naiyou{
	margin-top: -1em;
	text-indent: -5em;
	padding-left: 5em;
}

#kubo .entry div.height-1 p.midasi1{
	font-weight: bold;
	margin-bottom: -1em;
}

#kubo .entry div.height-1 p.midasi{
	font-weight: bold;
	margin-bottom: -1em;
	margin-top: 1em;
}

/*---ページ内設定（掲載日付）---*/
#kubo .kubo_date{
	text-align: right;
	font-size: 1.1em;
	color: #666666;
}


/*20190718追加（kuboさん記事内のBCAAリンク設定）*/ 
#kubo .entry .recommend{
	position: relative;
	overflow: hidden;
	margin: 0 1em 3em;
	padding: 10px;
	border-radius: 5px;
	border: solid 1px #CCCCCC;
	box-shadow: 2px 2px 3px #DDDDDD;
/*	border: solid 1px #F7DED9;
	background-color: #FFF6F4;
	box-shadow: 2px 2px 3px #F7DED9;*/
}

#kubo .entry .recommend a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#kubo .entry .recommend:hover{
	border: solid 1px #F7DED9;
	background-color: #FFF6F4;
	box-shadow: 2px 2px 3px #F7DED9;
/*	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
}

#kubo .entry .recommend p{ font-size: 1.2em; padding-bottom: 0;}
#kubo .entry .recommend img{float: left; padding-right: 10px; width:17%;}
#kubo .entry .recommend h5{ font-size: 1.4em; margin-bottom: 2px;}


@media screen and (min-width: 0px)
              and (max-width: 610px)        {

	#kubo .entry .list1 ul li br {display: block;}
	#kubo .entry dl.dl1 dd br {display: block;}

	/*--- 例）index-122 ---*/
	#kubo .entry dl.fl-lef dd{
		margin-left:0;
	}

	#kubo .entry .recommend{margin: 0 0 3em;}
	#kubo .entry .recommend img{ width:25%;}

}