@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

.widget_custom_html {
　background-color: transparent;
}

div.boxe200 {
width: 200px; /* ボックスの幅 */
min-height: 240px;
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(https://tablettt.net/wp-content/uploads/2014/05/maru1_200_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
float:left
}

/* --- 見出し200 --- */
div.boxe200 h3 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(https://tablettt.net/wp-content/uploads/2014/05/maru4_200_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落200 --- */
div.boxe200 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- ボックス400 --- */
div.boxe400 {
width: 400px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
min-height: 240px;
background: #ffffff url(https://tablettt.net/wp-content/uploads/2014/05/maru1_400_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 100%;
color: #000000;
float:left
}

/* --- 見出し400 --- */
div.boxe400 h3 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(https://tablettt.net/wp-content/uploads/2014/05/maru4_400_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 80%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落400 --- */
div.boxe400 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- ボックス600 --- */
div.boxe600 {
width: 600px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #ffffff url(https://tablettt.net/wp-content/uploads/2014/05/maru1_600_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- 見出し600 --- */
div.boxe600 h3 {
margin: 0; /* 見出しのマージン */
padding: 7px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(https://tablettt.net/wp-content/uploads/2014/05/maru4_600_top.gif) no-repeat top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落600 --- */
div.boxe600 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- ボックス1 --- */
div.boxe {
width: 100%; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #f0f0f0 url(https://tablettt.net/wp-content/uploads/2014/05/maru1b_600_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 100%;
color: #000000;
}

/* --- 見出し1 --- */
div.boxe h3 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #f0f0f0 url(https://tablettt.net/wp-content/uploads/2014/05/maru1b_600_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落1 --- */
div.boxe p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

.ta1 {
 width: 500px;/*テーブルの幅*/
margin-top:20px;/*テーブルの上にスペース*/
margin-left:50px;
 margin-bottom:10px;
 color:#555555;
 }
 
.ta1 {
 border-right: 1px solid #999999;/*線の色*/
border-top: 2px solid #999999;/*線の色*/
border-bottom: 1px solid #999999;/*線の色*/
border-left: 2px solid #999999;/*線の色*/
 }
 
.ta1 td {
 border-right: 1px solid #999999;/*線の色*/
border-bottom: 1px solid #999999;/*線の色*/
 }
 

.ta1 .status {
 background-color:#000000;
 color:#FFFFFF;
 text-align:center;
 }
 
.ta1 .num {
 text-align:right;
 }
 
.ta1 td {
 padding:7px 12px;
 }
 

.ta1 .col {
 background-color:#0033cc;
 color:#FFFFFF;
 }
 
.ta1 tr.even {
 background-color:#FFFFFF;
}

	.d-inline > img {
display: inline-block !important;
}
ul#menu-mb_footer {
    background: #ffffffe0;
}
/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}/*END アフィリエイトボタン用CSS*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
  position: absolute;
  right: auto;
  padding-left: 5px;
  font-family: "FontAwesome";
  content: "\f138"!important;
  transition: .3s ease-in-out;
}

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

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