@charset "UTF-8";

/* サイト全体のフォントを統一 */
body,
button,
input,
textarea,
select,
.shica-main-menu,
.shica-main-menu a,
.shica-x-profile-card,
#recommended,
#recommended a,
#recommended .navi-entry-card-title,
#recommended .navi-entry-card-title a{
  font-family:"Brush Script MT","Segoe Script","Segoe Print",cursive,sans-serif !important;
}

/* スマホではサイドバーをXプロフィールだけ表示 */
@media screen and (max-width: 834px){
  #sidebar > .widget:not(#shica-x-timeline),
  #sidebar > #sidebar-scroll,
  #sidebar > #sidebar-scroll .widget{
    display:none !important;
  }
}


/*---折り畳みアーカイブウィジェット---*/
.widget_archive a.year{ /*各年*/
	cursor: pointer;
	border-bottom: 1px dotted #ccc; /*各年に下線を引く*/
}
.widget_archive a.year::after{ /*各年横のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: '\f107'; /* アイコンの指定 */
	position: relative; /* 相対配置 */
	left: 5px; /* アイコンの位置 */
	font-weight: bold;
}
.widget_archive .years ul { /*各月*/
	display: flex;
	flex-flow: row wrap;
	margin-left: 5px; /*インデント*/
	font-size: 1rem;
	text-decoration: underline; /*各月に下線を引く*/
}
.widget_archive ul.years li {
	padding: 0 1px; /*各月の間隔*/
}
#sidebar .widget_archive ul.years li :hover { /*マウスホバー時*/
	background: none;
	transition: 0.1s;
	color: #72c7e6;
}
.widget_archive ul.years .hide { /*各年をクリックすると開閉*/
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}


/*---SNSボタンを丸くする---*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

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

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


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

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

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

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

.cat-label {
    top: 0;
    left: 10px;
    border: none;
    font-size: 12px;
    color: #fff;
    background-color: #49add1;
    padding: 1px 5px;
    margin: -6px 0 0 0;
    overflow: visible;
}
.cat-label::after { /*右上に小さな三角を作る*/
    position: absolute;
    content: '';
    top: 0;
    right: -6px;
    border: none;
    border-bottom: solid 6px #888888; /*小さな三角の色*/
    border-right: solid 6px transparent;
}
/* サイドバー見出し装飾 */
  h3.widget-sidebar-title {
    color: #ffffff;                      /* 文字色 */
    background: repeating-linear-gradient(100deg, #AE3456 0%, #FCF7CE 100%) no-repeat 50% 50% / 100% 100%;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border: solid 2px #FFFFFF;           /* [形][太さ][色]の全枠 */
    border-radius: 0.5em;                /* 角丸枠 */
  }

.article h3{
   color: #ffffff;                      /* 文字色 */
    background: repeating-linear-gradient(100deg, #AE3456 0%, #FCF7CE 100%) no-repeat 50% 50% / 100% 100%;                 /* 背景色 */
    padding: 0.25em 0.6em;               /* [上下][左右]の余白 */
    border: solid 2px #FFFFFF;           /* [形][太さ][色]の全枠 */
    border-radius: 0.5em;  
}
/*テーブル枠線なし*/
.b_less{
	border:none;
}
.b_less td{
	border:none;
}


/* Xプロフィールカード */
.shica-x-profile-card{
  font-family:"Brush Script MT","Segoe Script","Segoe Print",cursive,sans-serif;
  padding:16px;
  text-align:center;
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:10px;
  box-shadow:0 2px 7px rgba(0,0,0,.06);
}
.shica-x-profile-name{
  font-size:16px;
  font-weight:600;
  color:#555;
}
.shica-x-profile-text{
  margin-top:7px;
  font-size:12px;
  line-height:1.6;
  color:#888;
}
.shica-x-profile-link{
  display:inline-block;
  margin-top:11px;
  padding:6px 14px;
  border:1px solid #ccc;
  border-radius:7px;
  color:#777;
  background:#f7f7f7;
  text-decoration:none;
  font-size:12px;
  transition:all .2s ease;
}
.shica-x-profile-link:hover{
  color:#555;
  border-color:#aaa;
  background:#fff;
  transform:translateY(-1px);
}

/* ===== shica.design レイアウト ===== */
/* 英字・ローマ字を筆記体寄りに */
.entry-title,
.entry-title a,
.entry-card-title,
.entry-card-title a,
.cat-label,
.category-list,
.category-list a,
.widget_categories,
.widget_categories a,
.widget_archive,
.widget_archive a,
.breadcrumb,
.breadcrumb a,
.pagination,
.pagination a,
.page-numbers,
.site-name,
.logo-text{
  font-family:"Brush Script MT","Segoe Script","Segoe Print",cursive,sans-serif;
}

/* SNS・販売先ミニメニュー */
.shica-main-menu{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:7px 8px;
  margin:0;
  font-family:"Brush Script MT","Segoe Script","Segoe Print",cursive,sans-serif;
}
.shica-main-menu a{
  display:block;
  padding:6px 11px;
  background:#f4f4f4;
  border:1px solid #d9d9d9;
  border-radius:8px;
  color:#555;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.shica-main-menu a:hover{
  background:#fff;
  color:#a85f7a;
  border-color:#cda0b2;
  transform:translateY(-2px);
  box-shadow:0 3px 8px rgba(0,0,0,.10);
}

/* Profile・Portfolioなどのコンテンツメニュー */
#recommended{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
#recommended-in{
  max-width:1100px;
  margin:0 auto;
  padding:0 12px;
}
#recommended .navi-entry-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#recommended .navi-entry-card-link{
  width:100%;
  margin:0;
  padding:0;
  background:linear-gradient(135deg,#d81b60 0%,#c21875 38%,#8e24aa 68%,#5e35b1 100%);
  border:1px solid rgba(255,255,255,.35);
  border-radius:10px;
  box-shadow:0 2px 6px rgba(120,45,100,.16);
  overflow:hidden;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
#recommended .navi-entry-card-thumb{
  display:none;
}
#recommended .navi-entry-card-content{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
}
#recommended .navi-entry-card-title{
  color:#555 !important;
  font-size:14px !important;
  font-weight:500;
  line-height:1.35;
  text-align:center;
  opacity:1 !important;
  visibility:visible !important;
}
#recommended .navi-entry-card-title a{
  color:#555 !important;
}
#recommended .navi-entry-card-link:hover .navi-entry-card-title,
#recommended .navi-entry-card-link:hover .navi-entry-card-title a{
  color:#a85f7a !important;
}
#recommended .navi-entry-card-snippet{
  display:none;
}
#recommended .navi-entry-card-link:hover{
  background:linear-gradient(135deg,#d81b60 0%,#c21875 38%,#8e24aa 68%,#5e35b1 100%);
  border-color:rgba(255,255,255,.55);
  transform:translate(3px,3px);
  box-shadow:0 5px 11px rgba(120,45,100,.24);
}
#recommended .navi-entry-card-link:hover .navi-entry-card-title{
  color:#a85f7a;
}

@media screen and (max-width: 834px){
  #container{display:flex;flex-direction:column;align-items:center;}
  #container > *, #header-container, #notice-area, #content-top, #recommended, #content, #content-bottom{width:100%;}
  #container > *{margin-left:auto;margin-right:auto;}
  #container > *{order:99;}
  #header-container{order:1;}
  #notice-area{order:2;}
  #content-top{order:3;}
  #recommended{order:4;}
  #content{order:5;}
  #content-bottom{order:6;}

  #content-top-in{display:flex;flex-direction:column;gap:12px;}
  #content-top-in > .widget{width:100%;margin:0;}
  #block-25{order:1;}
  #block-16{order:2;}

  #content-in{display:flex;flex-direction:column;}
  #main{width:100%;max-width:none;}
  #sidebar,body.no-mobile-sidebar #sidebar{display:block;width:100%;max-width:none;margin-top:24px;}
  #list.ect-2-columns{display:grid;grid-template-columns:1fr;gap:12px;}
  #list.ect-2-columns .entry-card-wrap{width:100%;margin:0;}
  #sidebar .widget{margin-bottom:18px;}
  #sidebar .twitter-timeline{display:block;max-width:100%;}

  #recommended-in{padding:0 10px;}
  #recommended .navi-entry-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  #recommended .navi-entry-card-content{
    min-height:44px;
    padding:8px 6px;
  }
  #recommended .navi-entry-card-title{
    font-size:12px;
    line-height:1.35;
  }
}

/* ===== 販売先3ショップカード ===== */
.shica-shop-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:100%;
  max-width:1000px;
  margin:14px auto 18px;
  padding:0 10px;
  box-sizing:border-box;
}
.shica-shop-card{
  display:block;
  min-width:0;
  color:#555;
  text-decoration:none;
  text-align:center;
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:10px;
  padding:8px;
  box-sizing:border-box;
  box-shadow:0 2px 7px rgba(0,0,0,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.shica-shop-card:hover{
  transform:translateY(-2px);
  border-color:#cda0b2;
  box-shadow:0 5px 12px rgba(120,45,100,.14);
}
.shica-shop-card:hover .shica-shop-title,
.shica-shop-card:hover .shica-shop-desc{
  color:#cccccc !important;
}
.shica-shop-placeholder{
  width:100%;
  aspect-ratio:1/1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:7px;
  background:linear-gradient(135deg,#f3eef2 0%,#eadbea 50%,#ddd1e7 100%);
  color:#76546c;
  font-size:20px;
  font-weight:600;
  line-height:1.4;
}
.shica-shop-placeholder span{font-size:11px;font-weight:400;margin-top:4px;}
.shica-shop-title{margin-top:8px;font-size:14px;font-weight:600;}
.shica-shop-desc{margin-top:3px;font-size:11px;line-height:1.4;color:#888;}

/* 総合案内所の通知文は非表示 */
#notice-area{display:none !important;}

/* ===== #recommended text visibility fix ===== */
/* 総合案内所の通知文は非表示 */
#notice-area{display:none !important;}
#recommended.rcs-image-only .navi-entry-card-link,
#recommended.rcs-image-only .navi-entry-card,
#recommended.rcs-image-only .navi-entry-card-content,
#recommended.rcs-image-only .navi-entry-card-title{
  display:block !important;
}
#recommended.rcs-image-only .navi-entry-card-content{
  position:relative !important;
  z-index:5 !important;
  background:transparent !important;
}
#recommended.rcs-image-only .navi-entry-card-title{
  position:relative !important;
  z-index:10 !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
#recommended .navi-entry-card-content{
  min-height:48px !important;
  padding:10px 14px !important;
  text-align:center !important;
}
#recommended .navi-entry-card-title,
#recommended .navi-entry-card-title a,
#recommended .navi-entry-card-title.card-title{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  font-family:"Brush Script MT","Segoe Script","Segoe Print",cursive,sans-serif !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  text-align:center !important;
}
#recommended .navi-entry-card-link:hover .navi-entry-card-title,
#recommended .navi-entry-card-link:hover .navi-entry-card-title a{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

@media screen and (max-width: 834px){
  #recommended .navi-entry-card-content{min-height:44px !important;padding:8px 6px !important;}
  #recommended .navi-entry-card-title,
  #recommended .navi-entry-card-title a,
  #recommended .navi-entry-card-title.card-title{font-size:12px !important;}
}

@media screen and (max-width: 834px){
  .shica-shop-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px auto 14px;padding:0 6px;}
  .shica-shop-card{padding:5px;border-radius:8px;}
  .shica-shop-placeholder{font-size:15px;border-radius:6px;}
  .shica-shop-placeholder span{font-size:9px;}
  .shica-shop-title{margin-top:6px;font-size:12px;}
  .shica-shop-desc{font-size:9px;}
}

@media screen and (max-width: 480px){
  .shica-main-menu{
    gap:4px;
    padding:6px 4px;
    width:100%;
    box-sizing:border-box;
  }
  .shica-main-menu a{
    flex:1 1 0;
    min-width:0;
    padding:8px 2px;
    font-size:14px;
    text-align:center;
    box-sizing:border-box;
  }
  .shica-main-menu a{padding:16px 2px;font-size:14px;font-weight:400;border-radius:7px;background:#000;color:#fff;border-color:#000;font-family:"Brush Script MT","Segoe Script","Segoe Print",cursive,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;}
  #header-container .header{min-height:auto;}
  #header-container .header-site-logo-image{max-width:82vw;height:auto;}
  #notice-area{display:none !important;}
}