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

/*中央揃え*/
.ct {
  text-align: center;
}


/*色付きの文字を太字にする*/
.has-inline-color{
	font-weight: bold;
}

/*ボタン基本*/
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.3rem;
}
.btn-wrap {
  margin: 40px 0;
}

/*ボタン（汎用）*/
a.btn--red {
  color: #fff;
  background-color: #e3696c;
}

a.btn--red:hover {
  color: #fff;
  background: #e3696c;
}

a.btn--red.btn--cubic {
  border-bottom: 5px solid #db3e42;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #db3e42;
}

a.btn-a {
  font-size: 1.2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-a:before {
    font-family: "Font Awesome 5 Free";
    content: '\f00c';
    color: #fff;
    padding-right: 8px;
    font-weight: 900;
}

a.btn-a i.fa {
  margin-right: 1rem;
}
@media only screen and (max-width: 767px){
    a.btn-a{
        font-size: 0.9em;
        padding: 1rem 2rem 1rem 1.2rem;
    }
    
}

/*ボタン（大）*/
a.btn-c {
  font-size: 1.8rem;

  position: relative;

  padding: 0.25rem 2rem 1.5rem 3.5rem;

  color: #fff!important;
  background: #e3696c;
  -webkit-box-shadow: 0 5px 0 #db3e42;
  box-shadow: 0 5px 0 #db3e42;
}

a.btn-c span {
  font-size: 1.2rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 200px);

  display: block;

  width: 400px;
  padding: 0.2rem 0;

  color: #db3e42;
  font-weight: bold;
  border: 2px solid #db3e42;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #db3e42 transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #e3696c;
  -webkit-box-shadow: 0 2px 0 #db3e42;
  box-shadow: 0 2px 0 #db3e42;
}
@media only screen and (max-width: 767px){
    a.btn-c span{
        font-size: 14px;
        left: calc(50% - 150px);
        width: 300px;
        
    }
    a.btn-c {
        font-size: 18px;
 }
    
}

/*セールスタイトルボタン*/
.sales-btn__title {
  display: inline-block;
  position: relative;
  padding: 0 25px;
  color: #8A8A8A;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
}
.sales-btn__title:before,
.sales-btn__title:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  background-color: #8A8A8A;
  content: "";
}
.sales-btn__title:before {
  left: 0;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
.sales-btn__title:after {
  right: 0;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

/*関連記事テキストリンク*/
.related-text-tag{
  font-size: 13px;
  color: #fff;
  margin-right: 4px;
  background-color: #e3696c;
  padding: 8px 8px;
}
.related-text-link a{
  font-size: 15px;
  font-weight: bold;
}
.related-text-bottom-tag{
  font-size: 12px;
  color: #fff;
  margin-right: 4px;
  background-color: #e3696c;
  padding: 4px 4px;
}
.related-text-bottom-link{
  font-size: 14px;
  font-weight: bold;
}

/*CV商品用CSS*/
.gaminpc-box {
  margin: 20px 0!important;
  padding: 30px;
  background: #FEF9ED ;
  width: 100%;
}
.gaminpc-title {
  margin-bottom: 20px;
  position: relative;
  line-height: 1.4;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.gaminpc-img {
  float: left;
  margin: 20px;
}
.gaminpc-spec{
  float: left;
  font-size: 0.9em;
  margin: 20px;
}
.gaminpc-btn {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  padding: 1em 3em;
  text-decoration: none;
  text-align: center;
  background: #e3696c;
  color: #FFF!important;
  font-weight: bold;
  border-bottom: solid 4px #db3e42;
  border-radius: 3px;
}
.gaminpc-btn:active {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}
@media screen and (max-width: 767px){
  .gaminpc-spec{ font-size:0.85em;}
  .gaminpc-btn { font-size:0.9em;}
  .gaminpc-title { font-size:1.2em;}
}

/* ポチップ（Amazon） */
.pochipp-box__logo { display: none!important; }