/*=== header					============================================================================================================*/
#h1-wrapper { float:left; width:100%; background:#fff; padding:5px 0; }
#h1-section { margin:0 auto; width:1200px; font-size:12px; color:#000; }

#header-wrapper { position:relative; float:left; width:100%; height:625px; background:url('../../images/header/bg.jpg') top center; }
#header-section { margin:0 auto; width:1200px; }
#header-section .logo { float:left; width:700px; margin-top:20px; }
#header-section .logo span { float:left; background:#c31b28; padding:5px 10px; color:#fff; margin-top:10px;}
#header-section ul.menu { position:relative; float:right; margin:30px 50px 0 0; width:220px; }
#header-section ul.menu li { float:left; width:220px; background:url('../../images/header/menu_arrow.png') left center no-repeat; padding-left:10px; font-size:20px; margin-bottom:15px;}
#header-section ul.menu li a { font-weight:bold; }


/*=== tail					============================================================================================================*/
#tail-wrapper { float:left; width:100%; padding:20px 0; background:#3d3d3c; }
#tail-section { margin:0 auto; width:1200px; text-align:center;}
#tail-section .menu { float:left; width:1200px; text-align:center; margin-bottom:30px; }
#tail-section .menu a { color:#fff; margin:0 20px; }
#tail-section ul { float:left;width:1200px;  }
#tail-section ul li { float:left; width:calc(1200px / 3); text-align:center; }
#tail-section ul li.sns{ float:left; color:#fff; }
#tail-section ul li.sns dt { text-align:left; font-size:16px; margin-bottom:10px; }
#tail-section ul li.sns dd{ float:left; margin-right:15px; }
#tail-section ul li.tel{ float:left; line-height:30px; color:#fff; }
#tail-section ul li.tel dt { text-align:right; font-size:32px; letter-spacing:2px; }
#tail-section ul li.tel dd.time{ text-align:right; font-size:16px; }
#tail-section ul li.tel dd.reserve{ float:right; width:90px; font-size:17px; border-radius:5px; background:#fff; color:#000; padding:2px 25px; margin-right:35px; }

#copyright-wrapper { float:left; width:100%; background:#3d3d3c; }
#copyright-section { margin:0 auto; width:1200px; padding:10px 0; font-size:12px; color:#fff; text-align:center; }
#copyright-section a { color:#fff; }

/*=== top					============================================================================================================*/
#news-banner { margin:0 auto; width:1200px; margin-bottom:30px; }
#news-banner img { width:1200px; height:200px; }

#news { margin:0 auto; width:1200px; }
#news .contents { float:left; width:1160px; height:250px; background:#fff; padding:20px; overflow:auto;}
#news .contents dl { float:left; width:1160px; 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:1060px; height:20px; padding-bottom:5px; margin-bottom:5px; color:#666666; font-size:16px; text-align:left;  overflow: hidden;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

/*=== news-view					============================================================================================================*/
#news-view { margin:0 auto; width:1200px; }
#news-view .contents { float:left; width:1160px; background:#fff; padding:20px; }
#news-view .contents .subject {float:left; width:1160px; 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:1060px; margin-left:10px; font-size:20px; }
#news-view .contents .comment {float:left; width:1160px; text-align:left; padding:10px 0; font-size:16px; border-bottom:1px solid #efefef; color:#666; }
#news-view .contents .buttonWrap { float:left; width:1160px; margin-top:20px; background:#fff; }
#news-view .contents .prev {float:left; width:500px; padding:10px 0; font-size:16px; text-align:center; background:#666; border-radius:10px; }
#news-view .contents .prev a { color:#fff; }
#news-view .contents .next {float:right; width:500px; padding:10px 0; font-size:16px; text-align:center; background:#666; border-radius:10px; }
#news-view .contents .next a { color:#fff; }

/*=== idea					============================================================================================================*/
#idea { margin:0 auto; width:1200px; }
#idea .contents { float:left; width:1000px; height:275px; padding:0 100px;}
#idea .contents li { float:left; }

/*=== storeWrap					============================================================================================================*/
#storeWrap { margin:0 auto; width:1200px; }
#storeWrap .contents { float:left; width:1100px; padding:0 50px; }

/*=== recordWarp					============================================================================================================*/
#recordWarp { margin:0 auto; width:1200px; }
#recordWarp .contents { float:left; width:1200px; }
#recordWarp .contents dl { float:left; width:228px; height:258px; border:1px solid #ddd; margin:0 12px 12px 0;}
#recordWarp .contents dl:nth-child(5n+5){ float:right; width:228px; height:258px; border:1px solid #ddd; margin:0 0 12px 0;}
#recordWarp .contents dl dt { float:left; width:228px; height:150px; }
#recordWarp .contents dl dt img { float:left; width:228px; height:150px; object-fit: cover; /* この一行を追加するだけ！ */}
#recordWarp .contents dl dd { float:left; width:208px; padding:10px; }
#recordWarp .contents dl dd p { float:left; width:208px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; }
#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 { margin:0 auto; width:1200px; }
#record-view .contents { float:left; width:1158px; background:#fff; padding:20px; border:1px solid #ddd; margin-bottom:50px;}
#record-view .contents .subject {float:left; width:1160px; padding:10px 0 20px; text-align:left; border-bottom:1px solid #efefef; color:#666; }
#record-view .contents .subject p { float:right; width:1060px; margin-left:10px; font-size:20px; }
#record-view .contents .image {float:right; width:500px; }
#record-view .contents .comment {float:left; width:650px; text-align:left; padding:10px 0; font-size:16px; color:#666; }


/*=== memberWrap					============================================================================================================*/
#memberWrap { margin:0 auto; width:1200px; }
#memberWrap .contents { float:left; width:1100px; padding:0 50px; }

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

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

#taisakuWrap .contents .nationwideList { float:left; width:1200px; margin-bottom:30px; }
#taisakuWrap .contents .nationwideList .subject { float:left; width:1200px; text-align:center; font-size:20px; margin-bottom:20px;}
#taisakuWrap .contents .nationwideList dl { float:left; width:1200px; margin-bottom:20px; }
#taisakuWrap .contents .nationwideList dl dt { float:left; width:1200px; text-align:center; font-size:20px; border-bottom:2px solid #ddd; margin-bottom:15px; }
#taisakuWrap .contents .nationwideList dl dd { float:left; width:268px; font-size:14px; border:1px solid #ddd; padding:10px; margin:0 6px 10px 3px; }
#taisakuWrap .contents .nationwideList dl dd p { float:left; width:268px; height:15px; }
#taisakuWrap .contents .nationwideList dl dd p.tlt { float:left; width:268px; font-size:20px; height:20px; }
#taisakuWrap .contents .nationwideList ol { float:left; width:1200px; counter-reset: cnt; margin:20px 0; }
#taisakuWrap .contents .nationwideList ol li { float:left; width:1200px; font-size:16px; margin-bottom:10px; }
#taisakuWrap .contents .nationwideList ol li::before{content: counters(cnt, ".") ". ";counter-increment: cnt; font-size:16px; margin-bottom:10px; }
.title-box2 {
  float:left;
  width:1180px;
  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: 18px;
  background-color: #e62a3e;
  color: #fff;
  padding:0 10px;
}

.title-box2 p {
  width:1180px;
  margin: 0;
  padding: 0;
}


#taisakuWrap .contents .taisaku { float:left; width:1200px; margin-bottom:30px; }
#taisakuWrap .contents .taisaku .subject { float:left; width:1200px; text-align:center; font-size:24px; margin-bottom:20px;}
#taisakuWrap .contents .taisaku dl.flow { float:left; width:1170px; background:#dd2538; padding:15px; margin-bottom:20px;}
#taisakuWrap .contents .taisaku dl.flow dt { float:left; width:1170px; text-align:center; color:#fff; font-size:20px; font-weight:bold; margin-bottom:20px;}
#taisakuWrap .contents .taisaku dl.flow dd { float:left; width:1170px; color:#fff; font-size:16px; }
#taisakuWrap .contents .taisaku ol { float:left; width:1200px; counter-reset: cnt; margin:20px 0; }
#taisakuWrap .contents .taisaku ol .sub-title { float:left; width:1200px; text-align:center; font-size:20px; padding-bottom:10px; border-bottom:2px solid #ddd; margin-bottom:20px; }
#taisakuWrap .contents .taisaku ol li { float:left; width:1160px; font-size:16px; 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:1200px; text-align:center; margin-bottom:20px; }


/*=== soudanWrap					============================================================================================================*/
#soudanWrap { margin:0 auto; width:1200px; }
#soudanWrap .contents { float:left; width:1200px; }
#soudanWrap .contents .buttonWrap { width:1200px; text-align: center; margin:20px 0 80px; ; }
#soudanWrap .contents .buttonWrap li {display: inline-block; display: inline; zoom: 1;margin:0 10px; text-align:center; }
#soudanWrap .contents .buttonWrap li a { text-align:center; border-bottom:2px solid #df283b; padding:10px 10px 10px; font-size:20px; }

#soudanWrap .contents .soudan { float:left; width:1200px; margin-bottom:70px; }
#soudanWrap .contents .soudan .subject { float:left; width:1200px; text-align:center; font-weight:bold; font-size:24px; border-bottom:2px solid #df283b; margin-bottom:20px;}
#soudanWrap .contents .soudan .tel { float:left; width:1200px; text-align:center; font-size:60px; padding:10px 0; }
#soudanWrap .contents .soudan p { float:left; width:1200px; text-align:center; }
#soudanWrap .contents .soudan ol { float:left; width:1200px; margin:20px 0; }
#soudanWrap .contents .soudan ol .sub-title { float:left; width:1200px; text-align:center; font-size:20px; padding-bottom:10px; border-bottom:2px solid #ddd; margin-bottom:20px; }
#soudanWrap .contents .soudan ol li { float:left; width:400px; font-size:18px; margin-bottom:5px; padding:0 400px; color:#ff0000; }
#soudanWrap .contents .soudan ol li::before { content: "●"; font-size:18px; margin-bottom:5px; padding-right:10px; }
#soudanWrap .contents .soudan .info { float:left; width:400px; padding:10px 400px; margin-top:30px; font-size:18px; font-weight:bold; }
#soudanWrap .contents .soudan .soudanBox { float:left; width:1200px; margin:20px 0; }
#soudanWrap .contents .soudan .soudanBox .box-title { float:left; width:1200px; text-align:center; font-size:18px; }
#soudanWrap .contents .soudan .soudanBox p { float:left; width:500px; background:#f4f4f4; margin:5px 300px; border:1px solid #ccc; padding:10px 50px; font-size:20px; }

#soudanWrap .contents .koshu { float:left; width:1200px; margin-bottom:70px; }
#soudanWrap .contents .koshu .subject { float:left; width:1200px; text-align:center; font-weight:bold; font-size:24px; border-bottom:2px solid #df283b; margin-bottom:30px;}
#soudanWrap .contents .koshu dl { float:left; width:1200px; margin-bottom:20px; }
#soudanWrap .contents .koshu dl dt { float:left; width:1200px; text-align:center; font-size:20px; border-bottom:1px solid #ddd; margin-bottom:15px; }
#soudanWrap .contents .koshu dl dd { float:left; width:1200px; font-size:16px; padding:10px 0; margin-bottom:10px; }
#soudanWrap .contents .koshu dl dd a { color:blue; }
#soudanWrap .contents .koshu dl dd p { float:left; width:1200px; height:15px; }
#soudanWrap .contents .koshu dl dd p.tlt { float:left; width:1200px; font-size:18px; margin-bottom:15px; font-weight:bold; }
#soudanWrap .contents .koshu dl .sub-title { float:left; width:1200px; 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:1160px; font-size:16px; margin-bottom:5px; padding:0 20px; }
#soudanWrap .contents .koshu dl li::before { content: "●"; font-size:16px; margin-bottom:5px; padding-right:10px; }

#soudanWrap .contents .yoryo { float:left; width:1200px; margin-bottom:70px; }
#soudanWrap .contents .yoryo .subject { float:left; width:1200px; text-align:center; font-weight:bold; font-size:24px; border-bottom:2px solid #df283b; margin-bottom:30px;}
#soudanWrap .contents .yoryo p { float:left; width:1200px; font-size:16px; margin-bottom:20px; }
#soudanWrap .contents .yoryo dl { float:left; width:258px; height:200px; background:#f8f8f8; padding:10px; border:1px solid #ddd; margin-bottom:20px; margin:0 10px 10px 10px; }
#soudanWrap .contents .yoryo dl dt { float:left; width:258px; font-size:16px; border-bottom:1px solid #ddd; margin-bottom:10px; }
#soudanWrap .contents .yoryo dl dd { float:left; width:258px; font-size:14px; }


 /*=== access		============================================================================================================*/
#access { margin:0 auto; width:1200px; padding:20px 0; }
#access .contents { float:left; width:1120px; padding:0 40px; }
#access .contents .map { float:right; width:560px; height:300px; background:#333; }
#access .contents dl { float:left; width:530px; }
#access .contents dl dt { float:left; width:530px; margin-bottom:30px;}
#access .contents dl dd { float:left; width:530px; font-size:16px; text-align:left; }

/*=== etc/link		============================================================================================================*/
#linkBanner-wrapper {margin:0 auto; width:1200px;}
#linkBanner-wrapper .linkBanner-group { float:left; width: 1158px; padding: 10px 20px; margin:30px 0; border: 1px solid #ccc;}
#linkBanner-wrapper .linkBanner-group .bannerBox { float:left; margin-bottom:20px; }
#linkBanner-wrapper .linkBanner-group .bannerBox dl { padding:10px 0; box-sizing:border-box; }
#linkBanner-wrapper .linkBanner-group .bannerBox dl dt.title { font-size:20px; background: #f8f7e9; border-top: 3px solid #531111; padding: 10px; }
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.imgBanner { margin:15px 0; padding:5px 0; }
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.table { margin-bottom:0; }
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.table .tableBanner { 
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #d4c1a8;
  font-size: 14px;
  background: #fff; 
  margin-bottom:15px;
}
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.table .tableBanner tr { 
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d4c1a8;
}
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.table .tableBanner th { 
  border: solid 1px #d2bea5;
  line-height: 16px;
  background: #f6f3e5;
  padding: 5px 10px;
  vertical-align: middle;
  height: 10px;
  text-align: center;
  font-weight: normal;
  width: 180px;
}
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.table .tableBanner td { 
  border: solid 1px #d2bea5;
  height: 10px;
  vertical-align: middle;
  padding: 10px;
}
#linkBanner-wrapper .linkBanner-group .bannerBox dl dd.code { border: 1px solid #d2bea5; padding:10px; }

#form-wrapper { float:left; width:100%; }
#form-section { margin:0 auto; width:980px; }
#form-section p { float:left; width:980px; font-size:18px; color:#000; }


/*=== table css				============================================================================================================*/
table.tableStore { width:1100px; border-collapse:collapse; border:1px solid #d4c1a8; font-size:16px; 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:14px; }
table.tableStore td p { font-size:16px; font-weight:bold; }
.address { width:50%;}
.address span { display:none;}
.url { width:50%;}

table.tableMember {float:left; width:1100px; border-collapse:collapse; border:1px solid #dddddd; font-size:16px; background:#fff; margin-bottom:30px; }
table.tableMember tr { border-top:1px solid #fff; border-bottom:1px solid #dddddd; }
table.tableMember th {border:solid 1px #d2bea5; line-height:16px; background:#f2f2f2; padding:15px 20px; vertical-align:middle; height:10px; text-align:center; font-weight:normal; width:180px; }
table.tableMember th p.danger {color:#333; font-size:14px; line-height:20px; text-align:left; }
table.tableMember th p.save {color:#333; font-size:14px; line-height:20px; text-align:center; background:#fff; padding:15px; }
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%; }