@import url('//fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700');
/*
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 100,300,400,500,700,800,900;
*/
/* ===========================================================
   # BASE
=========================================================== */
body {
background: url("../img/bg.png") repeat;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
body {
min-width: 1040px;
}
@media screen and (max-width: 750px){
body {
min-width: initial;
}
}
@media screen and (max-width: 1024px){
.bg_right, .bg_left {
display: none;
}
}

header {
width: 1200px;
margin: 0 auto 55px;
text-align: center;
position: relative;
height: 980px;
}

main {
width: 1200px;
margin: 0 auto;
}

section {
margin-bottom: 80px;
}

.bg_right {
display: none;
width: 89px;
height: 500%;
position: fixed;
right: 10px;
top: 0px;
background: url(../img/bg_line.png);
background-size: 89px 3100px;
z-index: 99;
}

.bg_left {
display: none;
width: 89px;
height: 500%;
position: fixed;
left: 10px;
top: 0px;
background: url(../img/bg_line.png);
background-size: 89px 3100px;
z-index: 99;
}
.wrap {
min-width: 1200px;
}

.shopBtn {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin: 0 3%;
}
.btn-flat-border {
  display: inline-block;
  background: #ff9933;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 8px;
  transition: .4s;
  font-size: 22px;
  line-height: 1.6;
}

.btn-flat-border:hover {
  background: #fff;
  color: #ff9933;
}

@media screen and (max-width:480px) {
header {
width: 100%;
height: auto;
margin-bottom: 40px;
}
header h1 img {
width: 100%;
}
main {
width: 94%;
padding: 0 3%;
}
section {
margin-bottom: 40px;
}
.wrap {
overflow: hidden;
min-width: inherit;
}
.bg_right, .bg_left {
display: none;
}
.btn-flat-border {
  display: inline-block;
  background: #ff9933;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 8px;
  transition: .4s;
  font-size: 18px;
  line-height: 1.4;
}

.btn-flat-border:hover {
  background: #fff;
  color: #ff9933;
}
}

/* ===========================================================
   # NAVI
=========================================================== */
.gnav {
width: 1200px;
height: 94px;
border-radius: 94px;
background: #fff;
position: absolute;
bottom: 90px;
overflow: hidden;
}

.gnav ul {
list-style: none;
text-align: center;
width: 100%;
height: 94px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
}

.gnav ul li {
width: 20%;
height: 94px;
text-align: center;
position: relative;
display: block;
}

.gnav ul li a {
width: 100%;
height: 94px;
display: table;
text-align: center;
text-decoration: none;
font-weight: bold;
}

.gnav ul li a:hover {
opacity: 0.7;
}

.gnav p {
font-size: 2rem;
font-size: 20px;
line-height: 1;
letter-spacing: 0.15em;
color: #ff9933;
padding: 0px 0px 0px 0.24em;
position: relative;
z-index: 99;
display: table-cell;
vertical-align: middle;
}

.gnav ul li:after {
width: 0px;
height: 50px;
content: "";
display: block;
position: absolute;
border-right: 2px dashed #707070;
right: 0px;
top: 0;
bottom: 0;
margin: auto;
}

.gnav ul li:last-child:after {
display: none;
}
caption {
caption-side: bottom;
text-align: left;
margin-top: 0.5em;
font-size: 0.9rem;
}
.biz-hour {
  border-collapse: collapse;
margin: 0 auto 40px;
width: 800px;
}
@media screen and (max-width: 414px) {
  .biz-hour {/* スマホのときだけ親要素いっぱいに */
    width: 100%;
  }
}
.biz-hour th, .biz-hour td {
  padding: 10px;
  text-align: center;
  border: 1px solid #01a760;
border: 3px dashed #01a760;
vertical-align: middle;
}

/* 上段。backgroundを書き換えれば背景色が変わります。 */
.biz-hour th {
  background: #7abda0;
  font-weight: normal;
color: #fff;
font-weight: bold;
}

/* 土曜日の文字色 */
.biz-hour th.sat {
  color: #fff;
}




@media screen and (max-width:480px) {
.gnav {
display: block;
}
.gnav {
width: 94%;
height: auto;
border-radius: 30px;
margin: 20px 3% 0;
position: inherit;
}
.gnav ul {
width: 100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.gnav ul li {
width: 100%;
height: 46px;
}
.gnav ul li:after {
display: none;
}
.gnav ul li a {
height: 46px;
}
.gnav p {
font-size: 16px;
padding: 0px ;
}
}

/* ===========================================================
   # HOME
=========================================================== */
.bnrShinkyu {
width: 907px;
margin: 0 auto 50px;
}
.bnrShinkyu a:hover {
opacity: 0.7;
}
.bnrTv {
width: 472px;
margin: 0 auto 50px;
}
.bnrCo {
width: 472px;
margin: 0 auto 50px;
}
.col2Fx {
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;
    width: 1100px;
    margin: 0 auto;
}
.col2Fx .ttl {
    font-size: 26px;
    font-weight: bold;
    color: #01a760;
    border-bottom: 3px dashed #01a760;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
}

.topTit {
text-align: center;
}

.topTit h2 {
font-size: 48px;
font-weight: bold;
color: #ff9933;
text-align: center;
margin-bottom: 90px;
}

.topTit h2:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background-image: url(../img/tit_ico_01.png);
background-size: contain;
vertical-align: middle;
}

.rounded {
font-family: 'M PLUS Rounded 1c', sans-serif;
}

.tokuBox {
width: 1100px;
margin: 0 auto 100px;
}

.tokuBox img.imgR {
float: right;
margin-left: 40px;
}

.tokuBox img.imgL {
float: left;
margin-right: 40px;
}

.tokuBox h3 {
font-size: 40px;
font-weight: bold;
color: #01a760;
border-bottom: 3px dashed #01a760;
margin-bottom: 20px;
padding-bottom: 15px;
display: inline-block;
}

.tokuBox p {
line-height: 2.3;
}

.yellowLine {
background: linear-gradient(transparent 30%, #ffff00 0%);
}

.toku4Box {
margin-bottom: 50px;
width: 1100px;
margin: 0 auto 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.toku4Box li {
float: left;
width: 46%;
min-height: 282px;
}

.toku4Box h4 {
font-size: 26px;
font-weight: bold;
color: #01a760;
border-bottom: 3px dashed #01a760;
margin-bottom: 30px;
padding-bottom: 20px;
}

.toku4Box img {
float: left;
margin-right: 25px;
}

.toku4Box p {
line-height: 2.3;
overflow: hidden;
}

.recUl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0px;
width: 1100px;
margin: 0 auto;
}

.recUl li {
list-style: none;
width: 30%;
margin-bottom: 60px;
}

.recUl li img {
margin-bottom: 20px;
}

.recUl li.card {
display: flex;
flex-direction: column;
}

.recUl li.card .ttl {
font-size: 26px;
font-weight: bold;
color: #01a760;
border-bottom: 3px dashed #01a760;
margin-bottom: 20px;
padding-bottom: 10px;
text-align: center;
}

.recUl li.card .txt {
line-height: 2.3;
}

.flowDl {
width: 70%;
margin: 0 auto;
}

.flowDl dt {
font-size: 28px;
color: #01a760;
border-bottom: 3px dashed #01a760;
margin-bottom: 10px;
padding-bottom: 10px;
}

.flowDl dt:before {
content: '';
display: inline-block;
width: 38px;
height: 38px;
vertical-align: middle;
margin-right: 10px;
background-size: contain;
vertical-align: middle;
}

.flowDl dt:nth-child(1):before {
background-image: url(../img/top_flow01.png);
}

.flowDl dt:nth-child(3):before {
background-image: url(../img/top_flow02.png);
}

.flowDl dt:nth-child(5):before {
background-image: url(../img/top_flow03.png);
}

.flowDl dt:nth-child(7):before {
background-image: url(../img/top_flow04.png);
}

.flowDl dt:nth-child(9):before {
background-image: url(../img/top_flow05.png);
}

.flowDl dt:nth-child(11):before {
background-image: url(../img/top_flow06.png);
}

.flowDl dt:nth-child(13):before {
background-image: url(../img/top_flow07.png);
}

.flowDl dt:nth-child(15):before {
background-image: url(../img/top_flow08.png);
}

.flowDl dt strong {
font-weight: bold;
}

.flowDl dd {
width: 89%;
margin: 0 auto 40px;
line-height: 2.3;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}
.otoiTxt {
text-align: center;
font-size: 20px;
color: #ff9933;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.8;
}
.shirowaku {
width: 700px;
padding: 20px;
margin: 0 auto 50px;
color: #01a760;
font-weight: bold;
background-color: #fff;
border-radius: 10px;
text-align: center;
font-size: 30px;
line-height: 1.8;
}
.shirowaku a {
color: #01a760;
text-decoration: none;
}
.shirowaku a:hover {
opacity: 0.7;
}
.telTxt {
font-size: 40px;
display: inline-block;
margin-left: 50px;
letter-spacing: 5px;
}
.mailTxt {
font-size: 40px;
display: inline-block;
margin-left: 50px;
}
.gaiyouTbl {
width: 800px;
margin: 0 auto 40px;
}
.gaiyouTbl th {
color: #01a760;
font-size: 24px;
border-bottom: 3px dashed #01a760;
text-align: left;
padding: 40px 0 15px 40px;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.gaiyouTbl td {
border-bottom: 3px dashed #01a760;
padding-bottom: 10px;
line-height: 1.6;
}
.gaiyouTbl02 {
width: 800px;
margin: 0 auto 40px;
font-size: 0.9rem;
}
.gaiyouTbl02 th {
border: 1px solid #ccc;
text-align: center;
line-height: 1.6;
padding: 5px;
font-weight: bold;
color: #01a760;
}
.gaiyouTbl02 td {
border: 1px solid #ccc;
padding: 5px;
line-height: 1.6;
text-align: center;
}
.mapWrap {
width: 1100px;
margin: 0 auto 100px;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 43.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.footer {
width: 100%;
margin: 0 auto;
background: url("../img/f_bg.png") repeat;
text-align: center;
border-top: 3px dashed #01a760;
line-height: 2;
padding: 70px 0 30px;
}
.copy {
color: #ff9933;
margin-top: 80px;
}
.buTxt {
background: #ff9933;
border-radius: 3px;
color: #fff;
display: inline-block;
font-weight: 500;
line-height: 1;
margin: 0 5px 0 0;
padding: 3px 0.5rem 3px;
font-size: 14px;
vertical-align: middle;
}
.gotoTop {
    background: #ff9933 url(../img/arrow_top.png) 50% 6px/26px no-repeat;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    padding: 22px 0 5px;
    width: 35px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
text-decoration: none;
text-align: center;
    }


@media screen and (max-width:480px) {
.bnrShinkyu {
width: 100%;
margin: 0 auto 50px;
}
.bnrShinkyu img {
width: 100%;
}
.bnrTv {
width: 100%;
margin: 0 auto 50px;
}
.bnrTv img {
width: 100%;
}
.bnrCo {
width: 100%;
margin: 0 auto 50px;
}
.bnrCo img {
width: 100%;
}
.col2Fx {
display: block;
    width: 100%;
}
.col2Fx .ttl {
    font-size: 26px;
    font-weight: bold;
    color: #01a760;
    border-bottom: 3px dashed #01a760;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
}


.topTit h2 {
font-size: 32px;
margin-bottom: 20px;
}
.tokuBox {
width: 100%;
margin: 0 auto 40px;
}
.tokuBox img.imgR {
float: none;
margin-left: 0px;
margin-bottom: 15px;
}
.tokuBox img.imgL {
float: none;
margin-right: 0px;
margin-bottom: 15px;
}
.tokuBox h3 {
font-size: 32px;
line-height: 1.3;
}
.tokuBox img {
width: 100%;
}
.toku4Box {
margin-bottom: 40px;
width: 100%;
}
.toku4Box li {
width: 100%;
margin-bottom: 40px;
float: none;
text-align: center;
}
.toku4Box h4 {
font-size: 26px;
margin-bottom: 15px;
padding-bottom: 10px;
text-align: center;
line-height: 1.3;
}
.toku4Box img {
float: none;
margin-bottom: 15px;
}
.toku4Box p {
text-align: left;
}
.recUl {
width: 100%;
}
.recUl li {
width: 100%;
}
.flowDl {
width: 100%;
}
.flowDl dt {
font-size: 24px;
line-height: 1.8;
text-align: center;
}
.flowDl dd {
width: 100%;
}
.shirowaku {
width: 90%;
font-size: 24px;
}
.telTxt, .mailTxt {
font-size: 24px;
margin-left: 0;
}
.gaiyouTbl {
width: 94%;
}
.gaiyouTbl th {
font-size: 18px;
padding: 15px 0;
}
.gaiyouTbl td {
padding: 15px 0;
line-height: 1.3;
}
.gaiyouTbl02 {
width: 94%;
}
.gaiyouTbl02 th {
padding: 15px 0;
}
.gaiyouTbl02 td {
padding: 15px 0;
line-height: 1.3;
}
.mapWrap {
width: 100%;
margin-bottom: 40px;
}
.gmap {
padding-bottom: 100%;
}
.footer {
padding: 30px 0 30px;
}
.copy {
margin-top: 30px;
}
}
@media screen and (min-width:481px) {
.sp{
display: none;
}
}
@media screen and (max-width:480px) {
.pc{
display: none;
}
}