@charset "UTF-8";

/*

site_information

logo-color/
main-color/#223377
accent-color/#cca300

ja ----- font-family: Noto Sans JP,游ゴシック,Yu Gothic,游ゴシック体,YuGothic,Hiragino Sans,Meiryo,Hiragino Kaku Gothic ProN,sans-serif;
en ----- font-family: 'Oswald', sans-serif;

*/




/*========================================
==========================================

front-page.php

==========================================
========================================*/

/*========================================

#key_visual

========================================*/

#key_visual .key_visual_img_pc {
	display: none;
}

#key_visual .key_visual_img_sp img,
#key_visual .key_visual_img_pc img {
	display: block;
	width: 100%;
	height: auto;
}


@media (min-width: 768px) {
	
	#key_visual .key_visual_img_sp {
		display: none;
	}

	#key_visual .key_visual_img_pc {
		display: block !important;
	}
	
}


@media (min-width: 1024px) {
	
	#key_visual .con {
		padding: 80px 0 0;
	}

}




/*========================================

#slide_banner

========================================*/

#slide_banner .con {
	padding: 20px 0;
	background: #004ea2;
}

#slide_banner .swiper .swiper-slide button {
	cursor: pointer;
}

#slide_banner .swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.3s;
}

#slide_banner .swiper .swiper-slide a:hover img,
#slide_banner .swiper .swiper-slide button:hover img {
	opacity: 0.8;
}


@media (min-width: 768px) {

	#slide_banner .con {
		padding: 40px 0;
	}
	
}


@media (min-width: 1024px) {

}




/*========================================

#easyModal

========================================*/

#easyModal.modal {
    display: none;
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    overflow: auto;
}

#easyModal .modal_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 93.75%;
    background-color: #ffffff;
    animation-name: modalopen;
    animation-duration: 1s;
}

#easyModal .modal_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: lightblue;
}

#easyModal .modal_header h1 {
    font-size: 0.8em;
    font-weight: 700;
}

#easyModal .modalClose {
    font-size: 2rem;
}

#easyModal .modalClose:hover {
    cursor: pointer;
}

#easyModal .modal_body {
    padding: 20px;
    color: black;
}

#easyModal .modal_body video {
    display: block;
    width: 100%;
}

@keyframes modalopen {
    from {opacity: 0}
    to {opacity: 1}
}


@media (min-width: 768px) {

	#easyModal .modal_content {
		width: 50%;
	}

	#easyModal .modal_header {
		padding: 5px 20px;
	}
	
}


@media (min-width: 1024px) {

}




/*========================================

#front_news

========================================*/

#front_news .con {
	padding: 80px 4%;
}

#front_news .h2_ttl {
	margin: 0 0 20px;
}

#front_news .h2_ttl span {
	display: block;
	float: left;
	margin-right: 20px;
	font-size: 10vw;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#front_news .h2_ttl h2 {
	float: left;
	font-size: 5vw;
	font-weight: 700;
	line-height: 10vw;
	letter-spacing: 2px;
}

#front_news .post_list article {
	border-bottom: solid 1px #dcdcdc;
	padding: 10px 0;
}

#front_news .post_list article a {
	display: block;
	padding: 10px 0;
}

#front_news .post_list article ul {
	padding: 0 0 10px;
}

#front_news .post_list article ul li.date {
	float: left;
	margin-right: 10px;
}

#front_news .post_list article ul li.date time {
	display: block;
	line-height: 30px;
	transition: all 0.3s;
}

#front_news .post_list article a:hover ul li.date time {
	color: #008000;
}

#front_news .post_list article ul li.cat {
	float: left;
}

#front_news .post_list article ul li.cat span {
	display: block;
	border: solid 1px #313131;
	padding: 8px 16px;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #313131;
	transition: all 0.3s;
}

#front_news .post_list article a:hover ul li.cat span {
	border: solid 1px #008000;
	color: #008000;
}

#front_news .post_list article .post_ttl h3 {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #313131;
	transition: all 0.3s;
}

#front_news .post_list article a:hover .post_ttl h3 {
	color: #008000;
}

#front_news .page_link {
	padding: 40px 0 0;
}

#front_news .page_link a {
	display: block;
	position: relative;
	padding: 30px 20px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #313131;
	/* transition: all 0.3s; */
}

#front_news .page_link a span {
	display: inline-block;
	color: #ffffff;
}

#front_news .page_link a::before {
	display: block;
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%);
	color: #ffffff;
}

#front_news .page_link a:hover {
	background: #008000;
}


@media (min-width: 768px) {

	#front_news .con {
		padding: 80px 8%;
	}

	#front_news .h2_ttl span {
		font-size: 8vw;
	}

	#front_news .h2_ttl h2 {
		font-size: 4vw;
		line-height: 8vw;
	}

	#front_news .post_list article {
		padding: 0;
	}

	#front_news .post_list article a {
		display:-webkit-box;
	  	display:-ms-flexbox;
	  	display:flex;
	  	-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 15px 0;
	}

	#front_news .post_list article .left_box {
		flex: 1;
	}

	#front_news .post_list article .right_box {
		flex: 2;
	}

	#front_news .post_list article ul {
		padding: 0;
	}

	#front_news .post_list article ul li.date {
		margin-right: 20px;
	}

	#front_news .post_list article .post_ttl h2 {
		font-size: 1em;
	}

	#front_news .page_link a {
		max-width: 400px;
		margin: 0 auto;
	}

}


@media(min-width: 1024px) {

	#front_news .con {
		display: flex;
		position: relative;
	}

	#front_news .h2_ttl {
		flex: 1;
		margin: 0;
	}

	#front_news .h2_ttl span {
		float: none;
		font-size: 6vw;
		/* font-size: 4em; */
	}

	#front_news .h2_ttl h2 {
		float: none;
		font-size: 3vw;
		line-height: 2;
		/* font-size: 1em;
		line-height: 64px; */
	}

	#front_news .post_list {
		flex: 3;
	}

	#front_news .page_link {
		position: absolute;
		bottom: 40px;
		left: 8%;
		width: 16%;
		padding: 0;
	}

	#front_news .page_link a {
		width: auto;
		max-width: 100%;
		margin: 0;
		padding: 15px;
	}

}




/*========================================

#front_schedule

========================================*/

#front_schedule {
	padding: 80px 0 0;
}

#front_schedule .con {
	position: relative;
	z-index: 1;
	padding: 80px 4%;
}

#front_schedule .schedule_area {
	position: relative;
	z-index: 30;
	padding: 80px 0;
}

#front_schedule .h2_ttl {
	margin: 0 0 40px;
}

#front_schedule .h2_ttl span {
	display: block;
	font-size: 10vw;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#front_schedule .h2_ttl h2 {
	font-size: 5vw;
	font-weight: 900;
	line-height: 2;
	letter-spacing: 1px;
}

#front_schedule .event_date ul li {
	width: 100%;
	margin: 0 0 10px;
	padding: 20px;
	background: rgba(255,255,255,0.85);
}

#front_schedule .event_date ul li:last-of-type {
	margin: 0;
}

#front_schedule .event_date ul li .en_info {
	padding-top: 10px;
}

#front_schedule .event_date ul li p {
	margin-bottom: 10px;
	border-bottom: solid 1px #313131;
	padding-bottom: 10px;
	font-size: 6vw;
	font-weight: 700;
	line-height: 1;
}

#front_schedule .event_date ul li span {
	display: block;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

#front_schedule .page_link {
	padding: 40px 0 0;
}

#front_schedule .page_link ul li.game {
	margin-bottom: 20px;
}

#front_schedule .page_link ul li.game a {
	display: block;
	position: relative;
	padding: 30px 20px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #313131;
	transition: all 0.3s;
}

#front_schedule .page_link ul li.game a span {
	display: inline-block;
	color: #ffffff;
}

#front_schedule .page_link ul li.game a::before {
	display: block;
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%);
	color: #ffffff;
}

#front_schedule .page_link ul li.game a:hover {
	background: #008000;
}

#front_schedule .page_link ul li.outline a {
	display: block;
	position: relative;
	border: solid 3px #313131;
	padding: 27px 20px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #313131;
	background: #ffffff;
	transition: all 0.3s;
}

#front_schedule .page_link ul li.outline a span {
	display: inline-block;
	transition: all 0.3s;
}

#front_schedule .page_link ul li.outline a::before {
	display: block;
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%);
	color: #313131;
}

#front_schedule .page_link ul li.outline a:hover {
	border: solid 3px #008000;
	color: #008000;
}

#front_schedule .page_link ul li.outline a:hover span {
	color: #008000;
}

#front_schedule .page_link ul li.outline a:hover::before {
	color: #008000;
}

#front_schedule .bg_img_area {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 20;
	width: 60%;
	height: calc(100% - 160px);
}

#front_schedule .bg_img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

#front_schedule .bg_color_area {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 80%;
	height: 100%;
}

#front_schedule .bg_color {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: #DAE5DF;
}


@media (min-width: 768px) {

	#front_schedule .con {
		padding: 80px 8%;
	}

	#front_schedule .bg_img_area {
		width: 60%;
	}

	#front_schedule .h2_ttl span {
		font-size: 8vw;
	}

	#front_schedule .h2_ttl h2 {
		font-size: 4vw;
	}

	#front_schedule .event_date ul li {
		padding: 4%;
	}

	#front_schedule .event_date ul li .flex_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#front_schedule .event_date ul li .left_box {
		flex-basis: 30%;
	}

	#front_schedule .event_date ul li .right_box {
		flex-basis: 66%;
		border-left: solid 1px #313131;
		padding-left: 4%;
	}

	#front_schedule .event_date ul li p {
		margin-bottom: 0;
		border-bottom: none;
		padding-bottom: 0;
		text-align: center;
		font-size: 3vw;
	}

	#front_schedule .event_date ul li span {
		font-size: 0.8em;
	}

}


@media (min-width: 1024px) {

	#front_schedule .schedule_area {
		width: 60%;
	}

	#front_schedule .event_date ul li {
		background: #ffffff;
	}

	#front_schedule .event_date ul li p {
		font-size: 2vw;
	}

	#front_schedule .event_date ul li span {
		font-size: 0.8em;
	}

}




/*========================================

#front_teams

========================================*/

/*----------------------------------------

common

----------------------------------------*/

#front_teams {
    padding: 80px 0 0;
}

#front_teams .ttl span {
	display: block;
	text-align: center;
	font-size: 3em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#front_teams .ttl h2 {
	text-align: center;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 2px;
}

#front_teams .page_link {
	background: #DAE5DF;
}

#front_teams .page_link .con {
	padding: 0 4% 80px;
}

#front_teams .page_link a {
	display: block;
	position: relative;
	padding: 30px 20px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #313131;
	transition: all 0.3s;
}

#front_teams .page_link a span {
	display: inline-block;
	color: #ffffff;
}

#front_teams .page_link a::before {
	display: block;
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%);
	color: #ffffff;
}

#front_teams .page_link a:hover {
	background: #008000;
}


@media (min-width: 768px) {

	#front_teams .ttl span {
		font-size: 4em;
	}
	
	#front_teams .ttl h2 {
		font-size: 0.9em;
	}

	#front_teams .page_link .con {
		padding: 0 8% 80px;
	}
	
	#front_teams .page_link a {
		max-width: 400px;
		margin: 0 auto;
	}

}


@media (min-width: 1024px) {

	#front_teams .ttl span {
		font-size: 5em;
	}
	
	#front_teams .ttl h2 {
		font-size: 1em;
	}

}




/*----------------------------------------

#front_teams / #teams_slider

----------------------------------------*/

#teams_slider {
	position: relative;
	z-index: 1;
}

#teams_slider::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #004d25;
}

#teams_slider .con {
	position: relative;
	z-index: 3;
	padding: 40px 5% 20px;
}

#teams_slider .swiper {
	overflow: visible;
}

#teams_slider .swiper-slide {
	/* opacity: 0.5; 左右のスライドを薄くする */
	transform: scale(0.9); /* 左右のスライドを小さくする */
	transition: 0.7s; /* ゆっくり小さくさせる */
}

#teams_slider .swiper-slide-active {
	/* opacity: 1; 中央のスライドは薄くしない */
	transform: scale(1); /* 中央のスライドは小さくしない */
	z-index: 1; /* 中央のスライドを一番上にする */
}

#teams_slider .swiper-slide .inner {
	position: relative;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#teams_slider .swiper-slide .team_name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2.5%;
	background: -moz-linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.5) 50%,rgba(0,0,0,0)); 
	background: -webkit-linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.5) 50%,rgba(0,0,0,0)); 
	background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.5) 50%,rgba(0,0,0,0)); 
}

#teams_slider .swiper-slide .team_name p.from {
	font-size: 2.5vw;
	color: #ffffff;
}

#teams_slider .swiper-slide .team_name p.from span {
	display: inline-block;
	color: #ffffff;
}

#teams_slider .swiper-slide .team_name h3.ja_name {
	font-size: 3vw;
	font-weight: 700;
	color: #ffffff;
}

#teams_slider .swiper-slide .team_name p.en_name {
	font-size: 2.5vw;
	color: #ffffff;
}

#teams_slider .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* 前後の矢印をカスタマイズ */

#teams_slider .swiper-button-prev:after,
#teams_slider .swiper-button-next:after {
  content: ""; /*ここでデフォルトの矢印を上書き*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1rem;
  height: 1rem;
  margin: auto;
  border: 0;
  border-top: solid 5px #ffffff;
  border-right: solid 5px #ffffff;
}

/* #teams_slider .swiper-button-prev:before {
  border-bottom: 20px solid transparent;
  border-right: 30px solid #ff4500;
  border-top: 20px solid transparent;
} */

#teams_slider .swiper-button-prev:after {
  transform: rotate(-135deg);
}

/* #teams_slider .swiper-button-next:before {
  border-bottom: 20px solid transparent;
  border-left: 30px solid #ff4500;
  border-top: 20px solid transparent;
} */

#teams_slider .swiper-button-next:after {
  transform: rotate(45deg);
}

#teams_slider .swiper-pagination-bullet {
	background: #ffffff;
}


@media (min-width: 768px) {

	#teams_slider .swiper-slide .team_name p.from {
		font-size: 2vw;
	}

	#teams_slider .swiper-slide .team_name h3.ja_name {
		font-size: 2.4vw;
	}
	
	#teams_slider .swiper-slide .team_name p.en_name {
		font-size: 2vw;
	}

}


@media (min-width: 1024px) {
	
}




/*----------------------------------------

#front_teams / #teams_tab

----------------------------------------*/

#teams_tab {
	position: relative;
	z-index: 1;
}

#teams_tab::before {
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #004d25;
}

#teams_tab::after {
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: #DAE5DF;
}

#teams_tab .con {
	position: relative;
	z-index: 10;
	padding: 20px 4% 40px;
}

/*ラジオボタンを全て消す*/
#teams_tab input[name="tab_item"] {
	display: none;
}

/*タブのスタイル*/
#teams_tab .tab_item {
	display: block;
	float: left;
	width: 50%;
	padding: 4% 0;
	transition: all 0.2s;
}

#teams_tab .tab_item:hover {
	background: #DAE5DF;
	cursor: pointer;
}

#teams_tab .tab_item p {
	text-align: center;
	font-size: 0.7em;
	font-weight: 700;
	line-height: 2;
	color: #ffffff;
	transition: all 0.2s;
}

#teams_tab .tab_item span {
	display: block;
	text-align: center;
	font-size: 0.65em;
	font-weight: 700;
	color: #ffffff;
	transition: all 0.2s;
}

#teams_tab .tab_item:hover p,
#teams_tab .tab_item:hover span {
	color: #008000;
}

/*タブ切り替えの中身のスタイル*/
#teams_tab .tab_content {
	display: none;
	padding: 4%;
	/* clear: both; */
	overflow: hidden;
}

/*選択されているタブのスタイルを変える*/
#teams_tab input:checked + .tab_item {
	background: #ffffff;
}

#teams_tab input:checked + .tab_item p,
#teams_tab input:checked + .tab_item span {
	color: #004d25;
	/* background: #ffffff; */
}

/*選択されているタブのコンテンツのみを表示*/
#teams_tab #boys:checked ~ #boys_content,
#teams_tab #girls:checked ~ #girls_content {
	display: block;
	background: #ffffff;
}



#teams_tab .tab_content .team_list ul li {
	border-bottom: solid 1px #313131;
}

#teams_tab .tab_content .team_list ul li a {
	display: block;
	position: relative;
	padding: 15px 25px 15px 0;
}

#teams_tab .tab_content .team_list ul li a::before {
	display: block;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	font-size: 0.9em;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	line-height: 24px;
	color: #313131;
	transition: all 0.3s;
}

#teams_tab .tab_content .team_list ul li p.from {
	padding-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.2;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#teams_tab .tab_content .team_list ul li p.from span {
	display: inline-block;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#teams_tab .tab_content .team_list ul li p.ja_name {
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#teams_tab .tab_content .team_list ul li p.en_name {
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#teams_tab .tab_content .team_list ul li a:hover p.from,
#teams_tab .tab_content .team_list ul li a:hover p.from span,
#teams_tab .tab_content .team_list ul li a:hover p.ja_name,
#teams_tab .tab_content .team_list ul li a:hover p.en_name,
#teams_tab .tab_content .team_list ul li a:hover::before {
	color: #008000;
}


@media (min-width: 768px) {

	#teams_tab .tab_item p {
		font-size: 0.8em;
	}
	
	#teams_tab .tab_item span {
		font-size: 0.75em;
	}

	#teams_tab .tab_content .team_list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	#teams_tab .tab_content .team_list ul li {
		flex-basis: 48%;
	}

}


@media (min-width: 1024px) {

	#teams_tab .tab_item p {
		font-size: 0.9em;
	}
	
	#teams_tab .tab_item span {
		font-size: 0.85em;
	}

	#teams_tab .tab_content .team_list ul::after {
		display: block;
		content: '';
		width: 30%;
	}

	#teams_tab .tab_content .team_list ul li {
		flex-basis: 30%;
	}
	
}









/*========================================
==========================================
==========================================

home.php
category.php
single.php

==========================================
==========================================
========================================*/

/*========================================
==========================================

home.php
category.php

==========================================
========================================*/

/*----------------------------------------

common

----------------------------------------*/

#archive_news {
	background: #ffffff;
}

#archive_news .con {
	/* max-width: 1140px;
	margin: 0 auto; */
	padding: 80px 4%;
}

#archive_news .cat_name {
	border-bottom: solid 5px #313131;
	padding-bottom: 20px;
}

#archive_news .cat_name p {
	font-size: 1.2em;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_news .cat_list {
	padding: 20px 0;
}

#archive_news .cat_list ul li {
	float:left;
	margin: 0 10px 10px 0;
}

#archive_news .cat_list ul li a {
	display: block;
	border: solid 1px #313131;
	padding: 10px 20px;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #313131;
	background: #ffffff;
	transition: all 0.3s;
}

#archive_news .cat_list ul li a:hover {
	border: solid 1px #008000;
	color: #008000;
}


@media (min-width: 768px) {

	#archive_news .con {
		padding: 80px 8%;
	}

	#archive_news .cat_name {
		padding-bottom: 40px;
	}

	#archive_news .cat_name p {
		font-size: 2em;
	}

	#archive_news .cat_list {
		padding: 40px 0;
	}

	#archive_news .cat_list ul li {
		margin: 0 20px 20px 0;
	}

}


@media (min-width: 1024px) {

	#archive_news .cat_name p {
		font-size: 2.5em;
	}
    
}




/*----------------------------------------

.post_list

----------------------------------------*/

#archive_news .post_list article {
	border-bottom: solid 1px #dcdcdc;
	padding: 10px 0;
}

#archive_news .post_list article a {
	display: block;
	padding: 10px 0;
}

#archive_news .post_list article ul {
	padding: 0 0 10px;
}

#archive_news .post_list article ul li.date {
	float: left;
	margin-right: 10px;
}

#archive_news .post_list article ul li.date time {
	display: block;
	line-height: 30px;
	transition: all 0.3s;
}

#archive_news .post_list article a:hover ul li.date time {
	color: #008000;
}

#archive_news .post_list article ul li.cat {
	float: left;
}

#archive_news .post_list article ul li.cat span {
	display: block;
	border: solid 1px #313131;
	padding: 8px 16px;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #313131;
	transition: all 0.3s;
}

#archive_news .post_list article a:hover ul li.cat span {
	border: solid 1px #008000;
	color: #008000;
}

#archive_news .post_list article .post_ttl h2 {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #313131;
	transition: all 0.3s;
}

#archive_news .post_list article a:hover .post_ttl h2 {
	color: #008000;
}


@media (min-width: 768px) {

	#archive_news .post_list article {
		padding: 20px 0;
	}

	#archive_news .post_list article a {
	}

	#archive_news .post_list article a {
		display:-webkit-box;
	  	display:-ms-flexbox;
	  	display:flex;
	  	-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 20px 0;
	}

	#archive_news .post_list article .left_box {
		flex: 1;
	}

	#archive_news .post_list article .right_box {
		flex: 2;
	}

	#archive_news .post_list article ul {
		padding: 0;
	}

	#archive_news .post_list article ul li.date {
		margin-right: 20px;
	}

	#archive_news .post_list article .post_ttl h2 {
		font-size: 1em;
	}

}


@media(min-width: 1024px) {

	#archive_news .post_list article .right_box {
		flex: 3;
	}

}




/*----------------------------------------

.pager

----------------------------------------*/

#archive_news .pager {
	padding: 40px 0 0;
}

.wp-pagenavi {
    text-align: center;
}

.wp-pagenavi a.first {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
    background: #313131;
    transition: all 0.3s;
}

.wp-pagenavi a.page {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
    background: #313131;
    transition: all 0.3s;
}

.wp-pagenavi span.current {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin: 0 5px;
    border: solid 1px #313131;
    text-align: center;
    font-size: 0.8em;
    color: #313131;
    background: #ffffff;
}

.wp-pagenavi .extend {
    display: inline-block;
    line-height: 1;
    color: #313131;
}

.wp-pagenavi a.last {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
    background: #313131;
    transition: all 0.3s;
}

.wp-pagenavi a.first:hover,
.wp-pagenavi a.page:hover,
.wp-pagenavi a.last:hover {
    color: #ffffff;
    background: #008000;
}


@media (min-width: 768px) {

}


@media (min-width: 1024px) {

}




/*========================================
==========================================

single.php

==========================================
========================================*/

/*----------------------------------------

common

----------------------------------------*/

#single_news {
	background: #ffffff;
}

#single_news .con {
	padding: 80px 4%;
}

#single_news .main_column {
	margin-bottom: 80px;
}


@media (min-width: 768px) {

	#single_news .con {
		padding: 80px 8%;
	}

	#single_news .main_column {
		float: left;
		width: 60%;
		margin-right: 5%;
		margin-bottom: 0;
	}

	#single_news .side_column {
		float: left;
		width: 35%;
	}

}


@media (min-width: 1024px) {

	#single_news .main_column {
		width: 65%;
		margin-right: 5%;
	}

	#single_news .side_column {
		width: 30%;
	}

}




/*----------------------------------------

.post_data

----------------------------------------*/

#single_news .post_data {
	border-bottom: solid 5px #313131;
	padding: 0 0 20px;
}

#single_news .post_data .ttl {
	margin: 0 0 20px;
}

#single_news .post_data .ttl h1 {
	font-size: 1.2em;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_news .post_data .info {

}

#single_news .post_data .info ul li.date {
	float: left;
	margin-right: 20px;
}

#single_news .post_data .info ul li.date time {
	
}

#single_news .post_data .info ul li.cat {
	float: left;
}

#single_news .post_data .info ul li.cat span {
	display: block;
	border: solid 1px #313131;
	padding: 8px 16px;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}


@media (min-width: 768px) {

	#single_news .post_data .ttl h1 {
		font-size: 1.5em;
	}

}


@media (min-width: 1024px) {

	#single_news .post_data .ttl h1 {
		font-size: 2em;
	}
	
}




/*----------------------------------------

.post_content

----------------------------------------*/

#single_news .post_content {
	padding: 40px 0 80px;
}

#single_news .post_content h2 {
	margin: 0 0 20px;
	padding: 16px;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1;
	color: #004D25;
	background: #DAE5DF;
}

#single_news .post_content p {
	padding: 0 0 20px;
	font-size: 0.9em;
	line-height: 1.8;
	letter-spacing: 1px;
}

#single_news .post_content strong.akaji {
	color: #ff0000;
}

#single_news .post_content p a {
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #0000ee;
	transition: all 0.3s;
}

#single_news .post_content p a strong {
	color: #0000ee;
}

#single_news .post_content a.wp-block-button__link {
	padding: 16px 32px;
	font-size: 0.8em;
	font-weight: 700;
	transition: all 0.3s;
}

#single_news .post_content a:hover {
	opacity: 0.7;
}

#single_news .post_content object {
	object-fit: contain;
}

#single_news .post_content a.wp-block-file__button {
	padding: 8px 16px;
}

#single_news .post_content .wp-block-file {
	margin: 0 0 40px;
}


@media (min-width: 768px) {

	/* #single_news .post_content p {
		padding: 0 0 40px;
	} */

}


@media (min-width: 1024px) {

	/* #single_news .post_content {
		padding: 80px 0;
	} */
	
}




/*----------------------------------------

.np_link

----------------------------------------*/

#single_news .np_link .previous {
	margin: 0 0 20px;
}

#single_news .np_link a {
	display: block;
	padding: 20px;
	box-shadow: 0 0 5px #dcdcdc;
	transition: all 0.3s;
}

#single_news .np_link a:hover {
	background: #f2f2f2;
}

#single_news .np_link p {
	border-bottom: solid 1px #dcdcdc;
	padding-bottom: 20px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#single_news .np_link a:hover p {
	color: #808080;
}

#single_news .np_link .next p {
	text-align: right;
}

#single_news .np_link span {
	display: inline-block;
	font-weight: 700;
	transition: all 0.3s;
}

#single_news .np_link a:hover span {
	color: #808080;
}

#single_news .np_link h3 {
	padding-top: 20px;
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#single_news .np_link a:hover h3 {
	color: #808080;
}


@media (min-width: 768px) {

}


@media (min-width: 1024px) {

	#single_news .np_link .previous {
		float: left;
		width: 47.5%;
		margin: 0;
	}

	#single_news .np_link .next {
		float: right;
		width: 47.5%;
	}
	
}




/*----------------------------------------

.side_column

----------------------------------------*/

#single_news .side_column .category {
	margin: 0 0 80px;
}

#single_news .side_column .category h3 {
	margin-bottom: 20px;
	border-left: solid 5px #313131;
	padding-left: 10px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 1px;
}

#single_news .side_column .category ul li {
	border-bottom: solid 1px #dcdcdc;
}

#single_news .side_column .category ul li a {
	display: block;
	position: relative;
	padding: 15px 0;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	color: #313131;
	transition: all 0.3s;
}

#single_news .side_column .category ul li a:hover {
	color: #008000;
}

#single_news .side_column .category ul li a:before {
	display: block;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	font-size: 1;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #313131;
	transition: all 0.3s;
}

#single_news .side_column .category ul li a:hover:before {
	color: #008000;
}

#single_news .side_column .measure_banner .banner {
	margin: 0 0 20px;
}

#single_news .side_column .measure_banner .banner a {
	display: block;
}

#single_news .side_column .measure_banner .banner a img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.3s;
}

#single_news .side_column .measure_banner .banner a:hover img {
	opacity: 0.7;
}

#single_news .side_column .measure_banner .en_edition_link {
	margin: 0 0 20px;
}

#single_news .side_column .measure_banner .en_edition_link a {
	display: block;
	padding: 20px 0;
	text-align: center;
	font-size: 4vw;
	color: #ffffff;
	background: #004D25;
	border-radius: 10px;
	transition: all 0.3s;
}

#single_news .side_column .measure_banner .en_edition_link a:hover {
	opacity: 0.8;
}

#single_news .side_column .measure_banner .shuttlebus_banner a {
	display: block;
}

#single_news .side_column .measure_banner .shuttlebus_banner a img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.3s;
}

#single_news .side_column .measure_banner .shuttlebus_banner a:hover img {
	opacity: 0.7;
}


@media (min-width: 768px) {

	#single_news .side_column .category {
		margin: 0 0 40px;
	}

	#single_news .side_column .measure_banner .en_edition_link a {
		font-size: 2vw;
	}

}


@media (min-width: 1024px) {

	#single_news .side_column .measure_banner .en_edition_link a {
		font-size: 1.5vw;
	}
	
}









/*========================================
==========================================
==========================================

archive-game.php
single-game.php

==========================================
==========================================
========================================*/

/*========================================
==========================================

archive-game.php

==========================================
========================================*/

/*========================================

#archive_game / common

========================================*/

#archive_game .con {
	padding: 40px 4% 80px;
}

/*タブ切り替え全体のスタイル*/
#archive_game {
	width: 100%;
}

/*ラジオボタンを全て消す*/
#archive_game input[name="tab_item"] {
	display: none;
}

/*タブのスタイル*/
#archive_game .tab_item {
	display: block;
	float: left;
	width: 50%;
	/* border-bottom: 2px solid #004d25; */
	padding: 20px 0;
	font-size: 1em;
	text-align: center;
	font-weight: 700;
	color: #004d25;
	background: #DAE5DF;
	transition: all 0.3s;
	cursor: pointer;
}

#archive_game .tab_item span {
	display: block;
	color: #004d25;
	transition: all 0.3s;
}

/*タブホバー時のスタイル*/
#archive_game .tab_item:hover {
	opacity: 0.8;
}

/*選択されているタブのスタイルを変える*/
#archive_game input:checked + .tab_item {
	color: #ffffff;
	background: #004d25;
}

#archive_game input:checked + .tab_item span {
	color: #ffffff;
}
  
/*選択されているタブのコンテンツのみを表示*/
#archive_game #boys-15:checked ~ #boys-15_schedule,
#archive_game #girls-7:checked ~ #girls-7_schedule {
	display: block;
}

/*コンテンツのスタイル*/
#archive_game .tab_content {
	display: none;
	padding: 80px 0 0;
	clear: both;
	overflow: hidden;
}


@media (min-width: 768px) {

	#archive_game .con {
		padding: 80px 8%;
	}

}


@media (min-width: 1024px) {
	
}




/*========================================

#archive_game / .game_date

========================================*/

#archive_game .game_date {
	margin: 0 0 80px;
}

#archive_game .game_date .year {
	padding-bottom: 20px;
	text-align: center;
	font-size: 3em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_game .game_date ul.boys {
  	display: flex;
	max-width: 800px;
	margin: 0 auto;
}

#archive_game .game_date ul.girls {
	display: flex;
	max-width: 320px;
	margin: 0 auto;
}

#archive_game .game_date ul li {
	flex: 1;
	border-right: solid 1px #313131;
}

#archive_game .game_date ul li:last-of-type {
	border-right: none;
}

#archive_game .game_date ul li a {
	display: block;
}

#archive_game .game_date ul li p {
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2;
	transition: all 0.3s;
}

#archive_game .game_date ul li a:hover p {
	color: #008000;
}

#archive_game .game_date ul li span {
	display: block;
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2;
	transition: all 0.3s;
}

#archive_game .game_date ul li a:hover span {
	color: #008000;
}

#archive_game .game_date .ja_scroll {
	padding-top: 20px;
	text-align: center;
	font-size: 0.7em;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_game .game_date .en_scroll {
	padding-top: 10px;
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
}


@media (min-width: 768px) {

	#archive_game .game_date .year {
		font-size: 4em;
	}

	#archive_game .game_date ul li p {
		font-size: 1.2em;
	}

	#archive_game .game_date ul li span {
		font-size: 1.2em;
	}

	#archive_game .game_date .ja_scroll {
		font-size: 0.8em;
	}

	#archive_game .game_date .en_scroll {
		font-size: 0.9em;
	}

}


@media (min-width: 1024px) {

	#archive_game .game_date .year {
		font-size: 5em;
	}

	#archive_game .game_date ul li p {
		font-size: 1.5em;
	}

	#archive_game .game_date ul li span {
		font-size: 1.5em;
	}

	#archive_game .game_date .ja_scroll {
		font-size: 0.9em;
	}

	#archive_game .game_date .en_scroll {
		font-size: 1em;
	}
    
}




/*========================================

#archive_game / .game_list

========================================*/

#archive_game .game_list .box {
	margin: 0 0 80px;
}

#archive_game .game_list .date {
	border-bottom: solid 5px #313131;
	padding: 20px 0;
}

#archive_game .game_list .date h2 {
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
}

#archive_game .game_list .date p.ja {
	padding-top: 10px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_game .game_list .date p.en {
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_game .game_list ul li {
	border-bottom: solid 1px #dcdcdc;
}

#archive_game .game_list ul li:last-of-type {
	border-bottom: none;
}

#archive_game .game_list ul li.no_post {
	padding: 20px 0 40px;
}

#archive_game .game_list ul li .inner {
	padding: 40px 0;
}

#archive_game .game_list .info {
	text-align: center;
}

#archive_game .game_list .info p.game_cat {
	display: inline-block;
	padding: 8px 24px;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #313131;
	border-radius: 30px;
}

#archive_game .game_list .info .flex_box {
	display: flex;
	justify-content: center;
	padding: 10px 0 0;
}

#archive_game .game_list .info p.start {
	margin-right: 10px;
	font-size: 1em;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 1px;
}

#archive_game .game_list .info p.venue {
	font-size: 1em;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 1px;
}

#archive_game .game_list .info p.venue i {
	padding-right: 3px;
}

#archive_game .game_list .card {
  	display: flex;
	align-items: center;
  	padding: 40px 0;
}

#archive_game .game_list .card .left {
	flex: 3;
}

#archive_game .game_list .card .center {
	flex: 2;
}

#archive_game .game_list .card .team.right {
	flex: 3;
}

#archive_game .game_list .card .team p.ja_team {
	text-align: center;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1px;
}

#archive_game .game_list .card .team p.en_team {
	padding-top: 5px;
	text-align: center;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

#archive_game .game_list .card .team span.from {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

/* 「辞退」表示用CSS */
#archive_game .game_list .card .team p span {
	display: inline-block;
	color: #ff0000;
}
/* 「辞退」表示用CSS */

#archive_game .game_list .card .vs p {
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
}

#archive_game .game_list .card .score p {
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
}

#archive_game .game_list .card .score span {
	display: block;
	text-align: center;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 2;
	color: #808080;
}

#archive_game .game_list .link {
	display: flex;
	justify-content: space-between;
}

#archive_game .game_list .link .result_link {
	flex-basis: 47.5%;
}

#archive_game .game_list .link .result_link p {
	padding: 20px 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
	color: #808080;
	background: #dcdcdc;
}

#archive_game .game_list .link .result_link a {
	display: block;
	padding: 20px 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #008000;
	transition: all 0.3s;
}

#archive_game .game_list .link .live_link {
	flex-basis: 47.5%;
}

#archive_game .game_list .link .live_link p {
	padding: 20px 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
	color: #808080;
	background: #dcdcdc;
}

#archive_game .game_list .link .live_link a {
	display: block;
	padding: 20px 0;
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #e60012;
	transition: all 0.3s;
}

#archive_game .game_list .link .result_link a:hover,
#archive_game .game_list .link .live_link a:hover {
	opacity: 0.7;
}


@media (min-width: 768px) {
	
	#archive_game .game_list .date {
		display: flex;
		align-items: center;
	}

	#archive_game .game_list .date p.en {
		padding-top: 10px;
		font-size: 0.8em;
		line-height: 1;
		letter-spacing: 1px;
	}

	#archive_game .game_list .date h2 {
		width: auto;
		margin-right: 40px;
		font-size: 2.5em;
	}

	#archive_game .game_list .date > div {
		flex: 1;
	}

	#archive_game .game_list .date p.ja {
		padding-top: 0;
		font-size: 1em;
	}

	#archive_game .game_list .date p.en {
		font-size: 0.9em;
	}

	#archive_game .game_list .card .team p.ja_team {
		font-size: 0.9em;
	}

	#archive_game .game_list .card .team p.en_team {
		font-size: 0.8em;
	}

	#archive_game .game_list .card .team span.from {
		font-size: 0.75em;
	}

	#archive_game .game_list .card .vs p {
		font-size: 1.5em;
	}

	#archive_game .game_list .card .score p {
		font-size: 2em;
	}
	#archive_game .game_list .card .score span {
		font-size: 0.9em;
	}

}


@media (min-width: 1024px) {

	#archive_game .game_list .date h2 {
		font-size: 3em;
	}

	#archive_game .game_list .date p.ja {
		font-size: 1.1em;
	}

	#archive_game .game_list .date p.en {
		font-size: 1em;
	}

	#archive_game .game_list ul li .inner {
	  	display: flex;
		align-items: center;
		padding: 40px 0;
	}

	#archive_game .game_list .info {
		flex: 1;
		padding: 0;
	}

	#archive_game .game_list .info .flex_box {
		display: block;
	}
	
	#archive_game .game_list .info p.start {
		margin-right: 0px;
	}

	#archive_game .game_list .card {
		flex: 4;
		margin: 0 2%;
	}

	#archive_game .game_list .card .team p.ja_team {
		font-size: 1em;
	}

	#archive_game .game_list .card .team p.en_team {
		font-size: 0.9em;
	}

	#archive_game .game_list .card .team span.from {
		font-size: 0.8em;
	}

	#archive_game .game_list .link {
		display: block;
		flex: 1;
	}

	#archive_game .game_list .link .result_link {
		margin: 0 0 10px;
	}
    
}




/*========================================
==========================================

single-game.php

==========================================
========================================*/

/*========================================

#single_game / common

========================================*/

/* #single_game .con {
	padding: 80px 4%;
} */

#single_game .small_con {
	padding: 80px 4%;
}

#single_game .return_link a {
	display: block;
	padding: 25px 0;
	text-align: center;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #313131;
	transition: all 0.3s;
}

#single_game .return_link a span {
	display: inline-block;
	color: #ffffff;
}

#single_game .return_link a:hover {
	opacity: 0.8;
}


@media (min-width: 768px) {

	/* #single_game .con {
		padding: 80px 8%;
	} */

	#single_game .small_con {
		padding: 80px 8%;
	}

	#single_game .return_link a {
		width: 400px;
		margin: 0 auto;
		padding: 30px 0;
		text-align: center;
		font-size: 1em;
	}

}


@media (min-width: 1024px) {
    
}




/*========================================

#single_game / .game_data

========================================*/

#single_game .game_data {
	text-align: center;
	background: #f2f2f2;
}

#single_game .game_data p.date {
	margin-bottom: 20px;
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
}

#single_game .game_data p.game_cat {
	display: inline-block;
	padding: 10px 40px;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	background: #313131;
	border-radius: 30px;
}

#single_game .game_data .flex_box {
	display: flex;
	justify-content: center;
	padding: 10px 0 0;
}

#single_game .game_data p.start {
	margin-right: 20px;
	font-size: 1em;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 1px;
}

#single_game .game_data p.venue {
	font-size: 1em;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 1px;
}

#single_game .game_data p.venue i {
	padding-right: 3px;
}


@media (min-width: 768px) {

	#single_game .game_data .small_con {
		padding: 80px 8%;
	}

	#single_game .game_data p.date {
		font-size: 2.5em;
	}

	#single_game .game_data p.game_cat {
		font-size: 1.25em;
	}

	#single_game .game_data p.start {
		font-size: 1.25em;
	}
	
	#single_game .game_data p.venue {
		font-size: 1.25em;
	}

}


@media (min-width: 1024px) {

	#single_game .game_data p.date {
		font-size: 3em;
	}

	#single_game .game_data p.game_cat {
		font-size: 1.5em;
	}

	#single_game .game_data p.start {
		font-size: 1.5em;
	}
	
	#single_game .game_data p.venue {
		font-size: 1.5em;
	}

}




/*========================================

#single_game / .card

========================================*/

#single_game .flex_box {
  	display: flex;
	align-items: center;
}

#single_game .card .left {
	flex: 1;
}

#single_game .card .center {
	flex: 1;
	margin: 0 4%;
}

#single_game .card .right {
	flex: 1;
}

#single_game .card .team p.ja_team {
	text-align: center;
	font-size: 0.9em;
	font-weight: 900;
	line-height: 1.6;
	letter-spacing: 1px;
}

#single_game .card .team p.en_team {
	padding-top: 5px;
	text-align: center;
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 1px;
}

#single_game .card .team span.from {
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 0.7em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

/* 「辞退」表示用CSS */
#single_game .card .team p span {
	display: inline-block;
	color: #ff0000;
}
/* 「辞退」表示用CSS */


#single_game .card .center .first {
	padding-bottom: 5px;
}

#single_game .card .center .second {
	border-top: solid 1px #dcdcdc;
	padding: 5px 0;
}

/* 「延長戦」表示用CSS */
#single_game .card .center .extra {
	border-top: solid 1px #dcdcdc;
	padding: 5px 0;
}
/* 「延長戦」表示用CSS */

#single_game .card .center .total {
	border-top: solid 1px #313131;
	padding-top: 5px;
}

#single_game .card .center .first span,
#single_game .card .center .second span,
#single_game .card .center .extra span {
	display: block;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_game .card .center .first p,
#single_game .card .center .second p,
#single_game .card .center .extra p {
	text-align: center;
	font-size: 0.8em;
	line-height: 1.5;
}

#single_game .card .center .total span {
	display: block;
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_game .card .center .total p {
	text-align: center;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
}



@media (min-width: 768px) {

	#single_game .card .left {
		flex: 3;
	}

	#single_game .card .center {
		flex: 2;
	}

	#single_game .card .right {
		flex: 3;
	}

	#single_game .card .team p.ja_team {
		font-size: 1em;
	}
	
	#single_game .card .team p.en_team {
		font-size: 0.9em;
	}
	
	#single_game .card .team span.from {
		font-size: 0.8em;
	}

	#single_game .card .center .first {
		padding-bottom: 10px;
	}

	#single_game .card .center .second {
		padding: 10px 0;
	}

	#single_game .card .center .extra {
		padding: 10px 0;
	}

	#single_game .card .center .total {
		padding-top: 10px;
	}

	#single_game .card .center .first span,
	#single_game .card .center .second span,
	#single_game .card .center .extra span {
		font-size: 1em;
	}

	#single_game .card .center .first p,
	#single_game .card .center .second p,
	#single_game .card .center .extra p {
		font-size: 1em;
	}

	#single_game .card .center .total span {
		font-size: 1.5em;
	}

	#single_game .card .center .total p {
		text-align: center;
		font-size: 2em;
	}

}


@media (min-width: 1024px) {

	#single_game .card .team p.ja_team {
		font-size: 1.2em;
	}
	
	#single_game .card .team p.en_team {
		font-size: 1em;
	}
	
	#single_game .card .team span.from {
		font-size: 0.9em;
	}

	#single_game .card .center .first span,
	#single_game .card .center .second span,
	#single_game .card .center .extra span {
		font-size: 1.2em;
	}

	#single_game .card .center .first p,
	#single_game .card .center .second p,
	#single_game .card .center .extra p {
		font-size: 1.2em;
	}

	#single_game .card .center .total span {
		font-size: 2em;
	}

	#single_game .card .center .total p {
		font-size: 3em;
	}
    
}




/*========================================

#single_game / .live

========================================*/

#single_game .live {
}


@media (min-width: 768px) {

	#single_game .live {
	}
	
}


@media (min-width: 1024px) {

}




/*========================================

#single_game / .record

========================================*/

#single_game .record {
}

#single_game .record .pdf_file {
	display: none;
	margin: 0 0 40px;
}

#single_game .record .pdf_file object {
	object-fit: contain;
	width: 100%;
	height: 100vw;
}

#single_game .record .sp_link a {
	display: block;
	width: 75%;
	margin: 0 auto;
	border-radius: 40px;
	padding: 20px 0;
	text-align: center;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #004D25;
	transition: all 0.3s;
}

#single_game .record .sp_link a span {
	display: block;
	padding-top: 10px;
	color: #ffffff;
}

#single_game .record .sp_link a:hover {
	opacity: 0.8;
}


@media (min-width: 768px) {

	#single_game .record {
	}

	#single_game .record .pdf_file {
		display: block !important;
	}

	#single_game .record .sp_link a {
		width: 50%;
		font-size: 1em;
	}
	
}


@media (min-width: 1024px) {

}




/*========================================

#single_game / .next_prev_link

========================================*/

#single_game .next_prev_link {
	background: #f2f2f2;

}

#single_game .next_prev_link .date {
	margin: 0 0 20px;
}

#single_game .next_prev_link .date h2 {
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
}

#single_game .next_prev_link .date p.ja {
	padding-top: 10px;
	text-align: center;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#single_game .next_prev_link .date p.en {
	padding-top: 10px;
	text-align: center;
	font-size: 0.8em;
	line-height: 1;
	letter-spacing: 1px;
}

#single_game .next_prev_link .post_nav .next_link {
	margin: 0 0 20px;
}

#single_game .next_prev_link .post_nav .next_link a {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	padding: 20px;
	background: #ffffff;
}

#single_game .next_prev_link .post_nav .next_link .label {
	width: 80px;
}

#single_game .next_prev_link .post_nav .next_link .label span {
	display: block;
	text-align: right;
	font-size: 1.5em;
	font-weight: 700;
}

#single_game .next_prev_link .post_nav .next_link .post_info {
	flex: 1;
}


#single_game .next_prev_link .post_nav .prev_link {
	
}

#single_game .next_prev_link .post_nav .prev_link a {
	display: flex;
	align-items: center;
	padding: 20px;
	background: #ffffff;
}

#single_game .next_prev_link .post_nav .prev_link .label {
	width: 80px;
}

#single_game .next_prev_link .post_nav .prev_link .label span {
	display: block;
	font-size: 1.5em;
	font-weight: 700;
}

#single_game .next_prev_link .post_nav .prev_link .post_info {
	flex: 1;
}

#single_game .next_prev_link .post_nav .next_link ul li {
	float: left;
	margin-right: 10px;
}

#single_game .next_prev_link .post_nav .prev_link ul li {
	float: left;
	margin-right: 10px;
}


@media (min-width: 768px) {

	/* #single_game .next_prev_link .date {
		display: flex;
		align-items: center;
	} */

	#single_game .next_prev_link .date p.en {
		padding-top: 10px;
		font-size: 0.8em;
		line-height: 1;
		letter-spacing: 1px;
	}

	#single_game .next_prev_link .date h2 {
		/* width: auto;
		margin-right: 40px; */
		font-size: 2.5em;
	}

	/* #single_game .next_prev_link .date > div {
		flex: 1;
	} */

	#single_game .next_prev_link .date p.ja {
		/* padding-top: 0; */
		font-size: 1em;
	}

	#single_game .next_prev_link .date p.en {
		font-size: 0.9em;
	}
	
}


@media (min-width: 1024px) {

	#single_game .next_prev_link .date h2 {
		font-size: 3em;
	}

	#single_game .next_prev_link .date p.ja {
		font-size: 1.1em;
	}

	#single_game .next_prev_link .date p.en {
		font-size: 1em;
	}

	#single_game .next_prev_link .post_nav {
		/* display: flex;
		flex-direction: row-reverse;
		justify-content: space-between; */
	}
	
	#single_game .next_prev_link .post_nav .next_link {
		/* flex-basis: 48%; */
		float: right;
		width: 48%;
		margin: 0;
	}

	#single_game .next_prev_link .post_nav .prev_link {
		/* flex-basis: 48%; */
		float: left;
		width: 48%;
	}

}









/*========================================
==========================================
==========================================

archive-teams.php
single-teams.php

==========================================
==========================================
========================================*/

/*========================================
==========================================

archive-teams.php

==========================================
========================================*/

#archive_teams .con {
	padding: 40px 4% 80px;
}

#archive_teams .box {
	margin: 0 0 80px;
}

#archive_teams .h2_headline {
	margin-bottom: 40px;
	border-bottom: solid 5px #313131;
	padding-bottom: 20px;
}

#archive_teams .h2_headline h2 {
	font-size: 6vw;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_teams .h2_headline span {
	display: block;
	padding-top: 20px;
	font-size: 3vw;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

#archive_teams .teams_list ul li {
	margin: 0 0 40px;
}

#archive_teams .teams_list ul li .img_area {
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#archive_teams .teams_list ul li .img_area img {
	display: block;
	width: 100%;
	height: auto;
}

#archive_teams .teams_list ul li .txt_area {
	padding: 15px 0;
}

#archive_teams .teams_list ul li .txt_area p.from {
	padding-bottom: 5px;
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 1px;
}

#archive_teams .teams_list ul li .txt_area p.from span {
	display: inline-block;
	letter-spacing: 1px;
}

#archive_teams .teams_list ul li .txt_area p.ja_name {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1px;
}

#archive_teams .teams_list ul li .txt_area p.en_name {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

#archive_teams .teams_list ul li .page_link a {
	display: block;
	border-top: solid 1px #313131;
	padding: 20px 0;
	text-align: right;
	font-size: 0.9em;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 1px;
	color: #004D25;
	transition: all 0.3s;
}

#archive_teams .teams_list ul li .page_link a:hover {
	color: #008000;
}

#archive_teams .teams_list ul li .page_link a i {
	padding-left: 5px;
	color: #004D25;
	transition: all 0.3s;
}

#archive_teams .teams_list ul li .page_link a:hover i {
	color: #008000;
}


@media (min-width: 768px) {

	#archive_teams .con {
		padding: 80px 8%;
	}

	#archive_teams .h2_headline h2 {
		font-size: 5vw;
	}

	#archive_teams .h2_headline span {
		font-size: 2.5vw;
	}

	#archive_teams .teams_list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#archive_teams .teams_list ul li {
		flex-basis: 48%;
	}

}


@media (min-width: 1024px) {

	#archive_teams .box {
		margin: 0 0 120px;
	}

	#archive_teams .h2_headline h2 {
		font-size: 4vw;
	}

	#archive_teams .h2_headline span {
		font-size: 2vw;
	}

	#archive_teams .teams_list ul::after {
		display: block;
		content: '';
		width: 32%;
	}

	#archive_teams .teams_list ul li {
		flex-basis: 32%;
	}
    
}




/*========================================
==========================================

single-teams.php

==========================================
========================================*/

#single_teams .con {
	padding: 80px 4%;
}

#single_teams .box {
	margin: 0 0 80px;
}

#single_teams .team_name p.from {
	padding-bottom: 10px;
	text-align: center;
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
}

#single_teams .team_name p.from span {
	display: inline-block;
	letter-spacing: 1px;
}

#single_teams .team_name h1.ja_name {
	text-align: center;
	font-size: 1.2em;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_teams .team_name p.en_name {
	text-align: center;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_teams .team_img {
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#single_teams .team_img img {
	display: block;
	width: 100%;
	height: auto;
}

#single_teams .team_movie video { /* バーカーカレッジ/ハミルトンボーイズのみ動画を表示 */
	width: 100%;
	height: 50vw;
}

#single_teams .h2_headline {
	margin-bottom: 20px;
	border-bottom: solid 5px #313131;
	padding-bottom: 20px;
}

#single_teams .h2_headline h2 {
	font-size: 5vw;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 1px;
}

#single_teams .h2_headline span {
	display: block;
	padding-top: 20px;
	font-size: 2.5vw;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
}

#single_teams .ja_txt {
	margin: 0 0 20px;
}

#single_teams .ja_txt ul li,
#single_teams .en_txt ul li {
	margin: 0 0 10px;
}

#single_teams .ja_txt p {
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_teams .en_txt p {
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 1px;
}

#single_teams .return_link a {
	display: block;
	position: relative;
	padding: 30px 20px;
	font-size: 0.8em;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #004D25;
	transition: all 0.3s;
}

#single_teams .return_link a span {
	display: inline-block;
	color: #ffffff;
}

#single_teams .return_link a::before {
	display: block;
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%);
	color: #ffffff;
}

#single_teams .return_link a:hover {
	background: #008000;
}


@media (min-width: 768px) {
	
	#single_teams .con {
		padding: 80px 8%;
	}

	#single_teams .team_name p.from {
		font-size: 0.9em;
	}
	
	#single_teams .team_name h1.ja_name {
		font-size: 1.5em;
	}
	
	#single_teams .team_name p.en_name {
		font-size: 1em;
	}
	
	#single_teams .h2_headline h2 {
		font-size: 4vw;
	}
	
	#single_teams .h2_headline span {
		font-size: 3vw;
	}
	
	#single_teams .flex_box {
		display: flex;
		justify-content: space-between;
	}

	#single_teams .flex_box .ja_txt {
		flex-basis: 48%;
	}

	#single_teams .flex_box .en_txt {
		flex-basis: 48%;
	}

	#single_teams .return_link a {
		width: 400px;
		margin: 0 auto;
	}

}


@media (min-width: 1024px) {

	#single_teams .team_name p.from {
		font-size: 1em;
	}
	
	#single_teams .team_name h1.ja_name {
		font-size: 2em;
	}
	
	#single_teams .team_name p.en_name {
		font-size: 1.5em;
	}

	#single_teams .h2_headline h2 {
		font-size: 3vw;
	}
	
	#single_teams .h2_headline span {
		font-size: 2vw;
	}

}









/*========================================
==========================================

page-tournament.php

==========================================
========================================*/

/*========================================

common

========================================*/

#page_tournament {
	background: #ffffff;
}

#page_tournament .h2_ttl {
	border-bottom: solid 5px #313131;
	padding-bottom: 20px;
}

#page_tournament .h2_ttl h2  {
	font-size: 6vw;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 1px;
}

#page_tournament .h2_ttl span {
	display: block;
	padding-top: 20px;
	font-size: 3vw;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}


@media (min-width: 768px) {

	#page_tournament .h2_ttl h2  {
		font-size: 5vw;
	}

	#page_tournament .h2_ttl span {
		font-size: 2.5vw;
	}

}


@media (min-width: 1024px) {

	#page_tournament .h2_ttl h2  {
		font-size: 4vw;
	}

	#page_tournament .h2_ttl span {
		font-size: 2vw;
	}
	
}




/*========================================

#outline

========================================*/

#outline .con {
	padding: 80px 4%;
}

#outline section {
	border-bottom: solid 1px #dcdcdc;
	padding: 40px 0;
}

#outline .h3_headline {
	margin: 0 0 40px;
}

#outline .h3_headline h3 {
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 2px;
}

#outline .h3_headline span {
	display: block;
	padding-top: 5px;
	font-size: 0.9em;
	font-weight: 600;
}

#outline .info .info_ja {
	margin: 0 0 40px;
}

#outline .info .boys_box {
	margin: 0 0 20px;
}

#outline .info .team_men {
	margin: 0 0 40px;
}

#outline .info .overseas_teams {
	margin: 0 0 10px;
}

#outline .info ul li {
	margin: 0 0 5px;
}

#outline .info ul li:last-of-type {
	margin: 0;
}

#outline .info h4 {
	padding-bottom: 10px;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 1px;
}

#outline .info h5 {
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 1px;
}

#outline .info ul li p {
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 1px;
}

#outline .info ul li p.en {
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 1px;
}

#outline .info ul li span {
	display: block;
	font-size: 0.8em;
	line-height: 1.8;
	letter-spacing: 1px;
}

#outline .info ul li p a {
	font-weight: 700;
	color: #008000;
	transition: all 0.3s;
}

#outline .info ul li p a:hover {
	opacity: 0.7;
}

#outline .info .comment {
	padding: 20px 0 0;
}

#outline .info .comment .bg_color {
	padding: 20px;
	background: #f2f2f2;
}

#outline .info .comment p {
	font-size: 0.8em;
	color: #808080;
}


@media (min-width: 768px) {

	#outline .con {
		padding: 80px 8%;
	}

	#outline section {
	  	display:flex;
		padding: 40px 0;
	}

	#outline .h3_headline {
		flex-basis: 25%;
		margin: 0;
	}

	#outline .info {
		flex-basis: 75%;
	}

}


@media (min-width: 1024px) {
	
}




/*========================================

#schedule

========================================*/

#schedule .con {
	padding: 80px 4%;
}

#schedule table {
	width: 100%;
}

#schedule table tr {
	display: block;
	width: 100%;
	border-bottom: solid 1px #dcdcdc;
	padding: 40px 0;
}

#schedule table th {
	display: block;
	width: 100%;
	margin: 0 0 40px;
}

#schedule table th p {
	text-align: left;
	font-size: 1.2em;
	font-weight: 700;
}

#schedule table td {
	display: block;
	width: 100%;
}

#schedule table td .men {
	margin: 0 0 40px;
}

#schedule table td h3 {
	font-size: 0.9em;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 1px;
}

#schedule table td p.rest_day {
	font-size: 0.9em;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 1px;
}

#schedule table td ul li {
	display: flex;
	align-items: center;
	border-bottom: dashed 1px #dcdcdc;
	padding: 10px 0;
}

#schedule table td ul li.cancel {
	background: #f2f2f2;
}

#schedule table td ul li:last-of-type {
	border-bottom: none;
}

#schedule table td ul li .time {
	flex-basis: 20%;
}

#schedule table td ul li .time time {
	display: block;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5;
	letter-spacing: 1px;
}

#schedule table td ul li .sche {
	flex-basis: 55%;
}

#schedule table td ul li .sche p {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 1px;
}

#schedule table td ul li .sche span {
	display: block;
	font-size: 0.7em;
	line-height: 1.5;
	letter-spacing: 1px;
}

#schedule table td ul li .field {
	flex-basis: 25%;
}

#schedule table td ul li .field p {
	text-align: center;
	font-size: 0.7em;
	line-height: 1.5;
	letter-spacing: 1px;
}


@media (min-width: 768px) {

	#schedule .con {
		padding: 80px 8%;
	}

	#schedule table tr {
		display: flex;
		align-items: center;
	}

	#schedule table th {
		flex-basis: 25%;
		margin: 0;
	}

	#schedule table td {
		flex-basis: 75%;
	}

}


@media (min-width: 1024px) {

}









/*========================================
==========================================

page-archives.php

==========================================
========================================*/

#page_archives .con {
	padding: 80px 4%;
}

#page_archives section {
	margin: 0 0 8%;
}

#page_archives section a {
	display: block;
	border: solid 5px #313131;
	padding: 4%;
	transition: all 0.3s;
}

#page_archives section a:hover {
	border: solid 5px #008000;
}

#page_archives .tournament_name {
	border-bottom: solid 1px #313131;
	padding-bottom: 4%;
	transition: all 0.3s;
}

#page_archives section a:hover .tournament_name {
	border-bottom: solid 1px #008000;
}

#page_archives .tournament_name h2 {
	font-size: 6vw;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#page_archives section a:hover .tournament_name h2 {
	color: #008000;
}

#page_archives .tournament_name span {
	display: block;
	padding-top: 10px;
	font-size: 3vw;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#page_archives section a:hover .tournament_name span {
	color: #008000;
}

#page_archives .year {
	padding-top: 4%;
}

#page_archives .year p {
	position: relative;
	margin-bottom: 10px;
	padding-right: 20px;
	text-align: right;
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	transition: all 0.3s;
}

#page_archives section a:hover .year p {
	color: #008000;
}

#page_archives .year p::after {
	display: block;
	content: '\f35d';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #313131;
	transition: all 0.3s;
}

#page_archives section a:hover .year p::after {
	color: #008000;
}

#page_archives .year p span {
	display: inline-block;
	font-weight: 500;
	transition: all 0.3s;
}

#page_archives section a:hover .year p span {
	color: #008000;
}

#page_archives section .year > span {
	display: block;
	text-align: right;
	font-size: 0.8em;
}


@media (min-width: 768px) {

	#page_archives .con {
		padding: 80px 8%;
	}

	#page_archives section {
		margin: 0 0 4%;
	}

	#page_archives section a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#page_archives .tournament_name {
		flex-basis: 50%;
		border-bottom: none;
		border-right: solid 1px #313131;
		padding-bottom: 0;
	}

	#page_archives section a:hover .tournament_name {
		border-bottom: none;
		border-right: solid 1px #008000;
	}

	#page_archives .tournament_name h2 {
		font-size: 5vw;
	}
	
	#page_archives .tournament_name span {
		font-size: 2.5vw;
	}

	#page_archives .year {
		flex-basis: 50%;
		padding-top: 0;
		padding-left: 4%;
	}

	#page_archives .year p {
		padding-right: 0;
		text-align: center;
	}

	#page_archives section .year > span {
		text-align: center;
	}

}


@media (min-width: 1024px) {

	#page_archives .tournament_name h2 {
		font-size: 4vw;
	}
	
	#page_archives .tournament_name span {
		font-size: 2vw;
	}

	#page_archives .year p {
		font-size: 1.2em;
	}

	#page_archives section .year > span {
		font-size: 0.9em;
	}
	
}









/*========================================
==========================================

404.php

==========================================
========================================*/

#page_404 .con {
	padding: 80px 4%;
}

#page_404 .sorry {
	margin: 0 0 40px;
}

#page_404 .sorry p {
	font-size: 0.9em;
	line-height: 1.8;
	letter-spacing: 1px;
}

#page_404 .sorry p br {
	display: none;
}

#page_404 .page_link a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	line-height: 1;
	letter-spacing: 1px;
	color: #ffffff;
	background: #004d25;
	transition: all 0.3s;
}

#page_404 .page_link a:hover {
	opacity: 0.7;
}


@media (min-width: 768px) {

	#page_404 .con {
		padding: 80px 8%;
	}

	#page_404 .page_link a {
		width: 400px;
		margin: 0 auto;
	}

}


@media (min-width: 1024px) {

	#page_404 .sorry p {
		text-align: center;
		font-size: 1em;
		line-height: 2;
	}

	#page_404 .sorry p br {
		display: block;
	}
    
}