/*
@charset "utf-8";
/*
Theme Name: nagisa
Theme URI: https://nagi.axlrei.com/
Author: Rei
Author URI: https://nagi.axlrei.com/
Template: twentyseventeen
Description: Child theme for Twenty Seventeen.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: nagisa
*/
 
@import url('../twentyseventeen/style.css');

.site-title {
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.7rem;
}

h1 {
	font-size: 2em;
	font-family:
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0.67em 0;
}


h2,
.home.blog .entry-title {
	color: #666;
	font-size: 18px;
	font-size: 1.1rem;
	font-weight: 300;
	border-bottom-color:#001e00;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

h4
 {
	color: #666;
	font-size: 16px;
	line-height:1.2;
	font-weight: 100;
	line-height:1;
	border-bottom-color:#33b236;
	border-bottom-style:solid;
	border-bottom-width:thin;
}


/* Hover effects リンク文字の下線を透明にする */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
        -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
        box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 0);
}


@media screen and (min-width: 48em) {
	.wrap {
		max-width: 1100px;/*記事・サイドバー・余白の全幅*/
		padding-left: 2em;/*記事の左余白*/
		padding-right: 2em;/*サイドバーの右余白*/
	}
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 67%;/*記事幅*/
	}
	.has-sidebar #secondary {
		float: right;
		padding-top: 5.5em;
		width: 29%;/*サイドバー幅*/
	}
	.navigation-top .wrap {
		max-width: 1100px;/*メニューバー幅*/
		padding: 0.75em 3.4166666666667em;
	}
	.site-content {
		padding: 0em 0 0;/*メニューバーと記事の間隔*/
	}
}


/* Mobile view*/ 
.panel-image { position:relative; width:100%; height: 50vh;} 

/*Full screen laptop/computer screen view*/ 
@media screen and (min-width: 48em) { 

.panel-image { position:relative; width:100%; height: 50vh;} 
 } 

/*英文スペルが全て大文字になるのを防ぐ*/ 

* {text-transform: none;}

/*固定ページをフロントページにした場合の幅変更*/ 

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 1020px;/*記事幅の最大値（初期740px）*/
	margin-left: auto;
	margin-right: auto;
	padding-left: 2em;
	padding-right: 2em;
	}
}

/*記事周りの背景*/
.site-content-contain {
	background-image:url(https://nagi.axlrei.com/wp-content/uploads/2025/02/bg-1-scaled.jpg);
	background-attachment:fixed;
}

/* コンテンツ中身の背景色 */
.site-content .wrap {
	background-color:#ffffff;

}

/* グローバルナビメニューの背景色 */
.navigation-top,
.navigation-top .sub-menu,
.navigation-top .toggled-on .menu {
	background-color:rgba(153, 0, 0, 0.8);

}

/*グローバルメニューマウスオーバー*/
.globalNavi__list li a:hover {
background-color: #8C8C8C
}


/* グローバルナビメニューの文字色 */
.navigation-top a,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #ffffff;
}

/* Fixes linked images イメージの線を削除*/
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0;
}


a img {border-style:none;}



/* フッターの背景色 */
.site-footer {
	background-image:url(https://nagi.axlrei.com/wp-content/uploads/2025/02/tennai5-1.jpg);
	background-color:#ffffff;
}


/* Posts */
	.single-post .entry-title,
	.page .entry-title {
		font-size: 18px;
		font-size: 1rem;
		padding: 3.5em 0 0;

	}
.page-title{
	
	padding-top:5.5em;}
	
	
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 18px;
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: capitalize;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.custom-header {
	position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
  height: 55vh;  /* 75vh  */
}

@media screen and (min-width: 48em) {
  .has-header-image.twentyseventeen-front-page .custom-header,
  .has-header-video.twentyseventeen-front-page .custom-header,
  .has-header-image.home.blog .custom-header,
  .has-header-video.home.blog .custom-header {
    height: auto;
  }
  .twentyseventeen-front-page.has-header-image .custom-header-media,
  .twentyseventeen-front-page.has-header-video .custom-header-media,
  .home.blog.has-header-image .custom-header-media,
  .home.blog.has-header-video .custom-header-media {
    height: 80vh; /* 100vh */
  }
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	position: relative;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 0em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
	padding-top:4.5em;

}

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
	font-family:  verdana, sans-serif;

}
/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/


h5 {
	color: #767676;
	font-size: 13px;
	font-weight: 800;
}
body,
button,
input,
select,
textarea {
	font-family:  verdana, sans-serif;
}
/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family:  verdana, sans-serif;
}

img[usemap] {
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 16px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}
/*--------------------------------------------------------------
imgの周りの線を消す
--------------------------------------------------------------*/
a img {border-style:none;}

/*--------------------------------------------------------------
リンク文字色
--------------------------------------------------------------*/

a {
	color: #00f;/*リンク文字色*/
}
a:hover,
a:active {
	color: #f00;/*マウスオーバー時のリンク文字色*/
}

/*--------------------------------------------------------------
リンク線色削除　線を復活する場合は0を1にする。色はrgba
--------------------------------------------------------------*/

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);/*下線の太さと色*/
}


/*--------------------------------------------------------------
マウスオーバー時のリンク線色
--------------------------------------------------------------*/

/* 
 * リンク下線の黒色が強いので弱める rgba(0, 0, 0, 1); -> rgba(102, 102, 102, 1);
 * RGB(102,102,102) = #666666
 */ 
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(102, 102, 102, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(102, 102, 102, 1);
}

/* Single Post　固定ページ幅 */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

//lesson表、PCのデフォルトスタイルは割愛します
.tbl-r05 td:first-child {
  background: #fbf5f5;
}
@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}