/*　フッターエリア背景カラー */
.l-footer .bottomFooter {
	background:	#83ccc9;
}
.bottomFooter__list li {
	color:	#ffffff;
}
.bottomFooter__copyright {
	color:	#ffffff;
}

/*　ヘッダーのコンテナ背景色と高さ */
.l-headerBottom{
	background-color: #ffffff;
}
.pickup3 {
    padding-top: 30px;
}
.pickup3 .heading.heading-main {
	display: none;
}

/* topページsnsアイコン */
.sns {
     text-align: center;
     padding:30px 0;
     padding-top:10px;
     padding-right:0px;
     padding-bottom:10px;
     padding-left:10px;
     margin:0 0 30px;
     margin-top:0px;
     margin-right:0px;
     margin-bottom:30px;
     margin-left:0px;
     background:#fff;
}
.sns-icon {
     width:180px;
     margin:0 auto;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
}
.sns p {
	   line-height: 1.5;
}
.sns ul {
    margin-top: 30px;
}
.sns ul li {
    display: inline-block;
    margin-right: 10px;
}

/*トップボーダー*/
.s2 {
	color: #444;
	font-size: 24px;
	display: flex;
	align-items: center;
}
.s2:before, .s2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.s2:before {
	margin-right: .9em;
	background: linear-gradient(-90deg, #888, transparent);
}
.s2:after {
	margin-left: .9em;
	background: linear-gradient(90deg, #888, transparent);
}

/* リストからメニュー */
/* 全体の枠 */
.omenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin:5px 15px
}
/*omenuリスト行頭削除*/
.content ul.omenu>li:before {
  content:"";
}
.content ul.omenu>li {
  padding-left:0px;
}
/* 項目のサイズと隙間 */
.omenu li {
  width: 25%;
  margin:1px 0!important;
  text-align:center;
}
/* 項目の形状と文字 */
.omenu li a {
  margin: 3px;
  font-size: 1.4rem;
  border-radius: 4px;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
  height:6rem;
}
/* マウスオーバー */
.omenu li a:hover {
  opacity: 0.3;
}
/* サイドメニューにいれた場合のサイズ */
.menuBtn__content .omenu li {
  width: 49%;
}
/* スマホ表示のサイズ */
@media only screen and (max-width: 767px){
.omenu li {
  width: 50%;
  text-align:center;
}
}

/* サイトカード（内部記事リンク）*/
.content .sitecard {
border: 2px solid #f5f5f5;
}
.content .sitecard__subtitle{
color: #ffffff;
background-color: #ffb6c1;
}

/* ブログカード（外部サイトリンク）*/
.content .blogcard {
border: 2px solid #f5f5f5;
}
.content .blogcard__subtitle{
color: #ffffff;
background-color: #ffb6c1;
}

/* サイトカードアイキャッチ */
.eyecatch:before {
display: block;
padding-top: 56.25%;
}
@media only screen and (min-width: 768px)
{.content .sitecard .eyecatch
{
width: calc(37% - 15px);
}}
@media only screen and (min-width: 768px)
{.content .sitecard__contents {
width: 63%;
}}

/* サイトカードfoverカラー変更 */
.content .sitecard:hover {
background-color:#f0f8ff;
}

/*タグ管理の枠を消す*/
.content .afTagBox{
border: none;
padding: 20px;
}

/*-- Rinkerデザイン --*/
div.yyi-rinker-contents {
  border: solid 2px #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents img {
  max-width: 100%;
}

div.yyi-rinker-contents div.yyi-rinker-box {
  padding: .25em 0;
}

div.yyi-rinker-contents div.yyi-rinker-image {
  margin: 2%;
  width: 30%;
}

div.yyi-rinker-info {
  padding: 0 3%;
  width: 100%;
  margin: auto;
}

.yyi-rinker-title {
  font-size: 1em;
  margin-left: .5em;
  padding-top: 1em;
}

div.yyi-rinker-contents div.yyi-rinker-title p {
  margin: 0;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
  font-size: .8em;
  color: #42424280;
  padding-left: 0;
  margin-top: 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
  margin: .5em 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
  letter-spacing: 0.1em;
  font-size: 1.2em;
  margin-right: .5em;
}

div.yyi-rinker-contents ul.yyi-rinker-links {
  display: inline-block;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 70%;
  padding: 0 .7em;
  margin: .5em .5em .4em .5em;
  font-size: .8em;
  display: inline-block;
  height: 40px;
  border-radius: 3px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 40px;
  transition: .3s ease-in-out;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	opacity: 0.9;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink{
	background: #90CAF9;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: #FFC266;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
  color: #fff;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
  background: #ff7c74;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
  background: #95cad7;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
  background: #90d581;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
  opacity: .9;
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
}

@media screen and (max-width: 540px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    padding: 1em 0 0 0;
    display: block;
  }
  div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;
  }
  div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    padding: 0;
    margin: auto;
    width: 90%;
    text-align: center;
  }
  .yyi-rinker-title {
    font-size: .9em;
    text-align: center
  }
  div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    display: block;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 85%;
    font-size: .9em;
  }
  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li a:after {}
}

/*-- スマホtop画像正方形レイアウト --*/
@media only screen and (max-width: 767px){
#viewCard:checked ~ .archive .archive__item, #viewNormal:checked ~ .archive .archive__item, #viewWide:checked ~ .archive .archive__item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	padding: 10px;
	margin-right: 0;
	position: relative;
}
#viewCard:checked ~ .archive .archive__item{
	margin-right:15px;
}
.archive .eyecatch {
	position: unset;
	max-width: 160px;
	min-height: 90px;
	margin-bottom:0;
}
#viewNormal:checked ~ .archive .eyecatch {
	max-width: 160px;
}
.archive .eyecatch__cat a {
	padding: 5px 7.5px;
	font-size: .9rem;
}
.archive .eyecatch__link {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 160px;
	height: 90px;
}
.archive .heading-secondary {
	font-size: 1rem;
	margin-bottom: 0;
}
.archive__contents {
	width: 100%;
	margin-left: 15px;
}
.archive__contents .btn{
	margin-top:10px;
}
.archive .heading a {
	font-size: 1.3rem;
}
.archive .dateList {
	margin-bottom: 7px;
}
.archive .dateList__item{
	font-size:1.1rem;
}
.archive .eyecatch__link-maskzoomrotate:hover img, .archive .eyecatch__link:hover img{
	transform: scale(1) rotate(0deg);
}
.controller__viewLabel{
	display:none
}
}
@media only screen and (max-width: 480px){
.archive .eyecatch, #viewNormal:checked ~ .archive .eyecatch{
	max-width:90px;
}
.archive .eyecatch__link {
	width:90px;
}
}

/*-- snsボタンカスタマイズ --*/
/*丸いシェアボタン PC表示*/
@media screen and (min-width: 780px) {
.socialList {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.socialList ul li{
display: flex;
}
.socialList__item{
width:50px;
}
.socialList-type11 .socialList__link::after {
display:none;
}
.socialList-type11 .socialList__item {
line-height: 50px;
margin-right:5px;
}
.socialList-type11 .socialList__link {
color: #fff;
border-radius:50%;
}
}
/*丸いSNSシェアボタン スマホ表示*/
@media screen and (max-width: 480px) {
.socialList {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.socialList-type11 .socialList__link::after {
display:none;
}
.socialList-type11 .socialList__item {
line-height: 35px;
margin:0px;
margin-right:3px;
}
.socialList-type11 .socialList__link {
border-radius: 50%;
}
}

/*-- snsボタン中央寄せ --*/
aside.social-top,aside.social-bottom {
display: flex;
justify-content: center;
align-items: center;
}

/*Contact form 7*/
/*必須バッジ*/
.content .hissu{
background:#f89174;/*背景色*/
color:#fff;/*文字色*/
margin-left:5px;
padding:3px 10px;
border-radius:5px;
font-size:1.4rem;
}
/*任意バッジ*/
.content .nini{
background:#6495ed;/*背景色*/
color:#fff;/*文字色*/
margin-left:5px;
padding:3px 10px;
border-radius:5px;
font-size:1.4rem;
}
/*入力ボックス*/
.content input:not(.st-form-nowide):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=image]), select, textarea {
box-sizing: border-box;
width: 100%;
padding:10px;
border:solid 2px #c0c0c0;/*縁枠線*/
margin-top:10px !important;
}
/*送信ボタン*/
.wpcf7-submit {
display:block;
background:#3996cc;/*背景色*/
font-weight:bold;
color: #ffffff;/*文字色*/
border:none;
padding:10px 0;
margin:auto;
border-radius:5px;
width:50%;
}
.wpcf7-submit:hover{
opacity:.8;
}

/*PICK UP3*/
.pickup3__item-first{
background-color:#fff !important;
}
.pickup3__item-second, .pickup3__item-third {
background-color:#fff !important;
}
.pickup3__item-first .heading.heading-pickup3, .heading-pickup3 {
color:#505050 !important;
}
@media only screen and (min-width: 780px){
.pickup3__item-first {
transition: 0.2s ease-in-out;
width: calc(33.3% - 50px);
margin-right: 20px;
margin-left: 20px;65y;
position:relative;
box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
padding:15px ;
}
.pickup3__item-first:hover{
transition:0.2s ease-in-out;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-5px);
box-shadow: 8px 8px 18px 8px rgb(0 0 0 / 8%);
}
.pickup3__box {
width: 66%;
}
.pickup3__item-second, .pickup3__item-third {
box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
transition-duration: 0.4s;
width: calc(50% - 40px);
margin: 0 20px;
padding:15px;
}
.pickup3__item-second:hover, .pickup3__item-third:hover{
transition:0.2s ease-in-out;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-5px);
box-shadow: 8px 8px 18px 8px rgb(0 0 0 / 8%);
}
.pickup3 .heading a{
transition-duration: 0.3s;
text-transform:none;
}
.pickup3 .heading a:hover{
color:#ffcc66;
}

.pickup3__item-first .heading.heading-pickup3, .heading-pickup3 {
font-size: 100%;
padding: 10px 20px 20px;
letter-spacing:0.4px;
}
.pickup3__item-first .eyecatch__cat a {
font-size: 1rem;
}
}
.pickup3 {
text-align: center;
padding-top: 30px;
}
.pickup3 h2.heading-main{
letter-spacing:1px;
}
.pickup3__bg img {
display: none;
}
.pickup3 .pickup3__bg{
background-color: transparent;
}
.pickup3 h2.heading-main{
position:relative;
margin-bottom: 15px;
color: #807171 !important;/*タイトルの文字色*/
}
.pickup3 .heading-main span {
color: #807171 !important;/*補足文の文字色*/
}
h3.heading-pickup3{
text-align: left;
}
.pickup3__item:before{
display:none;
border: 2px solid #505050;
background: #fffff9;
color:#505050;
}
@media only screen and (max-width: 480px){
.pickup3__item-first {
box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
padding:10px;
}
.pickup3__item-second, .pickup3__item-third {
box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
padding:10px;
}
.pickup3__item-first .heading.heading-pickup3, .heading-pickup3 {
letter-spacing:0.1px;
}
.pickup3 .heading a{
font-size:15px;
}
}
/*PICUP3 スマホで縦並び*/
@media only screen and (max-width: 480px){
.pickup3__item-first{
}
.pickup3__item-second, .pickup3__item-third {
width: 100%;
margin-bottom:15px;
}
.pickup3__item:before {
font-size: 1.8rem;
height: 40px;
width: 40px;
line-height: 40px;
}
}