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

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

/* フロントページのナビとカバーの隙間を無くす */
.content { margin-top:0px; }
.main {
  padding: 0px 29px;
  border: 0px;
} 
.entry-content { margin-top: 0em;}

/* フロントページのカバーを全幅にする */
.cstm-blk-fullwide-inner {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
}
@supports (width: 100dvw) {
  .cstm-blk-fullwide-inner {
    width: 100dvw;
    margin: 0 calc(50% - 50dvw);
    padding: 0 calc(50dvw - 50%);
  }
}

/* フロント―ページのカバーの文字に影を付ける */
.cover-text-shadow {
  text-shadow: 1px 1px 5px rgb(48, 45, 45);
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .content { margin-top:0px; }
  main.main {
    padding: 0px 16px !important;
    border: 0px;
  } 
  .entry-content { margin-top: 0em;}

}

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

/* metaslider */
/*
.metaslider .flex-viewport { overflow: visible !important}
.flexslider .slides img {padding: 0 0 !important}
*/

/* 汎用の非表示トグル */
.is-hidden { display: none !important; }

/* 外部リンク用 */
@font-face {
  font-family: 'chain';
  src: url('https://www.ist.hokudai.ac.jp/div/ssi/2025renew/wp-content/themes/cocoon-child-master/assets/fonts/chain.woff2') format('woff2'),
       url('https://www.ist.hokudai.ac.jp/div/ssi/2025renew/wp-content/themes/cocoon-child-master/assets/fonts/chain.woff') format('woff'),
       url('https://www.ist.hokudai.ac.jp/div/ssi/2025renew/wp-content/themes/cocoon-child-master/assets/fonts/chain.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* CLS対策 */
}

h3.ext-link :where(a)::after{
  font-family: 'chain';
  content: "\F08E";
  display: inline-block;
  margin-left: .35em;
  font-size: .9em;
  transform: scale(0.95);
  transform-origin: left center;
  vertical-align: baseline;
  color: currentColor;
  pointer-events: none;
}

/* h3見出しのリンク装飾 */
.no-link-color :where(a, a:visited, a:hover, a:focus, a:active) {
  color: inherit;
  text-decoration: none;
  border-bottom: none;        /* 下線をborderで付けるテーマ対策 */
  background-image: none;     /* CSSでの擬似下線対策 */
  text-decoration-thickness: initial;
  text-underline-offset: initial;
}

/* キーボード操作の視認性は残す（下線は出さない） */
.no-link-color a:focus-visible {
  outline: 2px solid currentColor; /* 好みで色/太さ調整 */
  outline-offset: 2px;
}