@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */
 
  /* 検索ボタンの色を変更 */
.widget input[type="submit"].searchsubmit {
	background-color: #1976d2;
}

/*写真 影*/
img.alignnone {
    box-shadow: 0 0 5px #000;
}

/* ボックス 見え消し */
/*全体*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: #efefef;
    border-radius: 5px;
    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: silver;
}

/*アイコンを切り替え*/
.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: 10px 0;
    height: auto;
    opacity: 1;
}
/* hidden_box ここまで */

/* ボックス メリット */
.box_melit {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1.5em;
    border-radius: 4px;
	  background: #DBF5DE;
}
.box_melit .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10px 14px;
	  border-radius: 20px;
    line-height: 1;
    font-size: 17px;
    background: #60CC6B;
    color: #fff;
    font-weight: bold;
}
.box_melit p {
    margin: 0; 
    padding: 0;
}

/* ボックス デメリット */
.box_demelit {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1.5em;
    border-radius: 4px;
	  background: #F4DFED;
}
.box_demelit .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 10px 14px;
	  border-radius: 20px;
    line-height: 1;
    font-size: 17px;
    background: #B880C5;
    color: #fff;
    font-weight: bold;
}
.box_demelit p {
    margin: 0; 
    padding: 0;
}

/* h2見出しカスタム */
/* 文字色はデザインメニューから設定する必要があることに注意 */
h2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #1E88E5;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

/************************/
/* Riker用CSS (ここから)*/
/************************/

div.yyi-rinker-contents {/*商品リンク*/
 background-color: #ffffe0;/*全体の背景色*/
 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);/*枠の影*/
}
.yyi-rinker-title a {/*商品タイトル*/
 font-size: 16px;/*文字サイズ*/
 color: #616161 !important;/*文字色*/
 font-weight: bold;/*文字を太字*/
}
div.yyi-rinker-contents div.yyi-rinker-image {/*商品画像*/
 margin-left: -12px;/*左側余白*/
 margin-right: -3px;/*右側余白*/
}
div.yyi-rinker-contents ul.yyi-rinker-links {/*ショップボタン全体*/
 width: 110%;/*ボタンの横幅*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタン詳細*/
 font-size: 16px;/*文字サイズ*/
 font-weight: 500;/*文字の太さ調整*/
 padding: 2px 6px 34px 6px;/*ボタン上下左右の内側余白*/
 box-shadow: 0 3px 14px rgba(0, 0, 0, .25);/*ボタンの影*/
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {/*商品情報全体*/
 width: 100%;/*横の広さ*/
}
div.yyi-rinker-contents div.yyi-rinker-detail {/*提供元・価格情報*/
 padding-left: 6px;/*左側の余白*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {/*Amazonボタン*/
 background: #FF9800;/*背景色*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {/*楽天ボタン*/
 background: #BF360C;/*背景色*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a{/*Yahoo!ボタン*/
 background: #03A9F4;/*背景色*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {/*Yahoo!ボタン*/
 margin-bottom: 2px;/*下側の余白*/
}
 
@media screen and (max-width: 500px){/*スマホ用*/
div.yyi-rinker-contents div.yyi-rinker-box {/*商品リンク*/
 display: block;/*縦並び*/
}
div.yyi-rinker-contents div.yyi-rinker-title p {/*商品タイトル*/
 text-align: left;/*左寄せで表示*/
 margin: 5px -20px 0px 10px;/*上下左右の余白*/
}
div.yyi-rinker-contents div.yyi-rinker-image {/*商品画像*/
 width: auto;/*中央寄せ*/
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {/*提供元・価格情報・ボタン*/
 width: 91%;/*ボタンの横幅*/
 text-align: center;/*中央寄せ*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li {/*ボタン*/
 margin: .4em 0;/*上下の余白と左右の余白*/
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {/*ボタン詳細*/
 font-size: 13px;/*文字サイズ*/
}
}
/************************/
/* Riker用CSS (ここまで)*/
/************************/

/************************/
/* Appリーチ用CSS (ここから)*/
/************************/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.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;
}
/************************/
/* Appリーチ用CSS (ここまで)*/
/************************/

/************************/
/* マニュアルリンク用CSS (ここから)*/
/************************/
.af-box{
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin: 0 8px;
}
.af-imgbox{
    width: 160px;
    margin-right: 10px;
    float: left;
    text-align: center;
}
.af-textbox{
    width: 100%;
}
.af-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.af-desc{
    font-size:14px;
    margin-bottom: 10px;
}
.af-kobox{
    width: 120px;
    margin: 0 5px 0 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
    text-align: center;
}
.af-kobox a.aflink{
    display: block;
    padding: 5px 0 5px 0;
    text-decoration: none;
}
.af-amazon{
    border: 1px solid #F3A847;
}
.af-amazon a{
    color: #F3A847;
}
.af-rakuten{
    border: 1px solid #BF0000;
    color: #BF0000;
}
.af-rakuten a{
    color: #BF0000;
}
.af-blue{
    border: 1px solid #1995DF;
    color: #1995DF;
}
.af-blue a{
    color: #1995DF;
}
.clear{clear:both;}
@media screen and (max-width: 399px) {

    .af-imgbox{
        margin: 0 auto;
        text-align: center;
        float: none;
    }

}
/************************/
/* マニュアルリンク用CSS (ここまで)*/
/************************/

/************************/
/* 目次CSS(ここから) *//************************/
/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次タイトルのフォント設定 */
p.toc_title {
font-size:24px;
color:#6bb6ff;
position:relative;
left:-40% !important;
top:10px;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
color:#777;
position:relative;
left:5% !important;
}

ul.toc_list li a:hover{
color:#f05689;
text-decoration:none;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:16px;
font-weight:normal;
color:#888;
}

.toc_list ul li a:hover {
color:#f05689;
text-decoration:none;
}

span.toc_toggle{
font-size: 14px !important;
}

span.toc_toggle a{
font-size: 14px;
color:#6bb6ff;
}

#toc_container .toc_title::before {
display: inline-block;
color: #fff;
font-family: FontAwesome;
font-size: 20px;
line-height: 50px;
content: "\f0ca";
}

#toc_container .toc_title:before {
display:inline-block; width: 50px;
height: 50px;
border-radius: 50%;
background:#6bb6ff;
margin-right:8px;
}

#toc_container li a{
border-top-width:0px;
line-height:30px;
}
}

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

/* 目次の枠線 */
#toc_container{
border-top: solid 8px
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#6bb6ff;
}

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
color:#6bb6ff;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
line-height: 2em;
color:#777;
text-decoration:none;
}

ul.toc_list li a:hover{
color:#6bb6ff;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:14px;
font-weight:normal;
color:#888;
text-decoration:none;
}
}
/************************/
/* 目次CSS(ここまで) *//************************/
/*サイドバー目次*/

/*上下の間隔を空ける*/
.toc_widget_list.no_bullets li{
padding:3px 15px;
}

/*h2に適用*/
.toc_widget>ul>li>a:nth-of-type(n){
	font-family: FontAwesome;
font-weight:600;
font-size:15px;
text-decoration:none;
}

/*h2の前にアイコン*/
.toc_widget>ul>li>a:nth-of-type(n):before{
font-family: FontAwesome;
content: "\f105";
padding-right : 5px;
color: #bcaaa4;
}

/*h3（入れ子）に適用*/
.toc_widget_list.no_bullets ul li:nth-child(n+1){
font-size:14px;
padding:5px 0 5px 0px;
}

/*h3（入れ子）前にアイコン*/
.toc_widget_list.no_bullets ul li:nth-child(n+1):before{
font-family: FontAwesome;
content: "\f101";
padding-right : 5px;
color: #bcaaa4;
}

/*h3（入れ子）のリンクに適用*/
.toc_widget_list.no_bullets ul li a:nth-child(n+1){
text-decoration:none;
border-bottom:1px dotted #bcaaa4;
color:#888;
}

/*マウスオーバー時のフォント色*/
.toc_widget_list.no_bullets li a:hover{
color:#bcaaa4;
}