/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180717以上対応
Version: 20180717
*/



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* レシピのページ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */


.recipe_like_box {
	border: 1px solid #c0c0c0;
    	padding: 1em;
   	margin: 1em 0;
}

.wpulike .wp_ulike_btn.wp_ulike_put_text {
   	padding: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}
.wpulike .wp_ulike_btn {
	margin: 0;
	font-size: 1em;
}
.wpulike-default .wp_ulike_btn, .wpulike-default .wp_ulike_btn:hover, #bbpress-forums .wpulike-default .wp_ulike_btn, #bbpress-forums .wpulike-default .wp_ulike_btn:hover{
	text-shadow: none;
	border-radius: 50%;
}
.recipe_search_box input#submit {
	background: #ff9999;
	border: none;
	padding: 5px 10px;
	border-radius: 5px;
	margin-top: 1em;
	color: #fff;
}
.recipe_search_box_left {
	width: 70%;
	display: inline-block;
}
.recipe_search_box_right {
	width: 20%;
	display: inline-block;
}

.recipe_recently_box_list {
    position: relative;
    width: 100%;
    height: 65px;
}
.recipe_recently_box_left {
    position: absolute;
    width: 80px;
}
.recipe_recently_box_right {
    position: absolute;
    margin-left: 90px;
}

@media only screen and (min-width: 600px){
.recipe_recently_box_list {
    float: left;
    width: 25%;
    padding: 0 0.5em;
    box-sizing: border-box !important;
height: auto;
}

.recipe_other_box .recipe_recently_box_list:nth-child(4n+1) {
    clear: both;
}

.recipe_recently_box_left {
    width: 100%;
    position: relative;
}
.recipe_recently_box_right {
    padding-left: 0;
    position: relative;
    margin-left: 0;
}
}
.recipe_howto_box ol {
  	counter-reset: my-counter;
 	list-style: none;
  	padding: 0;
}
 
.recipe_howto_box li {
	margin-bottom: 10px;
 	position: relative;
}
.recipe_howto_box li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #bada55;
	color: #222;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}

.recipe-contents li {
	margin-left: 2em;
}

.recipe_content_box {
	border: 3px double #c0c0c0;
	padding: 1em;
	border-radius: 20px;
}

.recipe_box-left img {
	border-radius: 20px;
}

.recipe-entry-title:not(.st-css-no),
.post .recipe-entry-title:not(.st-css-no),
.recipe_recently_box h2,
.recipe_search_box h2,
.recipe_other_box h2{
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	background: url(./images/m-title.png)no-repeat left;
	border: none;
}
.recipe-entry-title:not(.st-css-no),
.post .recipe-entry-title:not(.st-css-no),
.recipe_search_box h2,
.recipe_other_box h2{
	padding-left: 1em;
}
.recipe_recently_box h2{
	margin-top:2em;
}
.recipe_tag_box h2,
.recipe_sub_box h2,
.recipe_ingredients_box h2,
.recipe_howto_box h2 {
	padding-top: 15px!important;
	padding-bottom: 15px!important;
	border-bottom: 1px dashed #ccc;
	font-size: 98%;
	border-top: none;
	background: transparent;
}
.recipe_tag_box h2,
.recipe_sub_box h2{
	padding-left: 2.5em !important;
}
.recipe_ingredients_box h2,
.recipe_howto_box h2{
	padding-left: 4em !important;
}
.recipe_tag_box h2 {
	background: url(./images/m1.png)no-repeat left;
}
.recipe_sub_box h2{
	background: url(./images/m2.png)no-repeat left;
}
.recipe_ingredients_box h2{
	background: url(./images/m3.png)no-repeat left;
}
.recipe_howto_box h2{
	background: url(./images/m4.png)no-repeat left;
}
.recipe_tag a{
	display: inline-block;
	background: #ff9999;
	padding: 5px;
	border-radius: 5px;
	color: #fff !important;
	text-decoration: none;
	font-size: 12px;
	margin-right: 5px;
   	margin-bottom: 5px;
}

.recipe_advice_box{
	border: 3px double #fff694;
   	padding: 1em;
    	border-radius: 20px;
    margin-top: 1.5em;
}
.recipe_advice_box h2{
	background:url(https://toshigokachan.com/wp-content/uploads/2017/08/momo1-150x150.png)left no-repeat;
	padding-left: 110px !important;
	background-size: contain;
	padding-top: 1.5em !important;
	padding-bottom: 1.5em !important;
	border: none;
margin-top: 0;
}

.recipe-contents .recipe_ingredients_box table {
	border: none;
	width:100%;
}
.recipe-contents .recipe_ingredients_box table tr td {
	border-left: none;
	border-bottom: none;
	padding: 0;
}

.recipe_ingredients_box,
.recipe_howto_box,
.recipe_menu_shokuzai{
	position: relative;
	background: #F8F0D7;
	border-left:4px dotted rgba(0,0,0,.1);
	border-right:4px dotted rgba(0,0,0,.1);
	box-shadow:0 0 5px rgba(0,0,0,.2);
	padding: 1em;
	color: #65513f;
	margin-top:2em;
}
.tape{
	position: absolute;
   	top: -1em;
   	left: 26%;
	width:100px;
	height:30px;
  	background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
	background-size: 20px 20px;
	border-left:2px dotted rgba(0,0,0,.1);
	border-right:2px dotted rgba(0,0,0,.1);
	box-shadow:0 0 5px rgba(0,0,0,.2);
	padding: 0.25em 2em;
	color: #65513f;
	transform: rotate(-4deg); 
}
.recipe_ingredients_box p{
	color: #65513f;
	padding: 10px;
}
.box-clear {
	clear:both;
	padding-top:0;
}
.recipe_box-left{
 	display:block;
	width:100%;
}
.recipe_box-right{
	display:block;
  	width:100%;
}
@media only screen and (min-width: 600px){
.recipe_box-left{
	float:left;
 	width:45%;
}
.recipe_box-right{
	float:right;
	width:50%;
}
}
.recipe_jiki a{
    display: inline-block;
    background: orange;
    padding: 5px;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.recipe_toriwake a{
    display: inline-block;
    background: #bada55;
    padding: 5px;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.recipe_menu .tape {
    position: absolute;
    top: -1em;
    left: 35%;
    width: 100px;
    height: 30px;
    background-image: linear-gradient(-45deg, rgba(227,155,140,.4) 25%, transparent 25%, transparent 50%, rgba(227,155,140,.4) 50%, rgba(227,155,140,.4) 75%, transparent 75%, transparent 100%);
    background-size: 20px 20px;
    border-left: 2px dotted rgba(0,0,0,.1);
    border-right: 2px dotted rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    padding: 0.25em 2em;
    color: #65513f;
    transform: rotate(-4deg);
}

.recipe_menu_box_list {
    display: block;
    width: 100%;
}

.recipe_menu_box_left {
    display: block;
    width: 100%;
}
.recipe_menu_box_right {
display: block;
}

@media only screen and (min-width: 600px) {
.recipe_menu_box {
    display: table;
}
.recipe_menu_box_list {
    display: block;
    width: 100%;
  }
.recipe_menu_box_left {
display: block;
  width: 100%;
}
.recipe_menu_box_right {
display: block;
}
}
.recipe_menu h2 {
    border: 0 !important;
    background-image: linear-gradient(-45deg,#ffcccc 25%,#ffc0cb 25%,#ffc0cb 50%,#ffcccc 50%, #ffcccc 75%, #ffc0cb 75%, #ffc0cb) !important;
    background-size: 16px 16px !important;
}

.shokuzai_bunrui p {
    margin: 0;
    font-weight: bold;
}
.recipe_menu h3 {
padding-left: 1em !important;
    padding-top: 15px!important;
    padding-bottom: 15px!important;
    background: url(./images/m-title.png)no-repeat left !important;
    border: none !important;
}
.recipe_days h4 {
    background-image: url(./images/m2.png)!important;
    border-left: 0 !important;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    background-color: transparent !important;
    border-bottom: 5px solid #ffffa8;
}

.recipe_menu_shokuzai h4 {
    background-image: url(./images/m3.png)!important;
    border-left: 0 !important;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 60px !important;
    background-color: transparent !important;
    border-bottom: 1px dashed #ccc;
}

/* いいね */

.wpulike {
    display: inline-block;
}

.wpulike .wp_ulike_put_text{
min-width: 30px !important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 人気記事ランキング */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sidekiji ul {
  padding: 0;
  list-style: none;
}
 .sidekiji li {
  position: relative;
  margin-top: 10px;
  padding: 0 5px 10px;
  border-bottom: dotted 1px #ddd;
}
 
.sidekiji a {
  display: inline-block;
  text-decoration: none;
  color: #333;
  width: 100%;
}
 .sidekiji a:hover {
  background-color: #eee;
}
 .sidekiji a:after {
  display: block;
  clear: both;
  content: '';
}
 .rank-count {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px 10px;
  color: #fff;
  background: rgba(66, 66, 66, .85);
}
 .r-count1 {
  background: rgba(189, 161, 82, .9);
}
 .r-count2 {
  background: rgba(152, 153, 173, .9);
}
 .r-count3 {
  background: rgba(156, 85, 34, .9);
}
 .sidekiji img {
  float: left;
  width: 70px;
  height: 70px;
}
 
.sidekiji-text {
  font-size: .9em;
  margin-left: 80px;
}

/* カテゴリ一覧 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#cat-list {
	list-style-type:none;
	font-size: 90%;
}
#cat-list li {
	margin-bottom: 10px;
}
#cat-list li ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style-type:none;
	margin-bottom: 15px;
	border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

#cat-list li ul li {
	width: 33.33%;
	margin-bottom: 0;
	padding: 0;
	background: none;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    box-sizing: border-box;
}

#cat-list li a {
	padding: 5px 5px 5px 35px;
	display: block;
	position: relative;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
#cat-list li ul li a {
	padding: 5px 20px 5px 5px;
	background: none !important;
}

#cat-list li a:before{
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -8px;
  width: 10px;
  height: 10px;
  content:'\f07c';
  font-family: FontAwesome;
  color:#fff;
}
#cat-list li ul li a:before {display: none;}

#cat-list li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #ccc;
border-right: solid 2px #ccc;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

#cat-list li ul li ul {display: none;}

#cat-list .cat-item-1 a {background: #ccc;} /* 未分類 */
#cat-list .cat-item-78 a {background: #ffb7b7;} /* 育児雑貨 */
#cat-list .cat-item-80 a {background: #ffb7ff;} /* 入園準備 */
#cat-list .cat-item-190 a {background: #b7b7ff;} /* 育児のこと */
#cat-list .cat-item-155 a {background: #b7ffff;} /* ママのこと */
#cat-list .cat-item-21 a {background: #ffcec5;} /* 離乳食 */
#cat-list .cat-item-7 a {background: #b7ffb7;} /* 家計のこと */
#cat-list .cat-item-47 a {background: #ffb7db;} /* 幼児教育 */
#cat-list .cat-item-38 a {background: #ffdbb7;} /* 季節のイベント */

/* レシピターム一覧 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
#recipe-tag {
	list-style-type:none;
	font-size: 90%;
}
#recipe-tag li {
	margin-bottom: 10px;
}
#recipe-tag li ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	list-style-type:none;
	margin-bottom: 15px;
	border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

#recipe-tag li ul li {
	width: 33.33%;
	margin-bottom: 0;
	padding: 0;
	background: none;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
    box-sizing: border-box;
}

#recipe-tag li a {
	padding: 5px 5px 5px 35px;
	display: block;
	position: relative;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
#recipe-tag li ul li a {
	padding: 5px 20px 5px 5px;
	background: none !important;
}

#recipe-tag li a:before{
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -8px;
  width: 10px;
  height: 10px;
  content:'\f07c';
  font-family: FontAwesome;
  color:#fff;
}
#recipe-tag li ul li a:before {display: none;}

#recipe-tag li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #ccc;
border-right: solid 2px #ccc;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

#recipe-tag li ul li ul {display: none;}

#recipe-tag .cat-item-233 a {background: moccasin;}
#recipe-tag .cat-item-284 a {background: moccasin;}
#recipe-tag .cat-item-338 a {background: moccasin;}
#recipe-tag .cat-item-293 a {background: moccasin;}
#recipe-tag .cat-item-274 a {background: moccasin;}
#recipe-tag .cat-item-317 a {background: moccasin;}
#recipe-tag .cat-item-288 a {background: moccasin;}
#recipe-tag .cat-item-279 a {background: moccasin;}
#recipe-tag .cat-item-342 a {background: moccasin;}
#recipe-tag .cat-item-277 a {background: moccasin;}
#recipe-tag .cat-item-282 a {background: moccasin;}
#recipe-tag .cat-item-289 a {background: moccasin;}
#recipe-tag .cat-item-302 a {background: moccasin;}
#recipe-tag .cat-item-246 a {background: moccasin;}
#recipe-tag .cat-item-272 a {background: moccasin;}
#recipe-tag .cat-item-291 a {background: moccasin;}
#recipe-tag .cat-item-299 a {background: moccasin;}



#recipe-tag .cat-item {
    background: beige;
}

#recipe-tag .cat-item-234,
#recipe-tag .cat-item-264,
#recipe-tag .cat-item-237,
#recipe-tag .cat-item-265 {
    background: #fff;
}

#recipe-tag .cat-item {
    font-weight: bold;
}
#recipe-tag li ul.children a {
    font-weight: normal !important;
}

@media only screen and (min-width: 600px){
#recipe-tag .cat-item {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    vertical-align: top;
}
}


#recipe-tag li.cat-item.cat-item-234 {
    background: url(//toshigokachan.com/wp-content/uploads/2017/12/baby01.png);
    background-size: contain;
    padding: 30px 0 30px 90px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 15px;
}
#recipe-tag li.cat-item.cat-item-264 {
    background: url(//toshigokachan.com/wp-content/uploads/2017/12/baby02.png);
    background-size: contain;
    padding: 30px 0 30px 90px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 15px;
}

#recipe-tag li.cat-item.cat-item-237 {
    background: url(//toshigokachan.com/wp-content/uploads/2017/12/baby03.png);
    background-size: contain;
    padding: 30px 0 30px 90px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 15px;
}
#recipe-tag li.cat-item.cat-item-265 {
    background: url(//toshigokachan.com/wp-content/uploads/2017/12/baby04.png);
    background-size: contain;
    padding: 30px 0 30px 90px;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-bottom: 15px;
}



#recipe-tag li.cat-item.cat-item-234 a:before,
#recipe-tag li.cat-item.cat-item-264 a:before,
#recipe-tag li.cat-item.cat-item-237 a:before,
#recipe-tag li.cat-item.cat-item-265 a:before {
display:none;
}


#recipe-tag li ul {
	padding: 0 !important;
}
#recipe-tag li ul li {
    border: 0 !important;
}
#recipe-tag {
    padding: 0 !important;
}
/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}


#st-headerbox {
    background-image: url(https://toshigokachan.com/wp-content/uploads/2018/10/blue.jpg) !important;
}

/*--------------------------------------
  リスト
--------------------------------------*/

ul.sample4{
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 10px 10px 20px;
  color: #d3d3d3;
  background: #ffffff;
  border: solid 2px #d3d3d3;
  border-radius: 5px;
  list-style-type: none;
}
ul.sample4 li{
  position: relative;
  line-height: 30px;
  padding-left: 20px;
  font-weight: normal;
  border-bottom: dashed 1px #d3d3d3;
}
ul.sample4 li:before{
  content: "・";
  position: absolute;
  left: 0px;
}

/* h4付箋 強制表示 */

.h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) {
    border-left: 5px solid #efea44 !important;
    background-color: #fffde7 !important;
    padding-left: 20px !important;
    border-bottom: 0;
}

/*--------------------------------------
  リスト
--------------------------------------*/

.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #ff6347;
    border: solid 2px #ff6347;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #ff6347;
    color: white;
}

/***　おしゃれテーブル１　パステルカラー ***/
 
.osare-table {
 width:100%;
 table-layout: fixed;
 border: none !important;
 border-collapse: separate;
 border-spacing: 7px 0px;
}
 
.osare-table th {
 border: none !important;
}
 
.osare-table tbody td {
   border: none !important;
  background-color:#FFF9FF !important;
  border-bottom: solid 2px #f9f9f9 !important;
}
 
/* ヘッダー */
.osare-table thead th {
 font-weight: bold;
 border-radius: 10px 10px 0px 0px;
}

/* フッター（比較表と色つけたとき用） */
.osare-table tfoot td {
 border-radius: 0 0 10px 10px;
}
 
 
/* ボディ項目 */
.osare-table tbody th {
 background:#fefefe;
 font-weight: bold;
 border-bottom: solid 2px #f9f9f9 !important;
 line-height:4.5em;
}
 
/* フッター項目 */
.osare-table tfoot th {
 background:none;
 line-height:3em;
 font-weight: bold;
}


 
/* ボディデータ */
.osare-table tbody td {
 text-align:center;
}
 
/* ヘッダー行　１列ごとの色変え */
.osare-table thead th:nth-child(1)  {
 background:#81d4fa;
}

.osare-table thead th:nth-child(2)  {
 background: #FFBCFF;
}
.osare-table thead th:nth-child(3)  {
 background: #FFFFB2;
}
.osare-table thead th:nth-child(4)  {
 background: #C4FF89;
}
.osare-table thead th:nth-child(5)  {
 background: #FFB2D8;
}
 
/* 最終行のボーダーをなくす */
.osare-table tbody tr:last-child th,
.osare-table tbody tr:last-child td {
 border-bottom:none !important;
}

/* スマホ調整 */
@media (max-width: 767px) {
  .osare-table thead th,
  .osare-table tbody th {
      padding:0;
  }
  .osare-table tfoot td {
  padding:0;
  font-size:0.9em;
  }
.osare-table tfoot td:nth-child(2) {
   font-size:1em;
  }
  
}

/*（共通）　項目の多いテーブルの幅を調整*/
@media (max-width: 767px) {
 .col6t th,
 .col6t td{
 font-size:0.4em;
 padding: 10px 0px;
 }
 .col5t th,
 .col5t td{
 font-size:0.5em;
 padding: 10px 0px;
 }
 .col4t th,
 .col4t td{
 font-size:0.7em;
 padding: 10px 5px;
 }
 .col3t th,
 .col3t td{
 font-size:0.8em;
 padding: 10px 10px;
 }
}

/*--------------------------------------
  口コミ枠
--------------------------------------*/


.mybox{
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow:1px 1px 6px 0px #ccc;
    -moz-box-shadow:1px 1px 6px 0px #ccc;
    -webkit-box-shadow:1px 1px 6px 0px #ccc;
    -o-box-shadow:1px 1px 6px 0px #ccc;
    margin: 20px 5px;
    padding: 30px 20px 20px 20px;
    position: relative;
    z-index: 0;
}
.mybox:after{
    background-color: #d9ccb3;
    background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be);
    background-position: 0 0, 12px 12px;
    background-size: 24px 24px;
    border-left: 2px dotted rgba(255,255,255,0.9);
    border-right: 2px dotted rgba(255,255,255,0.9);
    box-shadow: 0 0 5px rgba(255,255,255,0.5);
    content: '関連記事';
    display: block;
    margin: 0 0 10px 0;
    padding: 5px 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 20px;
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}


.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}

/*--------------------------------------
 アマゾン・楽天枠
--------------------------------------*/
.square_btnama {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #FF9A00;
    border: solid 2px #FF9A00;
    border-radius: 3px;
    transition: .4s;
}
.square_btnama:hover {
    background: #FF9A00;
    color: white;
}

.square_btnraku {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #BF0000;
    border: solid 2px #BF0000;
    border-radius: 3px;
    transition: .4s;
}

.square_btnraku:hover {
    background: #BF0000;
    color: white;
}

/* ------------------------------------- */
/*          Rinker カスタマイズ          */
/* ------------------------------------- */
ul.yyi-rinker-links {
padding: 0!important;
}

div.yyi-rinker-contents img{
max-width:200px;
}

/* 商品タイトル　リンク色変更 */
div.yyi-rinker-title a {
color: #1a62af!important;/*通常時の色*/
font-weight: bold;
}
div.yyi-rinker-title a:hover {/*ホバーした時の色*/
color: #e16d15!important;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
margin-bottom: 0!important;
}
/* rinker ボタン高さを44pxに */
div.yyi-rinker-contents ul.yyi-rinker-links li {
font-size: .9em;
letter-spacing: .1em;
margin: 6px 10px 6px 0px;
padding: 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a{
height:44px;
line-height:44px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
color: white!important;
opacity: 1;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
opacity:0.9;
}
/* ボタン色変更 */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink { /* Amazon */
background: #ffb745; /* 背景色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink { /* 楽天 */
background: #d35c53; /* 背景色 */
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink { /* Yahoo */
background: #65adf3; /* 背景色 */
}

/*商品タイトル・詳細・ボタン*/
div.yyi-rinker-contents div.yyi-rinker-info {
width: 100%;
}

/* スマホサイズのみ適用 */
@media screen and (max-width:767px) {
div.yyi-rinker-contents div.yyi-rinker-box{
display:block;
}
/* 画像を中央そろえ */
div.yyi-rinker-contents div.yyi-rinker-image{
margin-left:auto;
margin-right:auto
}
div.yyi-rinker-contents ul.yyi-rinker-links li{
text-align:center;
width: 100%;
margin: 6px 0px;
}
/* rinker 商品詳細（文字とボタン部分）幅を広げる */
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: 95%;
margin: 0 auto;
text-align: center;
}
/*メーカー名・価格・日付部分*/
div.yyi-rinker-contents div.yyi-rinker-detail {
padding-left: 0;/*余計な余白を削除*/
}
div.yyi-rinker-contents div.yyi-rinker-detail　div.price-box {
font-size: .5em;
}
/*値段部分*/
div.yyi-rinker-contents div.yyi-rinker-detail　div.price-box .price {
font-size: 2em;
margin: 5px;
display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
width: 230px;
min-width: 140px;
}}

/*スマホボタン表示中央*/
@media (max-width: 420px) and (min-width: 321px){
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0;
}}

/*スクロールしても画像*/
@media only screen and (max-width: 599px){
.scroll-box img:not(.size-st_header_slider) {
max-width: 150px !important;
}
}

/* POINTBOX */
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-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;
}
.box27 p {
    margin: 0; 
    padding: 0;
}