@charset "utf-8";



/*----- mainvisual ---------------------------------*/
#mainvisual {

	position: relative;
	padding-bottom: 10px;
}


#mainvisual #bt_box{
margin:20px 0 10px 0;
}

.whitebox { margin: 0 auto 50px; padding: 20px 0; width: 770px; box-sizing: border-box; border: 2px solid #d70101; background: #fff; text-align: center; }
.whitebox .ttl { margin-bottom: 10px; color: #d70101; font-size: 18px; font-weight: bold; }
.whitebox .txt { font-size: 14px; }

#top-body{background:url(../img/img_pb_1.png) no-repeat 0 top #FFF;padding-top:40px;}

.otoku {background:url(../img/img_otoku.png) no-repeat 0 0;width:930px; height:417px;margin:10px auto;position:relative;line-height:1.2em;padding-bottom:20px;}

.otoku .txt2 {width:400px;position:absolute;top:260px;left:38px;font-size:11px;}
.otoku .txt3 {width:400px;position:absolute;top:250px;left:493px;font-size:11px;}


.shikumi {background:url(../img/img_kosho2.jpg) no-repeat 0 0;width:930px; height:644px;position:relative;line-height:115%;}
.shikumi dl{width:520px;position:absolute;bottom:55px;left:198px;font-size:0.9em;}
.shikumi dt {float:left;margin-right:10px;}
.shikumi dd {width:485px;float:left;margin-bottom:10px;}

#mainvisual dl{width:970px;font-size:0.9em;}
#mainvisual  dt {clear:left;float:left;margin-right:10px;}
#mainvisual dd {width:930px;float:left;margin-bottom:10px;}
/**************/
.tableA  {width:98%;font-size:.9em;background:#fff;margin:20px 1%;}
.tableA th {border:1px dotted #ccc;padding:5px;background-color:#E25E7C; color:#FFF;}
.tableA th.sub {background:#ED9CAE;}

.tableA td {border:1px solid #ccc;padding:5px;text-align:center;vertical-align:middle;}
.tableA tr.even td {  background-color: #efefef;  } 

/***************************/
.newsBox {background:#E95377;border-radius:10px;width:960px; margin:0 auto 20px auto;padding:5px;}
.newsBox h2 {color:#fff;font-size:1.8em;font-weight:bold;text-align:center;padding:10px;}
.newsBox .innerBox {background:#fff;padding:20px 40px 10px 40px;}
.newsBox .innerBox h3 {font-size:1.1em;line-height:1.8em;}
.newsBox .innerBox p {line-height:1.8em;}
.newsBox .btmBox {width:400px; margin:10px auto;}

.newsBox .btmBox button.btm {background:#EF8337;display:block;color:#fff;text-decoration:none;font-size:1.4em;padding:10px;transition:all 0.3s;border-radius:10px;font-weight:bold;margin-bottom:20px;width:400px;border:none;}
.newsBox .btmBox button.btm:hover {background:#FF8826;}

.newsBox .btmBox a.btm {background:#EF8337;display:block;color:#fff;text-decoration:none;font-size:1.4em;padding:13px 0;transition:all 0.3s;border-radius:10px;font-weight:bold;margin-bottom:0px;width:400px;border:none;}
.newsBox .btmBox a.btm:hover {background:#FF8826;}

.newsBox .btmBox a.btm2 {background:#ED1801;display:block;color:#fff;text-decoration:none;font-size:1.2em;padding:10px;transition:all 0.3s;border-radius:10px;font-weight:bold;}
.newsBox .btmBox a.btm2:hover {background:#FE4D38;}
/**************************/
/* モーダルCSS */
.modalArea {  display: none;  position: fixed;  z-index: 10;   top: 0;  left: 0;  width: 100%;  height: 100%;}
.modalBg {  width: 100%;  height: 100%;  background-color: rgba(30,30,30,0.9);  position:relative;}
.modalWrapper {  position: absolute;  top: 50%;  left: 50%;  transform:translate(-50%,-50%);  width: 70%;  max-width: 500px;  padding: 20px 30px;  background-color: #fff;  height : 50%;   overflow : auto; }
.modalBg  .closeModal {  position: absolute;  top: 18%;  left: 50%;  margin-left:250px;  cursor: pointer;  color:#fff;  font-size:3em;}
.modalContents h2 {font-size:1.2em;line-height:1.6em;margin-bottom:10px;text-align:center;}

.top20 {margin-top:20px;}

/*****************/
.infoTop {margin-bottom:30px;}
.infoTop img {width:100%;}
.infoTop .in {background:#FFF100; border-radius: 0 0 15px 15px;padding:10px 30px;}