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

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

/*固定ページの投稿名と日付非表示*/
.page .date-tags,
.page .author-info {
    display: none;
} 

.center {
	text-align: center;
}

.container{
	overflow-x:hidden;
}

/*グーグルマップ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-top: 20px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*top FontAwesome*/

.icon-fa {
	text-align:left;
}

.top-icon {
	font-size: 40px;
	color: #000a9b;
	margin-right:5px;
}

.icon-title {
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

.contact_tbl table{
	margin:0;
}

.contact_tbl tr td{
	background-color:#FFF;
	border:none;
	font-size:18px;
}

.tel_icon,
.fax_icon,
.mail_icon{
	border-radius:30px;
}

/*問い合わせ*/

.asterisk {
  margin-left: 0.2em;
  color: #f5637a;
}

#add_btn{
	font-size:18px;
	border-radius:4px;
}

#add_btn:hover{
	transition:all 0.3s ease-in-out;
	background:#000a9b;
	color:#fff;
}

.entry-content>*, .demo .entry-content p{
	margin-top:10px;
	margin-bottom:10px;
}

.menu-drawer a:hover{
	background:#000a9b;
	color:#fff;
}

.widget_nav_menu ul li a:hover{
	background:#000a9b;
	color:#fff;
}

/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
}

div.whatsnew a:hover{
	transition:all 0.3s ease-in-out;
	background-color:#000a9b !important;
	color:#fff;
}

textarea{
	resize:none;
}

figcaption{
	text-align:center;
	color:#000;
	word-break:keep-all;
}

.purpose{
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 500ms;
}

.purpose.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

body {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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

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

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