@charset "UTF-8";

* html body{background:url(null) fixed;}
*{
	font-style:normal;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

body{
	margin-right:auto;
	margin-left:auto;
	/* ★フォールバック（2026-07-30）：テーマ設定「フォント」(font-style→--font-s)が未設定でも
	   セリフ体（UA既定）に落ちないよう sans-serif を必ず後段に置く。 */
	font-family:var(--font-s, "Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic","Meiryo",sans-serif);
	font-weight:400;letter-spacing:0.025em;
}
html {
    /* アンカー飛び先が追従ナビの裏に隠れないためのオフセット。
       値は footer.php のJSが #global-nav の実高(fixed/sticky時のみ)を測って --anchor-offset に注入。
       JS未走・追従OFF時のフォールバックは 80px。 */
    scroll-padding-top: var(--anchor-offset, 80px);
	scroll-behavior: smooth;
}

#back-ground{
    clear: both;
    float: left;
    width: 100%;
}
html{font-size:6.25%;scroll-behavior:smooth;}
body{font-size:var(--font-size);/*font-weight:lighter;*/line-height:1.35;color:var(--font-color);}
a{color:var(--font-color);font-size:var(--font-size);position:relative;text-decoration:none;}



a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;}
a:link ,.article_area .table_layout_game .match-index tr td a{text-decoration:none;}
a:hover{text-decoration:none;/*position:relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;*/}
a:visited{text-decoration:none;}
img{vertical-align:bottom;max-width:100%;height:auto;}


ul{list-style:none;}

a:hover img{opacity:0.5;filter:alpha(opacity=50);background:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;}
a:hover .sns-listimg img{opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0 ease;-moz-transition:all 0 ease;}
.area:nth-child(even){background-color:var(--bc-color);}

/* 本文(single-body)の背景parityは single-body.css へ移設（.triangle.odd/.even 基準＝$sect_count 追従） */

/* ローディング画面（画面の一番手前に固定する） */
.loadingoverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  z-index: 9999;
  display: block;
}

/* メインコンテンツ（最初は透明にしておく） */
.sitecontainer {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
}

/* JSでこれがついたら表示 */
.sitecontainer.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

/*----------------Instagram-追従バナー---------------------------------
------------------------------------------------------------------------------------------------- */
.info-box{position:fixed;display:flex;justify-content:center;flex-direction:column;top:40%;right:0;z-index:999999;background:var(--sns-color03);padding:10px 0;border-radius:10px 0 0 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}

.info-box div{width:100%;clear:both;float:left;padding:5px 10px;margin:0; text-align:center;line-height:100%;}
.lawe i{font-size:32px;}
.info-box div span{width:100%;clear:both;float:left;font-weight: bold;}
.info-box div a{color:var(--sns-color01);font-size:10px;}
.info-box div img{width: 35px;}
.info-box div a:hover{color:var(--sns-color02); }
/*------SNSカラー----*/
.sns__container a:hover{opacity:0.6;}
.sns__twitter{background:#55acee;}
.sns__facebook{background:#3b5998;}
.sns__pocket{background:#ef3f56;}
.sns__line{background:#1dcd00;}
.sns__hatena{background:#00a5de;}

/*------PC版非表示ー----*/
.navi-top,.smart-navi,.site-header,.smart,.p-contact-tel__number-sp.sp,footer{display:none;}

/*----------------------------------home--------------------------------------
------------------------------------------------------------------------------------------------- */
.hed-img{clear:both;float:left;width:100%;background:#efefef;text-align: center;;}

/*----プライバシーポリシー----*/
.pp-cont{float:left;clear:both;width:100%;padding:2% 0;}
.pp-cont .pp-tit{float:left;clear:both;width:100%;padding:0 2%;border-bottom:1px solid var(--main-c);color:var(--tit-font-c);}
.pp-cont .pp-com{float:left;clear:both;width:100%;padding:2%;}

/*----ネクストページー----*/
.pagenavi-st{display: flex;justify-content:center;clear:both;float:left;width:100%;}
.custom-pagination {display: flex;justify-content: center;align-items: center;gap: 5px;margin-top: 30px;}
.custom-pagination .page-numbers {display: inline-block;padding: 6px 12px;border: 1px solid #CCC;color:var(--font-color);text-decoration: none;font-size:16px;border-radius: 2px;}
.custom-pagination a.page-numbers:hover {background:var(--font-sub-color);color:var(--font-color);border-color:var(--font-color);}
.custom-pagination .page-numbers.current {background:var(--font-color);color:#fff;border-color: #4a6fb5;}
.custom-pagination .page-count {background:#f9f9f9;}
.custom-pagination .dots {border: none;background: none;}


/*---News-最新情報-トップページー----*/
.sec-tit02{clear:both;float:left;width:100%;padding:10% 0;}
.indelist-box{width:100%;clear:both;float:left;margin-bottom:10%;}
.indelist-item{display: flex;flex-wrap: wrap;justify-content:space-around;padding:3% 2%;border-bottom:solid 1px #000;font-size:var(--font-size-mcont);}
.indelist-item:last-child{border-bottom:none;}
.indelist-item > div:nth-child(1){width: 15%;}
.indelist-item > div:nth-child(2){width: 15%;}
.indelist-item > div:nth-child(3){width:65%;}
.indelist-cat a{padding:2% 5%;font-size:16px;color:var(--main-c);background:var(--sub-c);width:100px;clear:both;float:left;text-align: center;}
.indelist-item a i{color:var(--main-c);background:var(--sub-c);border-radius:50px;font-size:15px;padding:5px 7px;}
.indelist-item a:hover i{color:var(--sub-c);background:var(--main-c);}

.catsing-data{clear:both;float:left;width:100%;}
/*----------------------------------シングル--------------------------------------
------------------------------------------------------------------------------------------------- */
/* .sec-area-centersing / .back-whi-sing は single-body.css へ移設（本文パーツ自己完結） */
/*----------------------------------お問い合わせ--------------------------------------
------------------------------------------------------------------------------------------------- */
.Form {margin:80px auto 0;max-width:850px;}
.Form-Item {border-top: 1px solid #ddd;padding: 24px 0;width: 100%;display: flex;align-items: center;}
.Form-Item:nth-child(4) {border-bottom: 1px solid #ddd;}
.Form-Item-Label {width: 100%;max-width: 248px;letter-spacing: 0.05em;font-weight: bold;font-size: 18px;}
.Form-Item-Label.isMsg {margin: 8px 0 auto;}
.Form-Item-Label-Required {border-radius: 6px;margin-right: 8px;padding:8px 0;width: 48px;display: inline-block;text-align: center;background: var(--main-c);color: #fff;font-size: 14px;}
.Form-Item-Input input {border: 1px solid #ddd;border-radius: 6px;margin-left: 40px;padding:0 1em;height: 48px;flex: 1;width: 100%;background: #eaedf2;font-size: 18px;}
.Form-Item-Textarea textarea  {border: 1px solid #ddd;border-radius: 6px;margin-left: 40px;padding:0 1em;height: 216px;flex: 1;width: 100%;background: #eaedf2;font-size: 18px;}
.Form-Btn input{border-radius: 6px;margin: 32px auto 0;padding: 20px 0;width:90%;display: block;letter-spacing: 0.05em;background: var(--main-c);color: #fff;font-weight: bold;font-size: 20px;}

@media screen and (max-width: 480px) {
	.Form {margin-top: 40px;}
	.Form-Item {padding:16px 14px;flex-wrap: wrap;}
	.Form-Item-Label {max-width: inherit;display: flex;align-items: center;font-size: 15px;}
	.Form-Item-Label.isMsg {margin-top: 0;}
	.Form-Item-Label-Required {border-radius: 4px;padding: 4px 0;width: 32px;font-size: 10px;}
	.Form-Item-Input input {margin-left: 0;margin-top: 18px;height: 40px;flex: inherit;font-size: 15px;}
	.Form-Item-Textarea textarea{margin-top: 18px;margin-left: 0;height: 200px;flex: inherit;font-size: 15px;}
	.Form-Btn input{margin-top: 24px;padding-top: 8px;padding-bottom: 8px;width: 160px;font-size: 16px;}
}


@media only screen and (max-width:768px){
html{font-size:5%;}
/* トップページ以外：ヘッダーバー直下にアイキャッチ/タイトルを密着させる（白余白除去）。
   固定ヘッダー分の余白は不要（ヘッダーが高さを取るため padding を足すと二重＝白帯になる）。 */
body:not(.home) #container {padding-top:0;}

/*page-coming-soon*/
.cs-box{display:block;float:left;clear:both;width:100%;}

.sec-tit{float:left;clear:both;width:100%;padding-left:5%;}

/* category.php の .top-tith span は .lay-cat-header-tit span（cat-header.css）へ移管済み（2026-06-30） */
/*--------t-layout.php---t-sub-layout.php-----*/
.page-com{float:left;clear:both;width:100%;padding:1% 0 5%;}

/*home-blog*/
.top-blog-list{justify-content:flex-start;flex-wrap: wrap;margin:10% 0;}
.top-blog-box{width:48%;margin:0 1% 30px;padding:0;}

.ter-banner{flex-wrap: wrap;}
.ter-banner div{width:100%;}
.topd-content{flex-wrap: wrap;justify-content:flex-start;}
.topd-content > div{max-width:100%;width:100%;margin:2% 3.25% 50px;}
.sns-list > div{max-width:100%;width:100%;margin:4% 3.25% 0;}
.sns-list li{width:275px;max-width:30%;}

/*---News-最新情報-トップページー----*/
.indelist-item{justify-content:flex-start;padding:10% 2%;}
.indelist-item > div:nth-child(1){width:25%;}
.indelist-item > div:nth-child(2){width:30%;}
.indelist-item > div:nth-child(3){width:100%;margin-top:3%;}

/*---category.php----*/
.list-box{padding:8% 0;}
} /* end @media max-width:768px */

@media print{}