@charset "utf-8";
/* CSS Document */

#container {
	width:100%; 
	position: relative;
	z-index: 2;
}

#news-banner { float:left; width:100%; margin-bottom:20px; }
#news-banner img { width:100%; }

#news { float:left; width:100%; }
#news .more-btn { float:right; padding:3px 5px; margin-right:10px; text-align:center; background:yellow; border-radius:3px; }
#news .more-btn a { color:#000; font-size:12px; }
#news .contents { float:left; width:96%; background:#fff; box-sizing:border-box; padding:10px; margin:10px 2%; }
#news .contents dl { float:left; width:100%; margin-bottom:10px; border-bottom:1px dotted #ccc; }
#news .contents dl dt { float:left; width:90px; font-size:14px; text-align:left; }
#news .contents dl dd { float:left; width:100%; height:18px; padding-bottom:5px; margin-bottom:5px; color:#666666; font-size:16px; text-align:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow: hidden; }
#news .contents dl dd a { color:#000; }

/*=== news-view					============================================================================================================*/
#news-view { float:left; width:100%; }
#news-view .contents { float:left; width:96%; background:#fff; box-sizing:border-box; padding:10px; margin:10px 2%; }
#news-view .contents .subject {float:left; width:100%; padding:20px 0; text-align:left; border-top:solid 1px #efefef; border-bottom:1px solid #efefef; color:#666; }
#news-view .contents .subject p { float:right; width:100%; margin-left:10px; font-size:16px; font-weight:bold; }
#news-view .contents .comment {float:left; width:100%; text-align:left; padding:10px 0; font-size:14px; border-bottom:1px solid #efefef; color:#666; }
#news-view .contents .buttonWrap { float:left; width:100%; margin-top:20px; background:#fff; }
#news-view .contents .prev {float:left; width:48%; padding:10px 0; font-size:14px; text-align:center; background:#666; border-radius:10px; }
#news-view .contents .prev a { color:#fff; }
#news-view .contents .next {float:right; width:48%; padding:10px 0; font-size:14px; text-align:center; background:#666; border-radius:10px; }
#news-view .contents .next a { color:#fff; }

/*=== idea					============================================================================================================*/
#idea { float:left; width:100%; }
#idea .contents { float:left; width:100%; }

 /*=== access		============================================================================================================*/
#access { float:left; width:100%; background:#f2f2f2; box-sizing:border-box; padding:10px; }
#access .contents { float:left; width:100%; padding:30px 0; }
#access .contents .map { float:right; width:100%; height:300px; background:#333; }
#access .contents dl { float:left; width:100%; }
#access .contents dl dt { float:left; width:100%; margin-bottom:20px;}
#access .contents dl dd { float:left; width:100%; font-size:14px; text-align:left; box-sizing:border-box; padding:0 15px; }

/*=== recordWarp					============================================================================================================*/
#recordWarp { float:left; width:100%; }
#recordWarp .contents { float:left; width:100%; box-sizing:border-box; padding:10px; }
#recordWarp .contents dl { float:left; width:49.5%; height:238px; border:1px solid #ddd; margin-bottom:10px; }
#recordWarp .contents dl:nth-child(even){ float:right; width:49.5%; height:238px; border:1px solid #ddd; margin-bottom:10px; }
#recordWarp .contents dl dt { float:left; width:100%; height:130px; }
#recordWarp .contents dl dt img { float:left; width:100%; height:130px; object-fit: cover; /* この一行を追加するだけ！ */}
#recordWarp .contents dl dd { float:left; width:100%; padding:10px; }
#recordWarp .contents dl dd p { float:left; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; }
#recordWarp .contents dl dd p a { color:#000; }
#recordWarp .contents dl dd span {float:right; font-size:11px; padding-right:5px; margin-top:15px; }

#recordWarp .contents dl dt:hover .image {opacity:0.3; }
.image {opacity:1; display:block; height:auto; transition:.5s ease; backface-visibility:hidden; }

/*=== record-view					============================================================================================================*/
#record-view { float:left; width:100%; }
#record-view .contents { float:left; width:100%; box-sizing:border-box; padding:10px; }
#record-view .contents .subject {float:left; width:100%; text-align:left; border-bottom:1px solid #efefef; color:#666; }
#record-view .contents .subject p { float:right; width:100%; font-size:16px; margin:10px 0; font-weight:bold; }
#record-view .contents .image {float:right; width:100%; }
#record-view .contents .comment {float:left; width:100%; text-align:left; padding:10px 0; font-size:14px; color:#666; }


/*=== taisakuWrap					============================================================================================================*/
#taisakuWrap { float:left; width:100%; }
#taisakuWrap .contents { float:left; width:100%; box-sizing:border-box; padding:10px; }
#taisakuWrap .contents p { float:left; font-size:14px; margin-bottom:10px;}
#taisakuWrap .contents .buttonWrap { width:100%; text-align:center; margin:15px 0; }
#taisakuWrap .contents .buttonWrap li {display: inline-block; display: inline; zoom: 1; text-align:center; }
#taisakuWrap .contents .buttonWrap li a { text-align:center; border-bottom:2px solid #df283b; padding:10px 0 5px; font-size:16px; }

#taisakuWrap .contents .nationwide { float:left; width:100%; margin-top:20px; }
#taisakuWrap .contents .nationwide .subject { float:left; width:100%; text-align:center; font-size:18px; margin-bottom:20px;}
#taisakuWrap .contents .nationwide ol { float:left; width:100%; counter-reset: cnt; margin:20px 0; }
#taisakuWrap .contents .nationwide ol li { float:left; width:100%; font-size:14px; margin-bottom:10px; }
#taisakuWrap .contents .nationwide ol li::before{content: counters(cnt, ".") ". ";counter-increment: cnt; font-size:14px; margin-bottom:10px; }
#taisakuWrap .contents .nationwide .image { float:left; width:100%; text-align:center; margin-bottom:20px; }

#taisakuWrap .contents .nationwideList { float:left; width:100%; margin-bottom:20px; }
#taisakuWrap .contents .nationwideList .subject { float:left; width:100%; text-align:center; font-size:18px; margin-bottom:20px;}
#taisakuWrap .contents .nationwideList dl { float:left; width:100%; margin-bottom:20px; }
#taisakuWrap .contents .nationwideList dl dt { float:left; width:100%; text-align:center; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:15px; }
#taisakuWrap .contents .nationwideList dl dd { float:left; width:49.5%; height:130px; border:1px solid #ddd; padding:10px 5px; margin-bottom:10px; }
#taisakuWrap .contents .nationwideList dl dd:nth-child(odd){ float:right; width:49.5%; height:130px; border:1px solid #ddd; padding:10px 5px; margin-bottom:10px; }
#taisakuWrap .contents .nationwideList dl dd p { float:left; width:100%; font-size:12px; line-height:12px; }
#taisakuWrap .contents .nationwideList dl dd p.tlt { float:left; width:100%; font-size:16px; }
#taisakuWrap .contents .nationwideList ol { float:left; width:100%; counter-reset: cnt; margin:20px 0; }
#taisakuWrap .contents .nationwideList ol li { float:left; width:100%; font-size:14px; margin-bottom:10px; }
#taisakuWrap .contents .nationwideList ol li::before{content: counters(cnt, ".") ". ";counter-increment: cnt; font-size:14px; margin-bottom:10px; }
.title-box2 {
  float:left;
  width:100%;
  margin: 10px 0;
  padding:20px 10px 10px;
  position: relative;
  border:1px solid #e62a3e;
  background-color: #fedfe2;
}

.title-box2-title {
  position: absolute;
  top: -15px;
  left: 20px;
  font-weight: bold;
  font-size: 14px;
  background-color: #e62a3e;
  color: #fff;
  padding:0 10px;
}

.title-box2 p {
  width:100%;
  margin: 0;
  padding: 0;
}

#taisakuWrap .contents .taisaku { float:left; width:100%; }
#taisakuWrap .contents .taisaku .subject { float:left; width:100%; text-align:center; font-size:18px; margin-bottom:20px;}
#taisakuWrap .contents .taisaku dl.flow { float:left; width:100%; background:#dd2538; padding:15px; margin-bottom:10px;}
#taisakuWrap .contents .taisaku dl.flow dt { float:left; width:100%; text-align:center; color:#fff; font-size:16px; font-weight:bold; margin-bottom:20px;}
#taisakuWrap .contents .taisaku dl.flow dd { float:left; width:100%; color:#fff; font-size:14px; }
#taisakuWrap .contents .taisaku ol { float:left; width:100%; counter-reset: cnt; margin:20px 0; }
#taisakuWrap .contents .taisaku ol .sub-title { float:left; width:100%; text-align:center; font-size:16px; padding-bottom:10px; border-bottom:2px solid #ddd; margin-bottom:20px; }
#taisakuWrap .contents .taisaku ol li { float:left; width:100%; font-size:14px; margin-bottom:10px; padding:0 20px;}
#taisakuWrap .contents .taisaku ol li::before{content: counters(cnt, ".") ". ";counter-increment: cnt; font-size:16px; margin-bottom:10px; }
#taisakuWrap .contents .taisaku .image { float:left; width:100%; text-align:center; margin-bottom:20px; }

/*=== soudanWrap					============================================================================================================*/
#soudanWrap { float:left; width:100%; }
#soudanWrap .contents { float:left; width:100%; box-sizing:border-box; padding:10px; }
#soudanWrap .contents .buttonWrap { width:100%; text-align: center; margin:20px 0 50px; ; }
#soudanWrap .contents .buttonWrap li {display: inline-block; display: inline; zoom: 1;margin:0 5px; text-align:center; }
#soudanWrap .contents .buttonWrap li a { text-align:center; border-bottom:2px solid #df283b; color:#000; padding:10px 5px 5px; font-size:18px; }

#soudanWrap .contents .soudan { float:left; width:100%; margin-bottom:40px; }
#soudanWrap .contents .soudan .subject { float:left; width:100%; text-align:center; font-weight:bold; font-size:18px; border-bottom:1px solid #df283b; padding-bottom:10px; margin-bottom:20px;}
#soudanWrap .contents .soudan .tel { float:left; width:100%; text-align:center; font-size:26px; padding:10px 0; }
#soudanWrap .contents .soudan .tel a { color:#000; }
#soudanWrap .contents .soudan p { float:left; width:100%; text-align:center; }
#soudanWrap .contents .soudan ol { float:left; width:100%; margin:20px 0; }
#soudanWrap .contents .soudan ol .sub-title { float:left; width:100%; text-align:center; font-size:16px; padding-bottom:10px; border-bottom:2px solid #ddd; margin-bottom:20px; }
#soudanWrap .contents .soudan ol li { float:left; width:90%; font-size:14px; margin:0 5%; margin-bottom:5px; color:#ff0000; }
#soudanWrap .contents .soudan ol li::before { content: "●"; font-size:14px; margin-bottom:5px; padding-right:10px; }
#soudanWrap .contents .soudan .info { float:left; width:90%; margin:20px 5%; font-size:14px; font-weight:bold; }
#soudanWrap .contents .soudan .info a { color:#000; }
#soudanWrap .contents .soudan .soudanBox { float:left; width:100%; margin:20px 0; }
#soudanWrap .contents .soudan .soudanBox .box-title { float:left; width:100%; text-align:center; font-size:18px; }
#soudanWrap .contents .soudan .soudanBox p { float:left; width:left; background:#f4f4f4; margin:5px; border:1px solid #ccc; padding:10px 50px; font-size:18px; }

#soudanWrap .contents .koshu { float:left; width:100%; }
#soudanWrap .contents .koshu .subject { float:left; width:100%; text-align:center; font-weight:bold; font-size:18px; padding-bottom:5px; border-bottom:1px solid #df283b; margin-bottom:30px;}
#soudanWrap .contents .koshu dl { float:left; width:100%; margin-bottom:20px; }
#soudanWrap .contents .koshu dl dt { float:left; width:100%; text-align:center; font-size:16px; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:15px; }
#soudanWrap .contents .koshu dl dd { float:left; width:100%; font-size:14px; padding:10px 0; margin-bottom:10px; }
#soudanWrap .contents .koshu dl dd a { color:blue; }
#soudanWrap .contents .koshu dl dd p { float:left; width:100%; }
#soudanWrap .contents .koshu dl dd p.tlt { float:left; width:100%; font-size:16px; margin-bottom:10px; font-weight:bold; }
#soudanWrap .contents .koshu dl .sub-title { float:left; width:100%; text-align:center; font-size:20px; padding-bottom:10px; border-bottom:2px solid #ddd; margin-bottom:20px; }
#soudanWrap .contents .koshu dl li { float:left; width:90%; margin:0 5%; font-size:14px; margin-bottom:10px; }
#soudanWrap .contents .koshu dl li::before { content: "●"; font-size:14px; margin-bottom:10px; padding-right:5x; }

#soudanWrap .contents .yoryo { float:left; width:100%; }
#soudanWrap .contents .yoryo .subject { float:left; width:100%; text-align:center; font-weight:bold; font-size:18px; padding-bottom:10px; border-bottom:1px solid #df283b; margin-bottom:15px;}
#soudanWrap .contents .yoryo p { float:left; width:100%; font-size:14px; margin-bottom:20px; }
#soudanWrap .contents .yoryo dl { float:left; width:49.5%; height:220px; background:#f8f8f8; padding:10px; border:1px solid #ddd; margin-bottom:15px; }
#soudanWrap .contents .yoryo dl:nth-child(odd){ float:right; width:49.5%; height:220px; background:#f8f8f8; padding:10px; border:1px solid #ddd; margin-bottom:15px; }
#soudanWrap .contents .yoryo dl dt { float:left; width:100%; font-size:14px; border-bottom:1px solid #ddd; margin-bottom:10px; }
#soudanWrap .contents .yoryo dl dd { float:left; width:100%; font-size:12px; }

/*=== storeWrap					============================================================================================================*/
#storeWrap { float:left; width:100%; }
#storeWrap .contents { float:left; width:100%; box-sizing:border-box; padding:10px; }

/*=== memberWrap					============================================================================================================*/
#memberWrap { float:left; width:100%; }
#memberWrap .contents { float:left; width:100%; box-sizing:border-box; padding:10px; }

/*=== table css				============================================================================================================*/
table.tableStore { width:100%; border-collapse:collapse; border:1px solid #d4c1a8; background:#fff; margin-bottom:30px; }
table.tableStore tr { border-top:1px solid #d4c1a8; border-bottom:1px solid #d4c1a8; }
table.tableStore th { text-align:center; vertical-align:middle; border:1px solid #d4c1a8; color:#fff; padding:20px 0; font-weight:normal; background:#c31b28; }
table.tableStore td { vertical-align:middle; padding:10px; text-align:left; border-left:1px solid #d4c1a8; font-size:12px; }
table.tableStore td p { font-size:14px; font-weight:bold; }
.address { width:55%;}
.address span { display:none;}
.url { width:45%;}
.url a { color:#000; }

table.tableMember {float:left; width:100%; border-collapse:collapse; border:1px solid #dddddd; background:#fff; margin-bottom:30px; }
table.tableMember tr { border-top:1px solid #fff; border-bottom:1px solid #dddddd; }
table.tableMember th { text-align:left; border:solid 1px #d2bea5; line-height:16px; background:#f2f2f2; padding:10px; vertical-align:middle; font-weight:normal; }
table.tableMember th p.apply-ok {color:#333; font-size:14px; line-height:20px; text-align:center; vertical-align:middle; background:#fff; padding:15px; }
table.tableMember td {border:solid 1px #d2bea5; height:10px; vertical-align:middle; padding:15px;  }
table.tableMember td p.import {color:#ff5f7e; margin:5px 0 0 0; font-size:12px; }
table.tableMember th .btn-wrap {vertical-align:middle; padding:30px 0; text-align:center; width:100%; }

.require {
    display: inline-block;
    position: relative;
    padding:2px 5px;
    margin-right: 1px;
    background: #ff0000;
    font-size: 10px;
    color: #fff;
    top: -3px;
}

input{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    padding: 5px 0 3px 7px;
    border: solid 1px #c8b59f;
    outline: none;
}

textarea{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    padding: 5px 0 3px 7px;
    border: solid 1px #c8b59f;
    outline: none;
	width:100%; 
    resize: horizontal;
    min-height: 100px;
}

input#confirm {
	background:url('../../images/b_confirm.png') no-repeat; 
    margin: 10px auto 0px;
    text-indent: -9999px;
    border: none;
    display: block;
    width: 200px;
    height: 60px;
    cursor: pointer;
}