/*
Theme Name:yStandard
Theme URI: http://ystandard.net
Author: yosiakatsuki
Author URI: http://yosiakatsuki.net
Description:サイト高速化、Google PageSpeed Insightsでの高得点獲得に重点を置きながら、比較的カスタマイズしやすい形を目指したテーマ
Version: 2.12.3
Text Domain: ystandard
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
  子テーマ作るときにぶつかって面倒だから何も入れていませんが、CSS自体は読み込まれます。
  サイト独自のスタイルの記述（カスタマイズ）にご利用ください。（オリジナルのスタイルを上書きできます）

  テーマで使用しているオリジナルのスタイルシートは./css/ディレクトリにあります。
    ./css/ys-firstview.css : インライン読み込みさせるスタイル（ファーストビューに関わる部分。「高速化設定」→「CSS読み込み最適化設定」をONにした場合のみ有効）
    ./css/ys-style.css     : ファーストビュー以外のスタイル
*/


@import url("nsa-style.css");


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
総合
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
body{
	overflow-y: scroll;
	font-family: Helvetica neue,Helvetica,Noto Sans JP,YuGothic,Yu Gothic,Hiragino Sans,ヒラギノ角ゴシック,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,sans-serif;
	color: #333;
	letter-spacing: 0;
}
#page{
	overflow: hidden;
}
body li{
list-style-type: none;
}
@media screen and (min-width: 768px){
	.mbon {
		display: none;
	}
}
@media screen and (max-width: 768px){
	.pcon {
		display: none;
	}
}

a:hover{
	opacity: .6;
	transition: .5s;
}




/*headerヘッダー*/
.header__container{
	max-width: 100%;
}
.color__site-header{
	background-color: #000;
}
.header__title{
	font-size:.9em;
}
.color__site-header, .color__site-title, .color__site-title:hover{
	color:#fff;
}
.global-nav__btn span{
	background: #fff;
}
@media screen and (min-width: 960px){
	.color__nav-bg--pc{
		background: initial;
	}
	.header__branding {
		padding: 0;
	}
	.header__title {
		padding:.7em 0 0 0;
	}
	.color__nav-font--pc{
		color: #fff;
	}
	.global-nav--amp a:hover, .global-nav a:hover{
		background: #fff;
		color: #000;
	}
	.global-nav__sub-menu{
		left:0;
		width: 250%;
	}
	.sub-menu a{
		color: #000;
	}
}




/*footerフッター*/
#footer .container{
	padding:0 0;
	max-width: 100%;
}
.site__footer{
	padding-bottom: 0;
	padding-top:2em;
}
.sitemap{
	font-size:.8em;
	text-align: center;
/*	letter-spacing: 0;*/
}
.sitemap h3{
	margin: 0;
	font-weight: 900;
}
.sitemap p{
	margin: 0 0 2em 0;
	padding:0 0 3em 0;
	border-bottom: solid 1px #4d4d4d;
}
.map{
	margin:0 0 2em 0;
	padding:0 0 2em 0;
	border-bottom: solid 1px #4d4d4d;
}
.sns {
	margin-bottom: 2em;
	text-align: left;
}
.sns ul{
	display: flex;
	flex-direction:column;
}
.sns ul li{
	margin: 0 0 5px 0;
}
.links{
	background: #555;
	padding: 1.5em 0;
	font-size:.8em;
}
.map,.links ul{
	text-align: left;
}
@media screen and (min-width: 768px){
	.map ul{
		margin-top: 0;
	}
	.map,.links ul{
		display: flex;
		justify-content: center;
		text-align: left;
	}
	.sns ul{
		flex-direction:row;
		justify-content: center;
	}
	.sns ul li{
		margin: 0 10px 0 0;
	}
	.links li{
		padding-left: 2em;
	}
}
@media screen and (max-width: 768px){
		.map .notop{
		margin-top: 0;
	}
}



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
トップページ
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/


/*見出し*/
#yn h3{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
}
#yn h3+p{
	font-size: .8em;
	margin: 0;
/*	letter-spacing: 0;*/
	font-weight: bold;
}#yn h4{
	font-size: .8em;
/*	letter-spacing: 0;*/
	font-weight: bold;
	margin: 0;
}
#yn h4+p{
	font-size: 2em;
	letter-spacing: 1em;
	font-weight: bold;
	text-indent: 1em;
	margin: 0 0 1em 0;
}





/*各コンテンツレイアウト系*/
#yn{
	text-align: center;
}
#maincat,#news,#subcat{
	margin-bottom: 25vh;
}
#maincat,#subcat{
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
	width:100%;
	height:50vh;
}
#maincat a:hover{
	transform: scale(1.01);
	transition: 1.2s;
}
#maincat a>div{
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	text-decoration: none;

}
#maincat a,#subcat div{
	width:100%;
	height:100%;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
@media screen and (min-width: 768px){
	#maincat,#news,#subcat{
		flex-direction:row;
		margin-bottom: 16vh;
	}
}




/*maincat*/
#maincat a:first-child{
	background: url(images/top/MG_1813.jpg);
	background-size: cover;
	background-position: center;
}
#maincat a:last-child{
	background: url(images/top/BSClogo-lg.gif);
	background-size: cover;
	background-position: center;
}
#maincat a h3,#maincat a p{
	color:#fff;
	margin: 0;
}




/*新着*/
div.bloglist {
	display: none;
}
.bloglist div{
	padding: 1.2em 10%;
	background: #eee;
}
.bloglist div:nth-child(2n){
	background: #fff;
}
.bloglist.show {
	display: block;
}
.blog-block{
}
.blog-{
	font-size:.6em;
	margin-right: 2em;
}
.blog-cat{
	font-size: .8em;
	margin-right: 2em;
}
#news a{
	text-decoration: none;
	color: #333;
}
.blog-text{
	font-size:.9em;
	border-bottom: solid 1px #aaa;
}
.newslist p a{
	font-size:.8em;
	display: block;
	width:300px;
	background: #333;
	color: #fff !important;
	padding:1em 6em;
	margin:2em auto 0 auto;
}
.blog-options {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	width: 90%;
	gap: 20px;
	margin: 0 auto 2rem;
}

.blog-options > div.blog-option {
	background-color: #1b7b1b;
	color: #fff;
	font-weight: 700;
	filter: brightness(0.5);
	border-radius: 5px;
	padding: 0.5rem 10px 0.3rem;
	width: calc(30% - 20px);
	text-align: center;
}

div.blog-option.active {
	filter: brightness(1);
}

div.blog-option:hover {
	filter: brightness(1.25);
}

div.blog-option p {
	padding: auto 10px;
}


/*サブカテゴリ*/
#subcat{
	height:100vh;
}
#subcat div:first-child{
	background: url(http://localhost:8081//wp-content/uploads/2019/03/1222161_1.jpg);
	background-size: cover;
	background-position: center;
}
#subcat div:nth-child(2){
	background: url(http://localhost:8081//wp-content/uploads/2019/03/sports2.jpg);
	background-size: cover;
	background-position: center;
}
#subcat div:last-child{
	background: url(http://localhost:8081//wp-content/uploads/2019/03/subcat-takojukai.jpg);
	background-size: cover;
	background-position: center;
}
#subcat h5,#subcat p,#subcat a{
	color:#fff;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
#subcat a{
	text-decoration: none;
	border:solid 1px #fff;
	padding:1px 20px;
}
#subcat h5,#subcat a{
	font-size:.8em;
/*	letter-spacing: 0;*/
	font-weight: bold;
}
#subcat p{
	font-size:1.2em;
	letter-spacing: .6em;
	text-indent: .6em;
	font-weight: bold;
	margin-bottom: 1em;
}
@media screen and (min-width: 768px){
	#subcat{
		height:30vh;
	}
	#subcat div:first-child{
		border-right: solid 1px #fff;
	}
	#subcat div:nth-child(2){
		border-right: solid 1px #fff;
	}
}





/*sns*/
#sns{
	margin-bottom:25vh;
}
#sns .ameblo,#sns .twitter,#sns .facebook{
	width:330px;
	height:300px;
	margin: 0 auto;
	border: solid 1px #aaa;
	box-sizing: content-box;
}
#sns .ameblo,#sns .twitter{
	margin-bottom: 5px;
}
@media screen and (min-width: 768px){
	#sns{
		margin-bottom:25vh;
	}
	#sns .ameblo,#sns .twitter,#sns .facebook{
		display:inline-block;
		vertical-align: top;
	}
	#sns {
		margin-bottom: 16vh;
	}
}




/*gmap*/
.gmap{
	line-height: 0
}




/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
固定ページ
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

a {
	color: #333;
}
/*セカンドページヘッダ*/
#content .container{
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0 0;
}
.site__content{
	margin: 0;
}
#content .container .content__main{
	max-width:100%;
	padding: 0;
}
.single #page #content .container .content-area,.archive #page #content .container .content-area{
	padding: 3em;
}
@media screen and (min-width: 960px){
.single #page #content .container .content-area,.archive #page #content .container .content-area{
	padding: 10vh 15vw;
	}
	.sidebar{
		border-left: solid 1px #ccc;
	}
}

.breadcrumbs{
	margin-bottom: 0;
	padding:.5em 2em;
	background: #333;
}

.entry__header--one-col .entry__thumbnail:before{
	background: linear-gradient(transparent,rgba(0,0,0,.0));
}
@media screen and (min-width: 960px){
	.has-thumbnail .entry__header--one-col {
		min-height:50vh;
	}
}
.one-col--singular .breadcrumbs__list, .one-col--singular .content__main{
	max-width: 100%;
}
#content .container .entry__date{
	display: none;
}
.page-template-default .entry-title{
	display: none;
}
.page-template-default .entry-header{
	margin-bottom: 5em;
}
@media screen and (min-width: 960px){
	.page-template-default .entry-header{
		margin-bottom: 8em;
	}

}




/*セカンドページ見出し*/
.entry-content p{
	margin: 0;
}
.page-template-default .entry__meta,.page-template-default .entry__content{
	margin: 0;
	padding: 0;
}
.page-template-default .entry-content h2{
	margin: 0;
	font-weight: 900;
	margin-bottom: 1em;
	text-align: center;
}
@media screen and (min-width: 960px){
	.page-template-default .entry-content h2{
		margin: 0 0 1em 0;
		font-size:2.8em;
		font-weight: 900;
		letter-spacing: .8em;
	}
}




/*セカンドページ01（otherページ）*/
.page-template-default .entry-content img{
/*	width:100%;*/
}
.page-template-default .entry-content #sp01 .bgwhite,
.page-template-default .entry-content #sp01 .bggray{
	width: 100%;
	padding:4em 5vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-template-default .entry-content .bggray{
	background: #f2f2f2;
}
.page-template-default .entry-content .bgwhite{
	background: #fff;
}
.page-template-default .entry-content dt,.page-template-default .entry-content dd,.page-template-default .entry-content ul{
	width:100%;
	margin: 0;
	padding: 0;
}
.page-template-default .entry-content #sp01 dl{
	margin-bottom: 2em;
}
.page-template-default .entry-content li{
	margin: 0 0 1em 0;
	
}
@media screen and (min-width: 960px){
	.page-template-default .entry-content #sp01 .bgwhite,
	.page-template-default .entry-content #sp01 .bggray{
		padding:6em 20vw;
	}
	.page-template-default .entry-content #sp01 ul{
		width:650px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap:wrap;
/*		font-size:0;*/
	}
/*
	.page-template-default .entry-content li{
		margin: 0 1em 0 0;
	}
*/
/*
	.page-template-default .entry-content li{
		margin-bottom: 100em;
	}
*/
}



/*セカンドページ02（trenbleトリンブルページ）*/
#sp02 .tremble01{
/*	margin-top: -4em;*/
	margin-bottom: 5em;
	padding:0 5vw 2em 5vw;
	border-bottom: solid 1px #cccccc;
}
#sp02 ul{
	font-size: 0;
}
#sp02 li{
	display: inline-block;
	width:49%;
	padding-bottom: .4em;
	font-size: 1rem;
	text-align: center;
	vertical-align: top;
}
#sp02 li p{
	font-size: 12px;
	font-weight: 900;
	margin-top: 1em;
}
#sp02 li:nth-child(odd){
	margin-right: 1%;
}
@media screen and (min-width: 940px){
	#sp02 .tremble01{
		padding: 0 5vw 2em 5vw;
		width:940px;
		margin: -3em auto 5em auto;
	}
	#sp02 li{
		width:24.25%;
	}
	#sp02 li:nth-child(even){
		margin-right:1%;
	}
	#sp02 li:last-child{
		margin-right:0;
	}
}

#sp02 .bggray,#sp02 .bgwhite,#sp03 .bggray,#sp03 .bgwhite,#sp04 .bggray,#sp04 .bgwhite{
	padding:7vh 5vw 15vh 5vw;
	width: 100%;
}
#sp02 .bggray div,#sp02 .bgwhite div{
	width:100%;
	margin: 0 auto;
}
#sp02 .bggray p, #sp02 .bgwhite p{
	margin-bottom: 1em;
}
@media screen and (min-width: 960px){
	#sp02 .bggray div,#sp02 .bgwhite div{
		width:1000px;
	}
	#sp02 .bggray p, #sp02 .bgwhite p{
		width:360px;
		margin-bottom: 0;
	}
	#sp02 .bggray img, #sp02 .bgwhite spimg{
		width:615px;
	}
}

@media screen and (min-width: 960px){
	#sp02 .bggray p{
		float: left;
		margin-right: 20px;
	}
	#sp02 .bgwhite p{
		float: right;
		margin-left: 20px;
	}
	#sp02 .bgwhite spimg{
		float: left;
	}
}



@media screen and (min-width: 960px){
	#sp03 .bggray div,#sp03 .bgwhite div{
		width:940px;
		margin: 0 auto;
	}
}
#sp03 h3,#sp03 p,#sp04 h3,#sp04 p{
	margin: 0;
	padding: 0;
	text-align: center;
}
#sp03 h3,#sp04 h3{
	font-weight: 900;
}
#sp03 p,#sp04 p{
	margin-bottom: 3em;
}
#sp03 table{
	background: #fff;
	font-size: .9em;
}
#sp03 th{
	background: #006837;
	color: #fff;
}
@media screen and (min-width: 960px){
	#sp03 td{
		padding: 5em;
	}
}
#sp03 td:first-child{
	width:30%;
	background: #e6e6e6;
	text-align: center;
}
#sp03 .green{
	background: #006837;
	padding: .1em;
	color: #fff;
}

#sp03 dl{
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
#sp03 dl dt{
	background: #006837;
	color: #fff;
	text-align: center;
	line-height: 2.5em;
}
#sp03 dl dd{
	background: #fff;
	padding: 1.5em;
	border: solid 1px #006837;
}



#sp04 .uniform{
	width:100%;
	margin: 0 auto;
	text-align: center;
}
.uniform dl{
	font-size:.7em;
}
.uniform dd{
	margin:1em 0 4em 0 !important;
	letter-spacing: -1px;
}
.uniform .bold{
	letter-spacing: 0;
	font-weight: 900;
}

@media screen and (min-width: 999px){
	#sp04 .uniform{
		width:1000px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.uniform dl{
		width:24.25%;
	}
	.uniform dl{
		min-width:24.25%;
		margin-top: 0;
		margin-right: 1%;
	}
	.uniform dl:nth-child(4n){
		margin-right: 0;
	}
}