/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media screen and (min-width: 769px){

.kuma_02{
table-layout: fixed;
width: 60%; /* 横幅 */
max-width: 800px; /* 横幅の最大値 */
min-width: 740px; /* 横幅の最小値 */
border-collapse: collapse;
}
.kuma_02 td.blog{
width:15%;
font-size:12px;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.douga img {
    width: 40%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
}

}

/*===============================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px){

.kuma_02{
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
.kuma_02 td.blog{
width:30%;
font-size:12px;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.douga img {
    width: 40%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
}

}

/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){

.kuma_02{
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
.kuma_02 td.blog{
width:30%;
font-size:12px;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.douga img {
    width: 95%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
}

}


.kuma_02 th{
font-size:12px;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.kuma_02 th.blog{
font-size:12px;
padding: 6px;
text-align: left;
vertical-align: top;
height: 5%;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}

.kuma_02 th.title{
text-align: center;
border:1px solid #b9b9b9;
padding:5px;
font-weight:bold;
font-size:20px;
background-color:#ffcc66;
color:#000;
}
.kuma_02 th.title2{
text-align: left;
border:1px solid #b9b9b9;
padding:5px;
font-weight:bold;
font-size:20px;
background-color:#fff;
color:#000;
}
.kuma_02 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.kuma_02 td.blogmenu{
font-size:12px;
text-align: center;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.kuma_02 td.bbs{
font-size:18px;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.kuma_02 td.cm{
text-align: center;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.kuma_02 td.blogcm{
font-size:12px;
text-align: left;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.kuma_02 td.menu{
font-size:5px;
text-align: center;
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}
.kuma_02 td.title{
padding: 6px;
background-color: #dcdcdc;
border: 1px solid #b9b9b9;
}
.kuma_02 td.date{
font-size:10px;
text-align: right;
padding: 6px;
background-color: #eee;
border: 1px solid #b9b9b9;
}


.dekamoji {
font-size:25px;
}

.keikoumizu {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
}
.futo {
  font-weight: bold;
}
.kakomumizu {
  border: solid 2px #a8eaff;
  padding: 10px;
  font-weight: bold;
}
.underaka {
  border-bottom: double 6px #ff0000;
}
.torikeshi {
  text-decoration: line-through;
}
.orangetitle {
 border-left :solid 5px orange;
  border-bottom: solid 1px gray;
  /*余白をつけておきます*/
  padding: 5px;
}


/*===============================================
ブログ内のテーブル(関係なし)
===============================================*/
table#table-01 {
    table-layout: fixed;
    width: 98%;
    font-size:12px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
}
table#table-01 th.title{
    text-align: center;
    border:1px solid #b9b9b9;
    padding:5px;
    font-weight:bold;
    font-size:14px;
    background-color:#000;
    color:#fff;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-01 td.goukei{
    margin: 0;
    padding: 0;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-01 td.min{
    background: #99ffff;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-01 td.min2{
    background: #000000;
    color: #ffffff;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-01 td.max{
    background: #ffcccc;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-01 td.lv{
    padding: 5px;
    background: #F5F5F5;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-01 td.bbs2{
font-size:18px;
background-color: #fff;
border: 1px solid #b9b9b9;
text-align: center;
}



/*===============================================
コンビニ評価(関係なし)
===============================================*/
table#table-03 {
    width: 80%;
    font-size:12px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-03 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 th.title{
    text-align: center;
    border:1px solid #b9b9b9;
    padding:5px;
    width:100%;
    font-weight:bold;
    font-size:14px;
    background-color:#000;
    color:#fff;
}
table#table-03 th.konbinimenu{
    width:50%;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 th.konbini{
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 th.seven{
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #ff0000;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 th.lawson{
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #0000ff;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 th.famima{
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #298a08;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 th.lawson{
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #0000ff;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-03 td{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-03 td.konbini{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table#table-03 td.lv{
    padding: 5px;
    background: #F5F5F5;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-03 td.bbs{
    font-size:18px;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.gold {
    color: #daa520;
}
/*===============================================
課金無課金(関係なし)
===============================================*/
table#table-07 {
    table-layout: fixed;
    width: 50%;
    font-size:12px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table-07 th.title{
    text-align: center;
    border:1px solid #b9b9b9;
    padding:5px;
    font-weight:bold;
    font-size:14px;
    background-color:#000;
    color:#fff;
}
table#table-07 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
}
table#table-07 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-07 td.kakin{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: right;
}
img.kakin {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}

/*===============================================
画像3分の1
===============================================*/
img.three {
    width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
}
/*===============================================
画像
===============================================*/
.gazou {
margin: 0;
padding: 0;
text-align: center;
}
img.suki {
vertical-align: bottom;
}
.sukima {
margin: 0;
padding: 0;
font-size: 10px;
}
/*===============================================
装備表
===============================================*/
table#table-04 {
    width: 100%;
    font-size:12px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#table-04 th.title{
    text-align: center;
    border:1px solid #b9b9b9;
    padding:5px;
    width:100%;
    font-weight:bold;
    font-size:14px;
    background-color:#000;
    color:#fff;
}
table#table-04 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-04 th.lv{
    width: 5%;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
table#table-04 th.skill{
    width: 45%;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
table#table-04 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-04 td.lv{
    padding: 5px;
    background: #F5F5F5;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#table-04 td.skill{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table#table-04 td.skilltop{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-bottom: dashed 1px #E3E3E3;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table#table-04 td.three{
    width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    border-style: none;
    vertical-align: top;
}
table#table-04 td.top{
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    vertical-align: top;
}
table#table-04 td.mp{
    width: 5%;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-bottom: dashed 1px #E3E3E3;
    border-left: dashed 1px #E3E3E3;
    border-width: 0 0 1px 1px;
    text-align: left;
}
/*===============================================
ページ
===============================================*/
.pager .pagination {
  text-align: center;
}
.pager .pagination li{
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#9D50BB;
  width: 40%;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50px;
}
.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover{
  color: #000;
  background: #ccf;
  border-radius: 50px;
}
.kumacenter {
  margin-left: auto;
  margin-right: auto;
}
.pager .pagination li a.kuma {
  pointer-events: none;
  color: #000;
  background: #ccf;
  border-radius: 50px;
}


.midasi {
  text-align: center;
  position: relative;
  background: #ffebcd;
  box-shadow: 0px 0px 0px 5px #ffebcd;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  margin:0;
  color: #454545;
}

.midasi:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #ffdab9;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*===============================================
サムネイム
===============================================*/
.thumb_link{
 width:100%;
 margin:0 auto 5% auto;
 clear:both;
}
.thumb_link img{
 margin-right:2%;
 padding:0;
 width:120px;
 height:120px;
 border-radius: 30px;
 float:left;
}
.thumb_link a{
  transition: color 0.3s;
  text-decoration: none;
}
.thumb_link a:link{
 color: #000000;
}
.thumb_link a:visited{
 color: #000000;
}
.thumb_link a:hover{
  color : #ff7043;
}
.thumb_link a:active{
 color: #000000;
} 
.blogtitle {
font-size:15px;
font-weight: bold;
}
.blogdate {
  background-color: #eee;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
  font-size: .8em;
}
.blogshita {
  background-color: #eee;
  margin-bottom: 0;
  text-align: left;
  width: 100%;
  font-size: .8em;
  clear: left;
}
.yomu a{
  text-decoration: underline;
}
.rogomaru img{
 border-radius: 20px;
}

@media only screen and (max-width: 767px){
 .thumb_link{
  width:100%;
 }
}
/*===============================================
サムネイム2
===============================================*/
.thumb_kklink img{
 margin-right:2%;
 padding:0;
 width:auto;
 height:auto;
 max-width:120px;
 max-height:120px;
 float:left;
}
/*===============================================
サムネイムテーブル
===============================================*/
table#table-05 {
    width: 100%;
    font-size:12px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}
table#table-05 td {
    border: none;
    border-bottom: dashed 2px #43a047;
    text-align: left;
    vertical-align: top;
}
table#table-05 td.month{
    border: none;
    border-bottom: 1px solid #b9b9b9;
    text-align: left;
    vertical-align: top;
}
table#table-05 td.pager{
    border: none;
    text-align: center;
}