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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.navi-in > ul li {
	width: auto;
    padding: 12px;
    height: auto;
}

.item-label {
    border-right: none;
}

/*ヘッダー関連*/

#navi {
	background-image: url("/demo/azuki/images/menuback.png");
    background-color: #481a031f;
}

.n2-section-smartslider {
    margin-top:-18px;
}

.logo-image {
    padding: 30px 0 0;
}

#hLeft {
	width:20%;
	margin:0px auto;
	float:left;
}

#hCenter {
	width:60%;
	margin:0px auto;
	text-align:center;
	float:left;
}

#hRight {
	width:20%;
	margin:0px auto;
	padding:0 20px 0 0;
	float:left;
	text-align:right;
}

.hWrap {
	margin-top:30px;
}

.sidebar h3:before {
    border-radius: 30%;
}

.navi-in a:hover {
  background-color: transparent;
  color : #a1525a;
}

/*固定ページの投稿日時を非表示*/
.page .date-tags {
display: none;
}

.article h1 {
    background: linear-gradient(transparent 65%, #f7eee7 65%);
}

.formBox {
	margin-bottom:20px;
}

span.wpcf7-list-item {
display: block !important;
}

textarea {
    min-height: 100px;
}

.entry-title, .archive-title {
    font-size: 0.9em !important;
}

.main {
    width: 950px;
}

.sidebar {
    width: 300px;
}

#acmap {
    padding: 0.7em 1em 0.6em !important;
	margin: 20px 0 15px 0 !important;
    color: #584f47 !important;
    background-color: transparent !important;
    border: none !important;
    border-left: solid 5px #c5ac94 !important;
}


.mgnTop0 { margin-top:0 !important;}
.mgnRit0 { margin-right:0 !important;}
.mgnBtm0 { margin-bottom:0 !important;}
.mgnBtm10 { margin-bottom:10px !important;}
.mgnLft0 { margin-left:0 !important;}
.mgnLft5 { margin-left:5px !important;}
.mgnLft10 { margin-left:10px !important;}
.txtCenter { text-align:center !important; margin:0 auto;}
.pdg0 { padding:0px !important;}
.pdg10 { padding:10px !important;}
.pdg20 { padding:20px !important;}
.

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
#hCenter{
	display: none;
}
#hRight {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    float: left;
    text-align: center;
}

}

/*1023px以下*/
@media screen and (max-width: 1281px){
.main {
    width: 100%;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
	
#hRight {
	clear:both;
	width:100%;
	margin:0px auto;
	text-align:center;
	padding-right:0;
}

.tCenter {
	text-align:center !important; margin:0 auto;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
	
#hLeft {
    height: 15px;
}

.entry-title, .archive-title {
    font-size: 1.2em;
}

}