/*
Theme Name: 
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 0

*/


/**********************************




*************************************/

*
{
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}
html
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body
{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba( 85,  85,  85, 1);
	background: rgb(20,20,20);
	background: radial-gradient(circle, rgba(20,20,20,1) 0%, rgba(85,85,85,1) 100%);
	background: linear-gradient(90deg, rgba(85,85,85,1) 0%, rgba(20,20,20,1) 25%, rgba(20,20,20,1) 75%, rgba(85,85,85,1) 100%);
}
body > *
{
}

.container {
	width: 740px;
	width: 80%;
	margin: 1rem auto 1rem;
	background-color: rgba(238, 238, 238, 1);
//	filter: drop-shadow( 1px 1px 3px rgba(0, 71, 93, 1) );
}
a {
	color: rgba( 0, 136, 255, 1);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.ar {
	text-align: right;
}
.ar a::after {
	content: '≫';
}
.al {
	text-align: left;
}
.al a::before {
	content: '≪';
}


/*** section
 *************/

article section {
	width: 600px;
	width: 80%;
	margin: 1rem auto 1rem;
	padding-bottom: 1rem;
	background-color: rgba(255, 255, 255, 1);
	line-height: 1.75rem;
	filter: drop-shadow( 1px 1px 3px rgba(0, 71, 93, 0.2) );
}
article section > div.row {
	padding: 0px 0.5rem 1rem;
}
article section > p,
article section > dl,
article section > ul,
article section > ol,
article .notice > p,
article .notice > dl,
article .notice > ul,
article .notice > ol,
article .notice > h4,
article section > address {
	margin-right: 5%;
	margin-left: 5%;
	font-style: normal;
}
article section dt {
	width: 20%;
	margin-bottom: 0.5rem;
//	display: inline-block;
}
article section dd {
	margin-top: -2.25rem;
	margin-bottom: 0.5rem;
	margin-left: 20%;
//	display: inline-block;
}

article section dl.pl dt {
	width: auto;
}
article section dl.pl dd {
	margin-top: 0rem;
	margin-left: auto;
}

.abstract {
	width: 80%;
	margin: 1rem auto;
	background-color: transparent;
	filter: drop-shadow( 0px 0px 0px );
}


.fl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 90%;
	margin: 0rem auto 1rem;
}



/*** color
 *************/
a {
}

article section strong {
	color: rgba( 230, 0, 0, 1 );
}

.notice {
	background-color: rgba( 230, 0, 0, 0.05 );
	padding-top: 0.5rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.box {
	border: 1px solid rgba(0, 71, 93, 1);
	background-color: rgba( 255, 255, 255, 1);
	padding-left: 1rem;
	padding-right: 1rem;
}
.box.dash {
	border-style: dotted;
}


/*** header ***/
header .logo {
	border-top: 0.5rem solid rgba(0, 71, 93, 1);
	margin: 0rem auto;
	background-color: rgba(0, 71, 93, 1);
	background-color: rgba(255, 248, 230, 1);
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 0rem;
	padding-left: 5%;
	border: 0;
	background-image: url( '/kyoudo/assets/top1.jpg' );
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: right center;
}
.home header .logo {
	width: 79vw;
	height: calc( 80vw * 0.43 );
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-right: 0rem;
	padding-left: 0rem;
	background-size: contain;
	background-position: center;
}
header .title {
	display: block;
	color: rgba(0, 71, 93, 1);
	text-align: left;
	font-size: 2.5vw;
	line-height: 3.5vw;
	font-weight: 700;
}
.home header .title {
	padding-top: calc( 30vw * 0.43 - 2.5vw );
	padding-bottom: calc( 30vw * 0.43 - 2.5vw );
	text-align: center;
	font-size: 5vw;
	line-height: 6.5vw;
	font-weight: bold;
	color: rgba( 255, 255, 255, 1 );
	filter: drop-shadow( 0 0 0.5rem rgba(0, 71, 93, 1) );
}
header .sub {
	display: inline-block;
	font-size: 2vw;
	line-height: 2.5vw;
	font-weight: 400;
}
.home header .sub {
	font-size: 4vw;
	line-height: 4.5vw;
	border-bottom: 1px solid rgba( 255, 255, 255, 1);
}


/*** footer ***/
footer {
	position: relative;
	background-color: rgba(204, 196, 159, 1);
	color: rgba(  85,  85,  85, 1);
	padding-top: 1rem;
}
footer address {
	width: 60%;
	margin: 0 auto;
	text-align: left;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 90%;
	line-height: 110%;
}
footer .copy {
	position: absolute;
	display: inline-block;
	width: 100%;
//	top: 7rem;
	color: rgba(136, 136, 136, 1);
//	background-color: rgba( 85,  85,  85, 1);
	text-align: right;
	filter: none;
}




/*** heading ***/
h1 {
	background-color: rgba( 204, 204, 204, 1);
	color: rgba(  51,  51,  51, 1);
	border-left: 1rem solid rgba(0, 71, 93, 1);
	padding: 0.5rem 1rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
	font-weight: 400;
}

h2 {
	background-color: rgba( 204, 204, 204, 1);
	color: rgba(  51,  51,  51, 1);
	border-left: 1rem solid rgba(0, 71, 93, 1);
	padding: 0.5rem 1rem;
	margin-top: 0rem;
	font-weight: 400;
}
h3 {
	color: rgba(  51,  51,  51, 1);
	margin: 1.5rem 0rem 0rem;
	border-left: 1rem solid rgba(0, 71, 93, 1);
	padding: 0.25rem 0.5rem;
	margin-top: 0rem;
	font-weight: 700;
}
h4 {
	color: rgba(  51,  51,  51, 1);
	margin: 1.5rem 0rem 0rem;
	border-left: 1rem solid rgba(0, 71, 93, 0);
	padding: 0.25rem 0.5rem;
	margin-top: 0rem;
	font-weight: 700;
}



article dt {
	font-weight: bold;
//	color: rgba(170, 99, 23, 1);
	color: rgba(0, 71, 93, 1);
}
article dd {
}


article ul li {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}



table {
	border: solid rgba( 51, 102, 204, 1);
	border-width: 1px 0px 0px 1px;
	border-collapse: collapse;
	margin: 0 auto;
	min-width: 60%;
}
table th {
	background-color: rgba(204, 204, 204 ,1 );
	text-align: center;
	padding: 0.15rem 1rem;
	font-weight: normal;
}
table th,
table td {
	border: solid rgba( 51, 102, 204, 1);
	border-width: 0px 1px 1px 0px;
	padding: 0.15rem 1rem;
	line-height: 1.2rem;
}



/*** navigation
 *************/

nav {
}
nav ul {
	margin: 0 auto;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0;
	width: fit-content;
	text-align: center;
}
nav li {
	list-style-type: none;
	display: inline-block;
	border-right: 1px solid;
//	border-left: 1px solid transparent;
}
nav li:first-child {
	border-left: 1px solid;
}

header nav {
	background-color: rgba(0, 71, 93, 1);
}
header nav li {
	border-color: rgba( 255, 255, 255, 0.5 );
}
header nav li:first-child {
	border-color: rgba( 255, 255, 255, 0.5 );
}
header nav a {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	padding: 0.15rem 1rem;
}
header nav a:hover {
	background-color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
}

footer nav li {
	border-color: rgba( 51,  51,  51, 0.5);
}
footer nav li:first-child {
	border-color: rgba( 51,  51,  51, 0.5);
}
footer nav a {
	text-decoration: none;
	padding: 0.15rem 1rem;
	color: rgba( 51,  51,  51, 1);
}



.col > * a:hover {
	transition: 0.3s;
}





/*** trim ***/
.trim.circle {
	transition: 0.3s;
}
a:hover .trim.circle {
	transition: 0.3s;
}
a:hover .trim img {
	width: 150%;
	transition: 0.3s;
}





/*** wrap ***/
.single {
	border-radius: 1rem;
}


/*** news ***/
.news ul {
	padding-left: 0rem;
}
.news li {
	list-style-type: none;
	padding-left: 0rem;
	line-height: 1.25rem;
	border-bottom: 1px solid rgba( 51,  51,  51, 0.5);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}


/*** select ***/

.select3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 90%;
	margin: 0rem auto 1rem;
}
.select3 > * {
	width: 30%;
	margin: 0 auto;
}
.select3 section p:nth-child(2) {
	min-height: 15vh;
}
.select3 a {
	text-decoration: none;
	text-align: center;
	color: rgba(51, 51, 51, 1);
	display: block;
}
.btn {
//	border: 1px solid rgba(102, 204, 255, 1);
	border: 1px solid rgba( 0, 136, 255, 1);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.btn:hover {
//	background-color: rgba(102, 204, 255, 1);
	background-color: rgba( 0, 136, 255, 1);
	color: rgba( 255, 255, 255, 1);
}


/*** gallery ***/
.gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin: 0rem auto 1rem;
	padding-left: 0rem;
}
.gallery li {
	width: calc( 100% / 4 );
	margin: 0rem;
	list-style-type: none;
	text-align: center;
}
.gallery img {
	width: 90%;
	height: auto;
}


/*** banners ***/
.banners section{
	background-color: rgba(255, 255, 255, 1);
	background-color: transparent;
	margin-bottom: 0rem;
	padding-bottom: 0rem;
}
.banners ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style-type: none;
	padding-left: 0rem;
	margin-top: 0rem;
	margin-bottom: 0rem;
}
.banners li {
	width: auto;
	text-align: center;
}
.banners img {
	width: auto;
	height: 3.5rem;
	padding-right: 0.25rem;
	padding-left: 0.25rem;
	vertical-align: bottom;
}

/*** bannerso ***/
.bannerso section{
	background-color: transparent;
}
.bannerso ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style-type: none;
	padding-left: 0rem;
}
.bannerso li {
	width: 40%;
	text-align: center;
}
.bannerso img {
	width: 100%;
	height: auto;
}



/*** tab ***/
.tab ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	justify-content: space-around;
	list-style-type: none;
}




/*** page navigae
 *************/

.navigate .col_i img {
	width: 100%;
	height: auto;
}


/*** page info
 *************/

.info .col_i img {
	width: 100%;
	height: auto;
}









/*************************************************************************************************************************/

@media only screen and (min-width: 320px) and (max-width: 767px) {

html
{
	font-size: 130%;
}
body
{
	font-size: 0.8rem;
}


header .logo {
	width: 99vw;
	height: calc( 100vw * 0.43 );
}

.container {
	width: 100%;
	margin: 0rem;
}
article section {
	width: 100%;
	line-height: 1.5rem;
}
article section dl dt {
	margin-bottom: 0rem;
}
article section dl dd {
}
article section dl dt,
article section dl dd {
	display: inline-table;
	width: 100%;
	margin-left: auto;
}
article section dl dd > table:nth-of-type(1) {
	margin-top: 2rem;
}
.abstract {
	width: 90%;
}
.row .abstract {
	width: 100%;
}



nav ul {
	margin: 0 auto;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0;
	width: auto;
	text-align: left;
	line-height: 2rem;
}
nav li {
	list-style-type: none;
	display: inline-block;
	border-right: 1px solid transparent;
//	width: 48%;
	width: 100%;
}

footer nav {
	display: none;
}
header nav a,
footer nav a {
	display: block;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px solid rgba( 51,  51,  51, 0.5);
}
header nav li,
footer nav li {
	border-color: transparent;
}
header nav li:first-child,
footer nav li:first-child {
	border-color: transparent;
}



/*** footer ***/
footer {
	background-color: rgba(204, 196, 159, 1);
	color: rgba(  85,  85,  85, 1);
}
footer address {
	width: 80%;
}
footer .copy {
	text-align: center;
}
footer address {
	margin: 1rem auto;
}


/*** select ***/

.select3 {
	display: block;
	flex-wrap: nowrap;
	justify-content: space-around;
	width: 90%;
	margin: 0rem auto 1rem;
}
.select3 > * {
	width: 100%;
	margin: 0 auto 1rem;
}
.select3 section p:nth-child(2) {
	min-height: auto;
}





}