@charset "utf-8";

/*リセット*/
*{
    margin: 0;
    padding: 0;
  }
  a {
    text-decoration: none;
  }
  ul, ol {
    list-style: none;
  }
  img {
    vertical-align: bottom;
  } /*画像下の余白の削除*/

 /*リセットEnd*/

html {
      font-family:  "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      line-height: 1;
     }

img{
  max-width: 100%;
} /*画像フルードイメージ化*/
	 
p {
	font-size: 0.8em;
	line-height: 1.2em;
	font-family: "Ryumin Regular KL", "Jun 201", "メイリオ", "MS 明朝";
}

.p1 {
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	text-indent: 0;
	width: 70%;
	margin-right: 0.5em;
	margin-left: 5em;
	background-color: #EAF4FF;
	margin-top: 0.5%;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.7em;
	padding-bottom: 0.3em;
	padding-left: 0.7em;
}
.p2 {
	font-size: .8em;
	width: 90%;
	margin-top: 1em;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 0px;
	padding-left: 0px;
}
.p3 {
	font-size: 0.8em;
	width: 85%;
	margin-left: 5em;
	margin-top: 1em;
	line-height: 1.5em;
}
.p4 {
	font-size: 1em;
	width: 85%;
	margin-left: 5em;
	line-height: 1.5em;
	}
.p5 {
	font-size: .7em;
	width: 90%;
	margin-top: 1em;
	padding-top: 0px;
	padding-left: 5em;
	padding-right: 3em;
	padding-bottom: 0px;
}
.p6 {
	font-size: .6em;
	width: 90%;
	padding-top: 0px;
	padding-left: 7em;
	padding-right: 3em;
	padding-bottom: 0px;
}

header {
	background-color: #791A2F;
	margin-right: auto;
	margin-left: auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
} 
header p{
	font-size : 0.8em;
	color: #CCCCCC;
	font-family: "Times New Roman", "Times, serif";
	padding-left: 1.2em;
}
.wrap {
	display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;

	justify-content: center;
	width: 90%;
}
nav li{
	width: 13%;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
	margin-left: 3%;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: 0.1em solid #791A2F;
}
nav a {
	color: #70011A;
	font-size: 0.8em;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding-top: 0.1em;
}
nav a:hover {
	color: #2727AB;
}
.backco {
	background-color: #791A2F;
}
.siromoji {
	color: #FFFFFF}

.pict {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.center{
	text-align: center;
}
h1 {
	font-size: 1.5rem;
	color: #ffffff;
	line-height: 1;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}  


section {
	width: 100%;
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-right: auto;
	margin-left: auto;
}
   
footer {
	background-color: #791A2F;
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	clear: left;
}

.reseve a{
	color: #000000;
	font-size: 1em;
	target: _blank;
	text-decoration: none;
	
}
.reseve a:hover{
	color: #99F;
}

  
footer p {
	color: #ffffff;
}
.uline{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

main{
	margin-right: auto;
	margin-left: auto;
}

main p {
	text-indent: 0.8em;
	padding-left: 2.5em;
	padding-right: 2.5em;
	margin-bottom: 0;
	}
section p{
	text-indent: 0.8em;
	margin-top: 0px;
	margin-bottom: 0.3em;
	}
hr {
	text-align: center;
	width: 60%;
	border: 100% groove #06C;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
}
h2 {
	font-size: 1.2rem;
	line-height: 1;
	padding-bottom: 0em;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0em;
	margin-top: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #791A2F;
	padding-left: 0.3em;
	color: #791A2F;
}
.twitter {
	font-size: 1.2rem;
	line-height: 1;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009;
	padding-left: 0.1em;
	padding-top: 2em;
}
.twyoko {
	margin-left: auto;
	padding-top: 2em;
	margin-right: auto;
	width: 50%;
}
h2 p{
	font-size: 1.2rem;
	padding-top: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.2em;
	width: 90%;
	line-height: 1em;
}
.top {
	margin-top: 1em;
}

.cb{
	clear: both;
}
.fl{
	clear: right;
	float: left;
}
.red{
	color: #9F2043;
	font-family: "Midashi Go MB31";
	font-size: 1.2em;
}
.green{
	color: #57EA96;
	font-family: "Midashi Go MB31";
	font-size: 0.8em;
	}
.green2{
    color: #FFFFFF;
    font-family: "Midashi Go MB31";
    font-size: 0.7em;
    background-color: #178C6D;
    
}
main section p {
}

.blue{
	color: #64DCEA;
	font-family: "Midashi Go MB31";
	font-size: 0.8em;
}
.black {
	font-family: "Midashi Go MB31";
	font-size: 0.8em;
}

h3 {
	text-align: left;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	font-size: 1.2rem;
	line-height: 1;
	color: #000000;
	padding-left: 0.3em;
	font-family: "UD Shin Go Conde90 M";
	text-indent: 2em;
}
h4 {
	font-size: 1.1rem;
	line-height: 1.2em;
	margin-left: 1em;
	color: #009;
	font-family: "UD Shin Go Conde90 M";
}
h5 {
	font-size: 1rem;
	line-height: 1.2em;
	margin-left: 2em;
	font-family: "UD Shin Go Conde90 L";
}
ol {
	list-style-type: decimal;
	font-size: 0.8em;
	margin-left: 6.5em;
	margin-top: 1em;
}
	
.gaiyou {
	background-color: #E8EBFF;
	width: 90%;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	margin-right: auto;
	margin-left: auto;
}
.gaiyou2 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 0.8em;
		
	
}

.reseve {
	float: left;
	width: 45%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3%;
	background-color: #9CBEFC;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	overflow: hidden;
}

.reseve a{
	color: #000000;
	font-size: 1rem;
	text-decoration: none;
	
}
.reseve a:hover{
	color: #99F;
}

.table1{
	 width: 60%;
	 border: 0;
	 cellpadding: 1;
	 margin-left: 5em;
	 font-size: 0.8em;
}
.table1 td{
	 text-align: center;
}

.oh{
	overflow: hidden;
   }
.icon{
	padding-left: 2em;
	margin-bottom: 2em;
   }
@media screen and (max-width : 767px){ 
.nodisplay{
	　　display: none;
        }
}

 /*タブレット用（769～1023pxまで）*/
@media screen and (min-width : 768px){ 
h1 {
	font-size: 2rem;
    }
h2 {
	font-size: 1.2rem;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
    }
h2 br {
	display: none;
    }
h3 {
	margin-left: 0.5em;
	}
h3 br {
	display: none;
    }
h5 br {
	display: none;
    }
.uline{
	line-height: 2.5em;
    }
header {
		width: 100%;
	}
header p{
	font-size : 1.25em;
	color: #CCCCCC;
	font-family: "Times New Roman", "Times, serif";
	padding-left: 1.5em;
    }
main {
		width: 80%;
	}
footer {
		width: 100%;
	}
.reseve br{
	   display: none;
	}

.gaiyou {
	background-color: #E8EBFF;
	width: 90%;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	line-height: 1.3em;
	font-size: 1.2em;
	padding-top: 0.8em;
	padding-right: 0.3em;
	padding-bottom: 0.8em;
}

h2 p{
	font-size: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.2em;
	width: 100%;
	line-height: 1em;
	margin-right: auto;
	margin-left: auto;
}
.pict {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;	
}
.red{
	color: #CC0000;
	font-family: "Midashi Go MB31";
	font-size: 1.5em;
}

.green{
	color: #57EA96;
	font-family: "Midashi Go MB31";
	font-size: 1.5em;
}
.blue{
	color: #64DCEA;
	font-family: "Midashi Go MB31";
	font-size: 1.5em;
}
.black {
	font-family: "Midashi Go MB31";
	font-size: 1.5em;
}
.twyoko {
	margin-left: auto;
	padding-top: 2em;
	margin-right: auto;
	width: 30%;
}


/*PC用（1024px以上）*/
@media screen and (min-width : 1024px){
.pict {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	width: 60%;
	padding-left: 5%;
}  

.twyoko {
	margin-left: 2em;
	padding-top: 2em;
}

header {
		width: 80%;
	}
main {
		width: 70%;
	}
footer {
	width: 80%;
	}