@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
#sidebar .c-widget+.c-widget {
    margin-top: 0em;
}



.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

.badge {
    background: #333;
    color: #fff;
    padding: .2em 9px .1em;
    margin:0 3px;
    font-size: 0.8em;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    font-weight: bold;
}

.badge.btag:before,.badge.btag .beforespan{
    position: absolute;
    top: 0;
    left: -1em;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #ec5858 transparent transparent;
    border-style: solid;
    border-width: 1em 1em 1em 0;
  }
.badge.btag:after{
  position: absolute;
  top: 50%;
  left: -1px;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}

.badge.btag {margin-left: 10px;border-radius: 0 3px 3px 0;}
.badge.radius{border-radius: 50px;padding: 5px 15px;}

.badge.cornertag {border-radius: 50px 3px 3px 50px;padding-left: 20px;}
.badge.cornertag:before{
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #fff;
  border-radius: 100%;
}
.badge.bborder{border: 2px solid #ec5858;background: #fff;color: #ec5858;font-weight: bold;}

.badge.v{margin-right: 15px;}

.badge.v:before,.badge.v .beforespan{
    position: absolute;
    right: -9px;
    top: .4em;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #ec5858 transparent;
    border-style: solid;
    border-width: 10px 0 10px 14px;
}


.badge.blue{background-color: #70b8f1;}
.badge.blue.bborder{background-color: #fff;border-color:#70b8f1;color:#70b8f1;}
.badge.v.blue:before{border-color: transparent #70b8f1 transparent;}
.badge.btag.blue:before{border-color:transparent #70b8f1 transparent transparent;}

.badge.green{background-color: #2ac113;}
.badge.green.bborder{background-color: #fff;border-color:#2ac113;color:#2ac113;}
.badge.v.green:before{border-color: transparent #2ac113 transparent;}
.badge.btag.green:before{border-color:transparent #2ac113 transparent transparent;}

.badge.red{background-color: #ff8178;}
.badge.red.bborder{background-color: #fff;border-color:#ff8178;color:#ff8178;}
.badge.v.red:before{border-color: transparent #ff8178 transparent;}
.badge.btag.red:before{border-color:transparent #ff8178 transparent transparent;}

.badge.yellow{background-color: #ffe822;color: #505050;}
.badge.yellow.bborder{background-color: #fff;border-color:#ffe822;color:#ffe822;}
.badge.v.yellow:before{border-color: transparent #ffe822 transparent;}
.badge.btag.yellow:before{border-color:transparent #ffe822 transparent transparent;}

.badge.orange{background-color: #ffa30d;}
.badge.orange.bborder{background-color: #fff;border-color:#ffa30d;color:#ffa30d;}
.badge.v.orange:before{border-color: transparent #ffa30d transparent;}
.badge.btag.orange:before{border-color:transparent #ffa30d transparent transparent;}

.badge.gray{background-color: #ccc;}
.badge.gray.bborder{background-color: #fff;border-color:#ccc;color:#ccc;}
.badge.v.gray:before{border-color: transparent #ccc transparent;}
.badge.btag.gray:before{border-color:transparent #ccc transparent transparent;}

.badge.black{background-color: #000;}
.badge.black.bborder{background-color: #fff;border-color:#000;color:#000;}
.badge.v.black:before{border-color: transparent #000 transparent;}
.badge.btag.black:before{border-color:transparent #000 transparent transparent;}


.badge i {vertical-align: baseline;font-weight: bold;}

.badge i.before {margin-right: .5em;}
.badge i.after {margin-left: .5em;}

.sc_marker{background: linear-gradient(transparent 50%, #ffff66 50%);}
.sc_marker.red{background: linear-gradient(transparent 50%, #ffd9d9 50%);}
.sc_marker.blue{background: linear-gradient(transparent 50%, #cfdbff 50%);}

.sc_marker-animation.active{
    background-position: -100% .4em;
    transition: 2.5s;
}
 
.sc_marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    font-weight: bold;
}

.sc_marker-animation.red {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%);
}
.sc_marker-animation.blue {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.5) 50%);
}

.fontsize.\31{font-size: 0.8em}
.fontsize.\32{font-size: 0.9em}
.fontsize.\33{font-size: 1.1em}
.fontsize.\34{font-size: 1.3em}
.fontsize.\35{font-size: 1.4em}
.fontsize.\36{font-size: 1.5em}
.fontsize.\37{font-size: 1.6em}
.fontsize.\38{font-size: 1.7em}
.fontsize.\39{font-size: 2em}

.fontcolor{color:red;}
.fontbackground{background:#eee;padding: 2px 5px;}

.sc_getpost{
    -webkit-box-shadow: 0 3px 10px #ddd;
    -moz-box-shadow: 0 3px 10px #ddd;
    box-shadow: 0 3px 10px #ddd;
    -webkit-box-shadow: 0 2px 5px rgba(100, 100, 100, 0.25);
    -moz-box-shadow: 0 2px 5px rgba(100, 100, 100, 0.25);
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.25);
    position: relative;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    margin: 1em 0;
    border:1px solid #ddd;
    background: #fff;
}

.sc_getpost:hover{background: #eee;}

.sc_getpost a, .content .sc_getpost a{
    text-decoration: none;
    color: #000;
    padding:10px;
    display: block;
    overflow: hidden;
}

.content .sc_getpost p {padding: 0;display: none;}

.sc_getpost_thumb{
    width: 150px;
    float: left;
    margin-right: 10px;
}

.sc_getpost .title{
    font-weight: bold;
    font-size: .9em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sc_getpost .substr {
    font-size: 0.8em;
    line-height: 1.5;
    color: #666;
    margin-bottom: 1.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.sc_getpost .date{
    font-size: 0.8em;
    position: absolute;
    right: 15px;
    bottom: 5px;
}

.sc_getpost .badge{
  font-size: .8em;
  padding: .1em 7px;
  margin-right: 5px;
}

#sidebar .sc_getpost{
  box-shadow: none;
  margin: 0;
}

#sidebar .sc_getpost_thumb {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}

#sidebar .sc_getpost img{
  width: 100%;
  height: 100%;
}

#sidebar .sc_getpost .sc_getpost .title{
  font-size: 14px;
}


.voice{margin-bottom: 1.2em;float: none;}
.content .voice p {padding: 0;}
.voice.left .icon img{float: left;margin-right: 20px;}
.voice.left .icon .name{text-align: left;position: relative;top:12px;}
.voice.right .icon img{float: right;margin-left: 20px;}
.voice.right .icon .name{text-align: right;position: relative;top:12px;}
.voice .icon{text-align: center;line-height: 0;margin-bottom: 10px; }

.voice .icon img {
    border-radius: 50%;
    border: 2px solid #eee;
    width: 70px;
    height: 70px;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    margin: 0;
    overflow:hidden; 
}

.voice .icon img.inverted{
  transform: scale(-1, 1)
}

.voice .name {font-size: .8em;}
.voice.left.n_bottom .icon{float: left;}
.voice.left.n_bottom .icon img{float: none;}
.voice.left.n_bottom .icon .name{
  margin-right: 20px;
  text-align: center;
  line-height: 1;
  max-width: 70px;
  margin-top: -10px;
}
.voice.right.n_bottom .icon{float: right;}
.voice.right.n_bottom .icon img{float: none;}
.voice.right.n_bottom .icon .name{
  margin-left: 20px;
  text-align: center;
  line-height: 1;
  max-width: 70px;
  margin-top: -10px;
}

.voice.left .text {float: left;}
.voice.right .text {float: right;}
.voice .text {max-width: 75%;}

.sc_balloon{
    color: #333;
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    margin: 10px;
    background: #fff;
    border: 2px solid #ccc;
    z-index: 0;
    border-radius: 5px;
}

.sc_balloon:before{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
}

.sc_balloon:after{
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    z-index: -1;
}

.sc_balloon.bottom {margin-bottom: 15px;}
.sc_balloon.top {margin-top:15px; }
.sc_balloon.left{margin-left: 15px;}
.sc_balloon.right{margin-right: 15px;}
.sc_balloon.bottom:before, .sc_balloon.top:before {left: 10%;margin-left: -9px;}
.sc_balloon.bottom:after, .sc_balloon.top:after {left: 10%;margin-left: -6px;}
.sc_balloon.left:before, .sc_balloon.right:before {top: 30%;margin-top: -13px;}
.sc_balloon.left:after, .sc_balloon.right:after {top: 30%;margin-top: -10px;}

.sc_balloon.bottom:before {bottom: -13px;border-width: 20px 15px 0 15px;border-color: #fff transparent transparent transparent;}
.sc_balloon.bottom:after {bottom: -16px;border-width: 16px 12px 0 12px;border-color: #ccc transparent transparent transparent;}

.sc_balloon.top:before {top: -13px;border-width: 0 15px 20px 15px;border-color: transparent transparent #fff transparent;}
.sc_balloon.top:after {top: -16px;border-width: 0 12px 16px 12px;border-color: transparent transparent #ccc transparent;}

.sc_balloon.left:before {left: -13px;border-width: 15px 20px 15px 0;border-color: transparent #fff transparent transparent;}
.sc_balloon.left:after {left: -16px;border-width: 12px 16px 12px 0;border-color: transparent #ccc transparent transparent;}

.sc_balloon.right:before {right: -13px;border-width: 15px 0 15px 20px;border-color: transparent transparent transparent #fff;}
.sc_balloon.right:after {right: -16px;border-width: 12px 0 12px 16px;border-color: transparent transparent transparent #ccc;}

.think_balloon{position: relative;padding: .5em 1em;border-radius: 15px;border: 1px solid #ccc;}

.think_balloon:before{content: "";position: absolute;width: 10px;height: 10px;top: -13px;border-radius: 50%;border: 2px solid #ccc;}

.think_balloon:after{content: "";position: absolute;width: 14px;height: 14px;top: -5px;border-radius: 50%;border: 2px solid #ccc;}

.think_balloon.blue{background: #4C5CB0;border: 0;color: #fff}
.think_balloon.blue:before,.think_balloon.blue:after{background: #4C5CB0;border:0;}

.think_balloon.green{background: #7ACC40;border:0;color:#fff;}
.think_balloon.green:before,.think_balloon.green:after{background: #7ACC40;border:0;}

.think_balloon.red{background: #ff8178;border: 0;color: #fff}
.think_balloon.red:before,.think_balloon.red:after{background: #ff8178;border:0;}

.think_balloon.yellow{background: #ffe822;border:0;color:#505050;}
.think_balloon.yellow:before,.think_balloon.yellow:after{background: #ffe822;border:0;}

.think_balloon.orange{background: #ffa30d;border: 0;color: #fff}
.think_balloon.orange:before,.think_balloon.orange:after{background: #ffa30d;border:0;}

.think_balloon.gray{background: #ccc;border:0;color:#fff;}
.think_balloon.gray:before,.think_balloon.gray:after{background: #ccc;border:0;}

.think_balloon.black{background: #000;border:0;color:#fff;}
.think_balloon.black:before,.think_balloon.black:after{background: #000;border:0;}


.voice.left .think_balloon:before{left: -26px;}  
.voice.left .think_balloon:after{left: -16px;}

.voice.right .think_balloon:before{right: -25px;}  
.voice.right .think_balloon:after{right: -15px;}


.custom_voice,.custom_voice2{display: inline-block;position: absolute;}

.sc_balloon .custom_voice.left{
    border-width: 15px 20px 15px 0;
    border-width: 0px 17px 15px 0;
    margin-top: -11px;
    left: -8px;
    top: 11px;
    border-color: transparent #b04c4c transparent transparent;
    border-style: solid;
}
.sc_balloon .custom_voice.right{
    border-width: 15px 20px 15px 0;
    border-width: 0px 17px 15px 0;
    right: -8px;
    top: 11px;
    margin-top: -11px;
    border-color: transparent transparent transparent #b04c4c;
    border-style: solid;
    border-width: 0px 0 17px 15px;
}

.think_balloon .custom_voice.left{
    left: -26px;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.think_balloon .custom_voice2.left {
    left: -16px;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    z-index: 11;
    border: 1px solid #ccc;
}

.think_balloon .custom_voice.right {
    right: -25px;
    width: 10px;
    height: 10px;
    top: -13px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.think_balloon .custom_voice2.right {
    right: -15px;
    width: 14px;
    height: 14px;
    top: -5px;
    border-radius: 50%;
    z-index: 11;
    border: 1px solid #ccc;
}

.voice .text.sc_balloon,.voice .think_balloon{
    padding: .5em 1em;
    margin: 0;
    border-width: 2px;
    font-size: .9em;
    margin-top:15px; 
    font-weight: bold;
}

.voice .think_balloon{
    margin-top:25px;
    margin-right: 10px;
    margin-left: 10px;
}

.voice.left .text.sc_balloon{
  border-radius: 0 15px 15px 15px;
}

.voice.right .text.sc_balloon{
  border-radius: 15px 0 15px 15px;
}

.voice.left .sc_balloon:before {
    border-width: 0px 17px 15px 0;
    margin-top: -11px;
    left: -8px;
    top:11px;
}

.voice.left .sc_balloon:after {
  border-width: 0 13px 12px 0px;
  left: -13px;
  top:8px;
}

.voice.right .sc_balloon:before {
    border-width: 0px 0 17px 15px;
    margin-top: -11px;
    right: -8px;
    top:11px;
}

.voice.right .sc_balloon:after {
  border-width: 0 0 14px 12px;
  right:-13px;
  top:8px;
}

.voice .text.sc_balloon.blue{background: #4C5CB0;color:#fff;border: 0;}
.sc_balloon.blue:before{border-color: transparent #4C5CB0 transparent transparent;}
.sc_balloon.blue.right:before{border-color: transparent transparent transparent #4C5CB0;}
.sc_balloon.blue:after {border: none;}

.voice .text.sc_balloon.green{background: #7ACC40;border:0;color:#fff;}
.sc_balloon.green:before{border-color: transparent #7ACC40 transparent transparent;}
.sc_balloon.green.right:before{border-color: transparent transparent transparent #7ACC40;}
.sc_balloon.green:after {border: none;}

.voice .text.sc_balloon.red{background: #ff8178;border:0;color:#fff;}
.sc_balloon.red:before{border-color: transparent #ff8178 transparent transparent;}
.sc_balloon.red.right:before{border-color: transparent transparent transparent #ff8178;}
.sc_balloon.red:after {border: none;}

.voice .text.sc_balloon.yellow{background: #ffe822;border:0;color:#505050;}
.sc_balloon.yellow:before{border-color: transparent #ffe822 transparent transparent;}
.sc_balloon.yellow.right:before{border-color: transparent transparent transparent #ffe822;}
.sc_balloon.yellow:after {border: none;}

.voice .text.sc_balloon.orange{background: #ffa30d;border:0;color:#fff;}
.sc_balloon.orange:before{border-color: transparent #ffa30d transparent transparent;}
.sc_balloon.orange.right:before{border-color: transparent transparent transparent #ffa30d;}
.sc_balloon.orange:after {border: none;}

.voice .text.sc_balloon.gray{background: #ccc;border:0;color:#fff;}
.sc_balloon.gray:before{border-color: transparent #ccc transparent transparent;}
.sc_balloon.gray.right:before{border-color: transparent transparent transparent #ccc;}
.sc_balloon.gray:after {border: none;}

.voice .text.sc_balloon.black{background: #000;border:0;color:#fff;}
.sc_balloon.black:before{border-color: transparent #000 transparent transparent;}
.sc_balloon.black.right:before{border-color: transparent transparent transparent #000;}
.sc_balloon.black:after {border: none;}



.sc_toggle_box{
    position: relative;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
    border-radius:3px 3px 0 0;
    background: #fff;
    margin-bottom: 1.2em;
  }
.sc_toggle_box + .sc_toggle_box{
    border-radius:0 0 3px 3px;
    border-top: none;
    margin-top: -1.2em;
}

.sc_toggle_title{
    padding: 10px 20px;
    position: relative;
    padding-right: calc(20px + 1.5em);
    cursor: pointer;
}

.sc_toggle_content{
    visibility: hidden;
    height: 0;
    position: fixed;
    background: #efefef;
}

.sc_toggle_title.active:before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    left: 30px;
}

.sc_toggle_title.active:after{
    content:'\f077';
    font-family: fontAwesome;
}

.sc_toggle_title.active + .sc_toggle_content{
  visibility: visible;
  height: auto;
  padding: 10px 20px;
  position: initial;
}

.sc_toggle_title:after{
    content: '\f078';
    right: .5em;
    top: 50%;
    position: absolute;
    color: #e0e0e0;
    font-family: fontAwesome;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}


.tab_area{
    overflow:hidden;
    display:table;
    margin:0;
    }
    
.tab_area div{
    /*Tabの装飾*/
    width:139px; 
    height:49px; 
    text-align:center; 
    border: 1px solid #ccc;
    cursor: pointer; 
    vertical-align:middle; 
    display:table-cell;  
    color:#333333;
    background:#eee;
    }
    
.sc_tabs_area { 
    padding:10px 0; 
    overflow: hidden;
}
    
.sc_tabs_area div.content_area{
    background:#ffffff; 
    padding:20px;  
    border: 1px dotted #bbbbbb;
    }

.tab_area div.select{
    /*アクティブタブの装飾*/
    background:#ffffff; 
    background-image:none; 
    color:#333333;
    border: 1px dotted #909090;
    border-top:3px solid #3f51b5;
    }
    
.hide{display:none;}

.review_star {
    vertical-align: sub;
    height: 36px;
    width: 200px;
    background-image: url(images/diverstar_o.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.review_star + .review_star_score {
    font-weight: bold;
    padding: 0 .5em;
    opacity: .5;
  }

.review_star, .review_star .star{
  background-size: auto 100%;
  background-repeat:no-repeat;
}

.dv_review_box {
    display: block;
    border: 1px solid #ccc;
    padding: 1em;
}
.dv_review_box .review_title{
    display: inline-block;
}

.dv_review_box .review_star{
    float: right;
    margin: .5em 0;
}

.barchart{
    display: block;
    background: #006d97;
    text-align: left;
    padding-left: 20px;
    color: #f0ffff;
    height: 2.5em;
    line-height: 2.5em;
    margin:5px 0;
    border-radius: 0 10px 10px 0;
}

.review_star .star {
    height: 36px;
    width: 200px;
    background-image: url(images/diverstar.png);
}


ul.sc_article{
    list-style: none;
    overflow:auto;
    padding: 0 5px;
}

ul.sc_article.grid{
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.sc_article li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
    position: relative;
}

ul.sc_article.col li {
    width: 32%;
    display: inline-block;
    margin: 0 .5%;
}


.content ul.sc_article a{
  text-decoration: none;
}


.sc_article_title{
    font-size: 0.9em;
    display: unset;
}

.sc_article_title a{
    color: #333;
}

.sc_article_title a:hover{
    color: #5eb0f1;
}

.sc_article_date{
    font-size: 0.9em;
    display: inline-block;
    min-width: 90px;
    margin-right: 5px;
}

.sc_article_cat {
    background: #ddd;
    color: #fff !important;
    padding: 4px 7px;
    font-size: 0.8em;
    border-radius: 1px;
    margin-right:8px;
}

.sc_article.simple .sc_article_cat{
    padding: 4px 7px !important;
    font-size: 0.8em !important;
    border-radius: 1px;
    margin-right: 8px !important;
    display: inline-block !important;
}

.sc_article.grid{
}

.sc_article.grid > a{
    width: calc(33.333% - 16px);
    display: inline-block;
    vertical-align: top;
    background: #fff;
}

.sc_article.grid > a,.sc_article.list > a {
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  margin: 8px;
  transition: .4s;
}

.sc_article.grid li,.sc_article.list li {
    white-space: normal;
    overflow: auto;
    padding: 0;
    margin: 0;
    color: #000;
}

.sc_article.grid li .meta,.sc_article.list li .meta {
    padding: 8px;
    overflow: auto;
}

.sc_article.grid .post_list_thumb,.sc_article.list .post_list_thumb{
  position: relative;
  background-color: #eee;
}

.sc_article.list .post_list_thumb{
  float: left;
  width: 140px;
}

.sc_article.grid .post_list_thumb img {
    width: 100%;
    object-fit: cover;
    border: none;
    box-shadow: none;
    margin: 0;
}

.sc_article.list .post_list_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    box-shadow: none;
    margin: 0;
}

.sc_article.grid .post_list_thumb .sc_article_cat,.sc_article.list .post_list_thumb .sc_article_cat{
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  font-weight: bold;
  font-size: .7em;
  padding: 2px 4px;
}

.sc_article.grid .sc_article_title,.sc_article.list .sc_article_title {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    max-height: calc(3em + 16px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sc_article.grid .sc_article_date,.sc_article.list .sc_article_date{
    font-size: 0.8em;
}

#sidebar .sc_article.grid > a {
    width: calc(50% - 12px);
    margin: 6px;
}

#sidebar .sc_article.grid .sc_article_title,#sidebar .sc_article.list .sc_article_title{
  font-size: 12px;
}

#sidebar .sc_article.list .post_list_thumb{
    width: 100px;
    height: 80px;
}

.sc_article.rank{
    counter-reset: article-ranking;
}

.sc_article.rank li:after{
    content: counter(article-ranking, decimal);
    counter-increment: article-ranking;
    line-height: 1;
    position: absolute;
    padding: 5px 10px;
    left: 0;
    top: 0;
    background: #313131;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
}

.sc_article.rank a:nth-child(1) li:after{
    background: rgb(255, 230, 88);
}
.sc_article.rank a:nth-child(2) li:after{
    background: #ccc;
}
.sc_article.rank a:nth-child(3) li:after{
    background: rgba(255, 121, 37, 0.8);
}


@media screen and (max-width:959px){
  #sidebar .sc_article.grid > a {
    width: calc(33.3333% - 12px);
    margin: 6px;
  }
}

@media screen and (max-width:768px){
  ul.sc_article{
    padding:0px;
  }

  ul.sc_article li {
    white-space: unset;
  }

  .sc_article_cat{
    padding: 3px 5px;
    font-size: 0.7em;
  }

  ul.sc_article.col li {
    width: 49%;
  }

  .sc_article_title{
    display: block;
    padding-bottom: .5em;
  }

  .sc_article.grid .sc_article_title{
    padding: 0;
  }

}

@media screen and (max-width:599px){
  ul.sc_article.col li {
    width: 100%;
  }

  #sidebar .sc_article.grid > a,.sc_article.grid > a {
    width: calc(50% - 12px);
    margin: 6px;
  }
}

.sc_frame_wrap {margin-bottom: 1.2em;position: relative;}

.sc_frame_wrap.blue .sc_frame{border-color:#70b8f1;}
.sc_frame_wrap.blue.solid .sc_frame{background-color:#70b8f1;}
.sc_frame_wrap.blue .sc_frame_title{background-color:#70b8f1;}
.sc_frame_wrap.blue.onframe .sc_frame_title{color:#70b8f1;background-color:#fff;}

.sc_frame_wrap.green .sc_frame{border-color:#2ac113;}
.sc_frame_wrap.green.solid .sc_frame{background-color:#2ac113;}
.sc_frame_wrap.green .sc_frame_title{background-color:#2ac113;}
.sc_frame_wrap.green.onframe .sc_frame_title{color:#2ac113;background-color:#fff;}

.sc_frame_wrap.red .sc_frame{border-color:#ff8178;}
.sc_frame_wrap.red.solid .sc_frame{background-color:#ff8178;}
.sc_frame_wrap.red .sc_frame_title{background-color:#ff8178;}
.sc_frame_wrap.red.onframe .sc_frame_title{color:#ff8178;background-color:#fff;}

.sc_frame_wrap.yellow .sc_frame{border-color:#ffe822;}
.sc_frame_wrap.yellow.solid .sc_frame{background-color:#ffe822;}
.sc_frame_wrap.yellow .sc_frame_title{background-color:#ffe822;}
.sc_frame_wrap.yellow.onframe .sc_frame_title{color:#ffe822;background-color:#fff;}

.sc_frame_wrap.orange .sc_frame{border-color:#ffa30d;}
.sc_frame_wrap.orange.solid .sc_frame{background-color:#ffa30d;}
.sc_frame_wrap.orange .sc_frame_title{background-color:#ffa30d;}
.sc_frame_wrap.orange.onframe .sc_frame_title{color:#ffa30d;background-color:#fff;}

.sc_frame_wrap.gray .sc_frame{border-color:#ccc;}
.sc_frame_wrap.gray.solid .sc_frame{background-color:#ccc;}
.sc_frame_wrap.gray .sc_frame_title{background-color:#ccc;}
.sc_frame_wrap.gray.onframe .sc_frame_title{color:#ccc;background-color:#fff;}

.sc_frame_wrap.white .sc_frame{border-color:#fff;}
.sc_frame_wrap.white.solid .sc_frame{background-color:#fff;color: #999;}
.sc_frame_wrap.white .sc_frame_title{background-color:#fff;}
.sc_frame_wrap.white .sc_frame_title.onframe{color:#ccc;background-color:#fff;}

.sc_frame_wrap.black .sc_frame{border-color:#000;}
.sc_frame_wrap.black.solid .sc_frame{background-color:#000;color: #fff;}
.sc_frame_wrap.black .sc_frame_title{background-color:#000;}
.sc_frame_wrap.black.onframe .sc_frame_title{color:#000;background-color:#fff;}


.sc_frame{overflow:auto;border:3px solid #ccc;padding: 1em 1.5em;position: relative;border-radius: 5px;background:#fff;color: #000;}
.sc_frame p:last-child {padding-bottom: 0;}

.sc_frame_title{padding: 2px 1em;position: relative;font-weight: bold;color: #fff;background:#ccc;top:1px;}

.content .sc_frame_title p {padding: 0;margin:0;display: inline-block;}

.sc_frame_title i {margin-right: .2em;}

.sc_frame_title.inline,.sc_frame_wrap.inline .sc_frame_title{display: inline-block;margin: 0 1em;border-radius: 5px 5px 0 0;}
.sc_frame_wrap.inframe .sc_frame {overflow: inherit;}

.sc_frame_wrap.block .sc_frame_title{border-radius: 5px 5px 0 0;}
.sc_frame_wrap.block .sc_frame{border-radius: 0 0 5px 5px;}

.sc_frame_wrap.bottom{margin-bottom: 5em;}
.sc_frame_wrap.bottom .sc_frame_title { top: 100%;position: absolute;width: 100%;border-radius: 0 0 5px 5px;}
.sc_frame_wrap.bottom .sc_frame{border-radius: 5px 5px 0 0;}

.sc_frame_wrap.inframe .sc_frame_title{float: left;border-radius: 5px 0 5px 0;z-index: 1;}
.sc_frame_wrap.inframe .sc_frame{padding-top: 3em;}

.sc_frame_wrap.onframe .sc_frame_title{
    position: absolute;
    display: inline-block;
    top: -1em;
    left: 1.8em;
    z-index: 1;
    padding: 1px 9px;
    border-radius: 5px;
    background: #fff;
  }

@media screen and (max-width:599px){
  .sc_frame_wrap.onframe .sc_frame_title {
    left: 1em;
  }
}


.sc_frame_before {
  position: absolute;
  color: #fff;
  background: #ccc;
  left: 5px;
  font-weight: bold;
  bottom: 100%;
  padding:.3em 1.5em; 
  border-radius: 3px 3px 0 0;
  font-size: .8em;
}

.sc_frame_title.normal{border-radius: 5px 5px 0 0;}
.sc_frame_wrap.normal .sc_frame{border-radius: 0 0 5px 5px;}

.sc_frame_wrap.solid .sc_frame{color: #fff;}

.sc_frame_text p:last-child{padding-bottom: 0 !important;}

.sc_frame.note ul,.sc_frame.note {line-height: 1.8em !important;}

.content .sc_frame.note .sc_frame_text p {padding: 0 0 1.8em;}

.sc_frame_icon{display: inline-block;}

.sc_frame .sc_frame_icon {
  float: left;
  font-size: 1.3em;
  line-height: 1.2;
  padding: .2em 0;
  vertical-align: middle;
  margin-right: .8em;
}

.sc_frame.note{
  background-image:linear-gradient(90deg,rgba(204,204,204,0) 0%,rgba(201,204,204,0) 49%,rgba(255,255,255,100) 50%,rgba(255,255,255,100) 100%),
  linear-gradient(180deg,rgba(204,204,204,0) 0%,rgba(204,204,205,0) 96.5%,rgba(30,30,30,100) 100%);
  background-repeat:repeat-x,repeat-y;
  background-size:4px 100%,100% 1.8em;
  padding: 1.8em 1.5em;
  line-height: 1.8em;
}

.sc_frame.shadow{
    -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
  }

.sc_frame.tape:before{
    content: "";
    position: absolute;
    top: 17px;
    width: 25%;
    height: 35px;
    opacity: 0.15;
    margin: -35px auto 10px 35%;
    background: #4e4e4e;
    transform: rotate(-5deg);
    left: 10px;
    right: 10px;
}

.sc_qrcode{
  text-align: center;
}

.sc_content_icon,.sc_content_icon i{
  vertical-align: baseline;
  padding: 0 .2em;
  line-height: 1;
}

.sc_content_icon i span {
    display: none;
}

.sc_frame_title.titlenone{display: none;}

/* カスタマイズする場合にはこれより下に追記してください  */
/* 【会話の変更】 */
.think_balloon.blue{background: #D7EEFF;border: 0;color: #333}
.think_balloon.blue:before,.think_balloon.blue:after{background: #D7EEFF;border:0;}

.think_balloon.green{background: #D5F4CC;border:0;color:#333;}
.think_balloon.green:before,.think_balloon.green:after{background: #D5F4CC;border:0;}

.think_balloon.red{background: #ffeaea;border: 0;color: #333}
.think_balloon.red:before,.think_balloon.red:after{background: #ffeaea;border:0;}

.think_balloon.yellow{background: #ffffe0;border:0;color:#333;}
.think_balloon.yellow:before,.think_balloon.yellow:after{background: #ffffe0;border:0;}

.think_balloon.orange{background: #FFDBC9;border: 0;color: #333}
.think_balloon.orange:before,.think_balloon.orange:after{background: #FFDBC9;border:0;}

.think_balloon.gray{background: #F1F3F4;border:0;color:#333;}
.think_balloon.gray:before,.think_balloon.gray:after{background: #F1F3F4;border:0;}

.think_balloon.black{background: #000;border:0;color:#333;}
.think_balloon.black:before,.think_balloon.black:after{background: #000;border:0;}

.voice .text.sc_balloon.blue{background: #D7EEFF;color:#333;border: 0;}
.sc_balloon.blue:before{border-color: transparent #D7EEFF transparent transparent;}
.sc_balloon.blue.right:before{border-color: transparent transparent transparent #D7EEFF;}
.sc_balloon.blue:after {border: none;}

.voice .text.sc_balloon.green{background: #D5F4CC;border:0;color:#333;}
.sc_balloon.green:before{border-color: transparent #D5F4CC transparent transparent;}
.sc_balloon.green.right:before{border-color: transparent transparent transparent #D5F4CC;}
.sc_balloon.green:after {border: none;}

.voice .text.sc_balloon.red{background: #ffeaea;border:0;color:#333;}
.sc_balloon.red:before{border-color: transparent #ffeaea transparent transparent;}
.sc_balloon.red.right:before{border-color: transparent transparent transparent #ffeaea;}
.sc_balloon.red:after {border: none;}

.voice .text.sc_balloon.yellow{background: #ffffe0;border:0;color:#333;}
.sc_balloon.yellow:before{border-color: transparent #ffffe0 transparent transparent;}
.sc_balloon.yellow.right:before{border-color: transparent transparent transparent #ffffe0;}
.sc_balloon.yellow:after {border: none;}

.voice .text.sc_balloon.orange{background: #FFDBC9;border:0;color:#333;}
.sc_balloon.orange:before{border-color: transparent #FFDBC9 transparent transparent;}
.sc_balloon.orange.right:before{border-color: transparent transparent transparent #FFDBC9;}
.sc_balloon.orange:after {border: none;}

.voice .text.sc_balloon.gray{background: #F1F3F4;border:0;color:#333;}
.sc_balloon.gray:before{border-color: transparent #F1F3F4 transparent transparent;}
.sc_balloon.gray.right:before{border-color: transparent transparent transparent #F1F3F4;}
.sc_balloon.gray:after {border: none;}

.voice .text.sc_balloon.black{background: #000;border:0;color:#333;}
.sc_balloon.black:before{border-color: transparent #000 transparent transparent;}
.sc_balloon.black.right:before{border-color: transparent transparent transparent #000;}
.sc_balloon.black:after {border: none;}
/* 【会話の変更】 */

.button.red a {background-color:#EF4565;color: #fff;}
.button.bborder.red a{border-color:#B4324A;}
.button.oborder.red a{border-color:#EF4565;background:#fff;color: #EF4565;}
.button.frame.red a{box-shadow:0px 0px 0px 2px #EF4565;}
.button.solid.red a{box-shadow:0 5px 0 #D6405C;}

/* 【囲み枠の変更】 */
.sc_frame_wrap {margin-bottom: 1.2em;position: relative;}

.sc_frame_wrap.blue .sc_frame{border-color:#D7EEFF;}
.sc_frame_wrap.blue.solid .sc_frame{background-color:#D7EEFF;}
.sc_frame_wrap.blue .sc_frame_title{background-color:#D7EEFF;}
.sc_frame_wrap.blue.onframe .sc_frame_title{color:#D7EEFF;background-color:#333;}

.sc_frame_wrap.green .sc_frame{border-color:#CBFFD3;}
.sc_frame_wrap.green.solid .sc_frame{background-color:#CBFFD3;}
.sc_frame_wrap.green .sc_frame_title{background-color:#CBFFD3;}
.sc_frame_wrap.green.onframe .sc_frame_title{color:#CBFFD3;background-color:#333;}

.sc_frame_wrap.red .sc_frame{border-color:#FFD5EC;}
.sc_frame_wrap.red.solid .sc_frame{background-color:#FFD5EC;}
.sc_frame_wrap.red .sc_frame_title{background-color:#FFD5EC;}
.sc_frame_wrap.red.onframe .sc_frame_title{color:#FFD5EC;background-color:#333;}

.sc_frame_wrap.yellow .sc_frame{border-color:#EDFFBE;}
.sc_frame_wrap.yellow.solid .sc_frame{background-color:#EDFFBE;}
.sc_frame_wrap.yellow .sc_frame_title{background-color:#EDFFBE;}
.sc_frame_wrap.yellow.onframe .sc_frame_title{color:#EDFFBE;background-color:#333;}

.sc_frame_wrap.orange .sc_frame{border-color:#FFDBC9;}
.sc_frame_wrap.orange.solid .sc_frame{background-color:#FFDBC9;}
.sc_frame_wrap.orange .sc_frame_title{background-color:#FFDBC9;}
.sc_frame_wrap.orange.onframe .sc_frame_title{color:#FFDBC9;background-color:#333;}

.sc_frame_wrap.gray .sc_frame{border-color:#F1F3F4;}
.sc_frame_wrap.gray.solid .sc_frame{background-color:#F1F3F4;}
.sc_frame_wrap.gray .sc_frame_title{background-color:#F1F3F4;}
.sc_frame_wrap.gray.onframe .sc_frame_title{color:#F1F3F4;background-color:#333;}

.sc_frame_wrap.white .sc_frame{border-color:#fff;}
.sc_frame_wrap.white.solid .sc_frame{background-color:#fff;color: #999;}
.sc_frame_wrap.white .sc_frame_title{background-color:#fff;}
.sc_frame_wrap.white .sc_frame_title.onframe{color:#ccc;background-color:#fff;}

.sc_frame_wrap.black .sc_frame{border-color:#000;}
.sc_frame_wrap.black.solid .sc_frame{background-color:#000;color: #fff;}
.sc_frame_wrap.black .sc_frame_title{background-color:#000;}
.sc_frame_wrap.black.onframe .sc_frame_title{color:#000;background-color:#fff;}


.sc_frame{overflow:auto;border:3px solid #ccc;padding: 1em 1.5em;position: relative;border-radius: 5px;background:#fff;color: #000;}
.sc_frame p:last-child {padding-bottom: 0;}

.sc_frame_title{padding: 2px 1em;position: relative;font-weight: bold;color: #333;background:#ccc;top:1px;}

.content .sc_frame_title p {padding: 0;margin:0;display: inline-block;}

.sc_frame_title i {margin-right: .2em;}

.sc_frame_title.inline,.sc_frame_wrap.inline .sc_frame_title{display: inline-block;margin: 0 1em;border-radius: 5px 5px 0 0;}
.sc_frame_wrap.inframe .sc_frame {overflow: inherit;}

.sc_frame_wrap.block .sc_frame_title{border-radius: 5px 5px 0 0;}
.sc_frame_wrap.block .sc_frame{border-radius: 0 0 5px 5px;}

.sc_frame_wrap.bottom{margin-bottom: 5em;}
.sc_frame_wrap.bottom .sc_frame_title { top: 100%;position: absolute;width: 100%;border-radius: 0 0 5px 5px;}
.sc_frame_wrap.bottom .sc_frame{border-radius: 5px 5px 0 0;}

.sc_frame_wrap.inframe .sc_frame_title{float: left;border-radius: 5px 0 5px 0;z-index: 1;}
.sc_frame_wrap.inframe .sc_frame{padding-top: 3em;}

.sc_frame_wrap.onframe .sc_frame_title{
    position: absolute;
    display: inline-block;
    top: -1em;
    left: 1.8em;
    z-index: 1;
    padding: 1px 9px;
    border-radius: 5px;
    background: #fff;
  }

@media screen and (max-width:599px){
  .sc_frame_wrap.onframe .sc_frame_title {
    left: 1em;
  }
}
.button a i {
    vertical-align: baseline;
    line-height: 1;
  }

.button a i.before{margin-right: 1em;}
.button a i.after{margin-left: 1em;}

.button a.medium {padding: .5em 1.8em;font-size: 16px;}
.button a.big {padding: .8em 2.5em;font-size: 18px;}
.button a.small {padding: 0.5em 1.3em;font-size: 13px;}

.button.big a{width: 100%;}

.button a:hover{
     -webkit-filter: brightness(0.95);
     -moz-filter: brightness(0.95);
     -o-filter: brightness(0.95);
     -ms-filter: brightness(0.95);
     filter: brightness(0.95);
}

.button.inline{display: inline-block;}

.button.solid a{
  position: relative;
  box-shadow: 0 5px 0 #ccc;
  top:0px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.button.shadow a{box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);}

.button.shadow a:hover{box-shadow:none;}

.button.radius a{border-radius: 50px;}

.button.bborder a {border:2px solid #6f8e9c;}

.button.oborder a {border:2px solid #70b8f1;background:#fff;color: #70b8f1;}

.button.frame a {box-shadow: 0px 0px 0px 2px #55bed5;border: 2px solid #ffffff;}

.button.blue a {background-color:#70b8f1;color: #fff;}
.button.bborder.blue a{border-color:#6894b7;}
.button.oborder.blue a{border-color:#70b8f1;background:#fff;color: #70b8f1;}
.button.frame.blue a{box-shadow:0px 0px 0px 2px #70b8f1;}
.button.solid.blue a{box-shadow:0 5px 0 #5c96cc;}

.button.green a {background-color:#2ac113;color: #fff;}
.button.bborder.green a{border-color:#05920e;}
.button.oborder.green a{border-color:#2ac113;background:#fff;color: #2ac113;}
.button.frame.green a{box-shadow:0px 0px 0px 2px #2ac113;}
.button.solid.green a{box-shadow:0 5px 0 #3da008;}

.button.red a {background-color:#ff8178;color: #fff;}
.button.bborder.red a{border-color:#af5f5f;}
.button.oborder.red a{border-color:#ff8178;background:#fff;color: #ff8178;}
.button.frame.red a{box-shadow:0px 0px 0px 2px #ff8178;}
.button.solid.red a{box-shadow:0 5px 0 #dc6c60;}

.button.yellow a {background-color:#ffe822;color: #fff;}
.button.bborder.yellow a{border-color:#deb80c;}
.button.oborder.yellow a{border-color:#ffe822;background:#fff;color: #ffe822;}
.button.frame.yellow a{box-shadow:0px 0px 0px 2px #ffe822;}
.button.solid.yellow a{box-shadow:0 5px 0 #dac700;}

.button.orange a {background-color:#ffa30d;color: #fff;}
.button.bborder.orange a{border-color:#b98b13;}
.button.oborder.orange a{border-color:#ffa30d;background:#fff;color: #ffa30d;}
.button.frame.orange a{box-shadow:0px 0px 0px 2px #ffa30d;}
.button.solid.orange a{box-shadow:0 5px 0 #d28900;}

.button.white a {background-color:#fff;color: #000;}
.button.bborder.white a{border-color:#000;}
.button.oborder.white a{border-color:#efefef;background:#fff;color: #efefef;}
.button.frame.white a{box-shadow:0px 0px 0px 2px #fff;}
.button.solid.white a{box-shadow:0 5px 0 #dcdcdc;}

.button.gray a {background-color:#ccc;color: #505050;}
.button.bborder.gray a{border-color:#aaa;}
.button.oborder.gray a{border-color:#ccc;background:#fff;color: #ccc;}
.button.frame.gray a{box-shadow:0px 0px 0px 2px #ccc;}
.button.solid.gray a{box-shadow:0 5px 0 #d8d8d8;}

.button.black a {background-color:#000;color: #fff;}
.button.bborder.black a{border-color:#b1b1b1;}
.button.oborder.black a{border-color:#000;background:#fff;color: #000;}
.button.frame.black a{box-shadow:0px 0px 0px 2px #000;}
.button.solid.gray a{box-shadow:0 5px 0 #696969;}

.button.shadow.bborder a{border-color:#fff;}

.button.solid a:hover{top:5px;box-shadow:none;}

@media screen and (max-width: 768px){
  .button a {padding: .8em 1em;font-size: .9em;}
  .button a.big {padding: .5em 1.5em;font-size: 1.1em;}

  .button a.midium {padding: .8em 1em;font-size: .9em;}

  .button a.big {padding: 0.8em 1em;font-size: 1.2em;}

  .button a i.before {margin-right: .6em;}
}


.sc_frame_before {
  position: absolute;
  color: #333;
  background: #ccc;
  left: 5px;
  font-weight: bold;
  bottom: 100%;
  padding:.3em 1.5em; 
  border-radius: 3px 3px 0 0;
  font-size: .8em;
}

.sc_frame_title.normal{border-radius: 5px 5px 0 0;}
.sc_frame_wrap.normal .sc_frame{border-radius: 0 0 5px 5px;}

.sc_frame_wrap.solid .sc_frame{color: #333;}

.sc_frame_text p:last-child{padding-bottom: 0 !important;}

.sc_frame.note ul,.sc_frame.note {line-height: 1.8em !important;}

.content .sc_frame.note .sc_frame_text p {padding: 0 0 1.8em;}

.sc_frame_icon{display: inline-block;}

.sc_frame .sc_frame_icon {
  float: left;
  font-size: 1.3em;
  line-height: 1.2;
  padding: .2em 0;
  vertical-align: middle;
  margin-right: .8em;
}

.sc_frame.note{
  background-image:linear-gradient(90deg,rgba(204,204,204,0) 0%,rgba(201,204,204,0) 49%,rgba(255,255,255,100) 50%,rgba(255,255,255,100) 100%),
  linear-gradient(180deg,rgba(204,204,204,0) 0%,rgba(204,204,205,0) 96.5%,rgba(30,30,30,100) 100%);
  background-repeat:repeat-x,repeat-y;
  background-size:4px 100%,100% 1.8em;
  padding: 1.8em 1.5em;
  line-height: 1.8em;
}

.sc_frame.shadow{
    -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
  }

.sc_frame.tape:before{
    content: "";
    position: absolute;
    top: 17px;
    width: 25%;
    height: 35px;
    opacity: 0.15;
    margin: -35px auto 10px 35%;
    background: #4e4e4e;
    transform: rotate(-5deg);
    left: 10px;
    right: 10px;
}
/* 【囲み枠の変更】 */


/* 【見出しの文字の大きさの変更】 */
/* 【見出しの文字の大きさの変更】 */
/* 表の横スクロール (開始)*/
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}
/* 表の横スクロール(終了) */

/* 目次ウィジェット */
/* サイドバー目次 */
.toc_widget_list li{
	font-weight: bold;
	padding: 0.5em;
}
.toc_widget_list li ul a::before{	
	content: "\25B6";
}
.toc_widget ul {
	max-height: 30em;
	overflow-y: auto;
}
.toc_widget_list li ul{		
	margin-left: 1.0em;
	max-height: 1000px;
	font-size: 0.9em;
}
.toc_widget_list li ul li a {
	font-size: 1em;
	font-weight: normal;
}
/* YES・NO チャート */
.yn-chart{
  margin:0 auto 2rem;
  padding: 2em;
  max-width: 600px;
  background:#fff8e3;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
  font-size:0.9rem;
}
.yn-chart__add{
  background: #fdc44f;
  color:#fff;
  padding: 0.2em 0.9em !important;
  margin:0 !important;
  text-align:center;
  display:inline-block;
  line-height: 1.5 !important;
}
.yn-chart__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 0.5em 0 0.3em!important;
  margin: 0 auto !important;
  font-size:1.35em !important;
  font-weight: 600 !important;
  color:#fdc44f;
  letter-spacing: 1px !important;
  line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
  content: "";
  flex: 1;
  height: 1px;
  background: #fdc44f;
  display: block;
}
.yn-chart__title:before {
  margin-right: 0.7em;
}
.yn-chart__title:after {
  margin-left: 0.7em;
}
.yn-chart__ex{
  text-align:center;
  margin: 0 !important;
  padding: 0 !important;
}
.yn-chart > div{
  display:none;
  padding-top: 100px;
  margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
  display:block;
}
.yn-chart > div > figure{
  margin:1em 0 2em;
}
.yn-chart > div > figure img{
  display:block;
}
.yn-chart > div > p{
  margin:2em 0 0 !important;
  padding: 0.8em 1em 0.8em 4.3em !important;
  background:#fff;
  position:relative;
}
.yn-chart > div > p:before{
  content: "Q";
  background: #fdc44f;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.1em;
  min-width: 48px;
}
.yn-chart > div ul{
  margin:2em 0 0 !important;
  padding:0 !important;
  list-style:none !important;
  border:none;
}
.yn-chart > div ul li {
  margin: 0 0 1em 1em!important;
  padding: 0 !important;
}
.yn-chart > div ul li:last-child{
  margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
  background: #fff;
  display: block;
  padding: 0.8em !important;
  text-decoration: none;
  color: #333;
  box-shadow: 0 3px 5px rgba(0,0,0,.07);
}
.yn-chart > div ul li a:hover{
  box-shadow: inset 2px 2px 0 0 #ee8f81, 2px 2px 0 0 #ee8f81, 2px 0 0 0 #ee8f81, 0 2px 0 0 #ee8f81;
  transition: 0.1s ease-in-out;
  opacity:1;
}
.yn-chart > div ul li:before{
  content:unset !important;
}
.yn-chart__result{
  background:#fff;
  padding:1em;
}
.yn-chart__result-title{
  color: #fdc44f;
  font-size: 1.1em !important;
  font-weight:600 !important;
  padding: 0 !important;
  margin: 0 0 1em !important;
  border-bottom: 1px dashed #fdc44f;
}
@media screen and (max-width: 560px) {
  .yn-chart{
    padding:1.8em 1.3em;
  }
  .yn-chart > div > figure {
    margin: 0.5em 0;
  }
  .yn-chart > div > p {
    margin: 1em 0 0 !important;
    padding: 0.8em 1em 0.8em 3.3em !important;
  }
  .yn-chart > div ul {
    margin: 1em 0 0 !important;
  }
  .yn-chart__title{
    font-size:1em !important;
  }
  .yn-chart__title:before {
    margin-right:0.3em;
  }
  .yn-chart__title:after {
    margin-left:0.3em;
  }
  .yn-chart__ex,.yn-chart__add{
    font-size:0.9em !important;
  }
  .yn-chart > div > p:before{
    min-width: 30px;
  }
}
/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
  text-align:center;
  margin:1.5em 5em !important;
  padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
  display:block;
  box-shadow: 0 3px 5px rgba(0,0,0,.15);
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none !important;
  padding:0.5em 0;
  border-radius:30px;
}
.p-tw-btn a{
  background:  #00acee;
}
.p-check-btn a{
  background:#fbc55e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
  background: none !important;
  padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
  content:unset !important;
}
@media screen and (max-width: 800px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 3em !important;
  }
}
@media screen and (max-width: 560px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 1em !important;
  }
  .yn-chart > div > p.p-check-btn{
    padding: 0 3em !important;
  }
}