@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
*/

/* アプリーチ_7/24平田 */
.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;
}

/* 監修者エリア */
.p-authorBox {
    text-align: left;
}

/* CTA_コンテンツ_記事下 */
#cont-cta .section-inside {
    border: 1px solid #3c78d8;
}

#cont-cta_mid .section-inside {
    padding-top: 1.5rem;
}

#cont-cta .hdr {
    background: #3c78d8;
    color: #ffffff;
    padding: 1rem;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

#cont-cta .wrap {
    padding: 0 1rem 2.5rem;
}

#cont-cta .wrap figure {
    margin-bottom: 1rem;
}

#cont-cta_mid .wrap figure {
    width: 80%;
    margin: 0 auto 1rem;
}

#cont-cta .wrap .txt {
    margin-bottom: 2rem;
}

#cont-cta .btn-box,
#cont-cta_mid .btn-box {
    display: flex;
    flex-direction: column;
}

#cont-cta .btn-box .tell,
#cont-cta_mid .btn-box .tell {
    margin-bottom: 1.5rem;
}

#cont-cta .btn-box a,
#cont-cta_mid .btn-box a {
    display: block;
    text-decoration: none;
}

@media screen and (min-width: 600px) {

#cont-cta .btn-box,
#cont-cta_mid .btn-box {
    flex-direction: row;
    justify-content: space-around;
}

#cont-cta .btn-box .tell,
#cont-cta_mid .btn-box .tell {
    margin-bottom: 0;
    width: 45%;
}

#cont-cta .btn-box .mail,
#cont-cta_mid .btn-box .mail {
    width: 45%;
}
	
}