@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

figcaption.wp-element-caption {
    display: none !important;
}

.sample {
	position:relative;
	width:100%;
	height:0;
	padding-top:75%;
}

.sample iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.img-flex {
	display: flex;
	flex-wrap:wrap;
	justify-content: start;
}

.img-cont {
	padding: 5px;
	width: 110px;
}

.detail-table th {
	width:40%;
}

.detail-table td {
	width:60%;
}

@media screen and (max-width: 768px) {
	
	.detail-table {
		width: 100%;
	}
	
	.detail-table th,
	.detail-table td {
		display: block;
		width: 100%;
	}
	
	.detail-table th {
		border-bottom: none;
	}
	
}

.img-flex {
	display: flex;
	flex-wrap:wrap;
	justify-content: start;
}

.img-cont {
	padding: 5px;
	width: 110px;
}








pre[class*="language-"] code span {
    word-wrap: normal;
}

.pr-label-l {
    border: 1px solid #ccc;
}
	
.usui {
	font-size: 75%;
	border: 3px solid #f3f3f3;
    padding: 5px;
    border-radius: 3px;
}

.scrollp {
	font-weight:bold;
	text-align:center;
}

.blogcard {
    margin-top: 20px !important;
}







.article h4 {
    font-size: 16px;

    margin: 40px 0px;
}

.haikei {
    background: #fff8e8;
    padding: 15px;
}

.small {
	font-size:90%;
}

.no-margin{
	margin-bottom: 0 !important;
    text-align: center;
}

.widget-single-content-bottom-title.main-widget-label {
    display: none;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.bnpc { 
	display: block !important;
	text-align:center;
}
.bnsp { 
	display: none !important; 
	text-align:center;
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .bnpc {
		display: none !important;
		text-align:center;
	}
    .bnsp {
		display: block !important; 
		text-align:center;
	}
}

.article h2 {
 line-height: 1.75;
}

.toggle-content {
    background: #f5f6f7;
}

.hh2 {
    font-size: 1.3em;
    background-color:#1f5e73;
    color: #fff;
	padding:25px;
	font-weight: bold;
	margin-top: 2.13em;
margin-bottom: 1.44em;
}





.textwidget.custom-html-widget {
	padding-top: 0px;
}

i.fas.fa-angle-double-right {
    font-size: 1.2em;
    color: red;
}

.entry-content {
	margin-bottom:30px !important;
}



.banner-space {
	margin-top:-5px;
}


.tagline {
    margin: 0.6em 0 1.6em;
}

.logo-text {
    padding: 20px 0 10px;
}

.entry-content {
    margin-bottom: 0;
}


.article h3 {
    border: none;
}


.entry-content h3{
  font-size: 1.3em;
   border-left:5px solid #e85186;
padding:3px 0 3px 20px;
line-height:2;

margin: 40px 0;
}




.related-title {
  font-size: 22px;
  font-weight: bold;
}



/*ブログカードタイトルと文字*/
.blogcard-title {
    font-weight: bold;
    font-size: 1.1em;
}

.blogcard-snippet {
    font-size: .9em;
    margin-top: 5px;
}

.article h2 {
  font-size: 1.3em;
    background-color: #1f5e73;
    color: #fff;

}

.block {
  font-size: 18px; /* 文字サイズ */
  background: #fdc44f; /* 背景色 */
  text-align: center; /* 文字配置 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字太さ */
  letter-spacing: 0.05em; /* 文字間隔 */
  border-radius:4px 4px 0 0; /* 角丸 */
  line-height:1.5; /* 行間 */
  padding:1em 2em; /* 余白 */
}

.article h3 {
  font-size: 1.3em;
    border-left: 7px solid #1f5e73;
}

.article h4 {
  font-size: 1.3em;
    border: none;
    padding: 0;
}

.entry-content h4 {
  border-bottom: 2px dotted #c7c7c7;
}

.sidebar h3 {
    background-color: #1f5e73;
	color:#fff;
}

.toc {
	font-size: 1em;
}



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

.img-inline > img {
       display: inline !important;
}



.mid-ad {
	text-align:center;
	margin-bottom:20px;
}


/*今だけコード*/
.imadake {
    display: inline-block;
    position: relative;
    padding: 0 25px;
    color: #7a8285;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
	text-align:center;
}


.imadake:before, .imadake:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background-color: #7a8285;
    content: "";
}

.imadake:after {
    right: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.imadake:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background-color: #7a8285;
    content: "";
}

.imadake:before {
    left: 0;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}
.center {
	text-align:center;
}

.blogcard-wrap {
  width: 98%;
}

.blogcard {
  border: 2px solid #CCC;
	margin-top:40px;
}


div#appreach-box {
    border: 2px solid #ccc;
    border-radius: 5px;
}







.report {
    font-size: 1.3em !important;
    margin: 40px 0 40px 0 !important;
    padding: 1em 1.1em !important;
    background: #1f5e73;
    line-height: 1.6 !important;
    color: #fff !important;
}




.link-list li {
  list-style: none;
  margin: 8px 0px 8px 0px;
}

ul.link-list {
	padding-left:0 !important;
}

.entry-categories a {
    background: #47bea0;
    color: #fff !important;
    font-size: 13px;
}

.navi-in{
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	
}

.linl-responsive {
	max-width:95%;
	margin-left: auto;
    margin-right: auto;
}




/************************************
** ■リンクテキスト カスタマイズ
************************************/
/* リンクの色#d64e80 #0044cc*/

.entry-content a {
	font-weight:bold;
}

.entry-footer a {
    font-weight: bold;
}

.entry-content a:hover{color:#7a8285 !important;}

a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}
.share-button{ /*シェアボタン装飾無し*/
  text-decoration: none!important;
}
.follow-button{ /*フォローボタン装飾無し*/
  text-decoration: none!important;
}
.cat-link{ /*カテゴリーラベル装飾無し*/
  text-decoration: none!important;
}
.tag-link{ /*タグラベル装飾無し*/
  text-decoration: none!important;
}




.wrap {
    background: #fff;
}


/* グレーBOX */

.graybox {
    padding: 20px 20px 0 20px;
    border: solid 1px #ccc;
    background-color: #f3f3f3;
    margin-bottom: 20px;
	text-align: left;
}

.orangebox {
    padding: 20px 20px 1px 20px;
    background-color: #fff2ce;
    margin-bottom: 20px;
	text-align: left;
}


/* アドセンスの背景色を白にする */
mark, ins {
 background: #fff;
 text-decoration: none;
 }


.kanren {
    background-color:#ff4500;
    color: #fff;
	font-size: 12px;
    margin-right: 10px;
    padding: 5px;
    border: 0 solid;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.blue-box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.blue-box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color:#95ccff;
    font-weight: bold;
}


.blue-box ul {
    margin: 0;
}



.st-star {
    color: #ffb400;
}

.fa-star {
 color: #FFB400;
}


.appreach {
  margin-bottom:20px;     /* 下に余白 */
  border: 1px solid #ddd !important; /* 枠線の太さと色 */
}

.font-red {
    font-weight: bold;
    font-size: 101%;
	color:#ef1970
}


.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
	margin-bottom:20px;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !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;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}

.rank1, .rank2, .rank3, .rank4, .rank5,.rank6,.rank7 {
    font-size:18px !important;
    margin: 0;
    padding: 14px 14px 8px 80px !important;
    border-left: none !important;
    border-bottom: 2px dotted #e89fba !important;
}
.rank1 {
    background-image: url(https://sigezo.xsrv.jp/wp-content/uploads/2024/02/rank1.jpg);
    background-repeat: no-repeat;
    background-position:  0 -10px;
}

.rank2 {
    background-image: url(https://sigezo.xsrv.jp/wp-content/uploads/2024/02/rank2.jpg);
    background-repeat: no-repeat;
    background-position:  0 -10px;
}

.rank3 {
    background-image: url(https://sigezo.xsrv.jp/wp-content/uploads/2024/02/rank3.jpg);
    background-repeat: no-repeat;
    background-position:  0 -10px;
}


/* クイックタグ */

.memo {
    margin: 30px 0 30px;
    padding: 20px;
    border: 1px dashed #d64e80;
}    

.memo p {
    padding: 5px;
    margin: 0;
}

.memo-moji {
  font-size:18px;
  color:#d64e80;
  font-weight:bold;
}



.check {
  color: #ff0505;
  font-size: 10px;
  text-decoration: underline;
  background-color: #ffcbcb;
  font-weight: bold;
}




.font-red {
  font-weight:bold;
  font-size:101%;
  color: #EF1970;
}

.entry-content blockquote, .comment-content blockquote {
  font-style: normal;
}

.kousin, .kanren-title{
  background: #1f5e73;
  padding: 1em;
  line-height: 1.75;
  color: #fff;
  font-size:16px;
  margin: 40px 0;
}

.ad-bottom {
  margin-bottom:10px;
}


.ad-bottom-main {
  margin-top:30px;
  margin-bottom:30px;
}


  

.redtxt {
  font-size: 14px;
  text-decoration: underline;
  color: #ff0505;
  background-color: #ffcbcb;
  font-weight: bold;
  padding: 0 1px;
}


.back-to-top {
  text-align: center;
  display:block;
  margin:30px 0;
}


.share {
    margin-top: 30px;
}

p.ad-label {
    margin-bottom: 5px;
}

.side-ad {
  text-align:center;
  padding:5px;
}

img { 
    max-width: 100%;
}











/* 赤ボタン単一 #4072b3 #eb6100 #C81C1C*/

.red-btn {
font-size:17px;
display: block;
width:80%;
margin : 40px auto 40px auto;
}

.red-btn a {
	display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    font-weight: bold ;
color:#fff !important;
    border-radius: 5px;
background:#4072b3;
    padding: 14px 30px 14px 16px;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.red-btn a:hover {
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/

	box-shadow:none;
}

.red-btn a::after {
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -10px;
 font-family: "Font Awesome 5 Free";
    line-height: 20px;
    content: "\f138";

}

.red-btn {
  overflow: hidden;
  position: relative;
}
 

 

 

.futoji {font-weight:bold;}

.marker,.marker_blue {
  background: linear-gradient(transparent 80%, #66ccff 0%);
  font-weight:bold;
  background: linear-gradient(transparent 40%, #CAE9F6 40%);
  background: linear-gradient(transparent 40%, #ffffa8 40%);		
  padding-bottom: .2em;
}





.blue-btn {
    display: block;
    width: 85%;
    margin : 25px auto 25px auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	border-radius: 1vh;
}

.blue-btn a {
font-size:16px !important;
	display: block;

    z-index: 2;
    overflow: hidden;
    font-weight: bold ;
color:#151513 !important;
    border-radius: 5px;
background:#f0c250;
    padding: 14px 40px 14px 16px;
    text-align: center;
text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}


.blue-btn a:hover {

    border-bottom: none;/*線を消す*/
	box-shadow:none;
}

.blue-btn a::after {
    position: absolute;
	top: 50%;
    right: 14px;
    margin-top: -10px;
 font-family: "Font Awesome 5 Free";
    line-height: 20px;
    content: "\f138";

}


 
.blue-btn {
  overflow: hidden;
  position: relative;
}
 

 
.blue-btn::before{
  content: '';
  background-color: #fff;
  position: absolute;
  top: -180px;
  left: 0;
  opacity: 0;
  transform: rotate(45deg);
  width: 25px;
  height: 100%;
}
 



.rakuten-btn {
    display: block;
    width: 85%;
    margin : 30px auto 30px auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);  
	border-radius: 1vh;
}

.rakuten-btn a {
font-size:16px !important;
	display: block;

    z-index: 2;
    overflow: hidden;
    font-weight: bold ;
color:#fff !important;
    border-radius: 5px;
background:#bf0000;
    padding: 14px 40px 14px 16px;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}


.rakuten-btn a:hover {

    border-bottom: none;/*線を消す*/
	box-shadow:none;
}

.rakuten-btn a::after {
    position: absolute;
	top: 50%;
    right: 14px;
    margin-top: -10px;
 font-family: "Font Awesome 5 Free";
    line-height: 20px;
    content: "\f138";

}


 
.rakuten-btn {
  overflow: hidden;
  position: relative;
}
 
.rakuten-btn::before{
  content: '';
  background-color: #fff;
  animation: kira 3s ease-in-out infinite;
  position: absolute;
  top: -180px;
  left: 0;
  opacity: 0;
  transform: rotate(45deg);
  width: 25px;
  height: 100%;
}
 
.rakuten-btn {
  animation: pouding2 0.3s alternate infinite;
}



/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/

.cstmreba {
	width: 98%;
	height:auto;
	margin:36px 0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
	box-sizing: border-box;
	display: block;
}
/* WordPressで自動挿入されるPタグの余白を対処 */
.cstmreba p {
	margin: 0;
	padding: 0;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fff;  /* 全体の背景カラー */
	overflow: hidden;
	border: 1px solid #ddd; /* 外枠 */
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
}
.booklink-image a,
.kaerebalink-image a,
.tomarebalink-image a {
	width:100%;
	display:block;
}
/* サムネイル画像 */
.booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img {
	margin:0 auto;
	padding: 0;
	text-align:center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px dotted ;
	font-size:16px;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.booklink-powered-date a,
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	border-bottom: 1px dotted ;
	color: #333;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover,
.tomarebalink-powered-date a:hover {
	color:#333;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 img, .booklink-link2 img, .tomarebalink-link1 img {
	display:none !important;
}
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	float:left;
	width:31%;
	min-width:125px;
	margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a, 
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	font-size: 13.5px;
	font-weight: bold;
	line-height: 180%;
	padding:3% 1%;
	margin: 1px 0;
	border-radius: 4px;
	box-shadow: 0 2px 0 #ccc;
	background: -moz-linear-gradient(top,#fafafa,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
	text-decoration: underline;
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.kaerebalink-link1 .shoplinkwowma a { color:#ea5404; } /* Wowma */ 
.kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.booklink-link2  .shoplinkbk1 a { color:#0085cd; } /* honto */
.booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.booklink-link2 .shoplinkebj a { color:#f8485e; } /* ebookjapan */
.booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a, 
.booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a , 
.booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a, 
.booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.booklink-footer {
	clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:100%;
	float:none;
}
.booklink-link2>div, 
.kaerebalink-link1>div, 
.tomarebalink-link1>div {
	width: 49%;
	margin: 0.5%;
}
.booklink-info,
.kaerebalink-info,
.tomarebalink-info {
	text-align:center;
	padding-bottom: 1px;
}

.kaerebalink-link1>div, .tomarebalink-link1>div {
    float: none;
    width: 90% !important;
    margin: 5px auto !important;
}


.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
    color: #c20004;
}
	
	
}

.cstmreba .booklink-box, .cstmreba .kaerebalink-box, .cstmreba .tomarebalink-box {
	width: 100%;
	background-color: #fff;  /* 全体の背景カラー */
	overflow: hidden;
	border: 1px solid #ddd;  /* 外枠 */
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
}

.center {
	margin:5px 0;
}


@media screen and (min-width: 600px) {
	


.eye-catch {
    margin-left: auto;
    margin-right: auto;
}
	
	
	/*---------------------------------
カテゴリの行間を狭くする
--------------------------------*/
.widget_categories ul li a{
	padding:2px 0;
}
	
.right-btn {
  width:48% !important;
  margin-left:10px;
}

.left-btn {
  width:48% !important;
  float:left;
  margin-right: 10px;
  margin-left:0;
}
.article h3 {
    padding: 20px 20px;
}
	
	
}







@media screen and (max-width:599px){

/*今だけコード*/
.imadake {
    font-size: 17px;
}

	
	
.mid-ad {text-align:center !important;}

.ad-bottom {
	text-align:center;
  margin-bottom:30px;
}
}












/* 横並び広告全体部分 */
.box {
  margin-top:20px;  /* 上に余白（ラベルとの距離） */
  margin-bottom:20px;  /* 下に余白（下のコンテンツとの距離） */
	text-align:center;
}

@media screen and (min-width:980px){


}

/* 左ボタン（横並び） */
.left-btn {
	width: 100%;  /*ボタンの横幅 */
	text-align: center;  /*ボタン内の文字中央寄せ */
	border-radius: 5px;  /*ボタンの角を少し丸く */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;  /*ボタン内文字は太字 */
}

.left-btn a {
	display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color: #1bb4d3;
    color: #ffffff !important;
    padding: 12px 35px 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.left-btn a:hover {
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	box-shadow:none;
}

/* 右ボタン（横並び） */
.right-btn {
	text-align:center;
    width: 100%;
    float:left;
    color:#fff;
	font-weight:bold;
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.right-btn a {
	display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
	background-color: #C81C1C;
	color: #ffffff !important;
    padding: 12px 35px 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.right-btn a:hover {
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
	box-shadow:none;
}

.right-btn a::after {
    position: absolute;
	top: 50%;
    right: 14px;
    margin-top: -10px;
 font-family: "Font Awesome 5 Free";
    line-height: 20px;
    content: "\f138";

}
.left-btn a::after {
    position: absolute;
	top: 50%;
    right: 14px;
    margin-top: -10px;
 font-family: "Font Awesome 5 Free";
    line-height: 20px;
    content: "\f138";

}



.box-main {
	text-align:center;
    font-size:15px;
	margin-bottom: 3em;
    margin-top: 3em;
}

.box-main:after {
	content:"";
    display:block;
    clear:both;
}


/* 左ボタン（横並び） */
.left-btn {
	width: 100%;  /*ボタンの横幅 */
	text-align: center;  /*ボタン内の文字中央寄せ */
	border-radius: 5px;  /*ボタンの角を少し丸く */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;  /*ボタン内文字は太字 */
}

.left-btn a {
	display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
    background-color: #1bb4d3;
    color: #ffffff !important;
    padding: 12px 35px 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.left-btn a:hover {
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	box-shadow:none;
}

/* 右ボタン（横並び） */
.right-btn {
	text-align:center;
    width: 100%;
    float:left;
    color:#fff;
	font-weight:bold;
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.right-btn a {
	display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    box-shadow:2px 2px 2px #555;  
    border-radius: 5px;
	background-color: #C81C1C;
	color: #ffffff !important;
    padding: 12px 35px 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.right-btn a:hover {
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
	box-shadow:none;
}

.box-main {
	text-align:center;
    font-size:15px;
	    margin-bottom: 1em;
}

.box-main:after {
	content:"";
    display:block;
    clear:both;
}

/* 画像に枠 */

.alignnone {
    border: 2px solid #ccc;
    border-radius: 5px;
}


.main-box:after {
  content:"";
  display:block;
  clear:both;
} 

.left-box {
 margin-right:10px;
 width:100%;
}


@media screen and (min-width: 768px){

/* 広告左 */
.ad-left{
     float:left;  /* 広告を左寄せ */
     margin-right:2%;  /* 右に余白（２つの広告の間の余白） */
     max-width:47%;
}
  
/* 広告右 */
.ad-right{
     float:left;  /* これも広告の左寄せ */
     max-width:47%;
}
 
/* 最後に左寄せを解除するための記述 */
.box:after {
  content:"";
  display:block;
  clear:both;
}
	
	
	
	
div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
    font-size: 13px !important;
}

}

.blogcard {
	padding: 1rem;
	color: #666;
	position: relative;
	border-color: #68d6cb !important; /* 枠線の色を変更 */
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.1);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
}

.blogcard-title{
	margin-bottom: .5rem;
}

.blogcard-snipet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}



.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

.blogcard::before{
	content: 'あわせて読みたい'; /* タイトルの文言 */
	position: absolute;
	top: -.8rem;
	left: auto;
	font-size: 50%;
	background-color: #68d6cb; /* タイトルの背景色 */
	padding: .6em 1em;
	font-weight: bold;
	color: #fff;  /* タイトルの文字色 */
	border-radius: 2px;
}

.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #ffd242; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
/*タブレットやスマホで画像中央に*/
.alignnone {
    display: block;
    margin: 0 auto;
}
}

/*500px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
main.main {
    padding: 0px 16px 32px 16px;
}

.hh2 {
    font-size: 1.2em;
    line-height: 1.5;
}
	
	
#header .site-name-text {
    font-size: 16px;
}
	
.article ul {
    padding-left: 15px;
}
	
.article h2 {
 font-size: 1.2em;
 line-height: 1.75;
}

.article h3 {
  font-size: 1.2em;
	line-height: 1.5;
}

.article h4 {
  font-size: 1.2em;
	line-height: 1.5;
}
	
.banner-space {
	margin-top:-25px;
}
	
	
.red-btn {
    width: 90%;
}
	
.blue-btn {
    width: 90%;
}
	
.rakuten-btn {
    width: 90%;
}

.mid-ad {
	text-align:center;
}

.right-btn {
    margin-top: 15px;
}
	.blogcard-thumbnail{
		width: 40%;
	}
.blogcard-snippet{
		display: none !important;
	}	

}


/*/////////////////////////////////////////////////
//チャット画面(会話方式)を記事に表示する方法
/////////////////////////////////////////////////*/

.balloon__contener {
  clear: both;
  width: 100%;
  padding: 10px 0;
}

.balloon__contener:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.balloon__contener figure {
  width: 60px;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
}

.balloon__contener figure img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: solid 1px #dddddd;
}

.balloon__contener figure figcaption {
  color: #000000;
  width: 60px;
  position: absolute;
  top: 60px;
  text-align: center;
  font-size: 70%;
  line-height: 100%;
}

.balloon__contener .balloon__left {
  width: 100%;
  position: relative;
  display: block;
  max-width: 100%;
  clear: both;
	margin-bottom:20px;
}

.balloon__contener .balloon__left figure {
  left: 0;
}
/* 以前の色	 #d8f4f8;#f2f2f2; */
.balloon__contener .balloon__left .balloon__text {
  margin-left: 80px;
  position: relative;
  padding: 20px;
  border-radius: 10px;
background-color: #d1f8c2;
  border: 2px solid #9ddd93;

}

.balloon__contener .balloon__left .balloon__text::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -10px;
  top: 12px;
  border-right: 15px solid #d1f8c2;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.balloon__contener .balloon__right {
  width: 100%;
  position: relative;
  display: block;
  float: right;
  max-width: 100%;
  clear: both;
}

.balloon__contener .balloon__right figure {
  right: 0;
}

.balloon__contener .balloon__right .balloon__text {
  margin-right: 80px;
  position: relative;
  padding: 20px;
  border-radius: 10px;
background-color: #d1f8c2;
  border: 2px solid #9ddd93;
}

.balloon__contener .balloon__right .balloon__text::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -10px;
  top: 12px;
  border-left: 15px solid #d1f8c2;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;

}


@media only screen and (max-width: 767px){
  .balloon__contener .balloon__left,
  .balloon__contener .balloon__right {
    max-width: 100%;
  }
}








/* カッテネのCSS */

.kattene {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 10px;
  padding-bottom: 5px;
  margin-bottom: 1em;
  box-sizing: border-box; }

.kattene div{
  margin: 0;
}

.kattene__imgpart {
  text-align: center; }

  .kattene__imgpart img {
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
    margin: 0;}

.kattene__description {
  font-size: 0.8em; }

.kattene .kattene__btns {
  width: 100%;
  margin-top: 0.5em; }

  .kattene__btns:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: "."; }

  .kattene__btns > div {
    float: left;
    margin-bottom: 5px; }

  .kattene__btns .kattene__btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
   }

  .kattene__btns.__three > div {
    width: 32.66667%; }

    .kattene__btns.__three > div:not(:last-child) {
      margin-right: 1%; }

  .kattene__btns.__two > div {
    width: 49.5%; }

    .kattene__btns.__two > div:nth-child(odd) {
      margin-right: 1%; }



	.tbscroll th {
	white-space: nowrap;
}

.tbscroll td {
	white-space: nowrap;
}

.tbscroll {overflow-x: scroll;}

@media screen and (max-width: 900px) {

	
	
	
	
	
	
  .kattene__imgpart {
    padding-bottom: 1em; }
  .kattene .kattene__btns {
    margin-top: 0.5em; }
  .kattene__btns.__five > div {
  width: 49.5%; }
  .kattene__btns.__five > div:nth-child(odd) {
    margin-right: 1%; }
  .kattene__btns.__five > div:last-child {
    margin-right: 0;
    float: right; }

  .kattene__btns.__four > div {
    width: 49.5%; }

    .kattene__btns.__four > div:nth-child(odd) {
      margin-right: 1%; }

  .kattene__btns.__one > div {
    width: 50%;
    margin-left: 25%; } }
@media screen and (min-width: 901px) {

	.scrollp {display:none;}
	
  .kattene {
    display: table;
    width: 100%; }

  .kattene__imgpart {
    display: table-cell;
    width: 20%;
    padding-bottom: 5px;
  }

  .kattene__infopart {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-left: 10px;
    width: 80%; }

  .kattene .kattene__description {
    margin-bottom: 4em;
  }

  .kattene__btns {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-right: 10px; }

  .kattene__btns.__five > div {
    width: 19.2%; }

    .kattene__btns.__five > div:not(:last-child) {
      margin-right: 1%; }

    .kattene__btns.__four > div {
      width: 24.25%; }

      .kattene__btns.__four > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__two > div {
      width: 49.5%; }

      .kattene__btns.__two > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__one > div {
      width: 49.5%;
      float: right; } }

.kattene .kattene__btn {
  appearance: none;
  background-color: #54c0d1;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 0;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

  .kattene__btn:hover, .kattene__btn:focus {
    background-color: #439aa7;
    color: #fff !important; }

  .kattene__btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

    .kattene__btn:disabled:hover {
      background-color: #54c0d1; }

.kattene__btn.__small {
  padding: 0.55em;
  font-size: 0.9em; }

.kattene__btn.__orange {
  background-color: #FF9901;
  -webkit-box-shadow: 0 5px 0 #cc7a01;
  -moz-box-shadow: 0 5px 0 #cc7a01;
  box-shadow: 0 5px 0 #cc7a01;
  -o-box-shadow: 0 5px 0 #cc7a01;
  -ms-box-shadow: 0 5px 0 #cc7a01;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__orange:hover {
    background-color: #cc7a01; }

  .kattene__btn.__orange i {
    font-weight: bold; }

    .kattene__btn.__orange i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__blue {
  background-color: #007dcd;
  -webkit-box-shadow: 0 5px 0 #0064a4;
  -moz-box-shadow: 0 5px 0 #0064a4;
  box-shadow: 0 5px 0 #0064a4;
  -o-box-shadow: 0 5px 0 #0064a4;
  -ms-box-shadow: 0 5px 0 #0064a4;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__blue:hover {
    background-color: #0064a4; }

  .kattene__btn.__blue i {
    font-weight: bold; }

    .kattene__btn.__blue i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__red {
  background-color: #c20004;
  -webkit-box-shadow: 0 5px 0 #9b0003;
  -moz-box-shadow: 0 5px 0 #9b0003;
  box-shadow: 0 5px 0 #9b0003;
  -o-box-shadow: 0 5px 0 #9b0003;
  -ms-box-shadow: 0 5px 0 #9b0003;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__red:hover {
    background-color: #9b0003; }

  .kattene__btn.__red i {
    font-weight: bold; }

    .kattene__btn.__red i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__green {
  background-color: #0BBD80;
  -webkit-box-shadow: 0 5px 0 #099766;
  -moz-box-shadow: 0 5px 0 #099766;
  box-shadow: 0 5px 0 #099766;
  -o-box-shadow: 0 5px 0 #099766;
  -ms-box-shadow: 0 5px 0 #099766;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__green:hover {
    background-color: #099766; }

  .kattene__btn.__green i {
    font-weight: bold; }

    .kattene__btn.__green i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__pink {
  background-color: #e1325b;
  -webkit-box-shadow: 0 5px 0 #b42849;
  -moz-box-shadow: 0 5px 0 #b42849;
  box-shadow: 0 5px 0 #b42849;
  -o-box-shadow: 0 5px 0 #b42849;
  -ms-box-shadow: 0 5px 0 #b42849;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__pink:hover {
    background-color: #b42849; }

  .kattene__btn.__pink i {
    font-weight: bold; }

    .kattene__btn.__pink i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }


.shoplinkamazon2 a {
    color: #fff;
    background: #f6a306 !important;
}

/* コンタクトフォーム */
form div {
	margin-bottom: 14px;
}
label {
	font-size:1.125rem;
	margin-bottom: 10px;
	display:block;
}
input[type="text"],
input[type="email"],
textarea {
	background: rgba(255,255,255,.5);
	border-radius: 5px;
	padding: 10px;
	font-size: 1rem;
}
input[type="text"],
input[type="email"] {
	width: 100%;
	max-width:480px;
}
input[type="submit"] {
	margin: 0 auto;
	border:none;
	cursor: pointer;
	line-height: 1;
}
.contact-button {
	font-size:1.375rem;
	background: #0bd !important;
	color: #fff;
	border-radius: 5px;
	padding: 18px 32px;
}
.contact-button:hover {
	background: #0090aa !important;
}


/************************************
** コンバージョンボックス
************************************/
/* ボックス全体 */
.cvrbox{
  margin: 0 auto 2em; /* 余白 */
  background: #fef9ed; /* 背景色 */
  border-radius:4px; /* 角丸 */
  max-width:600px; /* 横幅 */
  padding: 0; /* 余白 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
}
/* ボックスタイトル */
.cvrbox .box-title {
  font-size: 18px; /* 文字サイズ */
  background: #fdc44f; /* 背景色 */
  text-align: center; /* 文字配置 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字太さ */
  letter-spacing: 0.05em; /* 文字間隔 */
  border-radius:4px 4px 0 0; /* 角丸 */
  line-height:1.5; /* 行間 */
  padding:1em 2em; /* 余白 */
}
/* 段落の余白リセット */
.cvrbox p {
  margin: 0;/* 文字の余白リセット */
  padding: 0; /* 文字の内側余白リセット*/
}
/* ボックス 中 */
.cvrbox .cvrbox-wrap{

	
  padding:1.3em 2em; /* 余白 */
}
/* コンテンツ */
.cvrbox .cvrbox-wrap .box-content{
   width: 97%;/*横幅 */
   margin: 0 3% 0 0 !important;/* 余白 */
   line-height:1.8;/* 行間 */
  -ms-flex-item-align: center;/* 中央寄せ */
   align-self: center;/* 中央寄せ */
}
/* コンテンツ段落 */
.cvrbox .cvrbox-wrap .box-content p{
  margin-bottom:1em;/*余白 */
}
.cvrbox .red-btn .blue-btn .rakuten-btn {
	margin: 0px auto;
}


/*スマホ*/
@media screen and (max-width: 480px){
/* ボックスタイトル */
.cvrbox .box-title {
  font-size: 16px; /* 文字サイズ */
}
/* ボックス 中 */
.cvrbox .cvrbox-wrap {
    padding: 1em 1em 1em 1em;/* 余白 */
}
/* コンテンツ */
.cvrbox .cvrbox-wrap .box-content{
  font-size:15px;/*文字サイズ */
}

}
/************************************
** 箇条書き(点)
************************************/
/* 箇条書き */
.cvrbox .list {
  list-style: none;/* 行頭記号削除  */
  padding: 0 !important;/* 余白リセット */
  margin: 0 0 20px 0 !important;/* 余白リセット */
  border:none;/* 線リセット */
}
/* 箇条書き 行 */
.cvrbox .list li { 
  position: relative;/* 行頭記号の配置  */
  margin: 0 0 0.2em 0 !important;/* 余白  */
  padding: 0 0 0.5em 1.4em !important;/* 余白 */
  line-height:1.8;/* 行間 */
}
/* 箇条書き 行頭記号 */
.cvrbox .list li:before {
  background-color: #ffa952; /* 記号色 */
  position: absolute; /* 行頭記号の配置 */
  content: ''; /* 空文字 */
  top:13px; /* 上からの距離 */
  left: 0; /* 左からの距離 */
  width: 7px; /* 横幅 */
  height: 7px; /* 縦幅 */
  border-radius: 4px; /*角丸 */
}
/* 箇条書き 行頭記号リセット */
.cvrbox .list-number li:after{
  content:'';
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号*/
   .cvrbox .list li:before{
     top:8px;/* 上からの距離 */
   }
}
/************************************
** 箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.cvrbox .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.cvrbox .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き(番号) 行頭番号 */
.cvrbox .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 14px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:4px;/* 上からの距離 */
   width: 22px;/* 横幅 */
   height: 22px;/* 縦幅 */
   line-height: 22px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/*スマホ*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .cvrbox .list-number li{
     padding: 0 0 0.5em 2em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .cvrbox .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 18px;/* 横幅 */
    height: 18px;/* 縦幅 */
    line-height: 18px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}
.cvrbox .center {
	text-align:center;
	display:block;
	margin: 0 auto;
}

.awasetebox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.awasetebox .awasetebox-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.awasetebox p {
    margin: 0.8em; 
    padding: 0;
}


/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  max-height: 80vh;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
  padding: 13px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
}
.p-sticky-table th{
  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}
.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
    max-height: 60vh;
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        padding: 7px !important;
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}


/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f060";
color:#90C31F;/*矢印色変更はこちら*/
}
ul.menu-drawer:before{
font-size:1.3em;
background: white;
color:#333;
margin-bottom:1em;
border-bottom:3px dotted #1f5e73; /*点線の色変更はこちら*/
content: "メニュー";
	display: block;
    text-align: center;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}

.menu-drawer a{
font-size:1.1em;
background-color:#ffffff;
color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}





/*Rinkerのカスタマイズ*/

/*外部リンクマーク非表示*/
div.yyi-rinker-contents div.yyi-rinker-title a span,
div.yyi-rinker-contents div.yyi-rinker-detail a span,
div.yyi-rinker-contents ul.yyi-rinker-links li a span {
	display: none;
}

/*ボタンのデザイン*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
	min-width: 180px;
	border-radius: 4px !important;
	margin: 5px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	font-size: 14px !important;
	color: #fff;
	transition: all 0.5s 0s ease;
}

/*レスポンシブ480px以下*/
@media screen and (max-width: 480px){
	/*縦表示*/
	div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
	}

	/*画像を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-image {
		width: auto;
	}

	/*商品情報を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
		width: calc(100% - 10px);
		text-align: center;
		padding: 0 !important;
	}

	div.yyi-rinker-contents div.yyi-rinker-detail {
		padding: 0 !important;
	}

	/*ボタンの幅を100%にする*/
	div.yyi-rinker-contents ul.yyi-rinker-links li {
		width: 100%;
	}
	
  /*ボタン文字位置の調整*/
	div.yyi-rinker-contents ul.yyi-rinker-links li a {
		padding: 0 !important;
	}
}