@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/*=================================================================================
メールマガジン登録用のデザイン ここから
=================================================================================*/
HTML CSS Result Skip Results Iframe

.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.5rem;
}

.btn-wrap {
  display: block;
  max-width: 435px;
  margin: 0 auto 20px;
}

a.btn-c {
  font-size: 1.8rem;

  display: block;
  overflow: hidden;

  padding: 1.5rem 0 1.5rem 3rem;

  border-bottom: 5px solid #e6d900;
  background: #fff100;
}

a.btn-c:before {
  font-size: 1.2rem;
  font-weight: bold;

  position: absolute;
  top: 1.2rem;
  left: -3.2rem;

  padding: 0 3rem;

  content: "無料!";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: top;
  transform-origin: top;

  color: #fff;
  background: #eb6100;
  -webkit-box-shadow: 0 3px 3px #e6d900;
  box-shadow: 0 3px 3px #e6d900;
}

a.btn-c:hover {
  transform: translateY(3px);

  border-bottom: 2px solid #e6d900;
  background: #fff21a;
}


Resources
/*=================================================================================
メールマガジン登録用のデザイン ここまで
=================================================================================*/

/*=================================================================================
Rinker のデザインをJINっぽくする ここから
=================================================================================*/
div.yyi-rinker-contents {
border: none;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18);
}
div.yyi-rinker-image {
margin-right: 15px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 140px;
min-width: 140px;
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 160px);
}
div.yyi-rinker-contents div.yyi-rinker-title p {
margin: 0;
}
div.yyi-rinker-contents div.yyi-rinker-title a {
color: #0066c0;
font-size: .9em;
}
div.yyi-rinker-contents div.yyi-rinker-title a:hover {
color: #c45500;
opacity: 1;
text-decoration: underline;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
padding: 0;
margin: 5px 0 0;
font-size: 10px;
color: #626262;
opacity: .7;
font-family: 'Avenir',sans-serif;
line-height: 2;
}
span.price {
font-size: 1.8em;
}
.price-box span:nth-child(n+2) {
display: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
margin: 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
margin: 8px 8px 0 0;
box-shadow: none;
border-radius: 3px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink, div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink, div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
font-weight: 500;
font-size: 13px;
height: 44px;
line-height: 44px;
padding: 0 15px;
border-radius: 3px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
background: #FFB74D;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a {
background: #FF5252;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a {
background: #3AADF4;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
opacity: 1;
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
@media screen and (max-width: 800px){
div.yyi-rinker-contents div.yyi-rinker-box {
display: block;
text-align: center;
}
div.yyi-rinker-contents div.yyi-rinker-image {
margin: auto;
}
div.yyi-rinker-contents div.yyi-rinker-info {
display: block;
margin-top: 5px;
width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
margin: 5px 0;
box-shadow: none;
border-radius: 3px;
}}
@media (max-width: 420px) and (min-width: 321px){
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0;
}}
/*=================================================================================
Rinker のデザインをJINっぽくする ここまで
=================================================================================*/