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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.footer-left,
.footer-center,
.footer-right, .footer-mobile {
  padding: 5px 5px;
}
/* -------------top -----------------*/
.topbox2 ul{
	font-size:0;
	text-align:center;
}
.topbox2 ul li{
	display:inline-block;
	font-size:1.7rem;
	padding-bottom:40px;
	line-height:3rem;
}
.topbox ul{
	font-size:0;
	width:1200px;
	margin:40px 0 0 -54px;
}
.topbox ul li{
	font-size:1.2rem;
	display:inline-block;
	margin:0 0 30px 54px;
	text-align:center;
}
/* ----------top--------------------*/
.topnews ul a{
	margin-top:0px;
	font-size:1.2rem;
}
.topnews ul li{
	line-height:40px;
	padding:15px 0;
}

.topnews ul li span{
	vertical-align:top;
}
.topnews ul li span.nnews{
	width:120px!important;
}
.topnews ul li span.txt{
	width:460px!important;
}
.topnews ul li span.wa{
	width:500px!important
}
.topbox ul{
	font-size:0;
	width: auto;
	margin:40px 0 0 0px;
}
.topbox ul li{
	margin:0 0 30px 0px;
	width:300px;
	font-size:1rem
}
ul {
list-style:none;
}

span.fnews{
float:left;
display:block;
border-bottom:1px dotted #000;
}
span.fnews2{
width:400px;
display:block;
border-bottom:1px dotted #000;
float:left;
}

span.fnews3{
margin-left:580px;
display:block;
width:620px;
border-bottom:1px dotted #000;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*20210423沖トップページニュース/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
span.fnews3{
	font-size:1em;
	margin-left:300px;
	width:380px;
}
span.fnews2{
	font-size:1em;
	width:250px;
}
span.fnews{
	font-size:1em;
	width:130px;
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
span.fnews3{
float:left;
font-size:0.8em;
width:auto;
padding-bottom:20px !important;
margin-left:0px !important;
}
span.fnews{
border-bottom:none;
	font-size:0.8em;
	 border-bottom:none !important;
	}
span.fnews2{
	font-size:0.8em;
    border-bottom:none !important;
	width:auto;
	}}

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

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

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

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