@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){
  /*必要ならばここにコードを書く*/
}


<!-- アドセンス広告ダブルレクタングル -->

<?php if (wp_is_mobile()) :?>
<div class="sm-ad-bottom">

<center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5813309359890064"
     crossorigin="anonymous"></script></center>

</div>

<?php else: ?>

<div class="double-main">
<div class="double-left">

<center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5813309359890064"
     crossorigin="anonymous"></script></center>

</div>
<div class=“double-right">
 
<center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5813309359890064"
     crossorigin="anonymous"></script></center>

</div></div><?php endif; ?>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!-- アドセンス広告ダブルレクタングル -->
 
<?php if (wp_is_mobile()) :?>
<div class="sm-ad-bottom">
 
<center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5813309359890064"
     crossorigin="anonymous"></script>
<!-- ディスプレイ -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5813309359890064"
     data-ad-slot="1264020795"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
 
</div>
 
<?php else: ?>
 
<div class="double-main">
<div class="double-left">
 
<center><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5813309359890064"
     crossorigin="anonymous"></script>
<!-- ディスプレイ -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5813309359890064"
     data-ad-slot="1264020795"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
 
</div>
<div class=“double-right">
 
<center>●PC時に表示させたいアドセンスコードを記入●</center>
 
</div></div><?php endif; ?>

/* ダブルレクタングル全体 */

.double-main {

margin-top:30px;
margin-bottom:15px;

}

/* PC表示時の左側広告 */

.double-left {

float: left;
margin-right: 19px;
margin-left: 0px;

}
 
/* PC表示時の右側広告 */

.double-right {

float:left;

}

/* float解除 */

.double-main:after {

content:"";
display:block;
clear:both;

}


.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;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

.box5-blue {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 2em auto;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 2em 2em 1.7em;	/* ボックスの内側余白(上:2em　左右:2em 下：1.7em) */
	border: 1px solid #0e7ac4;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
	background: #e6f1f9; /* ボックス背景色 */
}
.box5-blue .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -18px; /* 上から（-18px）移動*/
	left: 27px; /* 左から(27px)移動 */
	background: #0e7ac4; /* タイトル背景色 */
	color: #fff; /* タイトル文字色 */
	padding: 0.6em 1em;/* タイトルの内側余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 17px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
	border-radius:4px;/* タイトルの角丸 */
}
.box5-blue p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

/*サイドバーの画像をマウスオーバーで大きく*/
.text-pc p,
.textwidget p{
overflow: hidden;
}

.text-pc p img,
.textwidget p img{
transition: 0.3s all;/*元に戻るまでの時間*/
}

.text-pc p img:hover,
.textwidget p img:hover{
transform: scale(1.08,1.08);/*倍率*/
transition: 0.5s all;/*大きくなるまでの時間*/
height: 100%;
opacity: 0.8;/*透明度*/
}