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

/************************************
** 子テーマ用のスタイルを書く
************************************/
a{
	text-decoration:none;
}
/************************************
*全体
************************************/
/*必要ならばここにコードを書く*/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
img{
box-shadow: 1px 2px 5px 0 rgba(0,0,0,.2);
}
.wp-block-columns .none-shadow img{
	box-shadow:none;
}

a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

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

/* .entry-card-thumb img{
	overflow:hidden;
	margin-bottom:20px;
}
.entry-card-thumb img :hover{
	transform:scale(1.1);transition-duration:0.5s;
}
 */
.ect-vertical-card .entry-card-wrap .entry-card-thumb{
	overflow:hidden;
	margin-bottom:15px;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img:hover{
/* 	transform:scale(1.1); */
	opacity:0.79;
	transition-duration:0.5s;
}

.flex-viewport ul li {
	overflow:hidden;
	background-color:#000;
}
.flex-viewport ul li img{
	width:100%;
	transition-duration: 0.5s;
}

.flex-viewport ul li img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform:scale(1.1);
/* 	 rotate(-9deg) */
	transition-duration:0.5s;
	opacity:0.8;
	cursor:pointer;
	transition-timing-function: ease;	
}

body {
	font-family: 'Montserrat', sans-serif;
}
/*-----------------------------
 モバイル表示　ヘッダーメニュー・検索アイコン 
 -----------------------------*/
/* margin-left:1em;} */
span.fas.fa-bars::before{
/*color:#90C31F; ハンバーガーメニュー色変更はこちら*/
color:#fff;
/* margin-right:1em; */
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
} 

@media screen and (max-width: 1023px){
	.navi-menu-content{
		background-color:#202f55 !important;
		}
	.menu-drawer li a{
		background-color:#202f55 !important;
		color:#fff;
		font-family: 'Montserrat', sans-serif !important;
	}
	.fa-close{
		color:#fff !important;
		font-weight:100 !important;
	}
}
/**************************************
全体設定
***************************************/
.main .entry-content a{
	color:inherit;
}

/**************************************
 トップページカスマイズ
***************************************/


/* 記事リンクボタンの色 */
.link-btn:hover{
	background: #202f55;
    border: 1px solid #202f55;
    color: #fff;
    transition: 0.5s;
}

toppage{
padding:2em 0 2em 0;
}

/*見出し*/
.title{
     margin:0.5rem 0;/*外側余白*/
	padding:0;/*内側余白*/
	text-align:start;/*中央寄せ*/
	font-size:1.5rem;/*文字の大きさ*/
	letter-spacing:1px;/*文字間の余白*/
	line-height:1.8;/*行の高さ*/
}
.title:after{
	display:block;
	font-size:.8rem;
}
.newpost:after{
	content:'新着記事';
}
.feature:after{
	content:'特集';
}
.category:after{
	content:'カテゴリー別の記事';
}
div.popular:after{
	content:'今日、読まれている記事';
}
.regular:after{
	content:'連載';
}
.ranking:after{
	content:'人気記事';
}

.regular_post{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:auto;
	gap:20px;
}

.fujino{
	grid-area:1/1/2/2;
}
/* .fujino img{
	width:100%; */
}
.policy{
	grid-area:1/2/2/3;
}
.policy img{
	width:100%;
}
.uae_model{
	grid-area:1/3/2/4;
}
.uae_model img{
	width:100%;
}
@media screen and (max-width: 768px){
.regular_post{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto;
	gap:2px;
}
	
.fujino{
	grid-area:1/1/2/2;
}
.fujino img{
	width:100%;
}
	
.policy{
	grid-area:2/1/3/2;
}
	
.policy img{
	width:100%;
}

.uae_model{
	grid-area:3/1/4/2;
}
.uae_model img{
	width:100%;
}
}

/***リンクボタン***/
.link-btn{
 text-align:center;
 display:block;
 margin:0 auto 0.8em;
 padding:0.4em 0.4em;
 text-align:center;
 text-decoration:none;
 border:1px solid #ccc;
 font-size:0.9em;
 width:180px;
}

.entry-content .link-btn:hover{
	color:#fff;
}

.search-box{
	margin: 10em 20px 2em 0;
}
.search_edit{
/* 	width:200px; */
	padding:10px 20px 10px;
}


/***記事横並べ(flex)***/
.widget-entry-cards.large-thumb{
   display: flex; /* フレックスにする */
   flex-wrap: wrap;
}

/*新着、人気記事サムネイル（大）*/
.new-entry-cards.large-thumb a{
  width:calc(100% / 3);/*pcで横2列に並べる*/
}
 
.cate .new-entry-cards.large-thumb a,
.popular-entry-cards.large-thumb a{
  width:calc(100% / 3);/*pcで横3列に並べる*/
}

/*834px以下*/
@media screen and (max-width: 834px){
       .new-entry-cards.large-thumb a{
		width:100%;/*スマホで横１列に*/
	}
       .cate .new-entry-cards.large-thumb a,
       .popular-entry-cards.large-thumb a{
	       width:calc(100% / 2);/*スマホで横２列*/	
	}	
}

/*--------------------
メタスライダーメインビジュアル
----------------ー---*/
.mainvisual_caption{
	font-size:1.4em;
}

#metaslider_1092{
	background-color:#000;
}

/* .nivo-imageLink{
	position:relative;
	background-color:#000;
} */
/* .nivo-imageLink::before {
  content:"'';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
} */
/* #metaslider_1092 img:hover{
	transform:scale(1.2,1.2);
	transition:1s all;
	opacity:0.6;
}

.nivoSlider img{
 transition:1s all;
}
.nivoSlider img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
} */


.nivoSlider .nivo-caption{
	background:rgba(255,255,255,0.95) !important; 
	max-height:4em !important;
}
/* 	.content-top .caption-wrap, .ms-is-small.metaslider.ms-theme-highway div.nivoSlider .nivo-caption{
		top:40% !important;
		line-height:1.0;
	}	 */
.nivo-caption .mainvisual_caption{
	line-height:1.1;
}
	
	/*480px以下*/
@media screen and (max-width:600px){
	
.content-top .ms-is-small.metaslider.ms-theme-highway .nivoSlider .nivo-caption{
	padding-top:0;
}
	.content-top .caption-wrap, .ms-is-small.metaslider.ms-theme-highway div.nivoSlider .nivo-caption{
		top:40% !important;
		line-height:1.1;
/* 		transform:translate(50%,50%); */
/* 		margin:0 35px 0 0; */
/* 		transform:none !important; */
	}
}	
	
.nivo-caption .mainvisual_caption{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important;
}

/* スライダー左上のリボン */
.ribbon{
	display:none;
}

.mainvisual_caption{
	max-width:400px;
font-size:1.2em;
}
/**************************
 タブ切り替え
***************************/

/* 親要素で囲みタブの横並びのためflexを指定*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:5px 0;
}


/*タブ(label)のスタイル*/
.tab-label {
  border:1px solid #ccc;
  text-align: center;
  padding: .5em 1em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  font-size:0.8em;
}

.widget-entry-cards.card-large-image{
	font-size:0.8em;
}
.widget-entry-card-title{
	font-size:0.8em;
}


/*タブの間に余白をあける*/
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}

/* タブのコンテンツ部分*/
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

/* アクティブなタブ、選択されていることが分かるようにチェックされているradioボタンの隣にあるlabelの背景色を変える*/
.tab-switch:checked+.tab-label {
  color:#fff;/*文字色*/
  background-color:#202f55;/*タブの背景色*/
  border:1px solid #202f55;/*タブの枠線　太さ　種類　色*/
}

/*吹き出し部分のスタイル*/
.tab-switch:checked+.tab-label:after{
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% + 5px);
	margin-left: -15px;
	border: 10px solid transparent;
       border-top:10px solid #202f55;/*タブの吹き出し部分*/
	width: 0;
	height: 0;
}

.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 20px 0 0 0;
  opacity: 1;
  transition: .5s opacity;
}

/* radioボタンは仕組みだけ利用するため非表示に、トップページヘッダーまわり非表示*/
.tab-switch,
.home .article-header,
.home .article-footer,
.main .article-header{
  display: none;
}

.wp-block-tag-cloud{
	text-align:left;
	font-size:14px;
}

@media screen and (max-width:400px){
	.tab-label{
		 display: grid;
		place-items: center; 
	}
	.tab-label:not(:last-of-type) {
    margin-right: 0px;
	}
}
	


/*トップページカスマイズ終わり***************************************/

.cat-label {
position: static;
 }
.new{
	white-space: nowrap;
	display: inline-block;
	padding: 5px 0;
	margin:5px;
	width: 50px;
	text-align: center;
	font-size: 80%;
	line-height: 1.2;
	font-weight: bold;
	background: #202f55;
	color: #fff;
	z-index:999;
} 
.achieve-title{
	font-size:20px;
}
.achieve-title .fas{
	display:none;
}

.achieve-title .fa-folder-open{
	display:none;
}

span .fa-folder-open:before{
	content:none;
}

.archive-title span{
	display:none;
}

.archive-title{
	margin-left:10px;
}

.fa-clock{
	display:none;
}

.author-name{
	font-size:14px;
}
.fa-pencil-alt{
	 display:none;
}

@media screen and (min-width: 1024px){
	element.style{
		top:0;
		z-index:0;
	}
	.mobile-header-menu-buttons{
		background-color:transparent !important;
		justify-content: space-between;
	}
	.mobile-menu-buttons {
		background:transparent;
	}
	.mobile-menu-buttons {
	display: flex;
	align-items: stretch;
	cursor: none;
    }

.logo-menu-button img{
	display:none;
	}
}


	.search-box{
		margin:0 auto;
	}
	#navi-menu-open .navi-menu-icon{
		text-align:start;
		margin-left:20px;
	}
	#search-menu-open .search-menu-icon{
		text-align:end !important;
		padding-right:20px !important;
	}
		li .search-menu-button{
		width:30px;
	}
		li .navi-menu-button{
		width:30px;
	}



.mobile-header-menu-buttons{
	 height:50px;
	box-shadow:none;
	z-index:auto;
	position:fixed;
}

	.mobile-menu-buttons{
		top:0;
		bottom:auto;
	}

/* @media screen and (min-width:1024px){
.mobile-menu-buttons .menu-button{
		width:100% !important;
	}
} */
/* #search-menu-open{
	margin-left:auto !important;
} */

	.Search-menu-content{
		text-align:end;
		top:0;
		left:80%;
		
	}

@media screen and (min-width:1024px){
	#search-menu-content{
		right:25px;
	}
}

@media screen and (max-width:1023px){
	#search-menu-content{
		text-align:end;
 		top:32.5px;
		right:-330px;
	}

	.search-box{
		position:absolute;
		right:0;
		top:0;
		text-align:end;
		margin-left:auto;
		padding-right:0px;
		margin-top:20px;
		width:10em;
	}

	.search-submit{
		display:none;
	}
}
/*--------------------
個別の記事
プロフィール画像
--------*/
.wp-image-707,.wp-image-731,.wp-image-735,.wp-image-824,.wp-image-850,.wp-image-852,.wp-image-875,.wp-image-1227,.wp-image-1232,.wp-image-1313,.wp-image-1462,.wp-image-1651,.wp-image-1693,.wp-image-2322{
  border-radius:50%;
box-shadow:none;
border:1px dotted #888;
}

.wp-image-730{
  border-radius:50%;
box-shadow:none;
	border:1px dotted #888;
}
	@media screen and (max-width: 600px){
		.wp-block-media-text__media img{
			width:200px;
			height:200px;
		}
		.wp-block-media-text__media{
			text-align:center;
			margin-bottom:10px !important;
	}
}

/*---------------------------
固定ページ記事　admin　ホーム
---------------------------*/
	.author-name{
		 display:none;
	}
	
	.breadcrumb-caption{
		display:none;
	}

/*---------------------------
サイトマップ
---------------------------*/
	#post-106 #toc{
		display:none;
	}
	
	.is-layout-flow ul li a:hover{
    background: #eeeeee;
    color: #202f55;
    transition: 0.2s;
	cursor:pointer;
	}
	#post-106 .wp-block-columns .sitemap .children li{
		  position: relative;
	}

	#post-106 .wp-block-columns .sitemap .children li::before{
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
  width: 8px;    /* くの字を山なりに見た時、左側の長さ */
  height: 8px;   /* くの字を山なりに見た時、右側の長さ */
  border-top: 1px solid #222;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 1px solid #222;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
}

	 #post-106 ul li a{
		color:#000;
	}

	 #post-106 #toc1{
		font-size:0.8em;

	}
	.sitemap h2{
		font-size:1.05em;
	}


/*---------------------------
SNS設定
---------------------------*/
.sns-share{
margin: 0 0 24px ;
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
letter-spacing:.3em;
border-radius:20px;
border: 0;
padding: 0;
background-color:#3f5569;/*SHARE 背景色の変更はこちら*/
color:#fff;
display: inline-block;
width: 40%;
}
.sns-share-message, .sns-follow-message, span.related-entry-main-heading.main-caption, .comment-title {
margin:20px 0 10px 0;
}
.sns-share.ss-high-and-low-lc a .button-caption.button-caption{
display:none;
}
.sns-share-buttons {
padding-right:0%;
padding-left:20%;	
}
.sns-share-buttons a {		
transition:0.5s;
}
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 10%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 25px;
}

.sns-buttons {
	justify-content:end;
}

.sns-buttons a{
	height:38px;
	border-radius:0%;
	background-color:#fff;
	color:#202F55;
}


.sns-share.ss-bottom.ss-col-6 a{
	width: 8%;	
}

@media (max-width:600px){
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
width: 55%;
}
.sns-share-buttons {
padding-right:5%;
padding-left:5%;
}
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {/*設定したカラム数に応じて数字を変更してください(例：カラム6列→6)*/
width: 15%;
}
.sns-share.ss-high-and-low-lc a .social-icon{
font-size: 20px;
}
}
	
/*---------------------------
フッター
---------------------------*/
	@media screen and (min-width: 1024px){
	.footer-right{
		margin-left:-200px;
	}
	}

	
/*---------------------------
カテゴリーファッション
---------------------------*/

.category-fashion .posts-not-found{
	display:none
}
		
.page-id-1355 .fg-media-caption .fg-media-caption-title a{
	color:#fff;
}
/* .page-id-1355 .fg-media-caption-title a:hover{
	color:ddd !important;
} */

.fg-panel.fg-dark :is(.fg-media-caption-title,.fg-media-caption-exif,.fg-media-product-body) {
	
	border-bottom:1px solid #dab300 !important;
}

.fg-panel.fg-dark :is(.fg-media-caption-title,.fg-media-caption-exif,.fg-media-product-body) :hover {
	color:#ddd;
}

.category-fashion .fg-panel .fg-panel-area .fg-media-caption .fg-media-caption-title a{
	color:#ffffff;
}

/* ギャラリートップの文字と注釈の下線 */
/*  .fg-caption-title {
    border-bottom: 1px solid #dab300;
} */

/* トップへ戻るボタン */
.go-to-top-button{
		width:34px !important;
		height:34px;
		border-radius:0px;
		background-color:#202F55;
		margin:0 8px 8px 0;
		color:#fff;
}
.go-to-top-button:hover{
	color:#dab300;
}

/* 記事のホームボタン */
.pager-post-navi a.prev-next-home{
	font-size:30px;
	color:#202F55;
}
/* 
リロード時の崩れを直す 
.preload{
  transition:0 !important;
} */

.preload *{
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

/* テーブルの1列目をセル内改行をしないようにする */
.col1-nowrap td:nth-of-type(1) { white-space: nowrap;}


/* ハンジャール記事 */

@media screen and (max-width:800px){
	#post-2130 .wp-block-image img{	
		margin:0 auto;
	}
}

/* ブログカード整理 */
.wp-block-cocoon-blocks-blogcard .blogcard-favicon{
	display:none;
}

.wp-block-cocoon-blocks-blogcard .blogcard-domain{
	display:none;
}

.wp-block-cocoon-blocks-blogcard .blogcard-label{
	display:none;
}
　
/*  禁則処理 */

#post-2440 {
  word-break: keep-all;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media screen and (min-width: 800px){
	.br-sp {display:none;
	}
}

.post-2440 .entry-content .flexslider .flex-control-nav ul li{
    background-color:#202F55;
    color: rgba(255,255,255,.95);
}

@media screen and (max-width: 800px) {
 .reverse {
   flex-direction: column-reverse!important;
 }
}

.postid-2441 {
  word-break: keep-all;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

	
/*---------------------------
ロレックス　シリアル一覧ページ
---------------------------*/


	   #post-265 .is-style-stripes table tr td:nth-child(3) {
       background-color:#afeeee; /* 偶数行の背景色 */
   }
	   #post-265 table tr td:nth-child(2) {
       background-color:#f0f8ff; /* 偶数行の背景色 */
   }