/* Cross-browser settings */
* {
	/* [disabled]margin: 0; */
	padding: 0;
}

/* general styles */
body {
 height: 100%;
 font-size: 14px;
 margin:0px;
 padding:0px;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo','sans-serif';
}

img {
 border:0;
 vertical-align:top;
 font-size:0px;
line-height:0px;
}

a {
 color: #003333;
}

a:visited {
 color: #006699;
}

a:hover {
 color: #0000c0;
}
p {
 margin: 0px;
 padding: 0px;
 line-height:normal;
}

/* topimg */
.topimg{
	width:100%;
	height:350px;
	margin:0 auto;
	overflow:hidden;
}

/* header */
.header{ width:100%; clear:both; overflow:hidden; background-image:url(images/jitabi_img01.gif); background-repeat:repeat-x; background-position:top; }

.header .bace{ width:1000px; margin:0 auto; clear:both; overflow:hidden; color:#ffffff; padding:5px 0; }



/* bace */
.bace{ width:1000px; margin:0 auto; clear:both; overflow:hidden; }
.bace .mainimg{ height:395px; overflow:hidden; clear:both; margin-top:1px; padding:0; background-image:url(images/jt_main01.jpg); background-repeat:no-repeat; background-position:top;}
.bace .copy{ width:973px; padding:0; margin:0 auto 10px auto; clear:both;}
.bace .copy .scp{ background-color:#559ea0; clear:both; margin:20px 0 10px 0; padding:3px 5px 3px 80px; border-radius: 10px; -webkit-border-radius: 10px;
 -moz-border-radius: 10px;}
.bace .stm{ clear:both; width:973px; margin:25px auto 0 auto; text-align:center;}
.bace .stm p{ line-height:200%; }
.bace .stm .tt{font-size:28px; font-weight:bold; line-height:180%; margin:10px 0; padding:10px 0 0 0;}

.title{float:right; padding:20px 200px 0 0; margin:0; }

#pghead{clear:both; overflow:hidden;}
#pghead .ptitle{float:left;}
#pghead .social{float:right; padding:45px 0 0 0;}

.jtls {
    width: 100%;
	max-width:1000px;
	margin:45px auto 10px auto;
	padding:35px 0 ;
    overflow: hidden;
	background-color:#eaeaea;
}
.jtls .comm{
	clear:both;
	margin:20px 55px 0 55px;
}
.jtls .comm p{
	line-height:180%;
	}

.jtls ul {
    list-style-type: none;
    padding-left: 0;
	clear:both;
	overflow:hidden;
}
.jtls li {
    list-style-type: none;
	list-style-position:outside;
    float: left;
    background: #ffffff;
    width: 231px;
	height: 260px;
    padding:13px 18px 18px 18px;
    margin: 15px 0 10px 50px;
}
.jtls li p{ color:#888888; line-height:150%;}

.imgbox1{ width:231px; height:105px; overflow:hidden; background-image:url(images/jtimage2.gif); background-repeat:no-repeat; margin-bottom:15px; }
.imgbox1 img{ width:100%; height:auto; object-fit:cover;}
.imgbox2{ width:231px; height:auto; margin-top:10px; }

.jtls li h3{ height:70px; padding:0 5px; margin:0; line-height:145%; overflow:hidden; }
.jtls li h3 a{text-decoration:none;}

ul.bnbox {
  display: flex;
  display: -webkit-box;/* Safari */
  list-style: none;
  padding:30px 0 30px 0;
  justify-content: center;
  -webkit-box-pack: center;
  margin:0;
}
  
ul.bnbox li {
	list-style-position:outside;
  margin:0;
  padding:0 1.3em 0 0;
  width: 32%;
  word-wrap: break-word;
}

.wntit{ width:930px; margin:0 auto 0 auto; padding:10px 0; background-color:#4b4a4a; clear:both; overflow:hidden; text-align:center; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}

#pagebace{ clear:both; overflow:hidden; border:30px solid #eaeaea; padding:25px;}

#pagebace .tit{background-color:#559ea0; margin:0; padding:15px;	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
	
#pagebace h2{ font-size:22px; margin:0 0 0 0; padding:5px 0 0 50px; line-height:130%; color:#ffffff; background-image:url(images/jitabi_img05.gif); background-position:left top; background-repeat:no-repeat;}

#pagebace h3 { margin:25px 0 0 0; padding:0; border-bottom:1px solid #559ea0; clear:both;}

.contact{ clear:both; text-align:center; padding:0 0 40px 0;}

.etiquette{width:550px; clear: both; overflow: hidden; padding: 0; margin: 50px auto 0 auto; text-align: center;}
.important{border:double 3px #ff0000; clear: both; overflow: hidden; text-align: center; margin: 30px 0 0 0;}
.important a{ color: #ff0000; font-weight: bold; text-decoration: none; display: block; padding: 10px; font-size: 1.6em;}


ul.gallery {
  list-style: none;
  padding:15px 0 15px 0;
  display: flex;
  display: -webkit-box;/* Safari */
  justify-content: left;
  -webkit-box-pack: left;
  margin:0;
}
  
ul.gallery li {
	list-style-position:outside;
  margin:0 0 0 0;
  padding:0 0.4% 0 0;
	width: 33%;
	overflow: hidden;
}
ul.gallery li img {
	width:100%; height:auto; max-height:220px;}

ul.gallery li .cmt{clear:both; text-align: center; font-size: 1.0em; padding: 3px 0; line-height: 180%;}



.cyuui{clear:both; overflow:hidden; background-color:#ba782f; padding:15px;}
.cyuui p{ color:#ffffff; line-height:130%; font-size:14px;}

/* tab */
ul#tab {
	zoom: 1;
	list-style: none;
	margin: 0px auto 0 auto;
	padding: 0;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	margin-right:10px;
	text-align: center;
}
ul#tab li:last-child {
	background: none;
}
ul#tab li a {
	display: block;
	width: 138px;
	padding: 8px 0;
	text-decoration: none;
	color: #222;
	background-color:#8cd1d1;
}
ul#tab li a:hover {
	background: #559ea0;
	color: #fff;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background: #559ea0;
	color: #fff;
}
#detail {
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	line-height: 180%;
}
.tabbox {
	display: none;
}

.sns{float:right; padding:10px 0 0 0;}
.sns .tw{float:left; padding-right:5px;}
.sns .fb{float:left; padding-right:5px;}
.sns .ln{float:left;}

ul.pdfdl{clear:both; overflow: hidden; background: #eeeeee; padding: 20px 0; margin: 20px 0;}
ul.pdfdl li{ float:left; list-style: none; padding: 0 0 0 2.2%; width: 30.5%;}
ul.pdfdl li img{ width: 100%; height: auto; vertical-align: bottom;}



/* 表1 */
.tbl_box { border: 1px #999999 solid; border-collapse: collapse; border-spacing: 0; margin: 15px 0; }
.tbl_box th { width:30%; padding: 10px; border: #999999 solid; border-width: 0 0 1px 1px; background: #f4eed4; text-align: center; color:#666; font-size:14px;
 line-height:150%; }
.tbl_box td { padding: 10px; border: 1px #999999 solid;
 border-width: 0 0 1px 1px; font-size:14px; color:#666; line-height:180%; text-align:left;
}

/* 表2 */
.tbl_box2 { border: 1px #999999 solid; border-collapse: collapse; border-spacing: 0; margin: 15px 0; }
.tbl_box2 th { width:40%; padding: 10px; border: #999999 solid; border-width: 0 0 1px 1px; background: #cbf1f4; text-align: center; color:#666; font-size:14px;
 line-height:150%; }
.tbl_box2 td { padding: 10px; border: 1px #999999 solid;
 border-width: 0 0 1px 1px; font-size:14px; color:#666; line-height:150%; text-align:left;
}

/* footer */
.footer{ width:100%; clear:both; overflow:hidden; background-image:url(images/jitabi_img02.gif); background-repeat:repeat-x; background-position:bottom; }

.footer .bace{ width:1000px; margin:0 auto; clear:both; overflow:hidden; color:#ffffff; height:62px; padding:25px 0; }

.ftl{float:left; margin:0; padding:0;}
.ftr{float:right; margin:0; padding:24px 10px;}

/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 90px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.bni{
	border:1px solid #999;
	margin:20px 0;
}
/* フォーム */
span.wpcf7-list-item { margin:0;
    display: block;
	line-height:150%;
}
.wpcf7-form input { border:1px solid #999; padding:10px; font-size:16px; }
.wpcf7-form textarea { border:1px solid #999; padding:10px; font-size:16px;}
.wpcf7-form p.submit { text-align: center; padding:10px; }
.wpcf7-submit { padding:15px; width:20%; }

.wpcf7-list-item-label { padding: 0; }





.form_ct{
	text-align:center;
}
.fmbox{ width:95%; }

.mf01{ border:1px solid #CCC; margin:3px; line-height:150%; background-color:#ffc; width:93%;}

.mf02{ padding:10px; border:1px solid #CCC; margin:3px; line-height:150%; width:20%;}

/* 標識・約款 */
#pagebace .hsyk{
	clear:both;
	overflow:hidden;
	margin:0;
	padding:0;
}
#pagebace .hsyk .tit{background-color:#559ea0; margin:0; padding:15px;	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
	
#pagebace .hsyk h2{ font-size:22px; margin:0 0 0 0; padding:5px 0 0 50px; line-height:130%; color:#ffffff; background-image:url(images/jitabi_img05.gif); background-position:left top; background-repeat:no-repeat;}

#pagebace .hsyk h3 { margin:25px 0 0 0; padding:0; border-bottom:1px solid #559ea0; clear:both;}

#pagebace .hsyk .yk{
	margin:15px;
	font-size:18px;
	font-weight:bold;
	background-image:url(images/jitabi_dl.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:1px dotted #999999;
	padding:5px 10px 10px 32px;
}
#pagebace .hsyk .yk a{
	color:#666666;
	text-decoration:none;
}

.textbox{ padding:30px 10px 10px 10px; }
.textbox p{ line-height:180%; }

/* 追加 */
.wnst{
	background:#555555;
	padding:10px;
	margin:35px 0 0 0;
	text-align:center;
	display:block;
}
.wnst h4{ margin:0; padding:1px 0 0 0; font-size:25px; line-height:normal; color:#ffffff;}
.wnbox{ clear:both;
overflow:hidden;
margin:0;
padding:15px 20px;
border:3px double #555555;
}
.wnbox ul{
	padding:5px 0 0 0;
	margin:0;
	clear:both;
}
.wnbox ul li{
	list-style:none outside;
	padding:0 0 5px 0;
	margin:0;
	clear:both;
	overflow:hidden;
}
.wnbox ul li .date{ float:left; width:13%; color:#555555; font-size:16px; font-weight:bold; line-height:150%; }
.wnbox ul li .tit{ float:left; width:86%; color:#555555; font-size:16px; line-height:150%;}
.wnbox ul li .tit a{ text-decoration:none; color:#555555;}


#pagebace .hsyk .howto{
	clear:both;
	overflow:hidden;
	padding:20px;
}
#pagebace .hsyk .howto p{
	line-height:160%;
}
#pagebace .hsyk .howto .rt{
	float:right;
}
#pagebace .hsyk .howto .lf{
	float:left;
	width:53%;
	padding:30px 0;
}
#pagebace .hsyk .howto h3{
	border-bottom:none;
	font-size:16px;
	padding:0;
	margin:30px 0 10px 0;
	line-height:160%;
}
#pagebace .hsyk .howto h4{
	border-bottom:dotted 2px #333333;
	font-size:20px;
	padding:5px 0;
	margin:30px 0 10px 0;
	line-height:160%;
}
#pagebace .hsyk .howto h5{
	border-bottom:none;
	color:#3366cc;
	font-size:16px;
	padding:0;
	margin:30px 0 10px 0;
	line-height:160%;
}
#pagebace .hsyk .howto ul{
	clear:both;
	overflow:hidden;
	padding:10px 0 0 30px;
	margin:0;
}
#pagebace .hsyk .howto ol{
	clear:both;
	overflow:hidden;
	padding:10px 0 0 30px;
	margin:0;
}
#pagebace .hsyk .howto ul li{
	line-height:150%;
	padding-bottom:10px;
}

/* 20200708 */
.imgbox3 { width:100%; clear:both; padding:20px 0 0 0; margin: 0; }
.imgbox3 img{width:100%; height:auto;}
.pc{display:block;}
.sp{display:none;}
.postsbace {padding:20px;}
.postsbace p{font-size:1.2em; line-height:200%;}
.postsbace ul{padding:0 0 0 30px; magin:0; font-size: 1.2em; line-height: 200%;}
.postsbace li{ list-style-position:outside;}
.postsbace ol{padding:0 0 0 30px; magin:0; font-size: 1.2em; line-height: 180%;}
.postsbace ol li{ padding-bottom: 10px;}

.postsbace h4{background-color:#eaeaea; padding: 10px; border:none; font-size: 1.4em; line-height: 180%; margin: 40px 0 0 0;}
/* 表3 */
.tbl_box3 { border: 1px #999999 solid; border-collapse: collapse; border-spacing: 0; margin: 15px 0 0 0; }
.tbl_box3 th { padding: 10px; border: #999999 solid; border-width: 0 0 1px 1px; background: #f4eed4; text-align: center; color:#666; font-size:1.2em;
 line-height:180%; }
.tbl_box3 td { padding: 10px; border: 1px #999999 solid;
 border-width: 0 0 1px 1px; font-size:1.2em; color:#666; line-height:180%; text-align:center;
}
/* 20200807 */
.tjs{width: 50%; margin: 20px auto; background-color:#8BAFE5; text-align: center; padding: 0;}
.tjs a{color:#ffffff; font-size: 1.4em; padding: 15px; text-decoration: none; display: block;}

/* 20210420 */
.jtb_info{clear:both; overflow: hidden; padding:10px 10px;}