@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

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


************************************/
/*必要ならばここにコードを書く*/

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#BZ_menu{
		display:none;
	}
	.post-update{
		display:none;
	}	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#BZ_menu{
		display:none;
	}
		.post-update{
		display:none;
	}
}
/*カスタマイズ部分↓*/
#content-in,
#wrap{
	width:100%;
	max-width:1600px;
}

  .main, 
.sidebar
 {
  background-color: #333;
}

/*メインカラム背景色*/


.header-container{
	background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/hf_bg-1.jpg);
	background-repeat:repeat;
	
}
.header-container-in{
   background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/mesopotamia2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-size: auto 20px;
	padding-bottom:20px;	
}
#footer{
	background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/hf_bg-1.jpg);
	background-repeat:repeat;
	width:100%;
	height:auto;
	margin-top:0;
	padding-bottom:40px;
}
.footer-cover{
	background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/mesopotamia2.png);
	background-repeat:repeat-x;
	background-position:top;
	background-size: auto 20px;
	padding-top:20px;	
}
/*サイドバー背景色*/

html,
body,
#main,
#container,
#content
{
font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/06/bg_0.jpg);
background-attachment:fixed;
color:#ececec;
font-size : 16px ; 
line-height : 1.7 ; 
font-weight:100;
	
}
html,
body,
#main,
#container,
#content
p {

}
#main{
	width:100%;
	max-width:1400px;
	margin: 0 auto;
}
#main img{
	text-align:center;
}
#navi,
.source-org{
font-family:Georgia, "Times New Roman", Times, serif;	
background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/hf_bg-1.jpg);
background-repeat:repeat;
}
#navi a{font-size:0.8em;}
.main a:visited{
	color:#fff;
	text-decoration:none;
}
.main a:hover{
	color:#fff;
	text-decoration:none;
	opacity:0.8;
}
.main a:active{
	color:#fff;
	text-decoration:none;
}
.blogcard {
	background:#2c031b;
}
a:link{
	color:#fff;
}
a:visited{
	color:#fff;
}
a:hover{
	color:#fff;
}
a:active{
	color:#fff;
}
.wprm-wrapper{
	display:none;
}
.article h1{
	font-size:1.3em;
	background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/h3_t.png);
	background-size: 100% 3px  ;
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 0.75em;
	margin-top: 1.3em;
}
.article h3{
	font-size:1.2em;
	background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/list_head.png);
	background-size: 3px 1.2em ;
	background-position: left;
	background-repeat:no-repeat;
	padding-left:0.7em;
}
/*
.mobile-menu-buttons{background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/hf_bg-1.jpg);}
*/
.menu-content .menu-drawer{
	height: 100vh;
	background-image:url(https://bazaar.fareastinc.co.jp/story/wp-content/uploads/2020/12/hf_bg-1.jpg);
margin-top:0;
	padding-top: 10px;
}
.pagination-next a:link{
	background:#a58a9a;
}
.pagination-next a:visited{
	background:#a58a9a;
}
.pagination-next a:hover{
	opacity:0.8;
}
.pagination-next a:active{
	background:#a58a9a;
}
.sns-buttons  a:link{
	background:#643f54;
}
.sns-buttons  a:visited{
	background:#643f54;
}
.sns-buttons  a:hover{
	background:#643f54;
	opacity:0.6;
}
.sns-buttons  a:active{
	background:#643f54;
}
#pager-post-navi a.prev-post a:link{
	background:#643f54;
}
#pager-post-navi a.prev-post a:visited{
	background:#643f54;
}
#pager-post-navi a.prev-post a:hover{
	background:#643f54;
	opacity:0.6;
}
#pager-post-navi a.prev-post a:active{
	background:#643f54;
}

table.cov td{border: #666 1px solid;}
.sun{background-color:rgba(128,0,0,0.2);}
.sut{background-color:rgba(0,0,128,0.2);}
.cl{color:#800000;}