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

/*---------------------------------
複数の固定ページの日付を非表示にする、おまじない
--------------------------------*/
.post-89 .date-tags,
.post-81 .date-tags,
.post-79 .date-tags {
  display: none;
}

/*---------------------------------
タイトルを非表示にする、おまじない
--------------------------------*/
.entry-title {
display: none;
}

#header, #footer {
  display:none;
}

/*---------------------------------
背景画像を横いっぱいにする、おまじない
--------------------------------*/

.top {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.top img {
	display: block;
	width: 100%;
	height: auto;
}

.logo {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.logo img {
	display: block;
	width: 100%;
	height: auto;
}

/*---------------------------------
画像を光らせる、おまじない
--------------------------------*/
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
@charset "UTF-8";
 
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/
 
/************************************
** 段落
************************************/
p {
margin-left: 30px;
margin-right: 30px;
}
 
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
}
 
/*1030px以下*/
@media screen and (max-width: 1030px){
}
 
/*768px以下*/
@media screen and (max-width: 768px){
}
 
/*480px以下*/
@media screen and (max-width: 480px){
p {
margin-left: 10px;
margin-right: 10px;
}
}