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

/*=====================================================================================
ここから見出しカスタマイズ
=======================================================================================*/
/*==================================================================
H2見出し
====================================================================*/
/*.entry-content h2 {
    color: #3e3e3e!important;
    font-size: 1.4rem;
    padding: 0.6em 0.8em;
    border-top: solid 2px #fc99ec;
    border-bottom: solid 2px #fc99ec;
    border-radius: 0;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px)!important;
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px)!important;
}*/
.post_content h2 {
    color: #3e3e3e!important;
    font-size: 1.4rem;
	margin-bottom: 20px;
    border-top: solid 2px #fc99ec;
    border-bottom: solid 2px #fc99ec;
    border-radius: 0;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px)!important;
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px)!important;
	position: static;
}
@media only screen and (max-width: 767px) {
.post_content h2 {
	font-size: 1.3rem;
	margin-bottom: 1em;
}
}

/*==================================================================
H3見出し
====================================================================*/
/*.entry-content h3{
    color:#e0107f;
    font-size: 1.3rem;
    padding: 0.5em 0.8em;
    margin-top: 1.5em;
    border-left: 6px solid #fc99ec;
    border-bottom: 3px double #fc99ec;
}*/

.post_content h3 {
	color:#e0107f;
	border-bottom: solid 3px #fc99ec;
	border-left: none;
	font-size: 1.3em;
	margin-top: 1.9em;
	margin-bottom: 20px;
	font-weight: bold;
	position: static;
}

@media only screen and (max-width: 767px) {
.post_content h3 {
	font-size: 1.2em;
	margin-bottom: 1em;
}
}

/*==================================================================
H4見出し
====================================================================*/
/*.entry-content h4{
    border-bottom: 3px dotted #fc99ec;
    padding: 0.5em 0.8em 0.5em 0.5em;
}*/
.post_content h4{
    border-left: 8px solid #fc99ec!important;
	font-size: 1.2rem;
    padding: 3px 10px!important;
}

@media only screen and (max-width: 767px) {
.post_content h4 {
	font-size: 1rem;
	margin-bottom: 10px;
	padding: 3px 5px!important;
}
}

/*==================================================================
H5見出し
====================================================================*/
/*.entry-content h5{
    border-left: 4px solid #fc99ec;
    padding-left: 6px;
    letter-spacing: 0px;
}*/

/*==================================================================
固定ページ用見出し装飾なしh2
====================================================================*/
h2.none_title,
h2.none_title::before,
h2.none_title::after {
  background: none!important;
  border: none;
  border-radius: 0;
}

h2.none_title {
  font-size: 1.4rem;
  position: relative;
  padding-bottom: 10px;
  margin-top: -25px;
  margin-bottom: 10px;
  box-shadow: none;
  text-align:center;
}

/*==================================================================
固定ページ用見出し下線h2
====================================================================*/
h2.underline_title,
h2.underline_title::before,
h2.underline_title::after {
  background: none!important;
  border: none;
  border-radius: 0;
}

h2.underline_title {
  font-size: 1.4rem;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #8e8e8e;
  text-align:center;
}

/*==================================================================
固定ページ用見出しh2 背景ライン
====================================================================*/
h2.solidline_title,
h2.solidline_title::before,
h2.solidline_title::after {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

h2.solidline_title {
  background: url(https://www.love-wife-life.com/wp-content/uploads/2018/05/border.png) repeat-x left center!important;
  text-align: center;
  display: block;
  margin: 0.2em;
}

h2.solidline_title span {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
}

/*==================================================================
固定ページ用見出しh2 背景ライン 上margin多
====================================================================*/
h2.solidline_title2,
h2.solidline_title2::before,
h2.solidline_title2::after {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

h2.solidline_title2 {
  background: url(https://www.love-wife-life.com/wp-content/uploads/2018/05/border.png) repeat-x left center!important;
  text-align: center;
  display: block;
  margin: 3em 0.2em 0.2em;
}

h2.solidline_title2 span {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
}

/*==================================================================
固定ページ用見出しh3
====================================================================*/
h3.sideline_title,
h3.sideline_title::before,
h3.sideline_title::after {
  background: none;
  border: none;
  border-radius: 0;
}

h3.sideline_title {
  position: relative;
  display: inline-block;
  padding: 0 55px;
/*  margin-top: 0px;*/
  margin: 10px;
  font-size: 1.3rem;
}

h3.sideline_title:before, h3.sideline_title:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h3.sideline_title:before {
  left: 0;
}

h3.sideline_title:after {
  right: 0;
}

/*==================================================================
固定ページ用見出しh3 背景ライン
====================================================================*/
h3.solidline_title,
h3.solidline_title::before,
h3.solidline_title::after {
  border: none;
  border-radius: 0;
}

h3.solidline_title {
  background: url(https://www.love-wife-life.com/wp-content/uploads/2017/12/border.png) repeat-x left center!important;
  text-align: center;
  display: block;
}

h3.solidline_title span {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
}

/*=====================================================================================
ここからflexboxのCSS
=======================================================================================*/

/*==================================================================
PC4列・スマホ2列のPC設定
====================================================================*/
@media screen and (min-width:480px){
/* PC4列・スマホ2列 */
.gourmet-info {
    display: flex;
    justify-content: space-between;
    margin: 0;
    text-align: center;
}

ul.gourmet-info li {
    width: 25%;
    padding: 0.4em;
    margin: 0;

}

ul.gourmet-info li:before {
	width: 0;
    height: 0;
}

ul.gourmet-info li img {
    margin: 0;
}

ul.gourmet-info li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.9);
    width: 100%;
    padding: 0.4em 0;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC4列・スマホ2列のスマホ設定
====================================================================*/
@media screen and (max-width:480px){
/* PC4列・スマホ2列 */
.gourmet-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}

ul.gourmet-info li {
    width: 50%;
    padding: 0.4em;
    margin: 0;
    text-align: center;
}

ul.gourmet-info li:before {
	width: 0;
    height: 0;
}

ul.gourmet-info li img {
    margin: 0;
}

ul.gourmet-info li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.9);
    width: 100%;
    padding: 0.4em 0;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC3列・タブレット2列・スマホ2列 relative文字hoverあり（フルから780pxまで）
====================================================================*/
@media screen and (min-width:780px){
.triple-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.triple-inside {
    flex: 0 0 33.3333%;
    padding: 0.4em;
    position: relative;
    overflow: hidden;
}

.triple-inside img {
    margin: 0;
}

.triple-box span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,255,255,0.8);
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translateY(35%);
    transform: translateY(35%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 }

.triple-box span:hover {
    color: #e0107f;
}

.triple-inside:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
 }
}


/*==================================================================
PC3列・タブレット2列・スマホ1列 relative文字hoverあり（780px以下～480pxまで）
====================================================================*/
@media screen and (max-width:780px) and (min-width:480px) {
.triple-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.triple-inside {
    flex: 0 0 50%;
    padding: 0.4em;
    position: relative;
    overflow: hidden;
}

.triple-inside img {
    margin: 0;
}

.triple-box span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,255,255,0.9);
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 }

.triple-box span:hover {
    color: #e0107f;
}

.triple-inside:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
 }
}

/*==================================================================
PC3列・タブレット2列・スマホ2列 relative文字hoverあり（480px以下）
====================================================================*/
@media screen and (max-width:480px){
.triple-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.triple-inside {
    flex: 0 0 49.9999%;
    padding: 0.4em;
    position: relative;
    overflow: hidden;
}

.triple-inside img {
    margin: 0;
}

.triple-box span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,255,255,0.9);
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 }

.triple-box span:hover {
    color: #e0107f;
}

.triple-inside:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
 }
}

/*==================================================================
PC3列・タブレット2列・スマホ1列 relative文字hoverあり（フルから780pxまで）
====================================================================*/
@media screen and (min-width:780px){
.three-box {
    display: flex;
    justify-content: space-between;
}

.three-Left {
    flex: 0 0 33.3333%;
    padding: 0.4em;
    position: relative;
    overflow: hidden;
}

.three-Left img {
    margin: 0;
}

.three-box span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,255,255,0.8);
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translateY(35%);
    transform: translateY(35%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 }

.three-box span:hover {
    color: #e0107f;
}

.three-Left:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
 }
}


/*==================================================================
PC3列・タブレット2列・スマホ1列 relative文字hoverあり（780px以下～480pxまで）
====================================================================*/
@media screen and (max-width:780px) and (min-width:480px) {
.three-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.three-Left {
    flex: 0 0 50%;
    padding: 0.4em;
    position: relative;
    overflow: hidden;
}

.three-Left img {
    margin: 0;
}

.three-box span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,255,255,0.9);
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 }

.three-box span:hover {
    color: #e0107f;
}

.three-Left:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
 }
}

/*==================================================================
PC3列・タブレット2列・スマホ1列 relative文字hoverあり（480px以下）
====================================================================*/
@media screen and (max-width:480px){
.three-box {
    display: flex;
    flex-direction: column;
}

.three-Left {
    flex: 0 0 100%;
    padding: 0.4em;
    position: relative;
    overflow: hidden;
}

.three-Left img {
    margin: 0;
}

.three-box span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,255,255,0.9);
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
 }

.three-box span:hover {
    color: #e0107f;
}

.three-Left:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
 }
}

/*==================================================================
PC2列・スマホ2列（フルからスマホも変わらず）
====================================================================*/
.double-box {
    display: flex;
    margin-bottom: 0.5em;
}

.double-boxLeft {
    flex: 0 0 50%;
    padding-right: 0.5em;
}

.double-boxRight {
    flex: 0 0 50%;
    padding-left: 0.5em;
}

.double-boxLeft img,.double-boxRight img {
    margin: 0; 
}

/*==================================================================
PC2列・スマホ2列（フルからスマホも変わらず）
====================================================================*/
.double {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.6em;
}

.box-inside {
    width: 49.4%
}

.post_content .box-inside img {
    margin-bottom: 0.6em!important;
}

/*==================================================================
PC2列・スマホ1列（フルから780pxまで）
====================================================================*/
@media screen and (min-width:780px){
.two-box {
    display: flex;
    margin-bottom: 0.5em;
}

.inside-boxLeft {
    flex: 0 0 50%;
    padding-right: 0.5em;
}

.inside-boxRight {
    flex: 0 0 50%;
    padding-left: 0.5em;
}

.inside-boxLeft img,.inside-boxRight img {
    margin: 0; 
}

.inside-boxRight p:last-of-type {
    margin-bottom: 0.5em; 
}
}

/*==================================================================
PC2列・スマホ1列（780px以下）
====================================================================*/
@media screen and (max-width:780px){
.two-box {
    display: flex;
    flex-direction: column;
}

.inside-boxLeft {
    padding: 0;
}

.inside-boxRight {
    padding: 0;
}

.inside-boxLeft img {
    margin-bottom: 0.5em; 
}

.inside-boxRight p:last-of-type {
    margin-bottom: 0.5em; 
}
}

/*=====================================================================================
ここからリスト横並びカスタマイズfloat
=====================================================================================*/
/*==================================================================
PC4列・スマホ2列のPC設定（フルから480pxまで）
====================================================================*/
@media screen and (min-width:480px){
ul.category-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.category-line li {
    float: left;
    width: 25%;
    padding: 0.4em;
    margin: 0;
}

ul.category-line li:nth-child(4n+1) {
    clear: both;
}

ul.category-line li:before {
	width: 0;
    height: 0;
}

ul.category-line li img {
    margin: 0;
}

ul.category-line img {
    position: relative;
}

ul.category-line li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.9);
    width: 100%;
    padding: 0.4em;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC4列・スマホ2列のスマホ設定（480px以下まで）
====================================================================*/
@media screen and (max-width:480px){
ul.category-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.category-line li {
    float: left;
    width: 49.9999%;
    padding: 0.2em 0.4em;
    margin: 0;
}

ul.category-line li:nth-child(2n+1) {
    clear: both;
}


ul.category-line li:before {
	width: 0;
    height: 0;
}

ul.category-line li img {
    margin: 0;
}

ul.category-line img {
    position: relative;
}

ul.category-line li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.9);
    width: 100%;
    padding: 0.4em;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC4列・スマホ2列のPC設定  下marginなし（フルから480pxまで）
====================================================================*/
@media screen and (min-width:480px){
ul.category-line2 {
    width:100%;
	display: inline-block;
    margin: 0;
}

ul.category-line2 li {
    float: left;
    width: 25%;
    padding: 0.4em;
    margin: 0;
}

ul.category-line2 li:nth-child(4n+1) {
    clear: both;
}

ul.category-line2 li:before {
	width: 0;
    height: 0;
}

ul.category-line2 li img {
    margin: 0;
}

ul.category-line2 img {
    position: relative;
}

ul.category-line2 li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.9);
    width: 100%;
    padding: 0.4em;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC4列・スマホ2列のスマホ設定 下marginなし（480px以下まで）
====================================================================*/
@media screen and (max-width:480px){
ul.category-line2 {
    width:100%;
	display: inline-block;
    margin: 0;
}

ul.category-line2 li {
    float: left;
    width: 49.9999%;
    padding: 0.2em 0.4em;
    margin: 0;
}

ul.category-line2 li:nth-child(2n+1) {
    clear: both;
}


ul.category-line2 li:before {
	width: 0;
    height: 0;
}

ul.category-line2 li img {
    margin: 0;
}

ul.category-line2 img {
    position: relative;
}

ul.category-line2 li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.8);
    width: 100%;
    padding: 0.4em;
    margin: 0;
    text-align: center;
    line-height: 120%;
    font-weight: bold;
    font-size: 120%;
}
}
/*==================================================================
PC3列・MP2列のPC設定　文字中入れ（フルから480pxまで）
====================================================================*/
@media screen and (min-width:480px){
ul.three-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.three-line li {
    float: left;
    width: 33.3333%;
    padding: 0.4em;
    margin: 0;
    position: relative;
}

ul.three-line li:nth-child(3n+1) {
    clear: both;
}

ul.three-line li:before {
	width: 0;
    height: 0;
}

ul.three-line li img {
    margin: 0;
}

ul.three-line li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.9);
    width: 100%;
    padding: 0.4em;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC3列・MP2列のスマホ設定　文字中入れ（480px以下）
====================================================================*/
@media screen and (max-width:480px){
ul.three-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.three-line li {
    float: left;
    width: 49.9999%;
    padding: 0.2em 0.4em;
    margin: 0;
    position: relative;
}

ul.three-line li:nth-child(2n+1) {
    clear: both;
}


ul.three-line li:before {
	width: 0;
    height: 0;
}

ul.three-line li img {
    margin: 0;
}

ul.three-line li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.8);
    width: 100%;
    padding: 0.4em;
    margin: 0;
    text-align: center;
    line-height: 120%;
    font-weight: bold;
    font-size: 120%;
}
}

/*==================================================================
PC3列・MP2列のスマホ設定　タイトルエフェクトあり（フルから480pxまで）
====================================================================*/
@media screen and (min-width:780px){
ul.triple-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.triple-line li {
    float: left;
    width: 33.3333%;
    padding: 0.4em;
    margin: 0;
    position: relative;
    overflow: hidden;
}

ul.triple-line li:nth-child(3n+1) {
    clear: both;
}

ul.triple-line li:before {
	width: 0;
    height: 0;
}

ul.triple-line li img {
    margin: 0;
}

ul.triple-line li span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(255,255,255,0.9);
    overflow: hidden;
 }

ul.triple-line li span:hover {
    color: #e0107f;
}

.recommend span {
    opacity: 1;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.recommend:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
 }
}

/*==================================================================
PC3列・MP2列設定　タイトルエフェクトあり（780px~480px）
====================================================================*/
/* ++++++++ 780pxから480pxまで ++++++++*/
@media screen and (max-width:780px) and (min-width:480px) {
ul.triple-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.triple-line li {
    float: left;
    width: 49.9999%;
    padding: 0.4em;
    margin: 0;
    position: relative;
    overflow: hidden;
}

ul.triple-line li:nth-child(2n+1) {
    clear: both;
}

ul.triple-line li:before {
	width: 0;
    height: 0;
}

ul.triple-line li img {
    margin: 0;
}

ul.triple-line li span {
    font-weight: bold;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 14px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(255,255,255,0.9);
    overflow: hidden;
 }

ul.triple-line li span:hover {
    color: #e0107f;
}

.recommend span {
    opacity: 1;
    -webkit-transform: translateY(35%);
    transform: translateY(35%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.recommend:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
 }
}

/*==================================================================
PC3列・MP2列設定　タイトルエフェクトあり（480px以下）
====================================================================*/
/* ++++++++ 480px以下 ++++++++*/
@media screen and (max-width:480px) {
ul.triple-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.triple-line li {
    float: left;
    width: 49.9999%;
    padding: 0.4em;
    margin: 0;
    position: relative;
    overflow: hidden;
}

ul.triple-line li:nth-child(2n+1) {
    clear: both;
}

ul.triple-line li:before {
	width: 0;
    height: 0;
}

ul.triple-line li img {
    margin: 0;
}

ul.triple-line li span {
    font-weight: bold;
    font-size: 10px;
    color: #333;
    width: 100%;
    height: 100%;
    padding: 10px 10px 5px 14px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(255,255,255,0.8);
    overflow: hidden;
 }

ul.triple-line li span:hover {
    color: #e0107f;
}

.recommend span {
    opacity: 1;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.recommend:hover span {
    color: #e0107f;
    opacity: 1;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
 }
}

/*==================================================================
PC2列・MP2列の設定　PCもモバイルも変わらず縮小
====================================================================*/
ul.two-line {
    width:100%;
	display: inline-block;
    margin: 0 0 3em 0;
}

ul.two-line li {
    float: left;
    width: 49.9999%;
    padding: 0.4em;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

ul.two-line li:nth-child(2n+1) {
    clear: both;
}

ul.two-line li:before {
	width: 0;
    height: 0;
}

ul.two-line li img {
    margin: 0;
}

ul.two-line li a {
    text-decoration: none;
    font-weight: bold;
}

ul.two-line li span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #333;
    background:rgba(255,255,255,0.8);
    width: 100%;
    padding: 0.4em;
    margin-bottom: 38px;
    text-align: center;
    line-height: 120%;
    font-weight: bold;
    font-size: 120%;
}

.two-line a {
    display:inline-block;
    width: 120px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top: 5px;
    text-align: center;
    text-decoration: none;
    color: #3e3e3e;
    border: solid 2px #525252;
    background: -webkit-repeating-linear-gradient(-45deg, #fdf8f1, #fdf8f1 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #fdf8f1, #fdf8f1 3px,#fff 3px, #fff 8px);
}

.two-line a:hover {
    background: #e2dbd0;
}

/*=====================================================================================
ここから記事内装飾カスタマイズ
=======================================================================================*/

/*==================================================================
アプリーチ
====================================================================*/
#appreach-box {
	border: 1px solid #ddd;
	background-color: #fffff0;
	border-radius: 4px;
	margin: 1em 0;
	padding: 0.5em 0 0.5em 0.5em;
}

#appreach-box p {
	display: none;
}

.appreach-info {
	overflow: hidden;
}

#appreach-appname {
    font-size: 1.2em;
	font-weight: bold;
    margin-left: 10px;
    padding: 0;
}

#appreach-developer{
	font-size: 11px !important;
    margin-left: 10px;
}

#appreach-price {
	font-size: 11px !important;
}

.appreach-powered {
	margin-left: 10px;
	padding: 0;
}

.appreach-links {
	margin-left: 10px;
}

#appreach-itunes-link,#appreach-gplay-link {
	margin: 10px 10px 0 0;
}

.appreach-links img {
    margin: 0;
}

.appreach-footer {
    margin: 0 0 0 0 !important;
}

/*==================================================================
アプリーチ_new
====================================================================*/
.appreach{
 border-top:5px double #e0107f;/*上線の色*/
 border-bottom:5px double #e0107f;/*下線の色*/
}
.appreach {
  text-align: left;
  padding: 25px;
  margin:20px;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach img,
.appreach p {
  margin: 0;
  padding:0;
}
.appreach p {
  line-height: 1.2;
}

.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 -2% !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;
}
p.appreach__name {
  font-size: 16px;
  color:#555;
  padding-bottom:10px;
  font-weight:bold;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
  color:#888;
}
.appreach__info a{
  color:#aaa;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 15px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
@media only screen and (max-width: 786px){
.appreach{
  margin:20px 0;}
.appreach__info {
  font-size: 11px !important;}
p.appreach__name {
  font-size: 15px;}}

/*==================================================================
テーブル横スクロール
====================================================================*/
@media only screen and (max-width: 480px) {
.tscroll table {
 width:100%;
 margin-bottom: .5em;
}

.tscroll {
 overflow: auto;
 margin-bottom: 2em;
}

.tscroll::-webkit-scrollbar {
 height: 5px;
}
.tscroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}
.tscroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
 }
}

/*==================================================================
AmazonJSのアイコンを消す
====================================================================*/
.entry-content .amazonjs_item li:before,
.entry-content .amazonjs_item a[target="_blank"]:after{
 content:none;
}

/*==================================================================
文字強調
====================================================================*/
.bold {
    font-weight: bold;
}

/*==================================================================
文字強調プラス赤
====================================================================*/
.red {
    font-weight: bold;
    color:#fb6364;
}

/*==================================================================
文字強調プラス黄色マーカー
====================================================================*/
.mark {
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffff99 40%);
}

/*==================================================================
文字強調プラス赤プラス黄色マーカー
====================================================================*/
.markred {
    font-weight: bold;
    color:#fb6364;
    background: linear-gradient(transparent 70%, #ffff99 40%);
}

/*==================================================================
マーカー強調カスタマイズ（残っているかもしれないので残す）
====================================================================*/
.marker1 {
  background: linear-gradient(transparent 70%, #ffff99 40%);
}

/*==================================================================
post-xx の指定固定ページ記事タイトル非表示
====================================================================*/
#post-19154
.entry-title {
  display:none;
}

/*==================================================================
ヘッダー画像の余白埋める
====================================================================*/
#custom_header2{
 margin-bottom:1em;
}
@media only screen and (min-width: 1100px) {
 #custom_header2{
 top: -1em;
 position: relative;
 }
}
/*==================================================================
TOP最新記事上余白消す
====================================================================*/
.home #content {
  margin-top: 0;
}

/*==================================================================
Stickyカスタマイズ
====================================================================*/
.sticky-itslink {
      border: 1px solid #eee;
      padding: 20px;
      background-color: #FFFFF0;
      line-height: normal;
      margin: 0 0 1.9285714285714286em;
 }
 
.sticky-itslink a:hover {
      text-decoration: none;
      border: none;
 }

/*==================================================================
合わせて読みたい
====================================================================*/
.label-box {
    position: relative;
    margin: 60px 10px 15px;
    padding: 1em;
    border: solid 3px #ded647;
}
.label-box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 3px 9px;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ded647;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
.label-box p {
    margin-bottom: 0.8em;
}

.label-box p:last-child {
	margin-bottom:0;
}

/*==================================================================
合わせて読みたい2
====================================================================*/
.yellow-box {
    background: #fff8d4;
    border: 2px solid #ded647;
    border-radius: 0.2em;
    padding: 0 4% 1em;
/*    padding: 1em 4%;*/
    margin: 2em 0 2em;
    color: #636546;
}

.yellow-box span {
    background: #ded647;
    position: relative;
    top: -0.85em;
    padding: 0.1em 0.7em;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.2em;
    display: inline-block;
    vertical-align: bottom;
}

.yellow-box p {
    line-height: 1.4;
    margin-bottom: 1em;
}

.yellow-box p:last-child {
    margin-bottom: 0;
}

.yellow-box a {
/*    text-decoration: none;*/
    font-weight: bold;
}

.yellow-box ul,
.yellow-box li:first-child {
  margin-top: 0;
}

.yellow-box ul,
.yellow-box li:last-child {
  margin-bottom: 0;
}

/*==================================================================
ストーク版イエローボックス
====================================================================*/
.yellow-border {
	background: #fff8d4;
	border: 2px solid #ded647;
	color: #636546;
    padding: 1em 4%;
    margin: 2em 0 2em;
    border-radius: 0.2em;
}

.yellow-border p {
    line-height: 1.4;
    margin-bottom: 0.8em;
}

.yellow-border p:last-child {
    margin-bottom: 0;
}

.yellow-border a {
/*    text-decoration: none;*/
    font-weight: bold;
}

.yellow-border ul,
.yellow-border li:first-child {
  margin-top: 0;
}

.yellow-border ul,
.yellow-border li:last-child {
  margin-bottom: 0;
}

/*==================================================================
ストーク版イエローボックス_liタグ中の点を黄色
====================================================================*/
.yb ul li::before {
	background: #948f2f!important;
}

/*==================================================================
グレー枠線幅いっぱい
====================================================================*/
.white-border {
   border: #9a9e9c 2px solid;
   padding: 1.5em;
   border-radius: 0.2em;
   margin: 20px 0;
   font-size: 0.94em;
}

.white-border p{
	margin-bottom:.8em;
}

.white-border p:last-child{
	margin-bottom:0;
}

@media screen and (max-width:767px) {
.white-border {
   padding: 5px 20px;
}
}

/*==================================================================
グレー枠線幅いっぱい_2021.08.18追記
====================================================================*/
.post_content ol.white-border, .post_content ul.white-border {
	padding-left: 2.5em;
}

/*==================================================================
薄い青線枠
====================================================================*/
.blue-border {
   border: #b9e4f1 2px solid;
   padding: 20px;
   border-radius: 0.2em;
   margin: 20px;
}

.blue-border p{
	margin-bottom:.8em;
}

.blue-border p:last-child{
	margin-bottom:0;
}

/*==================================================================
背景黄色のアフィリエイト用
====================================================================*/
.yellow-point {
   border: #d7a7b1 2px solid;
   padding: 1.5em;
   border-radius: 0.2em;
   margin: 20px 0;
   background: #fffff0;
   font-size: 0.94em;
}

.yellow-point p{
	margin-bottom:.8em;
}

.yellow-point p:last-child{
	margin-bottom:0;
}

.yellow-point li a {
/*    text-decoration: none;*/
}

/*==================================================================
背景黄色のアフィリエイト用内のliタグbefore
====================================================================*/
.yellow-point li::before {
	background: #af4f62!important;
}

/*==================================================================
背景黄色のアフィリエイト用_2021.07.20追記
====================================================================*/
.post_content ol.yellow-point, .post_content ul.yellow-point {
	padding-left: 2.5em;
}

/*==================================================================
<i>タグの右に余白
====================================================================*/
span i {
	padding-right: 5px;
}

/*==================================================================
clearfix
====================================================================*/
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

/*==================================================================
店舗一覧に戻るリンク
====================================================================*/
.link-back {
    text-align: right;
    margin: 0 1em 3em 0;
    font-weight: bold;
}

.link-back a {
    display:inline-block;
    width: 180px;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
    border: solid 2px #525252;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-back a:hover {
    background: #e2dbd0;
}

/*ここから生野コリアタウンリンク用*/
.link-back02 {
    text-align: center;
    margin-bottom: 3em;
    font-weight: bold;
}

.link-back02 a {
    display:inline-block;
    width: 300px;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
    border: solid 2px #525252;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-back02 a:hover {
    background: #e2dbd0;
}

/*==================================================================
リンクボタン
====================================================================*/
.link-button {
    font-weight: bold;
}

.link-button a {
    display:inline-block;
    width: 100%;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
    border: solid 2px #525252;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-button a:hover {
    background: #e2dbd0;
}

/*==================================================================
リンクボタン　LINE用
====================================================================*/
@media only screen and (min-width: 481px) {
.link-line {
    font-weight: bold;
    font-size: large;
}

.link-line a {
    display:block;
    width: 60%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    border: solid 2px #04bd41;
    background: -webkit-repeating-linear-gradient(-45deg, #effbf3, #effbf3 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #effbf3, #effbf3 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-line a:hover {
    background: #b3ebc6;
}
}

@media only screen and (max-width: 480px) {
.link-line {
    font-weight: bold;
    font-size: 0.8em;
}

.link-line a {
    display:block;
    width: 60%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    border: solid 2px #04bd41;
    background: -webkit-repeating-linear-gradient(-45deg, #effbf3, #effbf3 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #effbf3, #effbf3 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-line a:hover {
    background: #b3ebc6;
}
}

/*==================================================================
リンクボタン　MFクラウド用
====================================================================*/
@media only screen and (min-width: 481px) {
.link-cloud {
    font-weight: bold;
    font-size: large;
}

.link-cloud a {
    display:block;
    width: 60%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    border: solid 2px #3b8ccc;
    background: -webkit-repeating-linear-gradient(-45deg, #d7e8f4, #d7e8f4 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #d7e8f4, #d7e8f4 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-cloud a:hover {
    background: #75aedb;
}
}

@media only screen and (max-width: 480px) {
.link-cloud {
    font-weight: bold;
    font-size: 0.8em;
}

.link-cloud a {
    display:block;
    width: 60%;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    border: solid 2px #3b8ccc;
    background: -webkit-repeating-linear-gradient(-45deg, #d7e8f4, #d7e8f4 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #d7e8f4, #d7e8f4 3px,#fff 3px, #fff 8px);
    text-decoration: none;
    color: #3e3e3e;
}

.link-cloud a:hover {
    background: #75aedb;
}
}

/*==================================================================
文字センタリング
====================================================================*/
.ac {
    text-align: center;
}

.article-center {
    text-align: center;
}

.article-center02 {
    text-align: center;
	font-weight: bold;
	font-size: 110%;
	margin: 0!important;
}

.article-center03 {
    text-align: center;
	font-weight: bold;
	font-size: 110%;
	padding-top: 25px;
	margin: 0!important;
}

/*==================================================================
トップページh3用中央寄せ＆-margin
====================================================================*/
.page_front {
	text-align: center;
	margin-bottom: -5px;
}

/*==================================================================
トップページh3用中央寄せ＆-margin&プロフィール
====================================================================*/
.page_second {
	text-align: center;
	margin-bottom: -20px;
}

/*==================================================================
記事上にmarginを入れる
====================================================================*/
.mb10 {
    margin-top: 10px;
}

.mb18 {
    margin-top: 1.8em!important;
}

/*==================================================================
記事内サンプル用
====================================================================*/
.sample-a {
    color: #3e3e3e!important;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0.6em 0.8em;
    border-top: solid 2px #fc99ec;
    border-bottom: solid 2px #fc99ec;
    border-radius: 0;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px)!important;
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px)!important;
}

.sample-b,
.sample-b::before,
.sample-b::after {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.sample-b {
    background: url(https://www.love-wife-life.com/wp-content/uploads/2018/05/border.png) repeat-x left center;
    text-align: center;
    display: block;
    margin: 0.2em;
}

.sample-b span {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    font-size: 1.4rem;
    font-weight: bold;
}

.sample-c {
    display: flex;
    background: #f2f2f2;
    padding-top: 10px;
    margin-bottom: 1em;
}

.c-1,
.c-2,
.c-3 {
    width: 242px;
    justify-content: space-between;
    text-align: center;
}

.sample-d {
    color:#e0107f;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0.5em 0.8em;
    margin: 0.5em 0 0.8em;
    border-left: 6px solid #fc99ec;
    border-bottom: 3px double #fc99ec;
}

.sample-e,
.sample-e::before,
.sample-e::after {
  background: none;
  border: none;
  border-radius: 0;
}

.sample-e {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin: 10px;
  font-size: 1.3rem;
  font-weight: bold;
}

.sample-e::before,
.sample-e::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.sample-e::before {
  left: 0;
}

.sample-e::after {
  right: 0;
}

/*==================================================================
要素をクリックで表示非表示
====================================================================*/
.hidden_box {
    margin: 2.8em 0 1.6em;
    padding: 0;
}

.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: -webkit-repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    background: repeating-linear-gradient(-45deg, #fef4fd, #fef4fd 3px,#fff 3px, #fff 8px);
    border: solid 2px #525252;
	cursor :pointer;
    transition: .5s;
}

.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}

.hidden_box label:hover {
    background: #e0107f!important;
	color: #fff!important;
}

.hidden_box input:checked ~ label:before {
     content: '\f00d';
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}

.hidden_box input {
    display: none;
}

.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.hidden_box input:checked ~ .hidden_show {
    padding:0 0 10px;
	margin-top: 40px;
    height: auto;
    opacity: 1;
}

/*==================================================================
アドセンスカスタマイズ_PC用タイトル直下のアドセンス調整
====================================================================*/
.widget_swell_ad_widget {margin-top: 1em; margin-bottom: -1em;}

/*=====================================================================================
ここからカエレバカスタマイズ
=======================================================================================*/
.kaerebalink-box,
.booklink-box,
.tomarebalink-box{
	border: 3px double #ccc;
	padding: 3%;
	margin: 1em 0 2.5em;
	overflow: hidden;
	font-size: small;
}
.kaerebalink-box a,
.booklink-box a,
.tomarebalink-box a{
	text-decoration: none;
	color: initial;
}
.kaerebalink-box a[target="_blank"]::after,
.booklink-box a[target="_blank"]::after,
.tomarebalink-box a[target="_blank"]::after{
	content: none;
}
.kaerebalink-image,
.booklink-image,
.tomarebalink-image{
	max-width: 200px;
	text-align: center;
	margin: 10px auto!important;
	float: none!important;
}
.kaerebalink-name,
.booklink-name,
.tomarebalink-name{
	font-weight: bold;
	font-size: 120%;
	line-height: 1.8!important;
	margin-bottom: 10px!important;
}
.kaerebalink-name p:empty,
.booklink-name p:empty,
.tomarebalink-name p:empty{
	display: none;
}
.kaerebalink-powered-date,
.booklink-powered-date,
.tomarebalink-powered-date,
.kaerebalink-detail,
.booklink-detail,
.tomarebalink-address{
	font-size: 10px!important;
	font-weight: normal;
}
.kaerebalink-link1,
.booklink-link2,
.tomarebalink-link1{
	overflow: hidden;
}
.kaerebalink-link1 div,
.booklink-link2 div,
.tomarebalink-link1 div{
	background-image: none!important;
	margin: 0!important;
	padding: 3px!important;
	display: inline-block!important;
	width: 48.5%;
}
.kaerebalink-link1 div a,
.booklink-link2 div a,
.tomarebalink-link1 div a{
	border-width: 2px;
	border-style: solid;
	font-size: 90%;
	font-weight: bold;
	border-radius: 5px;
	padding: 0.7em 0.3em;
	width: 100%;
	text-align: center;
	display: block;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover,
.tomarebalink-link1 div a:hover{
	color: #fff;
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
	transform:translate(-1px, -2px);
}
.kaerebalink-link1 div a:active,
.booklink-link2 div a:active,
.tomarebalink-link1 div a:active{
	transform:translate(0, 1px);
}
.kaerebalink-link1 div img,
.booklink-link2 div img,
.tomarebalink-link1 div img{
	display: none;
}

/*==================================================================
画面幅768px以上の場合のstyle
====================================================================*/
@media only screen and (min-width: 768px) {
.kaerebalink-box,
.booklink-box,
.tomarebalink-box{
	border-top: 3px double #ccc;
	border-right: 3px double #ccc;
	border-bottom: 3px double #ccc;
	border-left: 5px solid #e0107f;
}

.kaerebalink-image,
.booklink-image,
.tomarebalink-image{
	max-width: 140px;
	float: left!important;
	margin: 0 1.5em 0.5em 0!important;
}
.kaerebalink-link1 div,
.booklink-link2 div,
.tomarebalink-link1 div{
	width: 13em;
}
.tomarebalink-link1 div.shoplinkrakuten,
.tomarebalink-link1 div.shoplinkjalan,
.tomarebalink-link1 div.shoplinkjtb,
.tomarebalink-link1 div.shoplinkrurubu,
.tomarebalink-link1 div.shoplinkyahoo  {
	width: 11em;
}
}

/* ▼ボタンカラーここから▼ */
.shoplinkamazon a{
	color: #e89713;
}
.shoplinkrakuten a{
	color: #d91414;
}
.shoplinkkindle a{
	color: #0000FF;
}
.shoplinkyahoo a{
	color: #691ed5;
}
.shoplinkjalan a{
	color: #ed5016;
}
.shoplinkjtb a{
	color: #565656;
}
.shoplinkknt a{
	color: #0f75c2;
}
.shoplinkikyu a{
	color: #18b412;
}
.shoplinkrurubu a{
	color: #0f32a3;
}
.shoplinkamazon a:hover{
	background-color: #e89713;
	border-color: #e89713;
}
.shoplinkrakuten a:hover{
	background-color: #d91414;
	border-color: #d91414;
}
.shoplinkkindle a:hover{
	background-color: #0000FF;
	border-color: #0000FF;
}
.shoplinkyahoo a:hover{
	background-color: #691ed5;
	border-color: #691ed5;
}
.shoplinkjalan a:hover{
	background-color: #ed5016;
	border-color: #ed5016;
}
.shoplinkjtb a:hover{
	background-color: #565656;
	border-color: #565656;
}
.shoplinkknt a:hover{
	background-color: #0f75c2;
	border-color: #0f75c2;
}
.shoplinkikyu a:hover{
	background-color: #18b412;
	border-color: #18b412;
}
.shoplinkrurubu a:hover{
	background-color: #0f32a3;
	border-color: #0f32a3;
}
/* ▲ボタンカラーここまで▲ */


/*==================================================================
ポチレバ
====================================================================*/
.pochireba {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 3px 1px #ddd;
    padding: 20px 20px 1px!important;
    overflow: hidden; /* float解除用 */
    margin-bottom: 20px;
    background-color: #FFFFF0;
}

.pochireba p {
    margin: 0;
}

.pochi_name {
    font-size: medium;
}

.pochi_seller {
    display: inline-block;
    margin-left: 15px;
}

/*=====================================================================================
ここからRinkerカスタマイズ
=======================================================================================*/
/* --------- 外枠 --------- */
div.yyi-rinker-contents {
    border: 3px double #ccc;
}

/* --- 商品リンク タイトル --- */
div.yyi-rinker-contents div.yyi-rinker-title a {
    color: #3b94b5; /* 文字色 */
    font-weight: bold;
}

div.yyi-rinker-contents div.yyi-rinker-title a:hover {
	color: #e0107f;
}

/* ------- クレジット ------- */
div.yyi-rinker-contents div.yyi-rinker-detail {
    padding-left: 8px;/*クレジットを左合わせ*/
}

div.yyi-rinker-contents div.yyi-rinker-detail .credit {
    margin-bottom: 10px; /* 下スペース */
    color: #aaa; /* 文字色 */
}

/* ------- 商品価格 ------- */
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
    color: #aaa; /* 文字色 */
}


/* --------- ボタン基本スタイル --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li {
    border-radius: 5px; /* ボタン外枠 角の丸み */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
    text-align: center;
    min-width: 130px; /* ボタンの最小幅 */
    font-size: 0.9em;
}

/* --------- ボタン色 --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { /* Amazon */
    background: #fff; /* 背景色 */
    border: 2px solid #e89713; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { /* 楽天 */
    background: #fff; /* 背景色 */
    border: 2px solid #d91414; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
    background: #fff; /* 背景色 */
    border: 2px solid #691ed5; /* 外枠 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a{ /* Amazon */
    color: #e89713; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a{ /* 楽天 */
    color: #d91414; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a{ /* Yahoo */
    color: #691ed5; /* 文字色 */
}

/* --- マウスオーバー時のボタン色 --- */
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
    opacity: 1;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover li { /* Amazon */
    background: #e89713; /* 背景色 */
    border-color: #e89713;
    color: #fff; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover { /* 楽天 */
    background: #d91414; /* 背景色 */
    border-color: #d91414;
    color: #fff; /* 文字色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover { /* Yahoo */
    background: #691ed5; /* 背景色 */
    border-color: #691ed5;
    color: #fff; /* 文字色 */
}

/* --------- 外部リンク マーク削除 --------- */
div.yyi-rinker-contents a[target="_blank"]::after {
	content: none;
    margin: 0;
}


@media only screen and (min-width: 769px) {
/* --------- 外枠 --------- */
div.yyi-rinker-contents {
	border: 3px double #ccc;
	border-top: 3px double #ccc;
	border-right: 3px double #ccc;
	border-bottom: 3px double #ccc;
	border-left: 5px solid #e0107f;
}

/* --------- ボタンリンクのサイズ微調整 --------- */
div.yyi-rinker-contents ul.yyi-rinker-links {
    font-size: small;
}
}

@media screen and (max-width: 768px) {
div.yyi-rinker-contents div.yyi-rinker-box {
	display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
	width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
	text-align: center;
	width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
	justify-content: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 45%;
	margin: 0.7% 0.7%;
}
}

@media screen and (max-width: 480px) {
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 100%;
	margin: 0.7% 0.7%;
}
/* ------- クレジット ------- */
div.yyi-rinker-contents div.yyi-rinker-detail {
    padding: 0;/*クレジットを左合わせ*/
}

/* --------- ボタン基本スタイル --------- */
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    min-width: 150px;
    padding: 0!important;
}
}

/*==================================================================
tableレビューを見る用
====================================================================*/
.rev {
   font-weight: bold;
   width: 70%;
}

.rev i {
   padding-right: 5px;
}

.rev a {
   text-decoration: none;
}

.rev:hover {
   background: #e0107f;
   color :#fff;
}

.rev:hover a {
   background: #e0107f;
   color :#fff;
   text-decoration: underline;
}

.rev a:hover {
   color :#fff;
}

/*==================================================================
店舗用table CSS
====================================================================*/
.wiz-left {
	width: 30%;
	font-weight: bold;
	background: #fffff0!important;
	text-align: center;
}

.wiz-right {
	width: 70%;
}

/*==================================================================
table背景黄色
====================================================================*/
.t-yellow {
	font-weight: bold;
	background: #fffff0!important;
	text-align: center;
}

.txt-r {
 	text-align: right;
    background: none!important;
}

/*==================================================================
2018.09.22---文字中央寄せ・フォントサイズ18px
====================================================================*/
.ft-18 {
text-align: center;
font-size: 18px;
font-weight: bold;
}

/*==================================================================
紹介用before
====================================================================*/
.under,
.under02 {
    margin: 0!important;
}
.under::before {
	content:"▼";
}

.under img,
.under02 img {
    margin-bottom: 0.3em;
}

/*==================================================================
更新日before
====================================================================*/
.byline .date.undo:before {
	content: "\f021";
}

/*==================================================================
2019.02.21 下線破線
====================================================================*/
p.u-border {
    border-bottom: 2px dotted #fc99ec;
    padding-bottom: 5px;
    margin: 0 0 0.5em;
    font-weight: bold;
    font-size: 1.1em;
}

@media only screen and (max-width: 767px) {
p.u-border {
    padding-bottom: 5px;
    margin: 0 0 0.3em;
    font-size: 1em;
}
}


/*==================================================================
2019.02.26 2行目以降を1文字下げる
====================================================================*/
p.indent1 {
padding-left: 1em;
text-indent: -1em;
}

/*==================================================================
2019.04.30 四角枠二重線
====================================================================*/
.double-border {
	padding: 20px 15px;
	border: double 6px #00bfff;
	background: #F2FBFF;
	color: #004259;
	margin-bottom: 1em;
}

ul.double-border li a,
ol.double-border li a {
	color: #e0107f;
}

ul.double-border li a:hover,
ol.double-border li a:hover {
	color: #f29fcb;
}

ul.double-border li:before,
ol.double-border li:before {
	background: #004259!important;
}

.double-border p {
    margin-bottom: 0.8em;
}

.double-border p:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
.double-border {
	padding: 15px;
}
}

/*==================================================================
2021.07.19 四角青枠二重線追記
====================================================================*/
.post_content ol.double-border, .post_content ul.double-border {
	padding-left: 2.5em;
}


/*=====================================================================================
2019.05.22 PC表示・スマホ表示のみ
=======================================================================================*/
.is_pc {
		display :inline-block;
}

@media only screen and (max-width: 767px) {
	.is_pc {
		display :none;
}
}

.is_sp {
	display :none;
}

@media only screen and (max-width: 767px) {
	.is_sp {
		display :inline-block;
}
}

.is-pc2 { display: block;}
.is-sp2 { display: none;}

@media screen and (min-width:480px) and (max-width:780px){
.is-pc2 { display: none;}
.is-sp2 { display: none;}
}

@media screen and (max-width:480px) {
.is-pc2 { display: none;}
.is-sp2 { display: block;}
}

/*=====================================================================================
2019.08.24 フォントをさわらびフォントに
=======================================================================================*/
body {
	font-family: 'Sawarabi Gothic', Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.single-title,
.page-title,
.entry-title {
	letter-spacing: 0.01em;
}

.entry-content h2 { 
	letter-spacing: 0.02em
}
.entry-content h3{
letter-spacing: 0.06em;
}
.entry-content h4{
letter-spacing: 0.03em
}

/*=====================================================================================
どこにあたってるか分からないので残す
=======================================================================================*/

/* テーブル用ワイド */
table{
	width:100%;
}

ul#npcatch li:before {
	width: 0;
    height: 0;
}

ul#npcatch li img {
    display: inline-block;
    margin: 0;
    float:left;
    padding:5px 10px 5px 0;
}
/*
ul#npcatch li{
    overflow:hidden;
    clear:both;
    vertical-align:top;
}*/

#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
}
#npcatch img{
         float:left;
         padding:5px 10px 5px 0;
}
#npcatch .title a{
         font-weight: bold;
         text-decoration: none;
}
#npcatch .date {
         font-size: small;
         font-weight: normal;
         display:block;
         color: #adb5bf;
         margin-bottom: 5px;
}

/*=====================================================================================
サイドバーの幅等
=======================================================================================*/

@media only screen and (min-width: 768px) {
.-frame-on-sidebar #sidebar {
    width: 330px!important;
}
}

.center {
	text-align: center;
}

/*=====================================================================================
フッターの調整
=======================================================================================*/

#categories-5 label {
	display: none;	
}
#categories-5 form {
	margin-top: 2em;
}