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

/************************************
** 子テーマ用のスタイルを書く
************************************/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600;700&display=swap');
/*必要ならばここにコードを書く*/
.w100{
	width: 100%;
	height: auto;
}
.w100::after{
	content: "";
	clear: both;
	display: block;
}
.w128{
	width: 130px;
	height: auto;
	float: left;
}
.w60{
	width: calc( 100% - 150px );
	margin-left: 20px;
	height: auto;
	float: left;
}

.w420{
	width: 320px;
	height: auto;
	float: left;
}
.w460{
	width: calc( 100% - 350px );
	margin-left: 20px;
	height: auto;
	float: left;
}

.w50{
	width: 50%;
	height: auto;
	float: left;
}

.st{
float:left;
width:240px;
text-align:center;
color:#0099cc;
}

.content{
	margin-top: 150px;
}

.sub-menu{
	width:100%;
	height:150px;
	background-color:#333;
}

.sub-menu-s{
	width:960px;
	margin:0 auto;
	padding-top:10px;
}
.float-img {
    float: left;
    width: 35%;
    margin-right: 20px;
}

.r_text{
	content: "";
	clear: both;
	display: block;
}
.section_title{
	color: blue !important;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 30px !important;
}
.main-widget-label{
	color: blue !important;
	font-family: 'Josefin Sans', sans-serif !important;
	font-size: 30px !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
	.w128{
		width: 80px;
		height: auto;
		float: left;
	}
	.w60{
		width: calc( 100% - 100px );
		height: auto;
		float: left;
	}

.st{
float:none;
width:100%;
text-align:center;
color:#0099cc;
}}

/*480px以下*/
@media screen and (max-width: 480px){
.w50{
	width: 100%;
	height: auto;
	float: none;
}
.sub-menu{
	margin-top: 90vh;
	width:100%;
	height:auto;
	background-color:#333;
}
.sub-menu-s{
	width:100%;
	margin:0 auto;
	padding-top:10px;
}
.content{
	margin-top: 100vh;
}
.float-img {
    float: none;
    width: 100%;
    margin-right: 20px;
}
}