@charset "UTF-8";

@media screen and (min-width:1025px){
body {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    line-height: 140%;
    background-color: #EDEDDA;
}
#main {
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
#main nav {
    display: table;
    width: 100%;
    background-color: #B30351;
    position: fixed;
    top: 0px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
    z-index: 1;
}
#main nav ul {
    display: table;
    table-layout: fixed;
    table-align: center;
    height: 50px;
    width: 90%;
    padding-left: 5%;
}
#main nav ul li {
    font-family: 'Noto Serif JP', serif;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 90%;
}
#main nav ul li:last-child {
  border-right: 0;
}
#main nav ul li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}
#main nav ul li a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 120%;
}
#main nav ul li a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
#main nav ul li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#main #top img {
    width: 100%;
    height: auto;
    padding-top: 80px;
}
#main #top {
    padding-top: 80px;
    margin-top: -80px;
}
table {
    width: 100%;
    height: auto;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1%;
    padding-right: 1%;
    border-style: none;
    background-color: #F6F6F5;
}
h1 {
    width: 99%;
    background-image: url(obiback.jpg);
    font-size: 150%;
    font-weight: 500;
    padding-top: 15px;
    height: auto;
    padding-bottom: 20px;
    padding-left: 1%;
    color: #FFFFFF;
}
table a:link  {
    color: #0E3C1E;
    text-decoration: underline;
}
table a:hover {
    text-decoration: none;
    color: #0E3C1E;
}
table a:visited {
    text-decoration: underline;
    color: #0E3C1E;
}
.yellow {
    background-color: #F3F8CF;
}
h2 {
    font-size: 250%;
    border-bottom: thick solid #9DA169;
    width: 65%;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
#mousikomi {
    padding-left: 20%;
    width: 60%;
    background-color: #9DA169;
    font-size: 180%;
    padding-top: 0.5px;
    padding-bottom: 0.5px;
}
#mousikomi p a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#mousikomi p a:hover {
    text-decoration: underline;
    color: #DEDEDE;
}
#mousikomi p a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.article ul li {
    text-indent: -2em;
    line-height: 180%;
}
.article ul {
    list-style-type: none;
}
.nakabun ul {
    list-style-type: none;
}
.nakabun ul li {
    text-indent: -2em;
}
h3 {
    font-size: 180%;
    border-left: 15px solid #9DA169;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.article {
    padding-left: 1%;
    padding-right: 1%;
}
h4 {
    font-size: 170%;
}
section .article #greyarea {
    background-color: #F6F6F5;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#cyuuijiko ul {
    list-style-type: none;
    line-height: 10%;
}
#cyuuijiko ul li {
    text-indent: -1em;
}
.article #en img {
    width: 74%;
    height: auto;
}
.article .left {
    width: 30%;
    float: left;
}
.left p img {
    width: 90%;
    height: auto;
}
.article .right  {
    width: 65%;
    float: right;
    padding-top: 20px;
}
.article .both {
    float: none;
    clear: both;
}
section .article h5 {
    font-size: 120%;
    text-decoration: none;
    text-indent: 1em;
}
.bigger {
    font-size: 130%;
    font-weight: 600;
    line-height: 50%;
}
#main #toi {
    text-align: center;
}
#toi .bigger a:link {
    color: #000000;
    text-decoration: underline;
}
#main #toi a:hover {
    color: #CECECE;
    text-decoration: none;
}
#main #toi a:visited {
    color: #000000;
    text-decoration: underline;
}
#main #foot {
    width: 100%;
    text-align: center;
    background-color: #B30351;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #FFFFFF;
}
#main #sche {
    margin-top: -80px;
    padding-top: 80px;
}
#main #senko {
    margin-top: -80px;
    padding-top: 80px;
}
#main #enmoku {
    margin-top: -80px;
    padding-top: 80px;
}
#main #syutuen {
    margin-top: -80px;
    padding-top: 80px;
}
#main #toi {
    margin-top: -80px;
    padding-top: 80px;
}
tbody tr th {
    text-align: center;
    font-weight: 600;
}
nav .wrapper-nav-global .menubtn {
    display: none;
}
.nav-global {
    display: block;
}
#sche section #right {
    text-align: right;
    padding-right: 1em;
}
#top #catchbig {
	padding-left: 1%;
	padding-right: 1%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: 200%;
	text-align: center;
	line-height: 180%;
}
#top #caparea {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 110%;
    line-height: 160%;
}
.article #en2 img {
    width: 60%;
    height: auto;
}
.red {
	color: #D90003;
	font-weight: 600;
	line-height: 120%;
}
.red .mini {
	font-size: 60%;
	vertical-align: super;
}
#cyuusi  {
    text-align: left;
    margin-right: 5px;
    margin-left: 1%;
}
#main #top .movie-wrap {
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}
#top .movie-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#sche section #inform {
    padding-left: 1%;
    padding-right: 1%;
}
section #inform #infotitle {
    font-size: 115%;
    font-weight: 600;
}
section #inform ul {
    line-height: 180%;
}
ul p a:link {
    text-decoration: none;
    color: rgba(12,0,91,1.00);
    font-weight: 600;
}
ul ul li {
	list-style: square;
}

ul p a:hover {
    text-decoration: underline;
}
#top #akagakoi {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 2px solid #FF0004;
    color: #FF0004;
    font-size: 110%;
    font-weight: 600;
    line-height: 160%;
    margin-top: 10px;
    margin-bottom: 10px;
}









}

@media screen and (min-width:641px) and (max-width:1024px){
body {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    line-height: 140%;
    background-color: #EDEDDA;
}
#main {
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
#main nav {
    display: table;
    width: 100%;
    background-color: #B30351;
    position: fixed;
    top: 0px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
    z-index: 1;
}
#main nav ul {
    display: table;
    table-layout: fixed;
    table-align: center;
    height: 50px;
    width: 90%;
    padding-left: 5%;
}
#main nav ul li {
    font-family: 'Noto Serif JP', serif;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 85%;
}
#main nav ul li:last-child {
  border-right: 0;
}
#main nav ul li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}
#main nav ul li a:link {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 120%;
}
#main nav ul li a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
#main nav ul li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#main #top img {
    width: 100%;
    height: auto;
    padding-top: 80px;
}
#main #top {
    padding-top: 80px;
    margin-top: -80px;
    font-size: medium;
}
table {
    width: 100%;
    height: auto;
    background-color: #F6F6F5;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    border-style: none;
}
h1 {
    width: 99%;
    background-image: url(obiback.jpg);
    background-repeat: repeat;
    font-size: 150%;
    font-weight: 500;
    padding-top: 15px;
    height: auto;
    padding-bottom: 20px;
    padding-left: 1%;
    color: #FFFFFF;
}
table a:link  {
    color: #0E3C1E;
    text-decoration: underline;
}
table a:hover {
    text-decoration: none;
    color: #0E3C1E;
}
table a:visited {
    text-decoration: underline;
    color: #0E3C1E;
}
.yellow {
    background-color: #F3F8CF;
}
h2 {
    font-size: 200%;
    border-bottom: thick solid #9DA169;
    width: 85%;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
#mousikomi {
    width: 80%;
    background-color: #9DA169;
    font-size: 150%;
    padding-top: 0.5px;
    padding-bottom: 0.5px;
    text-align: center;
}
#mousikomi p a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#mousikomi p a:hover {
    text-decoration: underline;
    color: #DEDEDE;
}
#mousikomi p a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.article ul li {
    text-indent: -2em;
    line-height: 180%;
}
.article ul {
    list-style-type: none;
}
.nakabun ul {
    list-style-type: none;
}
.nakabun ul li {
    text-indent: -2em;
}
h3 {
    font-size: 150%;
    border-left: 15px solid #9DA169;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.article {
    padding-left: 1%;
    padding-right: 1%;
}
h4 {
    font-size: 140%;
}
section .article #greyarea {
    background-color: #F6F6F5;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#cyuuijiko ul {
    list-style-type: square;
}
#cyuuijiko ul li {
    text-indent: 0px;
}
.article #en img {
    width: 80%;
    height: auto;
}
.article .left {
    width: 30%;
    float: left;
}
.left p img {
    width: 90%;
    height: auto;
}
.article .right  {
    width: 65%;
    float: right;
    padding-top: 20px;
}
.article .both {
    float: none;
    clear: both;
}
section .article h5 {
    font-size: 120%;
    text-decoration: none;
}
.bigger {
    font-size: 110%;
    font-weight: 600;
    line-height: 50%;
}
#main #toi {
    text-align: center;
}
#toi .bigger a:link {
    color: #000000;
    text-decoration: underline;
}
#main #toi a:hover {
    color: #CECECE;
    text-decoration: none;
}
#main #toi a:visited {
    color: #000000;
    text-decoration: underline;
}
#main #foot {
    width: 100%;
    text-align: center;
    background-color: #B30351;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #FFFFFF;
}
#main #sche {
    margin-top: -80px;
    padding-top: 80px;
}
#main #senko {
    margin-top: -80px;
    padding-top: 80px;
}
#main #enmoku {
    margin-top: -80px;
    padding-top: 80px;
}
#main #syutuen {
    margin-top: -80px;
    padding-top: 80px;
}
#main #toi {
    margin-top: -80px;
    padding-top: 80px;
}
tbody tr th {
    text-align: center;
    font-weight: 600;
}
nav .wrapper-nav-global .menubtn {
    display: none;
}
.nav-global {
    display: block;
}
#sche section #right {
    text-align: right;
    padding-right: 1em;
}
#top #catchbig {
	padding-left: 1%;
	padding-right: 1%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: 140%;
	text-align: center;
	line-height: 160%;
}
#top #caparea {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 110%;
    line-height: 160%;
}
.article #en2 img {
    width: 65%;
    height: auto;
}
.red {
	color: #D90003;
	font-weight: 600;
	line-height: 120%;
}
.red .mini {
	font-size: 60%;
	vertical-align: super;
}
#cyuusi {
    text-align: left;
    margin-right: 5px;
}
#main #top .movie-wrap {
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}
#top .movie-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#sche section #inform {
    padding-left: 1%;
    padding-right: 1%;
}
section #inform #infotitle {
    font-size: 115%;
    font-weight: 600;
}
section #inform ul {
    line-height: 180%;
}
ul p a:link {
    text-decoration: none;
    color: rgba(12,0,91,1.00);
    font-weight: 600;
}
ul ul li {
    list-style: square;
}
ul p a:hover {
    text-decoration: underline;
}
#top #akagakoi {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 2px solid #FF0004;
    color: #FF0004;
    font-size: 110%;
    font-weight: 600;
    line-height: 160%;
    margin-top: 10px;
    margin-bottom: 10px;
}









}

@media screen and (max-width:640px){
body {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    line-height: 140%;
    background-color: #EDEDDA;
}
#main {
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
#main nav {
    display: table;
    width: 100%;
    top: 0px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;
    height: auto;
    z-index: 1;
}
#main #top img {
    width: 100%;
    height: auto;
}
#main #top {
}
h1 {
    width: 99%;
    background-image: url(obiback.jpg);
    background-repeat: repeat;
    font-size: 110%;
    font-weight: 500;
    padding-top: 15px;
    height: auto;
    padding-bottom: 20px;
    padding-left: 1%;
    color: #FFFFFF;
}
table a:link  {
    color: #0E3C1E;
    text-decoration: underline;
}
table a:hover {
    text-decoration: none;
    color: #0E3C1E;
}
table a:visited {
    text-decoration: underline;
    color: #0E3C1E;
}
.yellow {
    background-color: #F3F8CF;
}
h2 {
    font-size: 140%;
    border-bottom: thick solid #9DA169;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 0px;
    line-height: 140%;
}
#mousikomi {
    width: 100%;
    background-color: #9DA169;
    font-size: 120%;
    padding-top: 0.5px;
    padding-bottom: 0.5px;
    text-align: center;
}
#mousikomi p a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#mousikomi p a:hover {
    text-decoration: underline;
    color: #DEDEDE;
}
#mousikomi p a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
.article ul li {
    text-indent: -2em;
    line-height: 180%;
}
.article ul {
    list-style-type: none;
}
.nakabun ul {
    list-style-type: none;
}
.nakabun ul li {
    text-indent: -2em;
}
h3 {
    font-size: 140%;
    border-left: 15px solid #9DA169;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.article {
    padding-left: 1%;
    padding-right: 1%;
}
h4 {
    font-size: 120%;
}
section .article #greyarea {
    background-color: #F6F6F5;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#cyuuijiko ul {
    list-style-type: square;
}
#cyuuijiko ul li {
    text-indent: 0px;
}
.article #en img {
    width: 100%;
    height: auto;
}
.article .left {
}
.left p img {
    width: 30%;
    height: auto;
}
.article .right  {
    padding-top: 20px;
}
.article .both {
    float: none;
    clear: both;
}
section .article h5 {
    font-size: 110%;
    text-decoration: none;
    line-height: 140%;
}
.bigger {
    font-size: 110%;
    font-weight: 600;
    line-height: 140%;
}
#main #toi {
    text-align: center;
}
#toi .bigger a:link {
    color: #000000;
    text-decoration: underline;
}
#main #toi a:hover {
    color: #CECECE;
    text-decoration: none;
}
#main #toi a:visited {
    color: #000000;
    text-decoration: underline;
}
#main #foot {
    width: 100%;
    text-align: center;
    background-color: #B30351;
    padding-top: 1px;
    padding-bottom: 1px;
    color: #FFFFFF;
}
#main #sche {
}
thead tr th {
}
#main #senko {
}
#main #enmoku {
}
#main #syutuen {
}
#main #toi {
    text-align: left;
}
.menubtn {
    display: block;
}
.menubtn a {
    display: block;
    padding-left: 10px;
    background-color: #B30351;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
.menubtn a:hover {
    background-color: #B42E69;
}
.menubtn a:active {
    background-color: #B30351;
}
.nav-global {
    display: none;
    background-color: #B30351;
    padding-top: 0px;
    margin-top: 0px;
}
.nav-global li {
    list-style-type: none;
    display: list-item;
    border-bottom: thin solid #FFFFFF;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 10px;
}
.nav-global li a {
    display: block;
}
.nav-global li a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.nav-global li a:hover {
    background-color: #BC4A7C;
    color: #FFFFFF;
    text-decoration: none;
}
.nav-global li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
table {
    background-color: #F6F6F5;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border: thin none #000000;
}
table tr td:first-child {
	background-color: rgba(148,148,148,1.00);
	padding-right: 43%;
	font-weight: 600;
}
table thead  {
    display: none;
}
tbody tr  {
    display: block;
    width: 90%;
    padding-left: 5%;
}
tbody tr td {
    display: block;
    text-align: right;
    padding-right: 5%;
}
tbody tr td::before {
    content: attr(label);
    float: left;
    clear: both;
    font-weight: 600;
    text-align: left;
    width: 30%;
    padding-left: 0%;
}
#sche section #right {
    text-align: right;
    padding-right: 1em;
}
#top #catchbig {
	padding-left: 1%;
	padding-right: 1%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: 120%;
	text-align: center;
	line-height: 160%;
}
#top #caparea {
    padding-left: 1%;
    padding-right: 1%;
    font-size: 100%;
    line-height: 160%;
}
.article #en2 img {
    width: 82%;
    height: auto;
}
.red {
	color: #D90003;
	font-weight: 600;
	line-height: 120%;
}
.red .mini {
	font-size: 60%;
	vertical-align: super;
}
#cyuusi {
    text-align: left;
    margin-right: 5px;
    padding-left: 5%;
    padding-right: 5%;
}
#main #top .movie-wrap {
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}
#top .movie-wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#sche section #inform {
    padding-left: 1%;
    padding-right: 1%;
}
section #inform #infotitle {
    font-size: 115%;
    font-weight: 600;
}
section #inform ul {
    line-height: 180%;
}
ul p a:link {
    text-decoration: none;
    color: rgba(12,0,91,1.00);
    font-weight: 600;
}
ul ul li {
    list-style: square;
}
ul p a:hover {
    text-decoration: underline;
}
#top #akagakoi {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 2px solid #FF0004;
    color: #FF0004;
    font-size: 100%;
    font-weight: 600;
    line-height: 180%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}










}