@charset "UTF-8";

.rate-star,
.rate-thing {
 display: inline-block;
 vertical-align: middle
}

.tl_content,
.tl_title {
 line-height: 1.5
}

#inner-content .hh10,
#inner-content .hh35,
#inner-content .hh36,
.box28 .box-title,
.rate-star,
.rate-thing {
 vertical-align: middle
}

.accordion label,
.flat1,
.flat6,
.rate-thing,
.rate-title,
.tl_label,
.tl_title {
 font-weight: 700
}

.entry-content img.img_so_small,
.rate-thing {
 max-width: 250px
}

.c_linkto,
.say {
 overflow: hidden
}

#inner-content .btn,
#inner-content a.btn:hover,
.c_linkto:hover,
.cstmreba a,
.kaerebalink-name p a,
.linkto:hover,
.reference:hover {
 text-decoration: none
}

.rate-title {
 padding: 5px;
 margin-top: 1em;
 font-size: 1.25em;
 text-align: center
}

.rate-title:before {
 content: '\f02e';
 font-family: FontAwesome;
 padding-right: 5px
}

.rate-box {
 margin-bottom: 1em;
 font-size: 15px;
 border: 2px solid #e6e6e6
}

.rateline {
 padding: 7px 10px
}

.rate-box .rateline:nth-child(2n) {
 background: #f3f3f3
}

.rate-thing {
 padding-right: 10px;
 width: calc(100% - 115px)
}

.rate-star {
 margin: 0;
 width: 115px;
 color: #b1b1b1
}

.rate-star .fa {
 color: #ffb500
}

.rate-box .rateline.end-rate {
 background: #e8f4ff
}

.accordion {
 margin: .5em 0;
 font-size: .95em
}

.accordion label {
 display: block;
 position: relative;
 padding: 13px 37px 13px 14px;
 border: 1px solid #c1c1c1;
 cursor: pointer;
 transition: .3s;
 border-radius: 2px
}

.accordion label:after {
 content: '+';
 font-family: Quicksand, sans-serif;
 position: absolute;
 right: 14px;
 top: 7px;
 font-size: 23px;
 font-weight: 400;
 color: #c1c1c1
}

.accordion label:hover,
.accordion_input:checked+label,
.btntext:hover {
 background: #efefef
}

.accordion_input,
.booklink-footer,
.booklink-info img,
.kaerebalink-image>img,
.kaerebalink-info img {
 display: none
}

.accordion_content {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: .8s
}

.accordion_input:checked~.accordion_content {
 height: auto;
 padding: .7em 0;
 opacity: 1
}

.accordion_input:checked+label:after {
 content: '-'
}

.entry-content .tl {
 border: none;
 margin: 1em 0;
 padding: 0;
 list-style: none
}

.tl li {
 position: relative;
 padding: 0 0 1.5em 1.8em
}

.tl>li:before {
 content: "";
 width: 3px;
 background: #ccd5db;
 display: block;
 position: absolute;
 top: 24px;
 bottom: 0;
 left: 6px
}

.tl_marker {
 content: '';
 display: inline-block;
 position: absolute;
 top: 6px;
 left: 0;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 border: 3px solid
}

.tl li:not(:first-of-type):not(:last-of-type) .tl_marker {
 background: 0 0
}

.tl li:last-of-type:before {
 content: none
}

.tl_label {
 padding-top: 2px;
 color: #90969a;
 font-size: .8em
}

#inner-content p.hh,
.tl_title {
 font-size: 1.1em
}

.tl_content {
 font-size: .9em;
 margin-top: .5em;
 padding: 0 0 1.5em;
 border-bottom: 1px dashed #ccd5db
}

.entry-content .tl_content * {
 margin: .5em 0 0
}

#inner-content .hh {
 margin: 2.5em 0 1em;
 padding: 0;
 border: 0;
 background: 0 0;
 box-shadow: none;
 font-weight: 700
}

#inner-content .hh:after,
#inner-content .hh:before {
 top: auto;
 right: auto;
 bottom: auto;
 left: auto;
 border: 0;
 background: 0 0;
 box-shadow: none;
 content: none
}

#inner-content .hh1 {
 padding: .5em 0;
 border-bottom: 3px solid #000
}

#inner-content .hh2 {
 border-bottom-width: 2px;
 border-bottom-style: dashed
}

#inner-content .hh3 {
 border-bottom-width: 5px;
 border-bottom-style: double
}

#inner-content .hh4 {
 padding: .5em 0;
 border-width: 3px;
 border-top-style: solid;
 border-bottom-style: solid
}

#inner-content .hh5 {
 padding: .5em
}

#inner-content .hh6 {
 padding: .5em;
 border-width: 3px;
 border-style: solid;
 border-radius: .5em
}

#inner-content .hh7 {
 padding: .5em;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 color: #010101
}

#inner-content .hh8 {
 padding: .5em;
 border-left: 5px solid #ffaf58;
 background: #fffaf4;
 color: #494949
}

#inner-content .hh9 {
 padding: .5em;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .23)
}

#inner-content .hh10 {
 display: inline-block;
 padding: .5em;
 border-radius: 25px 0 0 25px;
 color: #505050;
 line-height: 1.3
}

#inner-content .hh10:before {
 display: inline-block;
 margin-right: 8px;
 color: #fff;
 content: "●"
}

#inner-content .hh11 {
 position: relative;
 padding: .6em;
 background: #c8e4ff
}

#inner-content .hh12,
#inner-content .hh13,
#inner-content .hh14 {
 margin-right: 5px;
 margin-left: 5px;
 padding: .2em .5em;
 background: #c8e4ff;
 box-shadow: 0 0 0 5px #c8e4ff;
 color: #454545
}

#inner-content .hh11:after {
 position: absolute;
 top: 100%;
 left: 30px;
 width: 0;
 height: 0;
 border: 15px solid transparent;
 border-top: 15px solid #c8e4ff;
 content: ""
}

#inner-content .hh12 {
 border: 1px dashed #96c2fe
}

#inner-content .hh13 {
 border: 1px dashed #fff
}

#inner-content .hh14 {
 position: relative;
 border: 2px dashed #fff
}

#inner-content .hh15,
#inner-content .hh16 {
 padding: .5em;
 color: #fff;
 position: relative
}

#inner-content .hh14:after {
 position: absolute;
 top: -7px;
 left: -7px;
 border-width: 0 0 15px 15px;
 border-style: solid;
 border-color: #fff #fff #a8d4ff;
 box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
 content: ""
}

#inner-content .hh15 {
 background: #7fbae9
}

#inner-content .hh15:before {
 position: absolute;
 top: 100%;
 left: 0;
 border: none;
 border-right: 20px solid #74a4cb;
 border-bottom: 15px solid transparent;
 content: ""
}

#inner-content .hh16 {
 background: #a6d3c8
}

#inner-content .hh20,
#inner-content .hh21 {
 background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e9f4ff 3px, #e9f4ff 7px);
 text-shadow: 0 0 5px #fff
}

#inner-content .hh16:before {
 position: absolute;
 top: 100%;
 left: 0;
 border: none;
 border-right: 20px solid #959e9b;
 border-bottom: 15px solid transparent;
 content: ""
}

#inner-content .hh17 {
 position: relative;
 border-bottom: 3px solid #cbcbcb
}

#inner-content .hh17:after,
#inner-content .hh18:after {
 display: block;
 position: absolute;
 bottom: -3px;
 width: 30%;
 border-bottom: 3px solid #6bb6ff;
 content: " "
}

#inner-content .hh18 {
 position: relative;
 border-bottom: 3px solid #c8e4ff
}

#inner-content .hh19 {
 position: relative;
 padding-left: 25px
}

#inner-content .hh19:before {
 position: absolute;
 bottom: -3px;
 left: 0;
 width: 0;
 height: 0;
 border: none;
 border-bottom: 15px solid #77c3df;
 border-left: 15px solid transparent;
 content: ""
}

#inner-content .hh19:after {
 position: absolute;
 bottom: -3px;
 left: 10px;
 width: 100%;
 border-bottom: 3px solid #77c3df;
 content: ""
}

#inner-content .hh26:after,
#inner-content .hh26:before {
 border-top: 1px solid #000;
 border-bottom: 1px solid #000
}

#inner-content .hh20 {
 padding: .5em
}

#inner-content .hh21 {
 padding: .5em;
 border-left: 7px solid #6bb6ff
}

#inner-content .hh22 {
 padding: .5em;
 border-top: 2px solid #6cb4e4;
 border-bottom: 2px solid #6cb4e4;
 background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
 color: #6cb4e4;
 text-align: center
}

#inner-content .hh23 {
 position: relative;
 padding: .3em 0
}

#inner-content .hh23:after {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 7px;
 background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
 content: ""
}

#inner-content .hh24 {
 display: inline-block;
 position: relative;
 padding: 0 55px
}

#inner-content .hh24:after,
#inner-content .hh24:before {
 display: inline-block;
 position: absolute;
 top: 50%;
 width: 45px;
 height: 1px;
 background-color: #000;
 content: ""
}

#inner-content .hh24:before,
.alert .li-check li:before,
.alert .li-chevron li:before,
.alert .li-niku li:before,
.alert .li-yubi li:before,
.li-check li li:before,
.li-chevron li li:before,
.li-niku li li:before,
.li-yubi li li:before,
.memo .li-check li:before,
.memo .li-chevron li:before,
.memo .li-niku li:before,
.memo .li-yubi li:before,
.sng-box .li-check li:before,
.sng-box .li-chevron li:before,
.sng-box .li-niku li:before,
.sng-box .li-yubi li:before,
blockquote .li-check li:before,
blockquote .li-chevron li:before,
blockquote .li-niku li:before,
blockquote .li-yubi li:before {
 left: 0
}

#inner-content .hh24:after {
 right: 0
}

#inner-content .hh25 {
 position: relative;
 padding: .4em 1em;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000;
 text-align: center
}

#inner-content .hh25:after,
#inner-content .hh25:before {
 position: absolute;
 top: -7px;
 width: 2px;
 height: -webkit-calc(100% + 14px);
 height: calc(100% + 14px);
 background-color: #000;
 content: ""
}

#inner-content .hh25:before {
 left: 7px
}

#inner-content .hh25:after {
 right: 7px
}

#inner-content .hh26 {
 display: inline-block;
 position: relative;
 top: 0;
 padding: .25em 1em;
 line-height: 1.4
}

#inner-content .hh26:after,
#inner-content .hh26:before {
 display: inline-block;
 position: absolute;
 top: 0;
 width: 8px;
 height: 100%;
 content: ""
}

#inner-content .hh26:before {
 left: 0;
 border-left: 1px solid #000
}

#inner-content .hh26:after {
 right: 0;
 border-right: 1px solid #000;
 content: ""
}

#inner-content .hh27:first-letter {
 font-size: 2em
}

#inner-content .hh30:before,
#inner-content .hh31:before,
#inner-content .hh34:before {
 font-family: FontAwesome;
 font-size: 1em;
 position: absolute
}

#inner-content .hh28 {
 position: relative;
 padding: .25em 0
}

#inner-content .hh28:after {
 display: block;
 height: 4px;
 background: linear-gradient(to right, #6bb6ff, rgba(255, 255, 255, 0));
 content: ""
}

#inner-content .hh29 {
 position: relative;
 padding: .35em .5em;
 background: linear-gradient(to right, #ffba73, rgba(255, 255, 255, 0));
 color: #545454
}

#inner-content .hh30 {
 position: relative;
 padding-left: 1.2em;
 line-height: 1.4
}

#inner-content .hh30:before {
 top: 0;
 left: 0;
 color: #5ab9ff;
 content: "\f00c"
}

#inner-content .hh31 {
 position: relative;
 padding: .5em .5em .5em 1.5em;
 border-top: 1px dotted gray;
 border-bottom: 1px dotted gray;
 background: #fffff4;
 color: #ff6a6a;
 line-height: 1.4
}

#inner-content .hh31:before {
 top: .5em;
 left: .25em;
 color: #ff6a6a;
 content: "\f138"
}

#inner-content .hh32 {
 position: relative;
 padding: .5em .5em .5em 1.8em;
 background: #81d0cb;
 color: #fff;
 line-height: 1.4
}

#inner-content .hh32:before {
 position: absolute;
 left: .5em;
 font-family: FontAwesome;
 content: "\f14a"
}

#inner-content .hh33 {
 padding: .5em;
 border-radius: .5em;
 background: #b0dcfa;
 color: #fff
}

#inner-content .hh34 {
 position: relative;
 padding-left: 1.2em;
 color: #7b6459
}

#inner-content .hh34:before {
 top: 0;
 left: 0;
 color: #ff938b;
 content: "\f1b0"
}

#inner-content .hh35 {
 display: inline-block;
 box-sizing: border-box;
 position: relative;
 height: 50px;
 padding: 0 30px;
 background: #f57a78;
 color: #fff;
 font-size: 18px;
 text-align: center;
 line-height: 50px
}

#inner-content .hh35:after,
#inner-content .hh35:before {
 position: absolute;
 z-index: 1;
 width: 0;
 height: 0;
 content: ""
}

#inner-content .hh35:before {
 top: 0;
 left: 0;
 border-width: 25px 0 25px 15px;
 border-style: solid;
 border-color: transparent transparent transparent #fff
}

#inner-content .hh35:after,
#inner-content .hh36:after {
 top: 0;
 right: 0;
 border-style: solid;
 border-color: transparent #fff transparent transparent
}

#inner-content .hh35:after {
 border-width: 25px 15px 25px 0
}

#inner-content .hh36 {
 display: inline-block;
 box-sizing: border-box;
 position: relative;
 height: 60px;
 padding: 0 30px 0 10px;
 background: #ffc668;
 color: #fff;
 font-size: 18px;
 text-align: center;
 line-height: 60px
}

#inner-content .hh36:after {
 position: absolute;
 z-index: 1;
 width: 0;
 height: 0;
 content: "";
 border-width: 30px 15px 30px 0
}

.flat6,
.flat7 {
 position: relative
}

#inner-content .hh.hha,
#inner-content .hh.hhq {
 position: relative;
 margin: 0;
 padding: 0 0 0 55px;
 font-size: 15px
}

#inner-content .hh.hha+*,
#inner-content .hh.hhq+* {
 margin-top: 1.5em
}

#inner-content .hh.hha:before,
#inner-content .hh.hhq:before {
 content: 'Q';
 position: absolute;
 left: 0;
 top: -6px;
 display: inline-block;
 width: 45px;
 height: 45px;
 line-height: 45px;
 vertical-align: middle;
 text-align: center;
 font-family: Arial, sans-serif;
 font-size: 21px;
 background: #75bbff;
 color: #fff;
 border-radius: 50%
}

#inner-content .hh.hhq+.hh.hha {
 margin-top: 2em;
 font-size: 15px
}

#inner-content .hh.hha:before {
 content: 'A';
 background: #ff8d8d
}

#inner-content .btn {
 margin: .5em .5em .5em 0
}

#inner-content .blue-bc {
 background: #4f9df4
}

#inner-content .red-bc {
 background: #f88080
}

#inner-content .green-bc {
 background: #90d581
}

.btntext {
 display: inline-block;
 padding: 3px 15px
}

.flat1 {
 display: inline-block;
 padding: .25em .5em;
 background: #ececec;
 color: #00bcd4
}

.flat2,
.flat3,
.flat4,
.flat5 {
 color: #67c5ff;
 display: inline-block
}

.flat1:hover {
 background: #00bcd4;
 color: #fff
}

.flat2 {
 padding: .3em 1em;
 border: 2px solid #67c5ff;
 border-radius: 3px
}

.flat2:hover {
 background: #67c5ff;
 color: #fff
}

.flat3 {
 padding: .4em 1em;
 border: 4px double #67c5ff;
 border-radius: 3px
}

.flat3:hover {
 background: #fffbef
}

.flat4,
.flat5 {
 padding: .5em 1em;
 border: 2px dashed #67c5ff;
 border-radius: 3px
}

.flat4:hover {
 border-style: dotted;
 color: #679efd
}

.flat11,
.flat6 {
 padding: .5em 1em;
 border-right: 4px solid #668ad8;
 border-left: 4px solid #668ad8
}

.flat5:hover {
 background: #cbedff;
 color: #fff
}

.flat6 {
 display: inline-block;
 background: #e1f3ff;
 color: #668ad8
}

.flat6:hover {
 background: #668ad8;
 color: #fff
}

.flat7 {
 display: inline-block;
 padding: .25em 0;
 color: #67c5ff;
 font-weight: 700
}

.flat8,
.flat9 {
 padding: .25em .5em;
 display: inline-block;
 font-weight: 700;
 position: relative
}

.flat7:before {
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 4px;
 border-radius: 3px;
 background: #67c5ff;
 content: ""
}

.flat7:hover:before {
 top: -webkit-calc(100% - 3px);
 top: calc(100% - 3px)
}

.flat8 {
 border-radius: 0 15px 15px 0;
 background: #ececec;
 color: #00bcd4
}

.flat8:hover {
 background: #636363
}

.flat9 {
 background: #00bcd4;
 color: #fff
}

.flat9:hover {
 background: #29a299
}

.flat10 {
 display: inline-block;
 position: relative;
 padding: 8px 10px 5px;
 border-bottom: 4px solid #ffa000;
 border-radius: 15px 15px 0 0;
 background: #fff1da;
 color: #ffa000;
 font-weight: 700
}

.flat10:hover {
 background: #ffc25c;
 color: #fff
}

.flat11 {
 display: inline-block;
 position: relative;
 background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px, #e9f4ff 3px, #e9f4ff 7px);
 text-shadow: 0 0 5px #fff;
 color: #668ad8;
 font-weight: 700
}

.grad1,
.grad2 {
 padding: .5em 1em;
 border-radius: 3px;
 color: #fff;
 display: inline-block
}

.flat11:hover {
 background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 5px, #e9f4ff 5px, #e9f4ff 9px)
}

.grad1 {
 background: linear-gradient(45deg, #709dff 0, #92e6ff 100%)
}

.grad1:hover {
 background: linear-gradient(90deg, #709dff 0, #92e6ff 100%)
}

.grad2 {
 background: linear-gradient(95deg, #ff7070 0, #fdd973 100%)
}

.grad2:hover {
 background: linear-gradient(140deg, #ff7070 0, #fdd973 100%)
}

.grad3 {
 display: inline-block;
 padding: 7px 20px;
 border-radius: 25px;
 background: linear-gradient(45deg, #ffc107 0, #ff8b5f 100%);
 color: #fff
}

.cubic1,
.grad4 {
 padding: .5em 1em;
 color: #fff;
 display: inline-block
}

.grad3:hover {
 background: linear-gradient(45deg, #ffc107 0, #f76a35 100%)
}

.grad4 {
 background: linear-gradient(#6795fd 0, #67ceff 100%)
}

.grad4:hover {
 background: linear-gradient(#6795fd 0, #67ceff 70%)
}

.cubic1 {
 border-bottom: 4px solid rgba(0, 0, 0, .27);
 border-radius: 3px
}

.cubic1:active {
 border-bottom: none;
 box-shadow: 0 0 1px rgba(0, 0, 0, .2);
 -webkit-transform: translateY(4px);
 -ms-transform: translateY(4px);
 transform: translateY(4px)
}

#inner-content .emboss {
 text-shadow: 1.5px 1.5px 1.5px rgba(255, 255, 255, .5);
 color: rgba(0, 0, 0, .4);
 font-weight: 700
}

.text3d {
 text-shadow: -.9px -.5px rgba(255, 255, 255, .6), 1px 1.2px rgba(0, 0, 0, .35);
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 1px
}

.text3d.blue-bc {
 color: #4f9df4
}

.text3d.red-bc {
 color: #f88080
}

.text3d.green-bc {
 color: #90d581
}

.cubic2 {
 display: inline-block;
 position: relative;
 padding: 6px 15px 4px;
 border-bottom: 2px solid rgba(0, 0, 0, .2);
 border-radius: 4px;
 box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .19);
 color: #fff;
 font-weight: 700
}

.cubic2:active {
 border-bottom: 2px solid rgba(0, 0, 0, .05);
 box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.cubic3 {
 display: inline-block;
 position: relative;
 padding: .25em .5em;
 border: 1px solid rgba(0, 0, 0, .19);
 border-radius: 4px;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
 text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
 color: #fff
}

.box10,
.box11,
.box13 {
 box-shadow: 0 2px 3px rgba(0, 0, 0, .22)
}

.box3,
.box4 {
 padding: 1.5em 1em;
 color: #2c2c2f;
 margin: 2em 0
}

.cubic3:active {
 border: 1px solid rgba(0, 0, 0, .05);
 box-shadow: none;
 text-shadow: none
}

.sng-box p {
 margin: 0;
 padding: 0
}

.booklink-name p,
.kaerebalink-name p,
.sng-box .say {
 margin-bottom: 0
}

.sng-box .faceicon {
 padding-right: 20px
}

.box1 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: 2px solid #000;
 font-weight: 700
}

.box2 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: 2px solid #d1d1d1;
 border-radius: 5px;
 background: #fff
}

.box3 {
 background: #edf6ff
}

.box4 {
 border-top: 3px solid #6bb6ff;
 border-bottom: 3px solid #6bb6ff;
 background: #eef7ff
}

.box5,
.box7 {
 color: #474747;
 padding: 1.5em 1em
}

.box5 {
 margin: 2em 0;
 border: 5px double #4ec4d3
}

.box6 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border: 2px dashed #6bb6ff;
 background: #edf6ff
}

.box12,
.box13 {
 margin: 2em 0;
 border-radius: 9px;
 font-weight: 700
}

.box7 {
 margin: 2em 0;
 border-right: 7px double #4ec4d3;
 border-left: 7px double #4ec4d3;
 background: #f5f5f5
}

.box8 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-left: 6px solid #ffc06e;
 background: #fff8e8;
 color: #232323
}

.box9 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: 6px solid #f47d7d;
 background: #fceded;
 color: #f47d7d;
 font-weight: 700
}

.box10 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: 6px solid #1dc1d6;
 background: #e4fcff;
 color: #00bcd4
}

.box11 {
 margin: 2em 0;
 padding: 1.5em 1em;
 border-top: 5px solid #5d627b;
 background: #fff;
 color: #5d627b
}

.box12 {
 padding: 1.5em 1em;
 border-bottom: 6px solid #aac5de;
 background: #c6e4ff;
 color: #5989cf
}

.box13 {
 padding: 1.5em 1em;
 border-bottom: 6px solid #3f87ce;
 background: #6eb7ff;
 color: #fff
}

.box14,
.box15 {
 margin: 2em 10px;
 padding: 1.5em 1em
}

.box14 {
 border: 2px dashed #fff;
 background: #d6ebff;
 box-shadow: 0 0 0 10px #d6ebff
}

.box15 {
 border: 2px dashed #ffc3c3;
 border-radius: 8px;
 background: #ffeaea;
 box-shadow: 0 0 0 10px #ffeaea;
 color: #565656
}

.box16,
.box17,
.box18,
.box20,
.box21 {
 margin: 2em 0
}

.box16 {
 padding: 1.5em 1em;
 background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px)
}

.box17 {
 position: relative;
 padding: 1em 2em;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000
}

.box18,
.box19,
.box20 {
 padding: 1.5em 1em;
 position: relative
}

.box17:after,
.box17:before {
 position: absolute;
 top: -10px;
 width: 2px;
 height: -webkit-calc(100% + 20px);
 height: calc(100% + 20px);
 background-color: #000;
 content: ""
}

.box17:before {
 left: 10px
}

.box17:after {
 right: 10px
}

.box18 {
 border: 2px solid #ffcb8a;
 border-radius: 3px 0
}

.box18:after,
.box18:before {
 position: absolute;
 width: 10px;
 height: 10px;
 border: 2px solid #ffcb8a;
 border-radius: 50%;
 content: ""
}

.box18:after {
 top: -12px;
 left: -12px
}

.box18:before {
 right: -12px;
 bottom: -12px
}

.box19:after,
.box19:before {
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 30px;
 content: ""
}

.box19:before {
 top: 0;
 left: 0;
 border-top: 1px solid #5767bf;
 border-left: 1px solid #5767bf
}

.box19:after {
 right: 0;
 bottom: 0;
 border-right: 1px solid #5767bf;
 border-bottom: 1px solid #5767bf
}

.box20:after,
.box20:before {
 border-top: 2px dotted #15adc1;
 border-bottom: 2px dotted #15adc1
}

.box20 {
 top: 0;
 background: #efefef
}

.box20:after,
.box20:before {
 display: inline-block;
 box-sizing: border-box;
 position: absolute;
 top: 0;
 width: 15px;
 height: 100%;
 content: ""
}

.box23:after,
.box23:before {
 position: absolute;
 bottom: 0;
 color: #fff0c6;
 content: "\f111";
 font-family: FontAwesome
}

.box20:before {
 left: 0;
 border-left: 2px dotted #15adc1
}

.box20:after {
 right: 0;
 border-right: 2px dotted #15adc1
}

.box21 {
 padding: 1.3em;
 background: linear-gradient(to left, #92d2f8, #c4baff);
 box-shadow: 0 5px 15px rgba(0, 0, 0, .13);
 color: #fff;
 font-weight: 700
}

.box22 {
 margin: 1em 0;
 padding: 1.5em 1em;
 border-left: 6px solid #6bb6ff;
 background: #f6f6f6;
 box-shadow: 0 2px 3px rgba(0, 0, 0, .33)
}

.box23 {
 position: relative;
 max-width: 400px;
 margin: 2em 0 2em 40px;
 padding: 20px;
 border-radius: 30px;
 background: #fff0c6
}

.box23:before {
 left: -40px;
 font-size: 15px
}

.box23:after {
 left: -23px;
 font-size: 23px
}

.box24:after,
.box25:after {
 position: absolute;
 content: ""
}

.box24 {
 position: relative;
 margin: 2em 0;
 padding: .8em 1em;
 background: #e6f4ff;
 color: #5c98d4;
 font-weight: 700
}

.box25,
.box26 {
 padding: 1.5em 1em
}

.box24:after {
 top: 100%;
 left: 30px;
 width: 0;
 height: 0;
 border: 15px solid transparent;
 border-top: 15px solid #e6f4ff
}

.box25 {
 position: relative;
 margin: 2em 5px;
 border: 2px dashed #fff;
 background: #fff0cd;
 box-shadow: 0 0 0 5px #fff0cd;
 color: #454545
}

.box26,
.box27 {
 margin: 2em 0;
 position: relative
}

.box25:after {
 top: -7px;
 right: -7px;
 border-width: 0 15px 15px 0;
 border-style: solid;
 border-color: #ffdb88 #fff;
 box-shadow: -1px 1px 1px rgba(0, 0, 0, .15)
}

.box26 .box-title,
.box27 .box-title {
 position: absolute;
 top: -10px;
 left: 10px;
 padding: 0 9px;
 background: #fff;
 font-size: 19px;
 display: inline-block;
 line-height: 1
}

#toc_container .toc_list li,
.box-title {
 font-weight: 700
}

.box26 {
 border: 3px solid #95ccff;
 border-radius: 8px
}

.box26 .box-title {
 color: #95ccff
}

.box26 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f02e"
}

.box27 {
 padding: 1.5em 1em 1em;
 border: 3px solid #ed8583;
 border-radius: 8px
}

.box27 .box-title {
 color: #ed8583
}

.box28 .box-title,
.box29 .box-title {
 padding: 0 9px;
 color: #fff;
 font-size: 17px;
 position: absolute
}

.box27 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f071"
}

.box28 {
 position: relative;
 margin: 3em 0 2em;
 padding: 1.5em 1em;
 border: 3px solid #62c1ce
}

.box28 .box-title {
 display: inline-block;
 top: -30px;
 left: -3px;
 height: 28px;
 border-radius: 5px 5px 0 0;
 background: #62c1ce;
 line-height: 28px
}

.box29 .box-title,
.ol-circle li:before {
 line-height: 25px;
 display: inline-block;
 vertical-align: middle;
 height: 25px
}

.box29 {
 position: relative;
 margin: 2em 0;
 padding: 30px 15px 15px;
 border: 2px solid #ffc107
}

.box29 .box-title {
 top: -2px;
 left: -2px;
 background: #ffc107
}

.box30 .box-title,
.box31 .box-title,
.box32 .box-title,
.box33 .box-title {
 margin: -15px -15px 15px;
 padding: 4px;
 color: #fff;
 font-size: 1.2em;
 text-align: center
}

.box29 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f0eb"
}

.box30 {
 margin: 2em 0;
 padding: 15px 15px 10px;
 background: #dcefff
}

.box30 .box-title:before {
 padding-right: 4px;
 font-family: FontAwesome;
 content: "\f00c"
}

.box30 .box-title {
 background: #5fb3f5
}

.box30 p,
.box31 p,
.memo p {
 margin: 0 0 5px
}

.box31,
.box32,
.box33 {
 margin: 2em 0;
 padding: 0 15px 10px;
 background: #edf6ff;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.box31 .box-title,
.box32 .box-title,
.box33 .box-title {
 background: #5fc2f5
}

.box32,
.box33 {
 background: #fff9eb
}

.box32 .box-title {
 background: #f5a15f
}

.box33 .box-title {
 background: #f46b6b
}

.li-dashed ol,
.li-dashed ul {
 border-width: 2px;
 border-style: dashed
}

.li-double ol,
.li-double ul {
 border-width: 5px;
 border-style: double
}

.li-tandb ol,
.li-tandb ul {
 padding: 1em 0 1em 1.3em;
 border-width: 2px;
 border-color: #373737;
 border-right: 0;
 border-left: 0
}

.li-beige ol,
.li-beige ul {
 border: 0;
 background: #fff9e7
}

.nobdr ol,
.nobdr ul {
 border: 0
}

.stitch-blue ol,
.stitch-blue ul,
.stitch-orange ol,
.stitch-orange ul,
.stitch-red ol,
.stitch-red ul {
 margin: 2em 10px;
 border: 2px dashed #668ad8;
 border-radius: 10px;
 background: #f1f8ff;
 box-shadow: 0 0 0 10px #f1f8ff
}

.stitch-orange ol,
.stitch-orange ul {
 border-color: #ffa658;
 background: #fffbf1;
 box-shadow: 0 0 0 10px #fffbf1
}

.stitch-red ol,
.stitch-red ul {
 border-color: #f67c7c;
 background: #fff3f3;
 box-shadow: 0 0 0 10px #fff3f3
}

.li-chevron ul {
 position: relative;
 padding: 1em .5em 1em 2.5em;
 border: 2px solid #87ceeb;
 border-radius: 5px
}

.li-check li,
.li-chevron li,
.li-niku li,
.li-yubi li {
 list-style-type: none !important;
 padding: .5em 0;
 line-height: 1.5
}

.li-check ul,
.li-niku ul,
.li-yubi ul {
 padding: 1em .5em 1em 2.5em;
 position: relative
}

.li-chevron li:before {
 position: absolute;
 left: 1em;
 color: #87ceeb;
 font-family: FontAwesome;
 content: "\f138"
}

.li-check ul {
 border: 2px solid #ffb03f
}

.li-check li:before {
 position: absolute;
 left: 1em;
 color: #ffb03f;
 font-family: FontAwesome;
 content: "\f00c"
}

.li-yubi ul {
 border: 4px double #21b384
}

.li-yubi li:before {
 position: absolute;
 left: 1em;
 color: #21b384;
 font-family: FontAwesome;
 content: "\f0a4"
}

.li-niku ul {
 border: 2px solid #ff938b;
 background: #fffaf1
}

.li-niku li:before {
 position: absolute;
 left: 1em;
 color: #ff938b;
 font-family: FontAwesome;
 content: "\f1b0"
}

.ol-circle li:before,
.toc_number {
 font-family: Quicksand, sans-serif
}

.ol-circle ol {
 list-style-type: none !important;
 padding: 1em .7em;
 counter-reset: number
}

.ol-circle li {
 position: relative;
 padding: .5em 0 .5em 34px;
 line-height: 1.5em
}

.ol-circle li:before {
 position: absolute;
 left: 0;
 width: 25px;
 border-radius: 50%;
 background: #5c9ee7;
 color: #fff;
 font-size: 15px;
 font-weight: 700;
 text-align: center;
 content: counter(number);
 counter-increment: number
}

.orange {
 color: #ffb36b
}

.green {
 color: #75c375
}

.blue {
 color: #6bb6ff
}

.red {
 color: #ee7b7b
}

.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.silver {
 color: silver
}

.keiko_blue {
 background: linear-gradient(transparent 50%, rgba(107, 182, 255, .24) 50%)
}

.keiko_yellow {
 background: linear-gradient(transparent 50%, rgba(255, 252, 107, .69) 50%)
}

.keiko_green {
 background: linear-gradient(transparent 50%, rgba(151, 232, 154, .69) 50%)
}

.keiko_red {
 background: linear-gradient(transparent 50%, rgba(255, 88, 88, .24) 50%)
}

.labeltext {
 display: inline-block;
 margin-right: 5px;
 padding: 5px;
 color: #fff;
 font-size: .9em;
 font-weight: 700;
 line-height: 1
}

.c_linkto,
.linkto {
 width: 100%;
 background: #fff;
 color: #555;
 text-decoration: none !important;
 font-weight: 700
}

.cell img.img_small,
.entry-content img.img_small {
 max-width: 100%;
 width: 350px
}

img.img_border {
 border: 3px solid #eaedf2
}

.shadow {
 box-shadow: 0 3px 6px rgba(0, 0, 0, .3)
}

.bigshadow {
 box-shadow: 0 5px 20px rgba(0, 0, 0, .35)
}

.smallspace {
 margin: 1em 0 !important
}

.nospace {
 margin: 0 !important
}

.entry-content .quote_silver {
 padding: 35px 1.5em;
 border: none;
 background: #f5f5f5
}

.entry-content .quote_silver:before {
 top: 10px;
 left: 15px;
 color: #dadada
}

.entry-content .quote_silver:after {
 position: absolute;
 right: 15px;
 bottom: 10px;
 color: #dadada;
 font-family: FontAwesome;
 font-size: 25px;
 line-height: 1;
 content: "\f10e"
}

.textimg {
 position: relative;
 margin: 0 0 1.5em
}

.cstmreba .kaerebalink-image a img,
.tbcell img,
.textimg img {
 width: 100%
}

.textimg p {
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 margin: 0;
 padding: 15px;
 color: #fff;
 font-size: 1.5em;
 font-weight: 700;
 text-align: center;
 line-height: 1.3;
 transform: translateY(-50%)
}

.entry-content hr {
 margin: 3em 0;
 border: 3px solid #dadada;
 border-width: 2px 0 0
}

.entry-content hr.dotted {
 border-top: 2px dotted #dadada
}

.table {
 display: table
}

.tbcell {
 display: table-cell;
 vertical-align: middle
}

.linkto {
 max-width: 550px;
 margin: 1em 0 1.5em;
 padding: 10px;
 border: 2px solid #eaedf2;
 border-radius: 3px
}

.linkto:hover {
 background: #eaedf2
}

.linkto img {
 box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
 transition: .3s
}

.linkto:hover img {
 box-shadow: 0 4px 8px rgba(0, 0, 0, .35)
}

.linkto .tbimg {
 width: 100px
}

.linkto figure {
 width: 110px;
 padding-right: 10px
}

.linkto .tbtext {
 padding-left: 10px;
 line-height: 1.5;
 text-align: left
}

.textwidget .linkto {
 border: none;
 margin: 0
}

.textwidget .linkto:last-child {
 padding-bottom: 1em
}

.c_linkto {
 display: block;
 max-width: 400px;
 margin: 1em 0;
 padding: 0;
 border-radius: 3px;
 box-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.c_linkto:hover {
 box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
 color: #888;
 transform: translateY(-2px)
}

.c_linkto .c_linkto_text {
 display: block;
 padding: 15px 13px;
 line-height: 1.6
}

.longc_linkto {
 margin-bottom: 1.5em;
 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25)
}

.longc_linkto img {
 padding: 10px 10px 0
}

.longc_time {
 display: block;
 font-size: .8em;
 color: #b5b5b5
}

.reference,
.say {
 display: table;
 width: 100%
}

.reference {
 max-width: 450px;
 margin: 1em 0 1.5em;
 padding: 13px 10px 13px 0;
 border-radius: 2px;
 background: #f5f5f5;
 box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
 color: #555;
 font-weight: 700;
 text-decoration: none !important
}

.reference:hover {
 box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .22);
 color: #888
}

.reference .refttl {
 width: 70px;
 margin: 10px;
 border-right: 2px solid #dadada;
 text-align: center;
 line-height: 1.5
}

.reference .refttl:before {
 display: block;
 color: #ffb36b;
 font-family: FontAwesome;
 font-size: 1.5em;
 content: "\f02e"
}

.reference .refcite {
 width: 200px;
 width: calc(100% - 70px);
 padding-left: 10px;
 font-size: .95em;
 line-height: 1.5
}

.reference .refcite span {
 display: block;
 color: #ababab;
 font-size: .9em
}

.memo {
 margin-bottom: 1.5em;
 padding: 1em;
 background: #fff9e5;
 color: #545454
}

.memo_ttl {
 margin-bottom: 5px;
 color: #ffb36b;
 font-size: 1.2em;
 font-weight: 700
}

.memo_ttl:before {
 display: inline-block;
 width: 30px;
 height: 30px;
 margin: 0 3px 0 0;
 border-radius: 50%;
 background: #ffb36b;
 color: #fff;
 font-family: FontAwesome;
 font-weight: 400;
 text-align: center;
 vertical-align: middle;
 line-height: 30px;
 content: "\f040"
}

.sc:after,
.sc:before {
 top: 18px;
 content: "";
 position: absolute
}

.memo.alert {
 background: #ffebeb
}

.memo.alert .memo_ttl {
 color: #ff8376
}

.memo.alert .memo_ttl:before {
 background: #ff8376;
 content: "\f12a"
}

.pre_tag {
 margin: 1em 0 1.5em
}

.say,
.shtb2,
.shtb3,
.youtube {
 margin: 1.5em 0
}

.pre_tag>span {
 display: inline-block;
 padding: 2px 10px;
 border-radius: 10px 10px 0 0;
 color: #fff;
 font-size: .9em
}

.pre_tag p {
 margin: 0
}

.chatting,
.faceicon {
 display: table-cell;
 vertical-align: top
}

.faceicon {
 width: 100px;
 padding-right: 20px;
 text-align: center
}

.faceicon img {
 width: 100%;
 height: auto;
 border: 3px solid #eaedf2;
 border-radius: 50%
}

.faceicon span {
 font-size: 11px;
 font-weight: 700
}

.chatting {
 position: relative;
 width: calc(100% - 100px);
 font-size: .95em
}

.sc,
.sc:after,
.sc:before {
 display: inline-block
}

.sc {
 text-align: left;
 padding: 13px;
 border: 2px solid #d5d5d5;
 border-radius: 12px;
 background: #fff;
 word-break: break-all
}

.sc:before {
 left: -23px;
 border: 12px solid transparent;
 border-right: 12px solid #d5d5d5
}

.sc:after {
 left: -20px;
 border: 12px solid transparent;
 border-right: 12px solid #fff
}

.shtb2 .cell,
.shtb3 .cell {
 display: table-cell;
 vertical-align: top
}

.sc p {
 margin: 5px 0;
 padding: 0
}

.right {
 text-align: right
}

.right .faceicon {
 padding: 0 0 0 20px
}

.right .sc:after,
.right .sc:before {
 right: -23px;
 left: auto;
 border: 12px solid transparent;
 border-left: 12px solid #d5d5d5
}

.right .sc:after {
 right: -20px;
 border-left-color: #fff
}

.shtb2,
.shtb3 {
 display: table;
 table-layout: fixed;
 width: 100%
}

.shtb2 .cell {
 width: 50%
}

.shtb2 .cell:first-of-type {
 padding-right: 2%
}

.shtb2 .cell:last-of-type {
 padding-left: 2%
}

.shtb3 .cell {
 width: 30%
}

.shtb3 .cell:nth-child(2) {
 width: 35%;
 padding: 0 2.5%
}

.cell :first-child {
 margin-top: 0
}

.shtb2.tbrsp,
.shtb2.tbrsp .cell,
.shtb3.tbrsp,
.shtb3.tbrsp .cell {
 display: block;
 width: 100%;
 margin-bottom: 1em;
 padding: 0
}

.cell>p {
 margin-bottom: 1em
}

.cell img.img_so_small {
 max-width: 100%;
 width: 250px
}

@media all and (-ms-high-contrast:none) {

 .shtb2:after,
 .shtb3:after {
  content: '';
  display: table;
  clear: both
 }

 #main .shtb2,
 #main .shtb2.cell,
 #main .shtb3,
 #main .shtb3 .cell {
  display: block
 }

 #main .shtb2 .cell,
 #main .shtb3 .cell {
  float: left
 }

 #main .shtb3 .cell {
  width: 32%
 }

 #main .shtb3 .cell:nth-child(2) {
  width: 36%;
  padding: 0 2%
 }
}

.youtube {
 position: relative;
 width: 100%;
 padding-top: 56.25%
}

.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%
}

#toc_container {
 position: relative;
 width: 100% !important;
 margin: 2.5em 0;
 padding: 20px 15px;
 border-top: 5px solid;
 font-size: .95em;
 background: #f9f9f9;
 box-shadow: 0 1.5px 2.4px rgba(0, 0, 0, .15)
}

#toc_container .toc_title {
 display: inline-block;
 position: relative;
 margin: 0 0 0 45px;
 padding: 5px 0 5px 10px;
 font-size: 23px;
 font-weight: 700
}

#toc_container .toc_title:before {
 display: inline-block;
 position: absolute;
 top: 0;
 left: -45px;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 color: #fff;
 font-family: FontAwesome;
 font-size: 20px;
 font-weight: 400;
 text-align: center;
 line-height: 50px;
 content: "\f0ca"
}

.toc_toggle {
 display: inline-block;
 vertical-align: middle;
 width: 75px;
 height: 25px;
 margin-left: 10px;
 border-radius: 5px;
 background: #cbcbcb;
 color: #fff;
 font-size: 14px;
 text-align: center;
 line-height: 25px
}

#toc_container .toc_toggle a {
 color: #fff;
 text-decoration: none
}

#toc_container ul {
 list-style-type: disc;
 padding: 0;
 border: none
}

#toc_container .toc_list {
 margin-bottom: 0;
 margin-left: 18px;
 color: #585858
}

#toc_container .toc_list li a {
 color: #555
}

#toc_container .toc_list li ul {
 margin: 5px;
 padding-left: 15px
}

#toc_container .toc_list li ul li {
 margin: 0;
 font-size: .95em;
 font-weight: 400
}

.toc_number {
 padding-right: 2px;
 font-size: 1.1em;
 font-weight: 700
}

.cstmreba {
 margin: 1.5em 0;
 padding: 15px 10px;
 border: 4px double #dbdbdb;
 background: #fff
}

.cstmreba a:hover {
 opacity: .7
}

.cstmreba .kaerebalink-box {
 display: table;
 width: 100%;
 vertical-align: middle
}

.booklink-name>a,
.cstmreba .kaerebalink-name>a {
 display: inline-block;
 margin-bottom: 3px;
 font-size: 1.05em;
 font-weight: 700;
 line-height: 1.5
}

.booklink-detail,
.booklink-powered-date,
.cstmreba .kaerebalink-detail,
.cstmreba .kaerebalink-powered-date {
 color: silver;
 font-size: .7em
}

.cstmreba .kaerebalink-image {
 display: table-cell;
 width: 80px;
 vertical-align: middle
}

.cstmreba .kaerebalink-info {
 display: table-cell;
 width: calc(100% - 80px);
 padding-left: 15px
}

.booklink-link2,
.cstmreba .kaerebalink-link1 {
 margin-top: 8px
}

.booklink-link2>div,
.cstmreba .kaerebalink-link1>div {
 display: inline-block;
 height: 37px;
 margin: 5px 10px 5px 0;
 padding: 0 9px;
 border-radius: 3px;
 background: #73c1ea;
 box-shadow: 0 8px 15px -5px rgba(0, 0, 0, .25);
 font-size: .95em;
 font-weight: 700;
 vertical-align: middle;
 line-height: 37px;
 transition: .3s ease-in-out
}

.cstmreba .booklink-link2>div a,
.cstmreba .kaerebalink-link1>div a {
 display: inline-block
}

.cstmreba .booklink-link2>div:hover,
.cstmreba .kaerebalink-link1>div:hover {
 box-shadow: 0 12px 15px -5px rgba(0, 0, 0, .25)
}

.booklink-link2>div a:before,
.cstmreba .kaerebalink-link1 a:before {
 padding-right: 3px;
 font-family: FontAwesome;
 content: "\f0da"
}

.booklink-link2 .shoplinkamazon,
.cstmreba .kaerebalink-link1 .shoplinkamazon {
 background: #ffb36b
}

.booklink-link2 .shoplinkrakuten,
.cstmreba .kaerebalink-link1 .shoplinkrakuten {
 background: #ea7373
}

.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a {
 color: #fff
}

.cstmreba a {
 color: #555
}

.booklink-image {
 display: table-cell;
 width: 110px;
 vertical-align: middle
}

.booklink-image img {
 width: 100%;
 box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .38), 0 0 2px rgba(0, 0, 0, .15)
}

.booklink-info {
 display: table-cell;
 width: calc(100% - 110px);
 padding-left: 15px
}

.booklink-link2>div {
 box-shadow: 0 2px 3px rgba(0, 0, 0, .28)
}

.list-raw ol,
.list-raw ul,
.memo ol,
.memo ul,
.sc ol,
.sc ul,
.sng-box ol,
.sng-box ul {
 margin: 5px 0;
 padding: 0 0 0 1.4em;
 border: none;
 box-shadow: none;
 background: 0 0
}

.amazonjs_info ul,
.noborder {
 border: none
}

.alert .ol-circle ol,
.memo .ol-circle ol,
.sng-box .ol-circle ol,
blockquote .ol-circle ol {
 padding-left: 0
}

@media only screen and (min-width:481px) {
 .rate-title {
  text-align: left
 }

 .rate-box {
  max-width: 550px;
  font-size: 17px
 }

 .rateline {
  padding: 10px 20px
 }

 .rate-thing {
  max-width: 350px;
  width: calc(100% - 135px)
 }

 .rate-star {
  width: 135px
 }

 #inner-content p.hh {
  font-size: 1.3em
 }

 .c_linkto {
  display: inline-block;
  max-width: 310px;
  margin-right: 20px
 }

 .cell .c_likto {
  margin-right: 0
 }

 .c_linkto.longc_linkto {
  max-width: 100%;
  display: table
 }

 .c_linkto.longc_linkto .longc_content,
 .longc_img {
  display: table-cell;
  vertical-align: middle
 }

 .longc_img {
  width: 40%
 }

 .longc_content {
  width: 60%
 }

 .longc_img img {
  width: 100%;
  padding: 10px
 }

 .faceicon {
  width: 130px
 }

 .chatting {
  padding-top: 15px;
  width: calc(100% - 130px)
 }

 .sc:after,
 .sc:before {
  top: 30px
 }

 #toc_container {
  padding: 20px 25px
 }

 #fixed_sidebar .toc_widget_list a {
  font-size: .9em;
  padding: 4px 5px 4px 7px
 }

 .cstmreba {
  padding: 16px
 }

 .cstmreba .kaerebalink-image {
  width: 95px
 }

 .cstmreba .kaerebalink-info {
  width: calc(100% - 95px)
 }

 .cstmreba .kaerebalink-link1>div {
  height: 35px;
  padding: 0 12px;
  line-height: 35px
 }
}

@media only screen and (min-width:768px) {
 .textimg {
  font-size: 1.7em
 }

 .shtb2.tbrsp,
 .shtb3.tbrsp {
  display: table;
  table-layout: fixed
 }

 .shtb2.tbrsp .cell {
  display: table-cell;
  width: 50%
 }

 .shtb2.tbrsp .cell:first-of-type {
  padding-right: 2%
 }

 .shtb2.tbrsp .cell:last-of-type {
  padding-left: 2%
 }

 .shtb3.tbrsp .cell {
  display: table-cell;
  width: 30%
 }

 .shtb3.tbrsp .cell:nth-child(2) {
  width: 35%;
  padding: 0 2.5%
 }
}

#inner-content .small,
.small {
 font-size: .75em
}

#inner-content .big,
.big {
 font-size: 1.3em
}

#inner-content .sobig,
.sobig {
 font-size: 2.3em
}