@charset "UTF-8";
/*
 Skin Name: Wedding
 Author: Ricca
*/

/************************************
** 全体
************************************/
/* ---------------------------------------------------------
/ 『カテゴリーラベル』
--------------------------------------------------------- */
.cat-label {
    background-color: rgb(0 91 209 / 70%);
    border-radius: 5px;
}
.cat-link {
    background-color:#005bd1;
    border-radius: 8px;
}
/* ---------------------------------------------------------
/ 『タグラベル』
--------------------------------------------------------- */
.tag-link, .comment-reply-link {
    color: #005bd1;
    border: 1px solid #005bd1;
    border-radius: 8px;
}
.tag-link:hover, .comment-reply-link:hover {
    background-color: rgb(0 91 209 / 10%);
    color: #005bd1;
}
/************************************
** ヘッダー
************************************/
.site-name-text {
    font-size: 35px;
    text-shadow: 1px 1px 3px #801a99;
}
.tagline {
    text-shadow: 1px 1px 1px #801a99;
}
/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{/*ﾓﾊﾞｲﾙﾒﾆｭｰ左右ﾎﾞﾀﾝ部分*/
	background: #5ee0d3;
	color: #ffffff;
}
.logo-menu-button.menu-button{
	background: #5ee0d3;
}
.mobile-menu-buttons{/*ﾓﾊﾞｲﾙﾒﾆｭｰ中央部*/
	background: #5ee0d3;
	color: #ffffff!important;
}
/*ヘッダーの文字色と背景色を変える*/
.menu-button-in{
	color: #ffffff!important;
	background-color: #5ee0d3;!important;
}
/*スライドインメニューの文字色と背景色を変える*/
.navi-menu-content{
	background-color: #5ee0d3d1;
	color: #ffffff!important;
}
.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	font-weight:bold;
	color: #ffffff;/*文字の色*/
	height: 3em;/*行の高さ*/
}
/************************************
** メイン
************************************/
/*フロントページの不必要なものをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
 display: none;
}
/*固定ページの日付を非表示*/
.page .date-tags {
display: none;
}
/************************************
** 広告
************************************/
/* ---------------------------------------------------------
/ 『PR表記』
--------------------------------------------------------- */
.pr-label-s{
    border: 1px solid #999;
    border-radius: 8px;
    color:#999;
    font-size:13px;
}
.pr-label-s::before{
    font-family: "Font Awesome 5 Free";
    content:"\f06a";
    padding-right:0.5em;
    color:#999;
    font-weight:900;
    }
.ad-area {
  font-size: 0.8em;
  color: #9e9a9a;
}
/* ----------------------------
/ 『目次』
------------------------------- */
.toc {
    border: 2px solid #005bd1;
}
.toc-title {
  font-weight:bold;
  border-bottom:3px double #005bd1;
}
.toc-list > li{
  font-weight: bold;
}
.toc-list > li li{
  font-weight: normal;
}

/* ----------------------------
/見出し（H1-6）
------------------------------- */
.article h2{
padding:0.6em;
background-color:#5ee0d3;
color:#fff;
box-shadow:2px 2px 8px -2px #000;
border-left:none;
border-radius:0.8em;
}

.article h3 {
    color:#020d8d;;
    background-color: #005bd10f;
    border: 2px solid #5ee0d3;
    margin: 1.8em 0 1.3em;
    padding-bottom: 0.3em;
    position: relative;
    z-index: 1;
}
.article h3:after{
background-color: #005bd10f;
border:1px solid #5ee0d3;
content: '';
position:absolute;
top:4px;
left:4px;
width:100%;
height:100%;
z-index:-1;
}

.article h4{
margin:1.8em 0 1.3em;
padding:0.2em 0.5em;
border:none;
}

.article h4:after{
content: "";
display:block;
height:5px;
margin:5px -0.5em 0;
background:linear-gradient(to right, #5ee0d3, #5ee0d32e);
}

.article h5 {
    border-bottom: 2px solid #5ee0d3;
}

.article h6 {
    border-bottom: 2px dotted #5ee0d3;
}
/* ---------------------------------------------------------
/ 『引用文』
--------------------------------------------------------- */
blockquote {
  background-color: #cef1f9;
}
  
blockquote::before,
blockquote::after {
  color: #0091d64d;
  content: '”';
  font-size:700%;
}
/* ---------------------------------------------------------
/ブログカード
--------------------------------------------------------- */
.blogcard{
border-color: #005bd1;
}
/* ---------------------------------------------------------
/関連記事
--------------------------------------------------------- */
.recb-entry-border .related-entry-card-wrap {
    border-color:#5ee0d3;
}
.related-vartical-card .related-entry-card-title{
	line-height: 1em;
}
.related-entry-heading, .comment-title{
	border-bottom: 3px solid #5ee0d3;
	padding: 10px 15px 5px;
	line-height: 1em;
}
.related-entry-heading:first-letter,.comment-title:first-letter {
    font-size: 1.5em;
    color:#005bd1;
}
.sub-caption {
    font-family:"Meiryo", sans-serif;
    font-size: 0.65em;
}
span.sub-caption {
    color:#005bd1;
    vertical-align: middle;
}
/* ---------------------------------------------------------
/ 『次の記事と前の記事』
--------------------------------------------------------- */
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post{
    border-color:#5ee0d3;
}
.fa-chevron-left:before,
.fa-chevron-right:before {
color:#5ee0d3;
}
/* ---------------------------------------------------------
/ 『ページネーション』
--------------------------------------------------------- */
/* ----- ページ番号のborder（角丸） ----- */
.page-numbers {
  -webkit-border-radius: 25px;
  border-color:#005bd159;
  color:#005bd1;
}
/* ----- カレントページの文字拡大、背景色変更 ----- */
.pagination .current{
background-color: #5ee0d32e;
}
/* ----- 「次のページ」 ----- */
.pagination-next-link {
background-color: #5ee0d32e;
border-color:#005bd159;
border-radius: 25px;
}
/************************************
** サイドバー
************************************/
/* ---------------------------------------------------------
/ 『サイドバーの見出し（h3）』--------------------------------------------------------- */
/* ----- ベースのborder ----- */
.sidebar h3 {
    color:#020d8d;;
    background-color: #005bd10f;
    border: 2px solid #5ee0d3;
    margin: 1.8em 0 1.3em;
    padding-bottom: 0.3em;
    position: relative;
    z-index: 1;
}
.sidebar h3:after{
background-color: #005bd10f;
border:1px solid #5ee0d3;
content: '';
position:absolute;
top:4px;
left:4px;
width:100%;
height:100%;
z-index:-1;
}
/************************************
** ウィジェット
************************************/
/* ---------------------------------------------------------
/ 『人気記事ランキング』
/
/   ・四角→丸に
--------------------------------------------------------- */
.widget-entry-cards.ranking-visible .card-thumb::before {
    border-radius: 50%;
    background: #31a9e2;
    top: -10px;
    left: -10px;
}
/* ------- 検索欄 ------- */
.search-edit, input[type="text"]
	,input[type="password"]
	,input[type="date"]
	,input[type="datetime"]
	,input[type="email"]
	,input[type="number"]
	,input[type="search"]
	,input[type="tel"]
	,input[type="time"]
	,input[type="url"]
	,textarea
	,select{
	border-radius: 18px;
	border: 2px solid #005bd1;
}
.search-submit{
	color: #5ee0d3;
}
/* ------- カテゴリー ------- */
.widget_categories ul li a{
	border-bottom: 1px dotted #005bd1;
}
.widget_categories ul li a:before{
    font-family: "Font Awesome 5 Free";
    content:"\f138";
    padding-right:0.5em;
    color:#5ee0d3;
    font-size:1.2em;
    line-height:1em;
    font-weight:900;
    }
/************************************
** フッター
************************************/
/* ------- TOPへ戻るボタン ------- */
.go-to-top-button {
	border-radius: 20px;
}
/**************************
アフィリエイト
**************************/

/**************************
アフィリエイト
**************************/
/* ------- カエレバ風 ------- */
.cstmaf{/* =kaerebalink-box */
  }

.aflink-box { /* =kaerebalink-box */
  padding: 20px 23px;
  width: 96%;
  margin: 1.6em auto;
  border: 2px solid #dfdfdf;
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
}

.aflink-image{ /* =②kaerebalink-image(商品の写真と商品元リンク※リンク切れの少ないAmazonがおすすめ)*/
  margin: 0 auto 1em !important;
  float: none !important;
  text-align: center;
}
.aflink-image * {
  display: block;
}
.aflink-image > a > img {
  margin: 0 auto;
}

.aflink-info{/* =③kaerebalink-info(④～⑤商品情報系全体を囲って表示系を設定する)*/
  line-height: 125%;
  width: 100%;
}

.aflink-name{/* =④kaerebalink-name(商品名リンク。表示・装飾を設定) */
  margin-bottom:5px;
}
.aflink-name > a{
    color:blue;
    text-decoration: none;
    font-weight:bold;
}

.afshoplink-officiallink1 a {
  width:100% ;
  background: #0095d9;
  border-radius: 8px;
  display: block;
  padding: 1em 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.afshoplink-officiallink1 a:hover {
  opacity: 0.6;
}

.afshoplink-officiallink1 img {
	  display: none;
}

.aflink-link{/*公式以外のショップリンク全体を囲う */
}
.aflink-link a {
  display: block;
  margin: 5px auto 0px;
  padding: 1em 12px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.aflink-link a:hover{
  opacity: 0.6;
}

.afshoplinkrakuten a{/* =shoplinkrakuten(楽天のショップリンク) */
  background: #bf0000;
}
.afshoplinkamazon a{/* =shoplinkamazon(Amazonのショップリンク) */
  background: #f79901;
  }
.afshoplinkyahoo a{/* =shoplinkyahoo(Yahoo!のショップリンク) */
  background: #e60033;
  }
.afshoplinkaupay a {/*(au PAYマーケットのショップリンク) */
  background: #ef5400;
  }
.afshoplinklohaco a {/* LOHACOのショップリンク */
  background: #ceac68;
}
.afshoplink1 a {/* その他のショップリンク */
  background: #063f94;
}
.afshoplink2 a {/* その他のショップリンク */
  background: #5d5d5d
}
.afshoplink3 a {/* その他のショップリンク */
  background: #8bc34a;
}

table td a[target="_blank"]>span,
.aflink-box a[target="_blank"]>span{
	display:none;
}

/* もしもアフィインプレッション画像・領域とも非表示 */
.aflink-link img{
 display: none;
}

.afbooklink-footer{/* =booklink-footer(下の方に隠れている。あまり使わない) */
}

@media screen and (min-width: 769px){
.aflink-box {
        text-align: left;
        display: flex;
        font-size: inherit !important;
}

.aflink-image{
        vertical-align: top;
        box-sizing: border-box;
        min-width: auto !important;
    }

 .aflink-info {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 25px;
    width: 100%;
  }

  .afshoplink-officiallink1 {
    display: flex;
    flex-wrap: wrap;
  }
  .afshoplink-officiallink1 a {
    width: 100%;
    text-align: center;
  }
  .afshoplink-officiallink1 a img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .afshoplink-officiallink1 > * {
    box-sizing: border-box;
  }

  .aflink-link {
    display: flex;
    flex-wrap: wrap;
  }
  .aflink-link a {
    text-align: center;
    border-radius: 8px;
  }

   .aflink-link a img{
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .aflink-link > * {
    width: 49%;
    margin: 0.5%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 834px) {
  .aflink-box{
    padding: 10px 10px 24px;
    display: block;
  }

.aflink-image{
  width: 240px;
  min-width: 240px;
  height: 100% !important;
  }

  .afshoplink-officiallink1{
    display: flex;
    flex-wrap: wrap;
  }
  .afshoplink-officiallink1 > * {
    width: 100%;

  }
  .afshoplink-officiallink1 > * > a{
    }

  .aflink-link{
    display: flex;
    flex-wrap: wrap;
  }

  .aflink-link > * {
    width: 49%;
    margin: 0 .5% !important;
  }

  .aflink-link > * > a{
    border-radius: 8px;
  }
  }

@media screen and (max-width: 480px) {
  .aflink-image {
  width: 240px;
  min-width: 240px;
  }
  .aflink-info {
    width: auto !important;
    overflow: visible !important;
    text-align: center !important;
    padding: 0 !important;
  }
.aflink-name{
    margin-bottom:1em;
}
   .afshoplink-officiallink1 > * {
    width: 100%;

}
  .afshoplink-officiallink1 a {
    border-radius: 8px;
  }
  .aflink-link > * {
    width: 100%;
    margin: 0 .5% !important;
}
  .aflink-link a {
    border-radius: 8px;
  } 
}
/* ------- オリジナル ------- */
.aflink-box {/* BOX全体 */
position: relative;
display: flex;
max-width: 960px;
padding:24px;
color: #353535;
font-size: 16px!important;
box-shadow: 0 1px 8px -4px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.02);
}
body:not(#__) .aflink-box {
margin: 2em auto;
}
.aflink-box > div {
width:80%;}
.aflink-image{ /* 商品画像リンク*/
padding-right: 1em;
max-width:160px;
}
.aflink-image__image{}
.aflink-image__name a{
display: block;
text-decoration: none!important;
font-size: 12px;
line-height: 1.3em;
}
.aflink-image__image img {
height: auto;
max-height: 160px;
-o-object-fit: contain;
object-fit: contain;
}
.aflink-body{/* ﾃｷｽﾄ部分（右側）全体を囲む */
  margin: 0;
  padding: 0;
}

.aflink-name{/* 商品名リンク */
  margin: 0 0 8px;
  font-weight:bold;
  line-height: 1.6em;
}
.aflink-name a{
  color: inherit;
  text-decoration: none;
  color: #353535;
  font-size: 16px;
}
.aflink-info {/* 商品説明など */
    font-size: 12px;
    line-height: 1.5;
    opacity: .75;
}

.aflink-link{/*公式以外のショップリンク全体の設定 */
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px -20px 0 0 ;
  padding-right:-20px!important;
}
.aflink-link a {
  border-radius:25px;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0!important;
  padding: 12px;
  font-size: 12px!important;
  line-height: 1;
  letter-spacing: .5px;
  text-align: center;
  text-decoration: none;
}
.aflink-link > div{
width:32.333%;
margin: 0.5%;
box-sizing: border-box;
}
.aflink-link a:hover{
  opacity: .8;
}
.af-official a{/* 公式ｼｮｯﾌﾟﾘﾝｸ */
background: #438ee8;
}
.af-rakuten a{/* 楽天のｼｮｯﾌﾟﾘﾝｸ */
  background: #bf0000;
}
.af-amazon a{/* Amazonのｼｮｯﾌﾟﾘﾝｸ */
  background: #f79901;
  }
.af-yahoo a{/* Yahoo!のｼｮｯﾌﾟﾘﾝｸ */
  background: #e60033;
  }
.af-paypay a {/* paypayのｼｮｯﾌﾟﾘﾝｸ */
  background: #ceac68;
}
.af-aupay a {/* au PAYのｼｮｯﾌﾟﾘﾝｸ */
  background: #ef5400;
  }
.af-others1 a {/* その他のｼｮｯﾌﾟﾘﾝｸ */
  background: #063f94;
}
.af-others2 a {/* その他のｼｮｯﾌﾟﾘﾝｸ */
  background: #5d5d5d
}
.af-others3 a {/* その他のｼｮｯﾌﾟﾘﾝｸ */
  background: #8bc34a;
}

/* もしもアフィインプレッション画像・領域とも非表示 */
.aflink-link img{
 display: none;
}
.aflink-box p {
margin: 0;
padding: 0;
}

@media screen and (max-width: 480px) {
.aflink-box{
display: block;
width:88%;
font-size: 13px;
}
.aflink-box > div {
width:100%;
}
.aflink-image{ /* 商品画像リンク*/
margin: 0 auto;
padding-right:0;
max-width:160px;
width:auto;
}
.aflink-name a{
font-size: 13px;
}
.afshoplink-officiallink1 {
width: 100%;
margin-bottom:-8px
}
.aflink-link{
padding-right:20px;
}
.aflink-link > div{
width: 100%;
padding:4px 0!important;
margin: 0;
}
}
/* ポチップ*/
.pochipp-box{
grid-template-columns:160px 1fr!important;
}
.pochipp-box__btnwrap.-custom_2 {
    order: -4;
}
.pochipp-box__btnwrap.-rakuten,
.pochipp-box__btnwrap -rakuten -on-sale{
    order: -3!important;
}
.pochipp-box__btnwrap.-amazon{
    order: -2;
}
.pochipp-box__image img {
    width: 100%!important;
    max-width: 160px!important;
}