@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;
}

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 (min-width: 751px) and (max-width: 1000px) {
  html {
    font-size: calc(100vw / 9.8);
  }
}




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

/* ================================================
text-shadow
================================================ */


/* ================================================
layout
================================================ */
body {/*全体のベース画像*/
	height: 100%;
	line-height: 1.6;
	background: url("../images/bg.jpg");
	background-attachment:fixed;
	background-size: cover;
	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: 1440px;
/*  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: #000;
  background: rgb(67,67,67,20%);
  box-shadow: 0 0 5px rgb(0,0,0,55%);
}

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

@media (max-width: 750px) {
  .contents {
    padding: 1.4rem .3rem;
  }
}
.sidebar {/*左ナビのベース色*/
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(47,20,116, 0.7);
          box-shadow: 0 0 0.1rem 0 rgba(47,20,116, 0.7);
  position: fixed;
  z-index: 50;
  width: 100%;
/*グラデを使う　background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
/*画像を使う  background: url(../images/menu_bg.jpg);*/
background: rgba(7,4,16,.9);
	
	
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}


.sidebar::-webkit-scrollbar {
  display: none;
}

@media (min-width: 751px) {
  .sidebar {
    width: 240px;
    height: 100%;
  }
}
/*
.sidebar .qr {/*QRをつける
  margin: 26px 0 0 0;
  color: #54451f;
  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;
}
*/



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

@media (min-width: 751px) {
  nav {
/*    padding: 10px;*/
    border-top: .01rem solid #452819/;
    border-bottom: .01rem solid #452819/;
    display: block !important;
    font-size:14px;
  }
}

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


nav dl,nav ul{margin: 0 0 0 0;}


nav dt {/*navカテゴリ名*/
	color:#c29b50/*#リンクがない時の色*/;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s;
	cursor:pointer;
	border-bottom:1px solid #9197A1;/*間の罫線の色*/
	background-image: linear-gradient(-20deg, #d6c8fa/*#e9defa*/ 0%, #fbfcdb 100%);
	
/*background: rgb(194,155,80);
background: linear-gradient(133deg, rgba(194,155,80,1) 0%, rgba(250,243,202,1) 75%, rgba(250,243,202,1) 100%);/*背景色*/
}

nav dt:last-child{/**/
border-bottom: none;
}



nav dt a {/*カテゴリ名の色*/
  pointer-events: none;
	margin:0;
	color:#5c3633/*#fff*/;
	text-decoration:none;
	display:block;
}



nav dt:hover {/*きいてないような*/
	opacity:0.65;
	color: #1221ff;
}




nav dd {/*navページ見出しのベース色*/
  display: none;
 background: rgb(245,243,239);
}

nav dd a {/*navページ見出しの文字色*/
  color: #5C4A33/*#1A0058*/;
}

nav dd a.current {/*navの現在pページの文字とベース色*/
   color: #5C4A33;
	background: rgba(92,74,51, 0.4);
}

@media (max-width: 750px) {
  nav dd a.current {
	  background: rgba(106,80,168, 0.4);
  }
}

nav dd a:hover {/*navでカーソルを乗せたときの色*/
  color: #fff;
  font-weight: bold;
  background:#3f351d;
  /*強調が必要な時のシャドウ
  text-shadow:
  #fff 2px 0 2px, 
  #fff -2px 0 2px, 
  #fff 0 -2px 2px, 
  #fff 0 2px 2px, 
  #fff 2px 2px 2px, 
  #fff -2px 2px 2px, 
  #fff 2px -2px 2px, 
  #fff -2px -2px 2px, 
  #fff 1px 2px 2px, 
  #fff -1px 2px 2px, 
  #fff 1px -2px 2px, 
  #fff -1px -2px 2px, 
  #fff 2px 1px 2px, 
  #fff -2px 1px 2px, 
  #fff 2px -1px 2px, 
  #fff -2px -1px 2px;
  */
}

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

nav dd ul li{
	width: 100%;
	border-bottom: 1px #D0CCDA solid;
	margin:0 1em 0em 0;
}
nav dd ul li:last-child{
border-bottom: none;
}

nav dd ul li span{
	display: inline-block;
}
@media (max-width: 750px) {
nav dd ul li span{
	display: inline;
}
}

/* ================================================
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;
	  flex-direction: row;
  }
	
	header a br {
		display: none;
	}
}

header a {/*スマホ表示上のメニュー横タイトル文字色*/
  line-height: 1.2;
  color: #5C4A33;
  font-weight: bold;
	text-align: left;
}

header a:hover {
  color: #fff;
}

header a div.ttl_mini,div.ttl_main {
	display: inline;
	font-size: 1em;
	}

@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;
	  flex-direction: column;
	  text-align: center;
    height: 190px;
    font-size: 16px;
	  line-height: 1.75em;
/*    background: url("../images/logo.png") no-repeat center 14px/212px;*/
	  color: #DCC7B8;/*タイトル文字色*/
  }
header a br {
	display: block;
	}
header a div.ttl_mini {
	display: inline;
	font-size: 0.7em;
	background: #261259;
	padding: 4px 20px;
	margin: 0 20px;
	}
header .ttl_main {
	display: inline;
	margin: 10px;
	font-size: 1.2em;
	}
	
}



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: #5C4A33/*←ここ*/;
  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);
}

/* ================================================
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:last-child {
  margin-bottom: 0;
}

main .sec {
  margin: 0 0 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 img {
  margin: 0 .5em 0 0.5em;
}

main p img, main dl img, main ul img {
  width: auto;
  height: 1.5em;
}
main .disc{padding:1% 0 2% 0;}
main .disc li {
  margin: 0 0 0 1.5em;
  list-style: disc outside;
}

main .reference, main .reference_list li {
  padding: 0 0 0 1em;
  color: #222222;
  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: '\203b';
  font-family: ‘Hiragino Kaku Gothic ProN’,’ヒラギノ角ゴ ProN W3′,’Meiryo UI’,Meiryo,sans-serif;
}

main .ic_list {
  margin: 1em 0;
}

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

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

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

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

main .ic_list dt {
  white-space: nowrap;
}

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


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

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

.pagination li {
  display: inline-block;
}

.pagination li.prev {
  margin: 0 0 0 .15rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
	
}



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

.pagination a {
  display: block;
  width: .8rem;
  height: .4rem;
/*  background: url("../images/back.png") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;*/
}
.pagination a.next {
  background: url("../images/next.jpg") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;
}
.pagination a.prev {
  background: url("../images/back.jpg") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;
}




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

.pagination a:hover {
  /* background-image: url("../images/next.png"); */
  opacity:0.65;
}

/* ================================================
rim・table
================================================ */
.rim {
  margin: 1em 0;
  border: .01rem solid #3F83A6;
  background: #333;
}

.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 .txtarea {
  padding-top: 1em;
}

.rim .ttl_grad {
  margin: 0;
}

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

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

table {/*snake*/
  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: dotted .01rem #444;
}

table th {/*snake　th*/
  width: 35%;
  background: rgba(20,0,71, 1.0);
  font-weight: bold;
  /* text-align: center; */
  text-align: left;
	color: #D0CCDA;
}


table th > span {/*thの改行*/
	display: inline-block;
}

@media (min-width: 751px) {
  table th br {
    display: none;
  }
}
table th > span.red {/*redは改行させない*/
	display: inline;
}



table th.hd {
  background: #00af9a;
}

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 #F1F6D5;
}

.ph.controller {
  border: none;
}


.licence_oya {
	margin-top: 2em;
	padding: 1em 1em 1em 0em;
	background-color: rgba(208,204,218, 0.8);
}

.licence li{
	margin-bottom: 0.8em;
	font-size: .16rem;
}

/* ================================================
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 .txt_g{
    margin: 0 1em 0 0;
    width: 60%;
  }
 }
@media (min-width: 751px) {
	.txt1 txt2 {
    width: 100%;				
	}


  @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.25rem 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;
    }
  }
}


@supports (display: grid) {
  @media (max-width: 750px) {
	  
    .txt1 .txt2{
	  margin: 0.25rem 0 1em 0;
	  width: 100%;
	}  
    .txt1 {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 1;
              order: 1;
    }
	.txt2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 3;
              order: 3;
    }
    .ph {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 2;
              order: 2;
    }
  }
}



/*------------------------------------
ttl_secondary 使用せず
------------------------------------*/

.ttl_grad {
  margin: 0 0 .5em 0;
  padding: .2em .6em;
  line-height: 1.2;
  color: #F6EBD5;/*Cカラー*/
		background-color: rgba(63,131,166,0.4);/*b1カラー*/
	background: -moz-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: -webkit-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: linear-gradient(to right, rgba(63,131,166,0.9), transparent);

  /*background: url("../images/ttl_tertiary.png") no-repeat center/cover;*/
  font-weight: bold;
  font-size: .22rem;
	margin-top: 1em;
}

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

@media (max-width: 750px) {
  .ttl_grad {
	  background-color: rgba(63,131,166,0.4);/*b1カラー*/
	background: -moz-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: -webkit-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: linear-gradient(to right, rgba(63,131,166,0.9), transparent);
    /*background-image: url("../images/ttl_tertiary_sp.png");*/
    font-size: .3rem;
  }
}


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

footer .copyright {
  font-size: .12rem;
  text-align: center;
  letter-spacing: .05em;
	color: #DCC7B8;/*一番下のall rights文字色*/
}
footer .copyright a{/*サポート*/
  text-align: center;
  letter-spacing: .05em;
	color: #DCC7B8;
border-bottom: 1px #DCC7B8 solid;
padding: 0.5em 1em;
}
footer .copyright a:hover{/*サポート*/
	background: #DCC7B8;
	color:#261259;
	font-weight: normal;
/*	opacity:0.65;*/
}



@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/totop.png") no-repeat center/100%;
}

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

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



/* ================================================
TOP
================================================ */
.top {
		/* background:#ede4cd; */
}

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

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

.top .mv {
  margin: 0 -.3rem;
  height: 5.5rem;
  background: url("../images/0000/mv2.jpg") no-repeat center/cover;
}

@media (max-width: 750px) {
  .top .mv {
    height: 3.5rem;
    background-image: url("../images/0000/mv_sp2.jpg");
  }
}

.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) {
    .top .link {
      display: -ms-grid;
      display: grid;
      gap: .1rem;
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
    }
  }
}

@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 {/*top目次リンク　項目名左ライン*/
  margin: 0 0 2em 0;
  padding: 0 0 0 1.5em;
  /* border-left: .01rem solid #af9b7c; */
}
.top .link dl:last-child {
  margin-bottom: 0;
}

.top .link dt {/*top目次リンク　項目名　見出し snake*/
  margin: 0 0 1em 0;
  padding:0.5em 0;
  color: #391F77/*#7b672e*/;
  border-top: solid 1px #1A0058/*#d3c9b8*/;
  border-bottom: solid 1px #1A0058/*#d3c9b8*/;
}

.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: #011824;
  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;
}
/*# sourceMappingURL=style.css.map */






/* ================================================
dk_original 03
pの天地二倍のimg
================================================ */
p > img.double {
   width: auto;
  height: 2em;	
}

/* ================================================
ユーザーサポート
================================================ */
.column {
 
	padding: 0em;
	 margin: 0em 0em 1em 0em;
	background: rgba(255,255,255, 0.5);
	border: double 1px #211d12;
}


.column > div > p {
	text-shadow: inherit;
	font-weight: normal;
	color: #800000;
}

.column > div > p.bold {
	font-weight: bold;
	color: #000;
}





/*----------------------------------
以下は信長の野望・新生より移植
----------------------------------*/




h1	{
	position: relative;
	text-align:center;
	color: #1a0058;
    font-size:55px;
	font-weight: bold;
	padding: 20px 5px; 
	margin-bottom:0.5em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.2em;
/*	snake*/
	background-position: center bottom;
	background-size: 100% 45% ;
	background-repeat: no-repeat;
	background-image:url("../images/light.png");	
}
h1 > span {
	font-weight: bold;
	}

h2	{
	position: relative;
	font-size: 25px;
	font-weight: bold;
	color: #fffe;
	line-height: 1.2em;
	text-align: center;
	padding: 10px 10px 10px 10px;  
	margin-bottom:0.5em;
	z-index: 4;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.2em;
	border: double 3px #fff;
	background: rgba(54,12,6, 0.9);
	
}


.before { /*スマホヘッダー固定用の空白 shiyo*/
	height:40px;
}

h3	{/*snake*/
	clear: both ;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #1a0058/*#403719*/;
	line-height: 1.2em;
	text-align: center;
	padding: 1.3% 10px; 
	margin-top:1em;
	margin-bottom:0.5em;
	z-index: 4;
	border: solid 1px #1a0058/*#403719*/;
	border-radius: 8px;
	background-color: #e2ded7;
}
/*
h3:before {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("../images/midashi_h3_01.png");
	background-position: center top;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}

h3:after {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("../images/midashi_h3_03.png");
	background-position: center bottom;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}
*/

h3 img {
	height:22px;
	padding:0px;
	margin:0px 5px ;
	vertical-align: middle;
}



h4 {	
	/*width: 100%;*/
	font-size:20px;
	clear: both ;
	color:#49241e;
	font-weight: bold;
	line-height: 1.2em;
	padding: 3px 0px 5px 10px; 
	margin-top:1em;
	margin-bottom:0.5em;


	border-bottom: 1px solid rgba(85,71,56,0.5);
  position: relative;
  padding-bottom: 5px;
}

h4 img {
	height:25px;
	vertical-align:middle;
	padding:0px 0px 0px 0px;
}

h4 a {
	text-decoration: none;
	color:#72640c;
}


h4::after {
  position: absolute;
  left:  -10px;
  bottom: -3px;
  display: block;
  content: " ";
  width: 20%;
  border-bottom: 3px solid #be0006;
}

h4.us::after{border-bottom: none;}



h5 {	
	/*width: 100%;*/
	font-size:18px;
	clear: both ;
	color:#6a1917;
	font-weight: bold;
	line-height: 1.2em;
	padding: 3px 0px 5px 0px; 
	margin-top:3%;
	margin-bottom:0.5em;

	border-bottom: 2px solid rgba(85,71,56,0.5);
}

h5 img {
	height:1.5em;/*25px;*/
	width: 2em;
	vertical-align:middle;
	padding:0px 10px 0px 0px;
	
}

section {
	overflow: hidden;
	margin-bottom:0.5em;
	clear: both ;
}
a {
	color:#6b0000;
}
a:hover {
	color:#004714;
	font-weight: bold;
	opacity:0.65;
}
p {
	margin:0 0 1em 0;
}
img {
	vertical-align:middle;
}
img.frame {/*shiyo*/
	border:1px solid #b8860b;
	background-color: rgba(0,0,0,0.5);
}
img.frame_02 {/*mishiyo*/

}
ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
		list-style-type: none;
/*	list-style:disc;*/
}

li {
	margin-left:2em;
}

ul.maru li {/*leo shiyo*/
	list-style:disc;
	text-indent: -0em;
	padding-left: 1em;
}



@media screen and (max-width:1000px) {
h1	{font-size:5vw;}
}



@media screen and (max-width:767px) {
h1	{
    font-size:40px;
}
}


/*================================================
 *  表
 ================================================*/
table {/*snake ボーダー外枠*/

	border: solid 4px #211D12;
}

th {
	text-align:left;
	font-weight:bold;

}



td {
	text-align:left;
	color:#000;
	padding:2px 10px;
	background: rgba(255,255,255,0.3);
}
th img {
	height:30px;
	vertical-align:middle;
	margin:5px;
}

th img.ps4icon {
	height:25px;
	vertical-align:middle;
	margin:5px;
}


td img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}
th,td {
  	border: solid 1px #7b672e;
	vertical-align: middle; 
}



/*================================================
 *  表（テキストセンター）
 ================================================*/
.center th {
  	text-align: center;
}
.center td {
  	text-align: center;
}


/*================================================
 *  クラス
 ================================================*/



.float_clear{
	clear: both ;
}
.line { 
	display: inline-block;
}
.text_main{/*shiyo*/
	margin-top: 0.5em;
  	margin-bottom:0.5em;
	padding:0;
	text-align: justify;
}
.text_main img {/*shiyo*/
	height:22px;
	margin:5px;
}


.point_box{padding: 10px; margin-bottom: 10px; background: rgba(123,103,46,0.2);}

@media screen and (max-width:767px) {
	.text_main img {/*shiyo*/
	height:15px;
	}
}



/*================================================
 *  photo
 ================================================*/
.photo_em {
	width:100%;
}
.photo_main {/*snake*/
	width:100%;
	padding:2.5%;
	margin: 0 auto;
	text-align: center;
	/* border:2px solid #b8860b; */
	background-color:rgba(33, 29, 18, 0.6);

}
.photo_right_cap {/*capあり shiyo*/
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	/*border:1.5px solid #b8860b;*/
}
.photo_left_cap {/*capあり */
	float: left;
	width:40%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:1.5px solid #b8860b;*/
}
.photo_right {
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;
	background-color: rgba(0,0,0,0.5);*/
}
.photo_right_02 {
	float: right;
	width:30%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;*/
}
.photo_left {
	float: left;
	width:40%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;

}
.photo_left_02 {
	float: left;
	width:30%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;*/
	}
.photo_left_03 {
	float: left;
	width:15%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;*/
	}

/*================================================
 *  cap
 ================================================*/
.cap {/*本文より小さいテキスト*/
	margin-top: 0.5em;
	font-size:17px;
}
.cap img {
	height:20px;
	margin:5px;
}

.capblue{/*画像cap shiyo*/
	margin-top: 0.5em;
	font-size:17px;
	color:#6a1917;
	text-align: justify;
}
.capblue img {/*shiyo*/
	height:20px;
	margin:5px;
}

@media (max-width: 750px) {
	.capblue{
	font-size:12px;
	}
	.capblue img {
	height:15px;
	}
}




.capcenter, .capcenter2 , .capcenter3 , .capcenter4 {/*h2へのリンク shiyo*/
	margin: 0px;
	font-size:17px;
	text-align:center;
}
.capcenter a , .capcenter2 a , .capcenter3 a , .capcenter4 a {/*shiyo*/
	display: inline-block;
	background:#be0006; 
	padding:1% 0; 
	color: #f5f3ef;
	margin:0 0.5% 1% 0.5%;
	font-size: 14px;

}
.capcenter a{width: 25%; border-radius: 5px;}
.capcenter2 a{width: 18%; border-radius: 5px;}
.capcenter3 a{width: 15%; border-radius: 5px;}
.capcenter4 a{width: 20%;}


.capright {/*他ページへのリンク shiyo*/
	margin-top: 0.5em;
	font-size:17px;
	text-align:left;
	clear: both ;
}
.capright a {/*shiyo*/
	padding-left: 25px;
	/*text-decoration: none;*/
	background-image:url("../images/sankaku.png");
	background-position: left ;
	background-size:20px;
	background-repeat: no-repeat;
	margin-left: 10px;
	display: inline-block;
}
.capleft {/*一番上のcap*/
	margin-bottom: 1.5em;
	font-size:15px;
	text-align:left;
	clear: both ;
}

@media (max-width: 1000px) {
.capcenter a , .capcenter2 a , .capcenter3 a , .capcenter4 a {
	font-size: 12px;
}
}



@media (max-width: 750px) {
.capcenter a , .capcenter2 a , .capcenter3 a , .capcenter4 a {padding:2% 1%;}
.capcenter a {
	width: 47%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

.capcenter2 a {
	width: 31%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

.capcenter3 a {
	width: 31%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

.capcenter4 a {
	width: 47%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

}