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

/************************************
** 子テーマ用のスタイルを書く
************************************/

.content {
	margin-top: 0;
}

/*リンクの下線削除*/
a {
    text-decoration:none; 
}

/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 0;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #000080;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/*******アピールエリア*******/

/*アピールエリア*/
.appeal .appeal-in {
	width: 100%;
	background-color: rgba(0, 128, 128, .0);
}
.appeal-content {
	background-color: transparent;
}
/*アピールエリア 文字*/
.appeal-title,
.appeal-message {
	color: #000080;
	text-shadow    : 
    	 1px  1px 0.5px #fff,
    	-1px  1px 0.5px #fff,
    	 1px -1px 0.5px #fff,
    	-1px -1px 0.5px #fff,
    	 1px  0px 0.5px #fff,
    	 0px  1px 0.5px #fff,
    	-1px  0px 0.5px #fff,
		 0px -1px 0.5px #fff;
}
.p100 {
	font-size: 60px;
}
.p101 {
	font-size: 50px;
}


/*見出し初期化*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6
{
    padding: 0;
    margin: 0;
    background:none;
    border-collapse: separate;
    border-spacing: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    line-height: normal;
    position:relative;
}

/*******サイドバー*******/

/***ボックス指定***/

/*全体*/
.box500 {
	
}
/*画像*/
.box501 {
	margin: 0 10px;
}
/*社名*/
.box502 {
	background-color: #0075c2;
	margin: 10px;
	padding: 5px;
}
/*所在地・TEL・FAX*/
.box503 {
	margin: 0 10px 10px;
	padding: 10px;
}
/*お問合せリンク*/
.box504 {
	background-color: #e6e6fa;
	margin: 0 10px 10px;
	padding: 2px;
	transition: all 1.0s;
}
.box504:hover {
	background-color: #b0c4de;
}
/*営業時間・休日*/
.box505 {
	margin: 0 10px 10px;
	padding: 0 10px;
}
/*コメント*/
.box506 {
	margin: 0 10px 10px;
	padding: 0 10px;
}

/***文字指定***/

/*社名*/
.p500 {
	font-size: 20px;
	color: #fff;
	text-align: center;
}
/*所在地・TEL・FAX*/
.p501 {
	font-size: 15px;
	line-height: 1.5em;
}
/*お問合せ*/
.p502 {
	font-size: 15px;
	border-left: 2px #b0c4de solid;
	padding-left: 5px;
}
/*営業時間・休日*/
.p503 {
	font-size: 15px;
}
/*コメント*/
.p504 {
	font-size: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*******フッター*******/

/***フッターメニュー***/

/*ボックス指定*/
.box300 {
	padding: 0 10px;
}
/*表題*/
.box301 {
	border-bottom: 1px #fff solid;
	padding-left: 10px;
}
/*メニュー全体*/
.box302 {
	
}
/*メニュー個別*/
.box303 {
	background-color: #0075c2;
	padding: 3px 10px;
}
.box303:hover {
	background-color: #4496d3;
}

/***文字指定***/

/*表題*/
.p300 {
	font-size: 20px;
}
/*メニュー*/
.p301 {
	font-size: 16px;
}

/*****新着記事*****/

/***ボックス指定***/

/*全体*/
.box304 {
	padding: 0 10px;
}
/*表題*/
.box305 {
	background-color: #0075c2;	
	border-bottom: 1px #fff solid;
	padding-left: 10px;
}
.box305:hover {
	background-color: #4496d3;
}
/*テキスト全体*/
.box306 {
	padding: 5px;
}

/***文字指定***/
.p302 {
	font-size: 20px;	
}
.new-entry-card-date {
  display: block;
}
.a-wrap:hover {
	background-color: #4496d3;
}

/*****Sample Company*****/

/***ボックス指定***/

/*全体*/
.box307 {
	padding: 0 10px;
}
/*表題*/
.box308 {
	border-bottom: 1px #fff solid;
	padding-left: 10px;
}
/*情報①*/
.box309 {
	padding: 3px 10px;
}
/*情報②*/
.box310 {
	padding: 3px 10px;
}

/***文字指定***/

/*表題*/
.p303 {
	font-size: 20px;
}
/*情報①*/
.p304 {
	font-size: 16px;
}
/*情報②*/
.p305 {
	font-size: 16px;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){

/*アピールエリア 画像 縦サイズ*/
#appeal {
	min-height: 350px;
}
/*アピールエリア 文字サイズ*/
.p100 {
	font-size: 30px;
	margin-top: 50px;
}
.p101 {
	font-size: 25px;
	margin-top: 20px;
}

/*******フッター*******/

/***フッターメニュー***/

/*ボックス指定*/
.box300 {
	padding: 0 10px;
	margin-bottom: 40px;
}

}

/*400px以下*/
@media screen and (max-width: 400px){

}