@charset "UTF-8";
/* ================================================
reset
================================================ */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html::-webkit-scrollbar {
  width: 1px;
}

html::-webkit-scrollbar-thumb {
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

header, nav, footer, section {
  display: block;
}

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

img {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* ================================================
rem
================================================ */
html {
  font-size: 625%;
}

@media (min-width: 751px) and (max-width: 1280px) {
  html {
    font-size: calc(100vw / 12.8);
  }
}


@media (max-width: 750px) {
  html {
    font-size: calc(100vw / 7.67);
  }
}

/* ================================================
text-shadow
================================================ */
/* ================================================
layout
================================================ */
body {
  height: 100%;
  line-height: 1.6;
  background: #1b1c20 url("../images/common/background.png") no-repeat top/cover fixed;
  font-family: 'Roboto', "Segoe UI", "Helvetica Neue", sans-serif;
	/*font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo UI',Meiryo,sans-serif;*/
  font-size: .18rem;
  font-feature-settings: 'palt';
  -webkit-font-feature-settings: 'palt';
  letter-spacing: .08em;
}

@media (max-width: 750px) {
  body {
    font-size: .24rem;
  }
}

.wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1200px;
}

@media (min-width: 751px) {
  .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.contents {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  color: #fff;
  background: rgba(36, 24, 14, 0.7);/*rgba(0, 0, 0, 0.6)本体文字が入るエリア*/
}

@media (min-width: 751px) {
  .contents {
    margin: 0 0 0 auto;
    padding: .3rem .5rem;
    width: calc(100% - 240px);
  }
}

@media (max-width: 750px) {
  .contents {
    padding: 1.1rem .3rem;
  }
}

/*.contents p, */.contents dl, .contents ul {
  text-shadow: #000 2px 0 2px, #000 -2px 0 2px, #000 0 -2px 2px, #000 0 2px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px, #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px, #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px, #000 -2px -1px 2px;
}

.sidebar {
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 50;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sidebar::-webkit-scrollbar {
  display: none;
}
.sidebar nav dl dd ul {/*1120長い見出し対応*/
	margin: 20px;
}
@media (min-width: 751px) {
  .sidebar {
    width: 240px;
    height: 100%;
  }
}

.sidebar .qr {
  margin: 26px 0 0 0;
  color: #2b1d26;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 750px) {
  .sidebar .qr {
    display: none;
  }
}

.sidebar .qr img {
  margin: 0 0 20px 0;
  width: 82px;
}

/* ================================================
header
================================================ */
@media (max-width: 750px) {
  header {
    padding: 0 .8rem 0 .3rem;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: .8rem;
    background: #fff;
  }
}

header a {
  line-height: 1.2;
  color: #613005;
  font-weight: bold;
}

header a:hover {
  color: #0b596d;
}

@media (min-width: 751px) {
  header a {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 190px;
    font-size: 17px;
    background: url("../images/common/logo.png") no-repeat center 18px/156px;
  }
}

header a span {
  display: none;
}

@media (max-width: 750px) {
  header a span {
    display: block;
  }
}

header .toggle {
  position: absolute;
  top: .1rem;
  right: .1rem;
  width: .6rem;
  height: .6rem;
  background: #ffa800;
  cursor: pointer;
}

@media (min-width: 751px) {
  header .toggle {
    display: none;
  }
}

header .toggle.open span {
  background: none;
}

header .toggle.open span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

header .toggle.open span::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

header .toggle span {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .4rem;
  height: .02rem;
  background: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

header .toggle span::before, header .toggle span::after {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .02rem;
  content: '';
  background: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

header .toggle span::before {
  -webkit-transform: translateY(-0.08rem);
          transform: translateY(-0.08rem);
}

header .toggle span::after {
  -webkit-transform: translateY(0.08rem);
          transform: translateY(0.08rem);
}

/* ================================================
nav
================================================ */
nav {
  line-height: 1;
  text-align: center;
  letter-spacing: .02em;
}

@media (min-width: 751px) {
  nav {
    padding: 10px;
    border-top: .01rem solid #f6ac0e;
    border-bottom: .01rem solid #f6ac0e;
    display: block !important;
    background: rgba(255, 255, 255, 0.6);
    font-size: 14px;
  }
}

@media (max-width: 750px) {
  /*.with_c*/nav {
    padding: .1rem;
    display: none;
    background: #fff3d8;
    font-weight: bold;
    font-size: .3rem;
  }
}

nav dt {
  color: #752f14;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}

nav dt:hover {
  color: #ffa800;
  text-shadow: rgba(255, 255, 255, 0.3) 2px 0 2px, rgba(255, 255, 255, 0.3) -2px 0 2px, rgba(255, 255, 255, 0.3) 0 -2px 2px, rgba(255, 255, 255, 0.3) 0 2px 2px, rgba(255, 255, 255, 0.3) 2px 2px 2px, rgba(255, 255, 255, 0.3) -2px 2px 2px, rgba(255, 255, 255, 0.3) 2px -2px 2px, rgba(255, 255, 255, 0.3) -2px -2px 2px, rgba(255, 255, 255, 0.3) 1px 2px 2px, rgba(255, 255, 255, 0.3) -1px 2px 2px, rgba(255, 255, 255, 0.3) 1px -2px 2px, rgba(255, 255, 255, 0.3) -1px -2px 2px, rgba(255, 255, 255, 0.3) 2px 1px 2px, rgba(255, 255, 255, 0.3) -2px 1px 2px, rgba(255, 255, 255, 0.3) 2px -1px 2px, rgba(255, 255, 255, 0.3) -2px -1px 2px;
}

nav dt a {
  pointer-events: none;
}

nav dd {
  display: none;
  background: rgba(246, 172, 14, 0.5);
}

nav dd a {
  color: #000;
}

nav dd a.current {
  font-weight: bold;
  color: #30CFC3/*#B7F8DB/*#fff*/;
	text-shadow: rgba(255,255,255, 0.3) 2px 0 2px, rgba(255,255,255, 0.3) -2px 0 2px, rgba(255,255,255, 0.3) 0 -2px 2px, rgba(255,255,255, 0.3) 0 2px 2px, rgba(255,255,255, 0.3) 2px 2px 2px, rgba(255,255,255, 0.3) -2px 2px 2px, rgba(255,255,255, 0.3) 2px -2px 2px, rgba(255,255,255, 0.3) -2px -2px 2px, rgba(255,255,255, 0.3) 1px 2px 2px, rgba(255,255,255, 0.3) -1px 2px 2px, rgba(255,255,255, 0.3) 1px -2px 2px, rgba(255,255,255, 0.3) -1px -2px 2px, rgba(255,255,255, 0.3) 2px 1px 2px, rgba(255,255,255, 0.3) -2px 1px 2px, rgba(255,255,255, 0.3) 2px -1px 2px, rgba(255,255,255, 0.3) -2px -1px 2px;
	
/*  background: url("../images/common/nav_current.png") no-repeat center/contain;*/
}
/*
nav dd a.current::before {
	content: "---　";
}
nav dd a.current::after {
	content: "　---";
}
*/


@media (max-width: 750px) {
  nav dd a.current {
/*    background-image: url("../images/common/nav_current_sp.png");*/
  }
}

nav dd a:hover {
  color: #fff;
  font-weight: bold;
  text-shadow: #ff6600 2px 0 2px, #ff6600 -2px 0 2px, #ff6600 0 -2px 2px, #ff6600 0 2px 2px, #ff6600 2px 2px 2px, #ff6600 -2px 2px 2px, #ff6600 2px -2px 2px, #ff6600 -2px -2px 2px, #ff6600 1px 2px 2px, #ff6600 -1px 2px 2px, #ff6600 1px -2px 2px, #ff6600 -1px -2px 2px, #ff6600 2px 1px 2px, #ff6600 -2px 1px 2px, #ff6600 2px -1px 2px, #ff6600 -2px -1px 2px;
}

nav a {
  padding: 1em 0;
  display: block;
}

/* ================================================
main
================================================ */
main section {
  margin: -.3rem 0 .5rem 0;
  padding: .3rem 0 0 0;
}


@media (max-width: 750px) {
  main section {
    margin-top: -1.1rem;
    padding-top: 1.1rem;
  }
}
main section:first-child {
  margin-bottom: 0;
}

main section:last-child {
  margin-bottom: 0;
}

main .sec {
  margin: 2em 0;
}

main .sec:last-child {
  margin-bottom: 0;
}

main .w80 {
  margin: 1em auto;
  width: 80%;
}

@media (max-width: 750px) {
  main .w80 {
    width: 90%;
  }
}

main p {
  margin: 0 0 .2em 0;
}

main p:last-child {
  margin-bottom: 0;
}
main p.sage { /*まるつきすうじの字下げ*/
  text-indent: -1.8em;
	padding-left: 1.8em
}


main p img {
  margin: 0 .5em;
}

main p img, main dl img, main ul img {
  width: auto;
  height: 1.5em;
}

main .disc li {
  margin: 0 0 0 1em;
  list-style: disc outside;
text-shadow: none;

}

main .reference, main .reference_list li {
  padding: 0 0 0 1em;
  color: #ffa800;
  font-size: .16rem;
  text-indent: -1em;
}

@media (max-width: 750px) {
  main .reference, main .reference_list li {
    font-size: .2rem;
  }
}

main .reference::before, main .reference_list li::before {
  margin: 0 .2em 0 0;
  content: '\2726';/*ポインテッドスター*/
  font-family: 'Roboto', "Segoe UI", "Helvetica Neue", sans-serif;
	/*font-family: ‘Hiragino Kaku Gothic ProN’,’ヒラギノ角ゴ ProN W3′,’Meiryo UI’,Meiryo,sans-serif;*/
}

main .ic {
  margin: 1em 0;
}

main .ic:last-child {
  margin-bottom: 0;
}

main .ic dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .ic li {
  margin: 0 0 .2em 0;
}

main .ic li:last-child {
  margin-bottom: 0;
}

main .ic.bold dt {
  margin: 0 .1rem 0 0;
}

main .ic.bold dd {
  font-weight: bold;
}

main .ic.colon dt {
  white-space: nowrap;
}

main .ic.colon dt::after {
  margin: 0 .2em;
  content: '：';
}

main .ic_invert img {
  -webkit-filter: drop-shadow(0 0 0.02rem #fff) invert(100%);
          filter: drop-shadow(0 0 0.02rem #fff) invert(100%);
}

/* ================================================
link
================================================ */
main + .pagination {
  margin: .5rem 0 0 0;
}

.pagination {
  margin: 0 0 .2rem 0;
  line-height: 1;
}

.pagination li {
  display: inline-block;
}

.pagination li + li {
  margin: 0 0 0 .15rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 750px) {
  .pagination li + li {
    margin: 0 0 0 .2rem;
  }
}

.pagination a {
  display: block;
  width: .4rem;
  height: .4rem;
  background: url("../images/common/pagination_off.svg") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;
}

@media (max-width: 750px) {
  .pagination a {
    width: .6rem;
    height: .6rem;
  }
}

.pagination a:hover {
  background-image: url("../images/common/pagination_on.svg");
}

.pagejump {
  margin: 0 auto .5rem auto;
  display: table;
  text-align: center;
}

@media (max-width: 750px) {
  .pagejump {
    font-size: .28rem;
  }
}

.pagejump li {
  margin: 0 1em 0 0;
  display: inline-block;
}

.pagejump li:last-child {
  margin-right: 0;
}

.pagejump a {
  padding: 0 0 0 1.2em;
  position: relative;
  color: #ffa800;
}

.pagejump a::before {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1em;
  height: 1em;
  content: '';
  background: url("../images/common/pagejump_ic.svg") no-repeat center/100%;
}

.pagejump a:hover {
  color: #30cfc3;
  text-decoration: underline;
}

/* ================================================
title
================================================ */
.ttl_primary {
  margin: 0 0 .2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: .8rem;
/*	border: 2px dotted white;*/
/*  background: url("../images/common/ttl_primary.png") no-repeat center/100%;*/
  font-weight: bold;
  font-size: .32rem;
	padding: 0.5em;/*臨時h1採用*/
	background: rgba(255,255,255, 0.2);/*臨時h1採用*/
	border-top: 4px solid white;
	border-right: 8px ridge white;
	border-bottom: 8px ridge white;
	border-left: 4px solid white;
	margin: 10px;
}
/*臨時h1超強調　ぼつ
.h1_oya {
	background: rgba(255, 168, 0, 0.8);
	padding: 0.5em;
	border: 1px solid white;
	margin-bottom: 1em;
}
*/

/*.ttl_primary::before, .ttl_primary::after {/*前後に飾り
	content: "";
	display: inline-block;/*忘れずに！
  margin: 0 0.5em;
	width: 2em;/*画像の幅
  height: 2em;/*画像の高さ
  background-image: url("../images/common/mini_m_w.png");
  background-size: contain;
  vertical-align: middle;
}
*/



@media (max-width: 750px) {
  .ttl_primary {
    margin: 0 0 0.2rem 0;
    height: 1.1rem;
    font-size: .42rem;
/*    background-image: url("../img/common/ttl_primary_sp.png");*/
/*    margin: 0 0-.3rem .2rem 0-.3rem　ベース画像左右が切れないように*/;
  }
	.mini {/*1120見出し*/
	font-size: .31rem;
}
	
}

@media (min-width: 751px) {
  .ttl_primary br {
    display: none;
  }
}

@media (min-width: 751px) {
  .ttl_primary span {
    display: inline;
    font-size: .25rem;
  }
}
@media (max-width: 750px) {
  .ttl_primary span {
 /*   display: inline;*/
    font-size: .25rem;
  }
}
.ttl_primary .twoline{
	line-height:0.75;
}



.ttl_secondary {
  margin: 0 0 .2rem 0;
  border: .01rem solid #ffa800;
  position: relative;
  max-width: calc(100% - .02rem);
  background: #000;
  font-size: .24rem;
}

@media (max-width: 750px) {
  .ttl_secondary {
    font-size: .34rem;
  }
}

/*ここから secontary h2
.ttl_secondary::before, .ttl_secondary::after, .ttl_secondary h2::before, .ttl_secondary h2::after {
  border-top: .03rem solid #ffa800;
  border-left: .03rem solid #ffa800;
  position: absolute;
  width: .15rem;
  height: .15rem;
  content: '';
}

@media (max-width: 750px) {
  .ttl_secondary::before, .ttl_secondary::after, .ttl_secondary h2::before, .ttl_secondary h2::after {
    border-width: .05rem;
    width: .25rem;
    height: .25rem;
  }
}

.ttl_secondary::before {
  top: -.02rem;
  left: -.02rem;
}

@media (max-width: 750px) {
  .ttl_secondary::before {
    top: -.03rem;
    left: -.03rem;
  }
}

.ttl_secondary::after {
  top: -.02rem;
  right: -.02rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (max-width: 750px) {
  .ttl_secondary::after {
    top: -.03rem;
    right: -.03rem;
  }
}

.ttl_secondary h2 {
  padding: 0 .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: .52rem;
}

@media (max-width: 750px) {
  .ttl_secondary h2 {
    height: .76rem;
  }
}

.ttl_secondary h2::before {
  bottom: -.02rem;
  left: -.02rem;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

@media (max-width: 750px) {
  .ttl_secondary h2::before {
    bottom: -.03rem;
    left: -.03rem;
  }
}

.ttl_secondary h2::after {
  right: -.02rem;
  bottom: -.02rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 750px) {
  .ttl_secondary h2::after {
    right: -.03rem;
    bottom: -.03rem;
  }
}

.ttl_secondary img {
  margin: 0 .5em;
  max-width: 1em;
}
ここまでh2*/

.ttl_grad {
  margin: 0 0 .5em 0;
  padding: .2em .6em;
  line-height: 1.2;
  color: #000;
  background: url("../img/common/ttl_tertiary.png") no-repeat center/cover;
  font-weight: bold;
  font-size: .22rem;
}

@media (min-width: 751px) {
  .ttl_grad br {
    display: none;
  }
}

@media (max-width: 750px) {
  .ttl_grad {
    background-image: url("../img/common/ttl_tertiary_sp.png");
    font-size: .3rem;
  }
}


h2 {
	position: relative;
	z-index: 1;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background:rgba(249, 212, 35,0.6);
	/*background:radial-gradient(rgba(0, 70, 127,1),rgba(0, 70, 127,0.5),rgba(165, 204, 130,1));緑と青のグラで*/
	/*background: radial-gradient(rgba(114,100,12,0.5),rgba(114,100,12,0.8),rgba(36,20,14,0.8)),url("../images/common/h2.png");rgba(114,100,12,0.5),rgba(114,100,12,0.8),rgba(36,20,14,0.8)*/
	background-position: center center;
	background-size: 100% auto ;
	text-shadow: 1px 1px 4px #24140e, -1px 1px 4px #24140e, 1px -1px 4px #24140e, -1px -1px 4px #24140e;
	padding: 8px 6px;
	margin: 1em 3px 0.5em 3px;
	border-top:ridge 6px rgba(255,255,102,0.5);/*rgba(255,255,102,0.5)黄色*/
	border-left:ridge 6px rgba(255,255,102,0.5);
	border-bottom:groove 6px rgba(255,255,102,0.5);
	border-right:groove 6px rgba(255,255,102,0.5);
	box-shadow: 0px 0px 0px 3px rgba(36,20,14,0.8);
	border-radius: 5px;
}
/*ここからもとのMF2 h2*/
h2:before {  
	content: '';
  	position: absolute;
	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("../images/common/disk.png");
	background-position: center center;
	background-size: auto 250% ;
	background-repeat: no-repeat;
}

h2 img {
	width: 25px;
	margin: 0px 0px 5px 3px;
}

h2 > span {
	font-size: 20px;
}

/*ここまでもとのMF2 h2*/





.ttl_num {
  margin: 0 0 .1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #d18f63;
  font-weight: bold;
  font-size: .22rem;
  text-shadow: 0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000;
  text-shadow: #000 2px 0 2px, #000 -2px 0 2px, #000 0 -2px 2px, #000 0 2px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px, #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px, #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px, #000 -2px -1px 2px;
}

@media (max-width: 750px) {
  .ttl_num {
    font-size: .3rem;
  }
}

.ttl_num img {
  margin: 0 .1rem 0 0;
  max-width: 1.65em;
}

.ttl_bar {
  margin: 1em 0 .3em 0;
  padding: 0 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: .34rem;
  color: #000;
  background: url("../img/common/ttl_bar.png") no-repeat center/100%;
  font-weight: bold;
  font-size: .2rem;
  text-shadow: rgba(255, 255, 255, 0.3) 2px 0 2px, rgba(255, 255, 255, 0.3) -2px 0 2px, rgba(255, 255, 255, 0.3) 0 -2px 2px, rgba(255, 255, 255, 0.3) 0 2px 2px, rgba(255, 255, 255, 0.3) 2px 2px 2px, rgba(255, 255, 255, 0.3) -2px 2px 2px, rgba(255, 255, 255, 0.3) 2px -2px 2px, rgba(255, 255, 255, 0.3) -2px -2px 2px, rgba(255, 255, 255, 0.3) 1px 2px 2px, rgba(255, 255, 255, 0.3) -1px 2px 2px, rgba(255, 255, 255, 0.3) 1px -2px 2px, rgba(255, 255, 255, 0.3) -1px -2px 2px, rgba(255, 255, 255, 0.3) 2px 1px 2px, rgba(255, 255, 255, 0.3) -2px 1px 2px, rgba(255, 255, 255, 0.3) 2px -1px 2px, rgba(255, 255, 255, 0.3) -2px -1px 2px;
}

@media (max-width: 750px) {
  .ttl_bar {
    height: .6rem;
    background-image: url("../img/common/ttl_bar_sp.png");
    font-size: .28rem;
  }
}

.ttl_rim {
  padding: .1em 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: .34rem;
  color: #000;
  background: url("../img/common/ttl_rim.png") no-repeat top/100%;
  font-weight: bold;
  font-size: .2rem;
  text-shadow: rgba(255, 255, 255, 0.3) 2px 0 2px, rgba(255, 255, 255, 0.3) -2px 0 2px, rgba(255, 255, 255, 0.3) 0 -2px 2px, rgba(255, 255, 255, 0.3) 0 2px 2px, rgba(255, 255, 255, 0.3) 2px 2px 2px, rgba(255, 255, 255, 0.3) -2px 2px 2px, rgba(255, 255, 255, 0.3) 2px -2px 2px, rgba(255, 255, 255, 0.3) -2px -2px 2px, rgba(255, 255, 255, 0.3) 1px 2px 2px, rgba(255, 255, 255, 0.3) -1px 2px 2px, rgba(255, 255, 255, 0.3) 1px -2px 2px, rgba(255, 255, 255, 0.3) -1px -2px 2px, rgba(255, 255, 255, 0.3) 2px 1px 2px, rgba(255, 255, 255, 0.3) -2px 1px 2px, rgba(255, 255, 255, 0.3) 2px -1px 2px, rgba(255, 255, 255, 0.3) -2px -1px 2px;
}

@media (max-width: 750px) {
  .ttl_rim {
    height: .51rem;
    background-image: url("../img/common/ttl_rim_sp.png");
    font-size: .28rem;
  }
}

.ttl_rim::before, .ttl_rim::after {
  position: absolute;
  bottom: -.08rem;
  width: 2.3rem;
  height: .08rem;
  content: '';
  background: repeating-linear-gradient(90deg, transparent, transparent 7px, #432b19 7px, #432b19 10px);
}

.ttl_rim::before {
  left: .04rem;
}

.ttl_rim::after {
  right: .04rem;
}

/* ================================================
rim・table
================================================ */
.rim {
  margin: 1em 0;
  position: relative;
  background: #000 url("../img/common/rim.png") repeat-y center/100%;
}

@media (max-width: 750px) {
  .rim {
    background-image: url("../img/common/rim_sp.png");
  }
}

.rim::before, .rim::after {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  content: '';
}

.rim::before {
  top: 0;
  width: calc(100% - .08rem);
  height: .42rem;
  background: #170f0f;
}

.rim::after {
  bottom: 0;
  width: 100%;
  height: .36rem;
  background: url("../img/common/rim_b.png") no-repeat bottom/100%;
}

@media (max-width: 750px) {
  .rim::after {
    height: .54rem;
    background-image: url("../img/common/rim_b_sp.png");
  }
}

.rim:last-child {
  margin-bottom: 0;
}

.rim.in_table {
  padding: .1rem;
}

.rim.in_table .ttl_bar {
  margin: 0 0 .1rem 0;
}

.rim.in_table table {
  margin: 0;
}

.rim.in_grad {
  border: .01rem solid #f6ac0e;
  background: #000;
}

.rim.in_grad::before, .rim.in_grad::after {
  display: none;
}

.rim .ttl_grad {
  margin: 0;
}

.rim .txtarea {
  padding: 1em 1.8em;
}

@media (max-width: 750px) {
  .rim .txtarea {
    padding: 1.2em 2em;
  }
}

.rim p, .rim dl, .rim ul {
  text-shadow: none;
}

table {
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  line-height: 1.2;
  color: #000;
  background: rgba(255, 255, 255, 0.8);
}

table:last-child {
  margin-bottom: 0;
}

table th, table td {
  padding: .5em;
  border: solid .01rem #444;
}

table th {
  width: 35%;
  background: rgba(246, 172, 14, 0.5);
  font-weight: bold;
  text-align: center;
}

@media (min-width: 751px) {
  table th br {
    display: none;
  }
}

table th.hd {
  background: #ffa800;
}

table td {
  width: 65%;
}

table img {
  margin: 0 .5em;
  width: auto;
  height: 1.2em;
}

table.table_btn {
  table-layout: fixed;
}

table.table_btn th, table.table_btn td {
  width: auto;
}

table.table_btn td {
  text-align: center;
}

/* ================================================
ph
================================================ */
.ph {
  margin: 1em auto;
  border: solid .01rem #ffa800;
}

.ph.controller {
  border: none;
}

.tile {
  margin: .4rem auto;
  display: -ms-grid;
  display: grid;
  gap: .4rem .2rem;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  width: 80%;
  line-height: 1.4;
  color: #ffa800;
  font-size: .16rem;
  text-align: center;
}

@media (max-width: 750px) {
  .tile {
    width: 90%;
    font-size: .2rem;
  }
}

.tile.img_cover dt {
  height: 1.8rem;
}

.tile dt {
  margin: 0 0 .15rem 0;
}

.tile img {
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ================================================
flexbox
================================================ */
.flexbox_reverse, .sw .flexbox_sw {
  margin: 1em 0;
}

@media (min-width: 751px) {
  .flexbox_reverse, .sw .flexbox_sw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@supports (display: grid) {
  .flexbox_reverse, .sw .flexbox_sw {
    display: -ms-grid;
    display: grid;
    gap: 1em;
  }
  @media (min-width: 751px) {
    .flexbox_reverse, .sw .flexbox_sw {
      -ms-grid-columns: auto 40%;
          grid-template-columns: auto 40%;
    }
  }
}

@media (min-width: 751px) {
  .flexbox_reverse .txt, .sw .flexbox_sw .txt {
    margin: 0 1em 0 0;
    width: 60%;
  }
  @supports (display: grid) {
    .flexbox_reverse .txt, .sw .flexbox_sw .txt {
      width: auto;
    }
  }
}

@media (max-width: 750px) {
  .flexbox_reverse .txt, .sw .flexbox_sw .txt {
    margin: 0 0 1em 0;
  }
}

.flexbox_reverse .ph, .sw .flexbox_sw .ph {
  margin: 0 auto;
}

@media (min-width: 751px) {
  .flexbox_reverse .ph, .sw .flexbox_sw .ph {
    width: 60%;
  }
  @supports (display: grid) {
    .flexbox_reverse .ph, .sw .flexbox_sw .ph {
      width: 100%;
    }
  }
}

@supports (display: grid) {
  @media (max-width: 750px) {
    .flexbox_reverse .txt {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .flexbox_reverse .ph {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
  }
}

/*================================================
 *  H3、h4 H4, H6 , section (Mf)
 ================================================*/
h3 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding: 10px;
	margin: 0.5em 2px;
	background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);
/*	background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);*/
/*background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);*/
/*	background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);*/	
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-bottom:solid 2px #6f86d6/*#ffa800 rgba(255,255,102,0.5)*/;
	/*background: radial-gradient(rgba(0,159,174,1),rgba(0,79,87,1));*/
	text-shadow: 1px 1px 2px #6f86d6, -1px 1px 2px #6f86d6, 1px -1px 2px #6f86d6, -1px -1px 2px #6f86d6;
/*	border-top:ridge 4px rgba(255,255,102,0.5);
	border-left:ridge 4px rgba(255,255,102,0.5);
	border-bottom:groove 4px rgba(255,255,102,0.5);
	border-right:groove 4px rgba(255,255,102,0.5);
	box-shadow: 0px 0px 0px 2px rgba(36,20,14,0.8);
	border-radius: 50px;*/
}

@media (max-width: 750px) { 
	h3	{
	font-size: 22px;
	padding: 10px;
	margin: 0.5em 2px;
}
}

@media (max-width: 750px) { 
	.h3_aki	{
	/*border: 1px dotted pink;*/
	padding: 20px 0 ;
}
}



h3 img {
	width: 25px;
	margin: 0px 5px 5px 0px;
}

h3 > span {
	font-weight: bold;
}

h4 {
	font-size:18px;
	color: #fff;
	clear: both ;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 10px; 
	margin:1.3em 2px 0.5em 2px;
	border:solid 1px rgba(255,255,204,0.8);
	box-shadow: 0px 0px 0px 2px #72640c;
	background: rgb(52,42,35);
background: linear-gradient(0deg, rgba(52,42,35,1) 0%, rgba(52,42,35,0.75) 50%, rgba(52,42,35,1) 100%);
	/*background: linear-gradient(rgba(100,100,100,0.8), rgba(100,100,100,0.4), rgba(100,100,100,0.8));*/
	text-shadow: 1px 1px 4px rgba(50,50,50,1), -1px 1px 4px rgba(50,50,50,1), 1px -1px 4px rgba(50,50,50,1), -1px -1px 4px rgba(50,50,50,1);
}
h4 img {
	width: 20px;
	margin: 0px 5px;
	/*text-shadow: 0px 0px 0px 6px #72640c;*/
}
h4 > span {
	font-weight: bold;
}


h5 {
	font-size:16px;
	clear: both ;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 10px; 
	margin:1.3em 2px 0.8em 2px;
	border-left:groove 10px rgba(148,108,69,1);
	box-shadow: 0px 0px 0px 2px #72640c;
	background: rgba(148,108,69,0.5);
}

h6 {
	font-size:14px;
	clear: both ;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 5px; 
	margin:0em 0px 0.8em -1em;
}

section{
	overflow: hidden;
	margin-bottom:1em;
	clear: both ;
}


/*punch サポート分岐*/
.sp_support {
	clear: both ;
/*border: 4px white dotted;	*/
	background-color: rgba(255,255,255,0.3);
	margin: 0.5em 0em 0.8em 0em;
	padding: 4px 1em 4px 1em; 
}

.sp_support h6 {
	font-weight:bold;
	font-size:12px;
	clear: both ;
	font-weight: bold;
	line-height: 1.2;
	color: rgba(148,108,69,1);
	border-bottom: 2px rgba(148,108,69,0.8) dotted;
	padding: 0.3em 0em 0.3em 0.5em; 
	margin: 0em -1em 0em -1em;
	
}

@media (min-width: 751px) {
	.sp_support p {
	font-size: 0.8em;
		}
}

.sp_support2 {
	clear: both ;
border: ridge 6px rgba(148,108,69,1);
	background-color: rgba(148,108,69,0.8);
	margin: 2em 0em 0.8em 0em;
	padding: 4px 1em 4px 1em; 
}
	
	


/*================================================
 *  囲み(Mf)
 ================================================*/

.kakomi {
	margin-top: 1.5em;
  	margin-bottom:0.5em;
  	padding-bottom:0.25em;
	background-color: rgba(11,89,109,0.2);
	clear: both;
	border:solid 1px #72640c;
   }
.kakomi p {
	padding: 0em 1em 0em 1em;
   }
.kakomi ul {
	padding: 0.75em 0.5em 0em 0.5em;
   }
.kakomi ul li {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	margin-right: 1em;
	/*color: #8b4513;*/
	list-style:none;
	text-indent: -6px;
   }
.kakomi li:before { /*リストマークの色を変更*/
  position: relative;
  top: -2px;
  left: -10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  content: '';
  border-radius: 100%;
  background-color: rgba(107,63,49,0.8);
}
.kakomi h4 {
	margin: 0em;
	box-shadow: 0px 0px 0px 1px #72640c;
	border: none;
   }

.kakomi h5 {
	margin: 0px;
	box-shadow: 0px 0px 0px 1px #72640c;
   }

/*================================================
 *  表(MF2)
 ================================================*/
table {
	width:100%;
	border-collapse:collapse;
	margin-top: 0.5em;
  	margin-bottom:0.5em;
	border: solid 1px #72640c;
	line-height: 1.5;
}
th,td {
  	border: solid 1px #72640c;
	vertical-align: middle; 
	padding:0.3em 0.5em;
}
th {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#24140e;
	background: rgba(255,140,0,0.4);
}
td {
	text-align: left/*justify*/;
	font-size:14px;
	color:#24140e;
	background: rgba(255,255,255,0.4);
}
th img {
	height:1.5em;
	vertical-align:middle;
	margin:0.1em;
}
th span {
	font-weight:bold;
}
td img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}

.th_01 {
	background: rgba(255,140,0,0.8);
}


.asobi th {	
	width: 20%;
	text-align: left;
}

.sakuzu {
	border: none;
	margin: 0 auto;
}
.sakuzu th {
	/*border: none;*/
	width: 14.25%;
	padding:0.3em 0.1em;
}
.sakuzu td {
  	border: none;
}
.sakuzu td img {
  	width: 30%;
	height: auto;
	margin: 0;
}


/*================================================
 *  番号付き見出し (もとMF2)
 ================================================*/
.number{
	margin-left: 10%;
	margin-right: 10%;
	text-align: left/*justify*/;
}

.number h3 {/*番号付き見出し　青*/
	font-size: 19px;
	color: #008E8E/*#00cbcc/*#96cada/*#B7F8DB/*#50a7c2/*#8b4513*/;
	font-weight: bold;
	background: none;
	line-height: 0.5;
	padding-left:1.75em;
	text-indent:-1.75em;
	margin-bottom: 0 ;
	padding-bottom: 0;
	text-align: left;
	border:solid 0px rgba(255,255,204,0.8);
	/*box-shadow: 0px 0px 0px 0px #72640c;*/
	/*border-radius: 0px;*/
	text-shadow: 1px 1px 4px rgba(204,244,244,0.8), -1px 1px 4px rgba(204,244,244,0.8), 1px -1px 4px rgba(204,244,244,0.8), -1px -1px 4px rgba(204,244,244,0.8);
}
.number_img{ /*数字画像*/
	height: 1.5em;
	width: 1.5em;
	margin: 0em 0.25em 0em 0em;
	vertical-align: middle;
}
.number img{
	margin-top: 0em;
}

.number p img{
	height: 1.5em;
	margin-bottom: 0.2em;
}




/*================================================
 *  画像(MF2)
 ================================================*/

.photo_em {
	width:100%;
}

.photo { /*画像全体のbox*/
	text-align: center;
	clear: both ;
	margin: 0 auto;
 }


.photo_main_1 { /*m*/
	width:100%;
	border: solid 2px #B7F8DB/*#8b4513*/;
}


.photo_main { /*画面写真*/
	width:60%;
	margin-top: 0.5em;
	margin-bottom:0.5em;
}
.photo_main_0 { /*イメージ*/
	width:60%;
	border: solid 4px #fff;
	box-shadow: 2px 2px 5px 2px rgba(36,20,14,0.5);
	margin: 10px;
}
@media (max-width: 750px) {
.photo_main { /*画面写真*/
	width:100%;
}
.photo_main_0 { /*イメージ*/
	width:90%;
}
}


/*
.photo_main_2 { /*switch
	width:60%;
}
*/
.photo_right_3 {
	float: right;
	width:30%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:2em;
}
/*
.photo_right {
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:2em;
}
.text_left { 
  	display: inline-block;
	width: 58%;
	vertical-align: text-top;
	margin: 0 auto;
	float: left;
}
.photo_right {
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:2em;
}
*/



.new_h4 {
	display: inline-block;
	width: 1.8em;
	height: auto;
	vertical-align: text-top;
}

/*右に写真入る 文章はdiv Punch*/
.with_ph_r {/*flex親*/
/*	border: 1px white dotted;*/
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
	margin-bottom:1em;
}
.with_ph_r .txt {
/*	border: 1px white dotted;*/
	width: 58% ;
}
.with_ph_r img {
/*	border: 1px white dotted;*/
	display: block;
	width: 40%;
	height: auto;
	margin-left: 1em;
}
@media (max-width: 750px) {
	.with_ph_r {
		-webkit-box-orient: vertical;/*縦に逆並び*/
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
	}
	.with_ph_r .txt {
	width: 100% ;
}
	.with_ph_r img {
	width: 100%;
	margin-left: 0em;
	margin-bottom:1em;
  }
}
/*	右に写真入るここまでPunch*/

/*	右に写真入るPunch 文章はP、リバースしない*/
.with_ph_r_number {/*flex親*/
/*	border: 1px white dotted;*/
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	height: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
	margin-bottom:1em;
}
.with_ph_r_number p {
/*	border: 1px white dotted;
	width: 58% */;
}
.with_ph_r_number .photo_right2 {
/*	border: 1px white dotted;*/
	display: block;
	width: 40%;
	height: auto;
	margin-left: 1em;
}
@media (max-width: 750px) {
	.with_ph_r_number {
-webkit-box-orient: vertical;/*縦に順並び*/
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
	}
	.with_ph_r_number p {
	width: 100% ;
}
	.with_ph_r_number .photo_right2 {
	width: 100%;
	margin-left: 0em;
	margin-bottom:1em;
  }
}
/*	右に写真入るPunch 文章はP、リバースしないここまで*/



/*================================================
 *  画像（横並び)(MF)
 ================================================*/





.block_30 { 
	display: inline-block;
	width: 30%;
	vertical-align: text-top;
	margin: 0% 1%;
}



/*================================================
 *  cap
 ================================================*/

.cap {/*本文より小さいテキスト*/
	margin-top: 0.5em;
	margin-bottom: -0.25em;
	font-size:0.8em;
	text-align: left/*justify*/;
	color:#B7F8DB/*#96cada/*#8b4513*/ !important;
	padding-left: 1em;
  	text-indent: -1em;
	clear: both;
}
.cap_akinashi {/*capのインデントなし*/
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	font-size: 0.8em;
	text-align: left/*justify*/;
	color:#B7F8DB !important;
/*	padding-left: 1em;
  	text-indent: -1em;*/
	clear: both;
}


.cap img {
	height:1.5em;
	vertical-align:bottom;
	margin:0.1em;
}

.cap_c {/*キャプション、センター*/
	margin-top: 0.5em;
	margin-bottom: -0.25em;
	font-size:14px;
	text-align: justify;
	color:#B7F8DB/*#96cada/*#8b4513*/ !important;
	padding-left: 1em;
  	text-indent: -1em;
	clear: both;
	text-align:center;

}

.capphoto{/*画像cap*/
	padding-top: 0;
	padding-bottom: 1em;
	color:#B7F8DB/*#96cada/*#8b4513*/ !important;
	text-align: center;
	line-height: 1.2;
}

.capcenter {/*h2へのリンク*/
	margin: 2px;
	font-size:14px;
	text-align:center;
}
.capcenter a {
	display: inline-block;
	margin: 5px 5px;
	text-decoration: none;
	color: #000;
	text-align: center;
	line-height: 1.3;
	background: 
		linear-gradient(rgba(255, 78, 80,0.5),rgba(249, 212, 35,0.8));
	padding: 2px 8px;
	border:solid 2px rgba(255,255,204,0.8);
	box-shadow: 0px 0px 0px 2px rgba(177,108,0,0.8);
	border-radius: 50px;
	
	/*もとbackground: 
		linear-gradient(rgba(148,108,69,0.2),rgba(36,20,14,0.5));
	padding: 2px 8px;
	border:solid 2px rgba(255,255,204,0.8);
	box-shadow: 0px 0px 0px 2px rgba(114,100,12,1);
	border-radius: 50px;*/
}
.capcenter a:hover {
	font-weight: bold;
	color: #fff;
	background: linear-gradient(rgba(148,108,69,0.5),rgba(36,20,14,0.8));
	text-shadow: 1px 1px 5px rgba(36,20,14,1), -1px 1px 5px rgba(36,20,14,1), 1px -1px 5px rgba(36,20,14,1), -1px -1px 5px rgba(36,20,14,1);
}
.capcenter img {
	height: 10px;
	margin-bottom: 5px;
}

.capright {/*他ページへのリンク*/
	margin-top: 0.5em;
	font-size:0.8em;
	text-align:right;
	clear: both ;
	
}
.capright a {
	padding: 5px 5px 5px 17px ;
	text-decoration: none;
	background-image:url("../images/common/sankaku.png");
	background-position: left 2px center;
	background-size:15px;
	background-repeat: no-repeat;
	margin: 2px 0px 2px 10px;
	display: inline-block;
	line-height:1;
	color: #ADADEA/*#3333cc*/;
	font-weight: bold;
}

.capright a:hover {
	color: #fff;
	text-shadow: 1px 1px 5px rgba(51,51,204,1), -1px 1px 5px rgba(51,51,204,1), 1px -1px 5px rgba(51,51,204,1), -1px -1px 5px rgba(51,51,204,1);
}




/* ================================================
footer
================================================ */
footer {
  margin: .2rem 0 0 0;
}

footer .copyright {
  font-size: .12rem;
  text-align: center;
  letter-spacing: .05em;
}

@media (max-width: 750px) {
  footer .copyright {
    font-size: .2rem;
  }
}

footer .pagetop {
  display: block;
  position: fixed;
  right: .3rem;
  bottom: .3rem;
  z-index: 10;
  width: .3rem;
  height: .44rem;
  content: '';
  background: url("../images/common/pagetop.png") no-repeat center/100%;
}

@media (max-width: 750px) {
  footer .pagetop {
    width: .4rem;
    height: .6rem;
  }
}

footer .pagetop:hover {
  opacity: .8;
}

/* ================================================
TOP
================================================ */
.top {
  background: #371D0A; /*トップページの背景色 GCのの茶色より濃い茶色/　#f5eccd /*GCのクリーム色　#5c3f01*/;
}

@media (min-width: 751px) {
  .top {
    padding: 0 .3rem .3rem .3rem;
  }
}

@media (max-width: 750px) {
  .top {
    padding-top: .8rem;
  }
}

.top .mv {
  margin: 0 -.3rem;
  height: 4rem;
  background: url("../images/common/mv_mf2.png") no-repeat center/cover;
}

@media (max-width: 750px) {
  .top .mv {
    height: 6.3rem/*7.5rem*/;
    background-image: url("../images/common/mv_sp_mf2.png");
  }
}
/**  MV内に飾りロゴ　800以下非表示   **/
	.toplogo_oya {
	display: flex;
	justify-content: flex-end;
	align-content: flex-end;
	}

@media (min-width: 851px) {
	.toplogo {
		/*border: 1px dotted;*/
	width: 220px;
    height: auto;
	position: relative;
	top: 1.0rem;
		right:0.8rem;
	}
}
@media (max-width: 850px) {
	.toplogo {
 display: none;
}
}







.top p, .top dl, .top ul {
  text-shadow: none;
}

.top .link {
  margin: 2em 0;
  line-height: 1;
  font-weight: bold;
}

@media (min-width: 751px) {
  .top .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .14rem;
  }
}

@supports (display: grid) {
  @media (min-width: 901px) {
    .top .link {
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media (min-width: 751px) and (max-width: 900px) {
    .top .link {
      -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width: 751px) {
    .top .link {
      display: -ms-grid;
      display: grid;
      gap: .1rem;
    }
  }
}

@media (min-width: 751px) {
  .top .link .col {
    width: calc(100% / 3);
  }
  @supports (display: grid) {
    .top .link .col {
      width: auto;
    }
  }
}

@media (max-width: 750px) {
  .top .link .col {
    margin: 0 0 2em 0;
  }
  .top .link .col:last-child {
    margin-bottom: 0;
  }
}

.top .link dl {
  margin: 0 0 2em 0;
  padding: 0 0 0 1.5em;
  border-left: .01rem solid #ffa800;
}

.top .link dl:last-child {
  margin-bottom: 0;
}

.top .link dt {
  margin: 0 0 1em 0;
  color: #ffa800;
	border: 1px solid rgba(255,168,0, 0.3);
	background-color: rgba(255,168,0, 0.3);/*0817*/
	padding: 0.5em 1em;
	margin: 0 0 1em -1.6em;
}

.top .link li {
  margin: 0 0 1em 0;
}

.top .link li:last-child {
  margin-bottom: 0;
}

.top .link .pagejump {
  margin: .8em 0 0 0;
  padding: 0 0 0 1em;
  display: inherit;
  font-weight: normal;
  text-align: left;
}

.top .link .pagejump li {
  display: inherit;
  margin: 0 0 .5em 0;
}

.top .link .pagejump li:last-child {
  margin-bottom: 0;
}

.top .reference_list {
  margin: 2em 0;
}

.top .reference_list li {
  color: #fff;
  font-size: .12rem;
}

@media (max-width: 750px) {
  .top .reference_list li {
    font-size: .2rem;
  }
}

.top .reference_list img {
  height: 1.2em;
}

.top .reference_list img.ps4 {
  height: .8em;
}
.top .hajimeni {
  color: #5c3f01/*#ffa800オレンジ*/;
  font-size: .15rem;
/*	border: 1px white dotted;*/
	margin: 0px 30% 0px 30px;
	padding: 10px ;
	line-height: 1.4;
/*	background-color: rgba(92,63,1,0.5);*/
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
	

		position: relative;
  top: 10%;

}
@media (max-width: 750px) {
  .top .hajimeni{
    font-size: .18rem;
	margin: 0px 20px;
  left: 0px;
  top: 20px;
	}
}


.top .oya {/*hajimeniの親*/
	position: relative;
  height: 4rem;
}

@media (max-width: 750px) {
.top .oya {
    height: 7.5rem;}
}




.sidebar .steam {/*MF共通のsteam_configへのリンク*/
  margin: 13px 0px 0 0px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
	background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);		
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.steam p {
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
	}


.steam p a{
	color: #2b1d26;
	}
.steam p a:hover {
  color: #ffa800;
  text-shadow: rgba(255, 255, 255, 0.3) 2px 0 2px, rgba(255, 255, 255, 0.3) -2px 0 2px, rgba(255, 255, 255, 0.3) 0 -2px 2px, rgba(255, 255, 255, 0.3) 0 2px 2px, rgba(255, 255, 255, 0.3) 2px 2px 2px, rgba(255, 255, 255, 0.3) -2px 2px 2px, rgba(255, 255, 255, 0.3) 2px -2px 2px, rgba(255, 255, 255, 0.3) -2px -2px 2px, rgba(255, 255, 255, 0.3) 1px 2px 2px, rgba(255, 255, 255, 0.3) -1px 2px 2px, rgba(255, 255, 255, 0.3) 1px -2px 2px, rgba(255, 255, 255, 0.3) -1px -2px 2px, rgba(255, 255, 255, 0.3) 2px 1px 2px, rgba(255, 255, 255, 0.3) -2px 1px 2px, rgba(255, 255, 255, 0.3) 2px -1px 2px, rgba(255, 255, 255, 0.3) -2px -1px 2px;
}


@media (max-width: 750px) {
  .sidebar .steam {
  }
}	

/********
2400仕事の表 育成図
*************/



.ikusei_zu1 {/*育成方針7こ*/
border: 1px solid #000;
	margin: 10px 0px;
	background: rgba(255,255,255,0.8);
/*	background: rgb(255,255,102);*/
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	font-size:0.8em;
	color: #000;
	text-align: center;
/*	background: linear-gradient(90deg, rgba(255,255,102,0.5) 0%, rgba(255,255,102,0.6) 35%, rgba(204,0,0,0.5) 100%);*/
}

.ikusei_zu {/*ヨイワル度5こ*/
border: 1px solid #000;
	margin: 10px 0px;
	background: rgba(255,255,255,0.8);
/*	background: rgb(255,255,102);*/
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	font-size:0.8em;
	color: #000;
	text-align: center;
/*	background: linear-gradient(90deg, rgba(255,255,102,0.5) 0%, rgba(255,255,102,0.6) 35%, rgba(204,0,0,0.5) 100%);*/
}




.box10{
	padding : 4px 0px;
}

.box20 {/*（よいわる）大成功しやすい*/
	margin: 4px 0px 2px 0;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
		text-align: left;
	padding: 0 4px 0 4px;
}
.box21 {/*失敗しやすい*/
	margin: 4px 0px 2px 0;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
		text-align: left;
	padding: 0 4px 0 4px;
}
.box22 {/*一生懸命やる*/
	margin: 4px 0px 2px 0;
  grid-column-start: 5;
  grid-column-end: 8;
  grid-row-start: 2;
  grid-row-end: 3;
	text-align: right;
	padding: 0 4px 0 4px;
}
.box24 {/*（よいわる）ズルをしやすい*/
	margin: 4px 0px 2px 0;
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 2;
  grid-row-end: 3;
		text-align: right;
	padding: 0 4px 0 4px;
}


.box31 {/*ひだりやじるし*/
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
}
.box32 {/*みぎやじるし*/
  grid-column-start: 5;
  grid-column-end: 8;
  grid-row-start: 3;
  grid-row-end: 4;
}
.box34 {/*（よいわる）みぎやじるし*/
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 3;
  grid-row-end: 4;
}


.box41 {/*長生き*/
	margin: 2px 0px 4px 0;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 5;
	text-align: left;
	padding: 0 4px 0 4px;
}
.box42 {/*死にやすい*/
	margin: 2px 0px 4px 0;
  grid-column-start: 5;
  grid-column-end: 8;
  grid-row-start: 4;
  grid-row-end: 5;
	text-align: right;
	padding: 0 4px 0 4px;
}
.box44 {/*死にやすい（よいわる）怒る*/
	margin: 2px 0px 4px 0;
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 4;
  grid-row-end: 5;
	text-align: right;
	padding: 0 4px 0 4px;
}

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


/*********************
topcopy
***********************/

.topcopy {
 font-size: .16rem;
 /*	font-size:13px;*/
	text-align: justify;
	padding: 20px;
	background-color: rgba(36, 24, 14, 0.8);
}
@media (max-width: 750px) {
.topcopy {
    font-size: .2rem;
  }
}
.topcopy h6{/*eng追加*/
 font-size: .18rem;
	padding: 0 0 0 1em;
	margin-bottom: 0.5em;
	border-bottom: 1px white dotted;
	text-align: center;
}

.topcopy p{
  	padding-left: 1em;
  	text-indent: -1em;
	margin-top: 0em;
  	margin-bottom:0em;
}

.p_02{
  	padding-left: 0em !important;
  	text-indent: 0em !important;
}

.topcopy ul {
	padding-left:1em;
	margin:1em 0;
	list-style: circle;
}



/*# sourceMappingURL=style.css.map */