@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Ribeye');

body{
font-family: 'Didact Gothic', sans-serif;
background-image: url(//stellaelm.net/wp-content/uploads/2017/05/check2x250.gif);
background-attachment: fixed;
}

.site-name-text, footer{
font-family: 'Ribeye', cursive;
}

h1, h2, h3, h4, h5, h6{
font-family: 'Ribeye', cursive;
font-weight:normal;
padding: 0;
margin: 0;
}

.article h1 {
    line-height: 1.25;
	  color: white;
	  padding: 15px;
	font-weight:normal;
}
.entry-title {
    font-size: 26px;
    margin: 16px 0;
    line-height: 1.3;
		background-color: #c00;
	  color: white;
		padding: 15px;
	font-weight:normal;
}

.s_star ul{
    list-style-type:none;
    margin: 0 0 20px 0;
    width: auto;
}

.s_star ul li{
	background-image:url('//stellaelm.net/wp-content/uploads/2017/05/re_star15.png');
	background-repeat:no-repeat;
	background-position:left center;
    padding:0 0 0 20px;
    font-size: 1rem;
    line-height: 2;
    text-align: left;
}

.s_star h3{
padding:10px 20px;
border: none;
margin: 0;}

.ideas ul{
    list-style-type:none;
    margin: 0 0 20px 0;
    width: auto;
}

.ideas ul li{
	background-image:url('//stellaelm.net/wp-content/uploads/2017/05/re_star15.png');
	background-repeat:no-repeat;
	background-position:left center;
    padding:0 0 0 20px;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
}

#spa{
margin: 0;
padding: 5px;
color: #000;
display: none;
}

#toc{
margin: 20px auto 40px auto;
height: auto;
width: 80%;

}

#toc h4{
margin:0px;
padding: 10px;
font-size: 1.1rem;
}

h3.toc_thm{
margin:0px;
padding: 10px;
font-size: 1.1rem;
border-bottom: 0px;
}

h6.toc_thm{
margin:0px;
padding: 10px;
font-size: 1.1rem;
border-bottom: 0px;
	background-image:url('//stellaelm.net/wp-content/uploads/2017/05/re_star15.png');
	background-repeat:no-repeat;
	background-position:left center;
    padding:0 0 0 20px;	
}

#toc p{
margin:0 auto 10px auto;
width: 90%;
padding: 0;
line-height: 110%;
}

#fcs, #wss{
margin:20px auto;
width:100%;
}

#fcs h4, #wss h4{
color:black;
border: 3px black solid;
display:inline-block;
padding:3px 10px;
margin: 0;
font-size: 1.5rem;
}


h6.setfc{
margin: 5px 40px;
padding: 5px;
font-size: 1rem;
}

div.cards{
text-align: center;
margin: auto;}



h6.btt{
text-align: right;
margin: 10px auto 20px auto;
padding: 0;
width: 95%;
}

.exp{
text-align: center;
margin: 20px;
}

.exp_s{
font-size:1rem;
margin: 20px;
}

.traced{
font-weight:bold;
font-size:normal;
}

#form{
width: 95%;
height:auto;
margin:30px auto;
padding:5px;
border:2px #c00 solid;}

#form h5{
color:#c00;
margin:10px;
padding: 0;}

#form input{
	width:100%
}

.th_index{
margin:20px 20px 40px 20px;}

.th_index h5{
display:inline-block;
margin:0;
padding: 0 20px 10px 20px;
}

.th_index ul{
	list-style:none;
	clear:both;
	width:auto;
	margin:10px auto;
}

.alpha{
  clear:both;
  display:inline-block;
  width:100%;
  height:auto;
  margin:auto auto 40px auto;
}

.alpha ul{
clear: both;
margin: 10px auto 20px 30px;}


.themes li{
	width: auto;
	float: left;
	display:inline-block;
	margin:auto;
	background-image:url('//stellaelm.net/wp-content/uploads/2017/05/re_star15.png');
	background-repeat:no-repeat;
	background-position:left center;
    padding:0 10px 0 25px;
    line-height:2.5;
    font-size:1.1rem;
    font-family: 'Ribeye', cursive;
}

.ws-type{
margin:20px;
}

.ws-type span{
padding: 10px;
}

.ws-type a{
padding: 15px;}

.howto{
margin:35px;}

.howto img{
margin-left:10px;}

.software-detail{
	position:relative;
	width:90%;
	border:2px #000 solid;
	margin:auto auto auto 20px;	
}

.software-detail span{
	position:absolute;
	color:#fff;
	width:100%;
	bottom:5px;
    left:0px;
    text-align:center;
    color:#fff;
    line-height:250%;
    background-color:#000;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


.software-detail img{
	width:100%;
}

div.gumroad{
margin:10px auto;
width:90%;
text-align:center;
}
div.gumroad h5{
font-size:1.2rem;}

div.gumroad-links{
text-align:center;
margin:auto;}

a.gumroad-button{
margin: 5px 20px;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}