@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html, body {
  -webkit-text-size-adjust: 100%;
}
body {
	background: #16160e;
	background-attachment: fixed;
	color: #333;
	font-weight: normal;
	line-height: 1.6;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
img {
	border: 0;
}
ul {
	list-style: none;
}
ol {
	margin-left: 30px;
}

#wrapper {
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 8px #fff, 0 0 8px #ccc, 0 0 8px #999;
	-webkit-box-shadow: 0 0 8px #fff, 0 0 8px #ccc, 0 0 8px #999;
	-moz-box-shadow: 0 0 8px #fff, 0 0 8px #ccc, 0 0 8px #999;
}
.qa {
	margin:50px 0;
	padding: 10px;
	background-color: #e8383d;
	border:1px solid #e8383d;
	font-weight:bold;
	display: block;
	font-size:110%;
	color:#F3D543;
}
.info{margin-bottom: 3em;}
.spot{
	background-color: #FFFFFF;
	color: #000000;
}
.midashi{
	background-color: #107da2;
	color: #FFFFFF;
	padding: 6px 0px 6px 10px!important;
	margin-top: 2rem;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	
}
.flex_b{
	display: flex;
	justify-content: space-between;
}
.spot_photo{
	width: 400px;
margin-top: 16px;
}
.spot_tex{
	width: 50%;
	margin-right: 1rem;
}
.spot_title{background-color: #107da2;
	color: #FFFFFF;
padding: 6px 0px 6px 10px!important;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
}
.pc{display: block;}
.sp{display: none;}
@media screen and (min-width:501px){
#wrapper{width: 1100px;}
#contents{padding: 0px 45px 45px 45px;
	}
	#contents_qa{padding: 0px 45px 45px 45px;
	}
	.flex_b{
	display: flex;
	justify-content: space-between;
}
	.pc{display: block;}
.sp{display: none;}
}

#contents {
	margin: 0 auto;
	background: #fff;
	font-size: 95%;
}

#contents_qa {
	margin: 0 auto;
	background: #fff;
	font-size: 95%;
}
h1 {
	text-align: center;
}
h1 img{
	vertical-align: bottom;
}
h2{
	text-align: left;
	font-size: 150%;
	padding: 0.3em 0.5em;
	margin: 1em 0 1em 0;
	color: #FFF;
	background:#9B7641;
}
h3 {
	margin-top: 3.5em;
	font-size: 130%;
}
.section h3 {
	margin: 30px 0 15px 0;
    border-left: 5px solid #432f2f;
    width: 300px;
    padding-left:5px;
}
.heading-41 {
    padding: 0.7em;
    border-left: 8px solid #e8383d;
    background-color: #f7f6f5;
    color: #333333;
}


.qa-8 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 0;
    background-color: #f2f2f2;
    color: #333333;
	 text-indent: -1.5em;
  padding-left:2.5em;
}

.qa-8 dd::before {
    content: "A.";
}
dt {
	margin-bottom: 10px;
	margin-top: 30px;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px dashed #ccc;
	font-size: 110%;
	font-weight: bold;
}
#contents dt {
    margin-right: 1em;
    font-weight: bold;
    border-bottom: #ccc dotted 2px;
    padding-left: 1em;
    padding-bottom: 0.5em;
    font-size: 120%;
}
#contents dt::before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    padding-right: 0.8em;
}
#contents dd {
    margin: 20px;
}

/* 何もしていない時の背景 */
.btn_hover3 {
background-color: #9B7641;/*背景色*/
	border: 6px double #fff;
-webkit-transition: all 0.3s ease;/*ふわっとさせる間隔 Google Chrome、Safari*/
-moz-transition: all 0.3s ease;/*ふわっとさせる間隔 Firefox*/
-ms-transition: all 0.3s ease;/*ふわっとさせる間隔 IE*/
-o-transition: all 0.3s ease;/*ふわっとさせる間隔 Opera*/
transition: all  0.3s ease;/*ふわっとさせる間隔*/
padding:20px 0;/*文字と背景の余白*/
width: 100%;/*ボタン幅*/
text-align: center;/*文字を揃える位置*/
border-radius: 3px;/*背景の角丸半径*/
cursor: pointer;/*ホバー時にカーソルの形状をポインターに*/
}

/* マウスオーバーした際の背景 */
.btn_hover3:hover {
background-color :#180614;/*背景色*/	
}

table.border {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 5px;
}
table.border th, table.border td {
	border: 1px solid #666;
	padding: 3px;
}
table.border th {
	text-align: center;
	font-weight: normal;
	background-color: #ddd;
}

#schedule{margin-bottom: 3em;}

.schedule table th{
	text-align: center;
	font-weight: 500;
	color: #FFFFFF;
	background:#432f2f;
}
.schedule table td{
	vertical-align: top;
}

   .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(128, 128, 128, 0.6); /* グレー+透過 */
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2em;
      color: white;
      font-weight: bold;
      z-index: 1;
    }

.flight table{
width: 1000px;
border-collapse: collapse;
margin: 0 0 15px;
}
.flight table, .flight table th, .flight table td{
	padding: 5px;
	border:  solid 1px #999;
	border-collapse: collapse;
	vertical-align: middle;
}
.flight table th{
	text-align: center;
	font-weight: 500;
	color: #333;
	background:#CDCBCB;
}
.flight td{
	text-align: center;
}
/*util*/

.toTop {
	text-align: right;
}
.large {
	font-size: 16px;
}
.small {
	font-size: 75%;
}
.att {
	color: #f00;
}
.arr {
	margin: 10px 0;
	text-align: center;
}
.fcr{color: red;}
.red_b{
font-weight: bold;
color: #ff0000;
}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.mt60{margin-top: 60px;}
.fwb{font-weight: bold;}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.kokuchi{
	text-align: center;
	font-size: 200%; 
	margin-top: 50px;
	font-weight: bold;
}
.longurl{word-break: break-all;}
.margin5 {
	margin: 5px 0;
}
.margin10 {
	margin: 10px 0;
}
.margin20 {
	margin: 20px 0;
}
.margin-top10 {
	margin-top: 10px;
}
.margin-top5 {
	margin-top: 5px;
}
.marginL8 {
	margin-right: 8px;
}
.purple_bg{background-color: #7f1184;font-weight: bold;color: #FFFFFF;padding-left:5px;padding-top: 1px;padding-bottom: 1px}
.schedule table{ width: 100%; max-width: 1100px;margin: 25px 0;}
.schedule table, .schedule table th{
	/*padding: 5px;*/
	border: solid 1px #999;
	border-collapse: collapse;
	vertical-align: middle;
	font-size: 95%;
    min-width: 25px;
}

.bgmb{
	background-color:steelblue;
	border-top: none;
	border-bottom: none;
	color: #FFFFFF;
}
.bgmgray{
	background-color:#595857;
	border-top: none;
	border-bottom: none;
	color: #FFFFFF;
}
.bgmg{
	background-color:#007b43;
	border-top: none;
	border-bottom: none;
	color: #FFFFFF;
}
.ttable table{
min-width: 1000px; /* PC用の最小幅 */
  width: 100%;       /* 画面に合わせて拡大縮小 */
border-collapse: collapse;
margin: 0 0 15px;
}
.ttable table th,
.ttable table td{
padding: 3px 0px;
}
.ttable table td p{
padding:  3px;
}
.ttable table th{
background:#432f2f;
color: #fff;
vertical-align: middle;
text-align: center;
}
.ttable table td{
vertical-align: top;
min-width: 25px;
max-width: 500px;
}
.ttable table td:nth-child(3){
width: 125px;
}
.ttable table td:nth-child(4){
width: 175px;
}
.ttable table td:nth-child(7){
vertical-align: middle;
}
.ttable table td:nth-child(1),
.ttable table td:nth-child(2),
.ttable table td:nth-child(3),
.ttable table td:nth-child(4),
.ttable table td:nth-child(5),
.ttable table td:nth-child(7){
text-align: center!important;
}
.ttable table td:nth-child(6){
text-align: left!important;
}
.ttable table th{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.ttable table td{
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}
.ttable table tbody{
border-bottom: 1px solid #c0c0c0;
}
.tr{
text-align: right;
}

.schedule table td{
	padding: 5px;
	border-right: solid 1px #999;
	border-left: solid 1px #999;
	border-collapse: collapse;
	/*vertical-align: middle;*/
    text-align: center;
}
table.middle_table{	width: 75%; }
.strong {
	font-weight: bold;
	color: #FF0000;
}

.textbox {
	padding: 3px 5px;
	border: 1px solid #000;
	position: relative;
}
.box {
	margin: 5px 0;
	padding: 5px 10px;
	border: 1px solid #666;
}
.bold {
	font-weight: bolder;
}
.kanri {
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #000;
}
.disc li{ 
	list-style: inside disc;
	margin-left: 1em;
	text-indent: -1em;
}
.decimal li{ 
	list-style: inside decimal;
	margin-left: 1em;
	text-indent: -1em;
}
.disc li li,
.decimal li li,
.list li li {
	text-indent: 0em;
}
.list li {
	list-style: none;
	margin-left: 1em;
}
.list li::before {
	content: "※";
	margin-left: -1em;
}
#flow dt {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #000;
    background: #000;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 105%;
}
#flow dt::before {
	content: "";
    padding-right: 0;
}
#flow dd {
    width: 76%;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 10px 2%;
}
#bank {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 10px;
}
.qa dt {
	color: #f00;
}
#flow li {
	padding-left: 13px;
	background: url(img/list_bg.gif) no-repeat 0 6px;
}

a:hover {
	opacity: 0.8;
}
#date {
	margin: 20px auto;
}
#date table {
	margin: 0 auto;
	line-height: 120%;
}
#date td{
	padding: 10px;
}
.kntlogo {
	float: right;
	margin-right: 30px;
}
.toi {
	border-bottom: #ccc dotted 2px;
	border-top: #ccc dotted 2px;
	text-align: center;
	margin: 20px auto;
	padding: 10px 0;
}
.kntlogo {
	float: right;
	margin-right: 30px;
}
.blue{
	color: blue;
}
.toko { font-size:15px; width: 400px; color:#333333; border-left:#333333 solid 9px; margin-top:25px ; margin-bottom: 20px;  padding:10px 0 10px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;
}
.radius_box {
    width: 95%;               /* 幅指定 */           
    border: 2px #7a5f27 solid;     /* 枠線指定 */
    background-color: #fbefca;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
	padding: 7px;
	margin: 0 auto;
}

.radius_box_2 {
    width: 95%;               /* 幅指定 */
    border: 2px #34552b solid;     /* 枠線指定 */
    background-color: #E0EBD6;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
	padding: 7px;
	margin: 0 auto;
}

.phot{margin-left: 20px;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.fl_L{
	float: left;
	width: 60%;}

.fl_L_2{
	float: left;
	width: 60%;}

.fl_R{
	float: right;
	margin-right: 40px;
	width: 29%;
}
.fl_Rimg{
	width: 100%;
}

.al_center{
	text-align: center;
}
.point{
	background: #3f2d7c;
	color: white;
}

@media screen and (max-width:500px){
#wrapper {
	margin: 0;
}
#contents{padding: 0px 10px 10px 10px;}
	#contents_qa{padding: 0px 10px 10px 10px;}
table.knt_info td{
display: block;
width: 100%;
}

	.ttable table td p{
padding:  3px;
}
	.scroll{
overflow-x: auto;   /* 横に長いときだけスクロールバー */
  -webkit-overflow-scrolling: touch; /* iOSでスムーズスクロール */
}
	.flex_b{display: block;}
	.pc{display: none;}
.sp{display: block;}
}