@charset "UTF-8";

/* #top_logo
-------------------------------------------------- */
#top_logo {
  position:absolute;
  left:50%;
  top:0;
  width:230px;
  height:auto;
  background:#000;
  color:#FFF;
  font-size:0.9em;
  font-family: "Reggae One"; 
  font-weight:400;
  text-align:center;
  margin-left:-115px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  z-index:2;
  padding:0 0 10px;
}

@media only screen and  (max-width: 1280px) {
#top_logo {
  width:220px;
  margin-left:-110px;
}
}

@media only screen and  (max-width: 568px) {
#top_logo {
  width:140px;
  margin-left:-70px;
  padding:0 0 4px;
}
}

#top_logo p{
  margin-top:5px;
}

@media only screen and  (max-width: 568px) {
#top_logo p{
  font-size:12px;
  font-weight:300;
}
}

#top_logo img{
  width:210px;
  height:auto;
  margin-top:5px;
}

@media only screen and  (max-width: 1280px) {
#top_logo img{
  width:90%;
}
}

#kawara {
  width:100%;
  height:52px;
  position: relative;
  background-size:auto 52px;
  background-repeat:repeat-x;
  background-image: url(../images/kawara2.gif);
  background-position: center bottom;
  border-top:5px solid #000;
  z-index:1;
}

#yashi {
  position: absolute;
  top: 0;
  left:0;
  width:100%;
  height:318px;
  background-image: url(../images/bg_yashi.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  z-index:0;
}

@media screen and (max-width: 568px) {
#yashi {
  background-image: url(../images/bg_yashi_sp.png);
  height:225px;
  top: 15px;
}
}

/* scr-bt
================================================== */
.scr-bt{
  width:100%;
  text-align: center;
  color:#000;
  margin-top:3%;
}

@media screen and (max-width: 568px) {
.scr-bt{
  margin-top:10px;
  margin-bottom:15px;
  display:none;
}
}

.scr-bt li{
  display:inline-block;
  vertical-align: top;
  margin:0 1.5%;
  font-family: 'Noto Serif JP', serif;
  font-weight:400;
}

.scr-bt li .fa{
  margin-right:5px;
}

.scr-bt a{display:block;color:#FFF;text-decoration:none;background:#BB1414;padding:10px 30px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.scr-bt a:hover{color:#FFF;text-decoration:none;background:#000;}

@media screen and (max-width: 800px) {
.scr-bt li{
  margin:1%;
}

scr-bt a{
  padding:8px 15px;
}
}

/* food-box
================================================== */
#food-box {
  padding:0 0 5%;
  width:100%;
}

@media screen and (max-width: 800px) {
#food-box {
  padding:0 0 1%;
}
}

@media screen and (max-width: 568px) {
#food-box {
  padding:0;
}
}

#food-box .catch{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  line-height:2;
}

@media screen and (max-width: 800px) {
#food-box .catch{
  font-size:1em;
  line-height:1.8;
}
}

@media screen and (max-width: 568px) {
#food-box .catch{
  font-size:0.95em;
  line-height:1.6;
  padding:0 2%;
}
}

#food-box h2{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:30px;
}

@media screen and (max-width: 800px) {
#food-box h2{
  margin-bottom:15px;
}
}

@media screen and (max-width: 568px) {
#food-box h2{
  font-size:1.15em;
  margin-bottom:15px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

.agu-info{
  width:100%;
  box-sizing: border-box;
  padding:5% 2% 0;
  text-align: center;
}

@media screen and (max-width: 800px) {
.agu-info{
  padding:2%;
}
}

.agu-info h3{
  font-size: 2em;
  background:#000;
  color:#FFF;
  padding:8px 30px 10px;
  display:inline-block;
  font-weight:500;
  font-family: "Sawarabi Mincho";
  margin-bottom:20px;
  -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
  position: relative;
}

@media screen and (max-width: 800px) {
.agu-info h3{
  font-size: 1.6em;
  margin:25px auto 15px;
}
}

@media screen and (max-width: 568px) {
.agu-info h3{
  font-size: 1.2em;
  display:block;
  width:100%;
  margin:15px auto;
  padding:8px 0 10px;
}
}

.agu-info h3::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  content: ' ';
  border: 10px solid transparent;
  border-top-color: #000;
}

.agu-info .catch2{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.15em;
  line-height:2;
  margin:1% auto;
}

@media screen and (max-width: 800px) {
.agu-info .catch2{
  font-size:1em;
  line-height:1.8;
}
}

@media screen and (max-width: 568px) {
.agu-info .catch2{
  font-size:0.95em;
  line-height:1.6;
  padding:0 2%;
}
}

.agu-info .catch2 strong{
  color:#B42021;
  font-size:1.1em;
}

.tukedare{
  width:100%;
  text-align: center;
  margin:20px auto;
}

@media screen and (max-width: 568px) {
.tukedare{
  text-align: left;
  margin:15px auto;
}
}

.tukedare p{
  background:#FFF;
  border:1px solid #000;
  color:#000;
  padding:10px 20px;
  display:inline-block;
  font-size:14px;
}

@media screen and (max-width: 568px) {
.tukedare p{
  padding:8px 10px;
}
}

.tukedare span{
  color:#B42021;
  font-weight:bold;
}

.agu-course{
  vertical-align: top;
  text-align: left;
  width:49%;
  display:inline-block;
  box-sizing: border-box;
  padding:40px 2% 0;
  background: url("../images/bg_yel.png") 10px top no-repeat ;
  margin-top:2%;
}

@media screen and (max-width: 800px) {
.agu-course{
  width:100%;
  padding:30px 2% 2%;
  float:none;
  clear:both;
}
}

@media screen and (max-width: 568px) {
.agu-course{
  padding:25px 0 2%;
  background: url("../images/bg_yel.png") left top no-repeat ;
}
}

.agu-course h4{
  font-size:1.6em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:20px;
  color:#B42021;
  padding-left:30px;
}

@media screen and (max-width: 800px) {
.agu-course h4{
  margin-bottom:10px;
}
}

@media screen and (max-width: 568px) {
.agu-course h4{
  font-size:1.3em;
  padding-left:25px;
  margin-bottom:5px;
}
}

.agcs_ph{
  width:100%;
  position: relative;
  display:block;
  background:#FFF;
  margin:15px auto;
  -moz-box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
}

@media screen and (max-width: 568px) {
.agcs_ph{
  margin:10px auto;
}
}

.agcs_ph img{
  width:100%;
  height:auto;
  padding:5px;
  box-sizing: border-box;
}

.agcs_ph p{
  font-size:12px;
  color:#FFF;
  position:absolute;
  bottom:10px;
  right:15px;
}

.agcs_txt{
  width:100%;
  box-sizing: border-box;
  padding:1%;
}

@media screen and (max-width: 568px) {
.agcs_txt{
  padding:1% 0;
}
}

.agcs_txt .agprbx{
  margin-bottom:4%;
}

.agcs_txt .acsli{
  width:100%;
  box-sizing: border-box;
  padding:10px 15px;
  margin:0 auto 10px;
}

.agcs_txt .bkw{
  color:#000;
  background:#F3F5F3;
  -moz-box-shadow: 2px 2px 1px #3D6E47;
  -webkit-box-shadow: 2px 2px 1px #3D6E47;
  box-shadow: 2px 2px 1px #3D6E47;
}

.agcs_txt .bkg{
  background:#3F754A;
  -moz-box-shadow: 0 1px 3px #C2C2C2;
  -webkit-box-shadow: 0 1px 3px #C2C2C2;
  box-shadow: 0 1px 3px #C2C2C2;
  color:#FFF;
}

.agcs_txt dl{
  width:100%;
  margin:0;
  position: relative;
  z-index:1;
}

.agcs_txt dt{
  vertical-align: middle;
  text-align: left;
  width:70%;
  display:inline-block;
  font-size:14px;
}

@media screen and (max-width: 568px) {
.agcs_txt dt{
 font-size:13px;
}
}

.agcs_txt .lih15{
  line-height:1.4;
}

.agcs_txt .lih17{
  line-height:1.7;
}

.agcs_txt dt span{
  font-size:1.45em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  margin-left:3px;
}

@media screen and (max-width: 568px) {
.agcs_txt dt span{
  font-size:1.2em;
  margin-left:0px;
}
}

.agcs_txt .bkw dt span{
  color:#B42021;
}

.agcs_txt .bkg dt span{
  color:#F6FF00;
}


.agcs_txt dd{
  width:30%;
  vertical-align: middle;
  text-align: right;
  display:inline-block;
  font-size:12px;
  line-height:1.3;
}

@media screen and (max-width: 568px) {
.agcs_txt dd{
  font-size:11px;
}
}

.agcs_txt dd span{
  font-size:2.4em;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  font-weight:500;
  padding-right:5px;
}

@media screen and (max-width: 568px) {
.agcs_txt dd span{
  font-size:2.2em;
}
}

.agcs_txt .bkw dd span{
  color:#B42021;
}

.agcs_txt .bkg dd span{
  color:#F6FF00;
}

.agsytx{
  font-size:14px;
  width:100%;
  margin:10px 0 0;
  border-top:1px dotted #CCC;
  padding-top:8px;
  position: relative;
  z-index:1;
}

@media screen and (max-width: 568px) {
.agsytx{
  font-size:13px;
}
}

.agsytx p{
  margin-bottom:2px;
}

.agsytx li{
  display:inline-block;
  margin-right:10px;
}

.agsytx2{
  width:100%;
  margin:10px 0 0;
  padding-top:10px;
  position: relative;
  z-index:1;
}

.agsytx2 ul{
  padding:0 0 0 8px;
}

.agsytx2 p{
  margin-bottom:5px;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.15em;
}

.agsytx2 li{
  display:inline-block;
  margin-right:10px;
}

@media screen and (max-width: 800px) {
.agsytx2 li{
  margin-right:20px;
  font-size:14px;
}
}

@media screen and (max-width: 568px) {
.agsytx2 li{
  display:block;
  margin-right:0px;
}
}

.agsytx2 li small{
  font-size:11px;
  margin-left:2px;
}

.brtbk{
  border-top:1px dotted #000;
}

.bg_fw{
  position:absolute;
  bottom:0;
  right:0;
  width:50%;
  z-index:0;
}

.bg_fw img{
  width:100%;
  height:auto;
}

.opp-box{
  width:100%;
  max-width:670px;
  display:block;
  text-align: center;
  margin:4% auto 0;
}

.opp-box li{
  vertical-align: top;
  width:33.3333%;
  display:inline-block;
  box-sizing: border-box;
  padding:0 2% 0;
  font-size:13px;
}

@media screen and (max-width: 568px) {
.opp-box li{
  padding:0 1% 0;
}
}

.opp-box li img{
  width:100%;
  height:auto;
  margin-bottom:10px;
}

/* tare-info
================================================== */
.tare-info{
  width:98%;
  margin:1% auto;
}

@media screen and (max-width: 568px) {
.tare-info{
  width:100%;
  margin:1% auto;
}
}

.tare-ttl{
  font-size:1.4em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  text-align: center;
  padding:6px 4px;
  color:#FFF;
  margin: 0;
  background:url(../images/bg_news.gif) ;
  -moz-box-shadow: 1px 1px 2px #82642E;
  -webkit-box-shadow: 1px 1px 2px #82642E;
  box-shadow: 1px 1px 2px #82642E;
  z-index:1;
  position: relative;
}

.tare-info-box{
  width:100%;
  margin: -5px 0 0;
  background:#F1E5D1;
  box-sizing: border-box;
  padding:2% 3% 2%;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  box-shadow:inset 0 1px 3px rgba(130,100,46,.5);
}

.tare_ph{
  vertical-align: middle;
  width:45%;
  display:inline-block;
}

@media screen and (max-width: 568px) {
.tare_ph{
  width:70%;
  margin:3% auto 1%;
  display:block;
}
}

.tare_ph img{
  width:100%;
  height:auto;
}

.tare_ph .thumbnail {
  background: transparent;
  border: 0;
}

.tare_ph img.img-circle{border-radius:50%}

.tare_ph img.img-circle.cir-img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  transition: all 1s;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
.tare_ph img.img-circle.cir-img {
  width: 100%;
  margin:0 0;
}
}

.tare_txt{
  vertical-align: middle;
  width:55%;
  display:inline-block;
  box-sizing: border-box;
  padding:0 0 0 4%;
}

@media screen and (max-width: 568px) {
.tare_txt{
  width:100%;
  padding:1% 4%;
}
}

.tr-sy{
  font-size:13px;
  line-height:1.5;
  padding:2px 0 5px;
}

.tr-name{
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  padding:5px 0 0;
}

.tr-name span{
  font-size:1.15em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  color:#B42021;
  padding-left:3px;
}

@media screen and (max-width: 568px) {
.tr-name span{
  font-size:1.05em;
}
}

/* okinawa-food
================================================== */
#okinawa-food {
  width:100%;
  float:left;
  background-position: center center;
  background-repeat: repeat;
  background-image: url(../images/bg-kabe.gif);
}

#okinawa-food .block {
  width:100%;
  padding:5% 0 4%;
  position: relative;
  background:rgba(239,218,184,0.3);
}

#okinawa-food .catch{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  line-height:2;
}

@media screen and (max-width: 800px) {
#okinawa-food .catch{
  font-size:1em;
  line-height:1.8;
}
}

@media screen and (max-width: 568px) {
#okinawa-food .catch{
  font-size:0.95em;
  line-height:1.6;
}
}

#okinawa-food h5{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:30px;
}

@media screen and (max-width: 800px) {
#okinawa-food h5{
  margin-bottom:15px;
}
}

@media screen and (max-width: 568px) {
#okinawa-food h5{
  font-size:1.3em;
  margin-bottom:10px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

#okinawa-food .ippin-photo{
  text-align: center;
  width:100%;
  box-sizing: border-box;
  padding:2%;
}

@media screen and (max-width: 800px) {
#okinawa-food .ippin-photo{
  padding:2% 0;
}
}

@media screen and (max-width: 568px) {
#okinawa-food .ippin-photo{
  padding:2% 0;
}
}

#okinawa-food .ippin-photo li{
  display:inline-block;
  width:25%;
  vertical-align: top;
  box-sizing: border-box;
  padding:10px 5px;
}

@media only screen and  (max-width: 800px) {
#okinawa-food .ippin-photo li{
  padding:10px 5px;
  width:33.33333%;
}
}

@media only screen and  (max-width: 568px) {
#okinawa-food .ippin-photo li{
  width:50%;
  padding:5px 1%;
}
}

#okinawa-food .ippin-photo li img{
  width:100%;
  height:auto;
}

.okfood_syousai{
  width:100%;
  padding: 5px 0;
  box-sizing: border-box;
}


.okfood_syousai .okf-ttl{
  margin-top:8px;
  border-bottom:1px solid #5C4827;
  padding:0 5px 5px;
}

@media screen and (max-width: 800px) {
.okfood_syousai .okf-ttl{
  margin-top:2px;
  padding:0 1px 5px;
}
}

.okfood_syousai .oki_name{
  color:#5C4827;
  font-weight:600;
  line-height:1.6;
  text-align: left;
  font-size:14px;
  letter-spacing:0em;
  margin-bottom:3px;
}

@media screen and (max-width: 800px) {
.okfood_syousai .oki_name{
  font-size:13px;
  margin-bottom:0px;
}
}

.okfood_syousai .oki_price{
  color:#5C4827;
  line-height:1.2;
  text-align: right;
  font-size:12px;
  letter-spacing:0em;
}

.okfood_syousai .oki_price span{
  font-size:1.6em;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  margin-right:2px;
}


@media screen and (max-width: 568px) {
.okfood_syousai .okf-tt{
  margin-top:5px;
}

.okfood_syousai .oki_name{
  line-height:1.5;
}
}

.okfood_syousai .oki_tx{
  color:#000;
  font-size:13px;
  line-height:1.6;
  text-align: left;
  margin-top:10px;
  padding:0 5px;
}

@media screen and (max-width: 568px) {
.okfood_syousai .oki_tx{
  font-size:12px;
  line-height:1.5;
}
}

#okinawa-food .ippin-list{
  text-align: center;
  width:100%;
  box-sizing: border-box;
  padding:2%;
}

@media screen and (max-width: 800px) {
#okinawa-food .ippin-list{
  padding:2% 0;
}
}

#okinawa-food .ippin-list .ip-sy{
  display:inline-block;
  width:48%;
  margin:0 5px;
  vertical-align: top;
}

@media screen and (max-width: 568px) {
#okinawa-food .ippin-list .ip-sy{
  display:block;
  width:96%;
  margin:0 auto;
}
}

#okinawa-food .ippin-list ul{
  width:100%;
  box-sizing: border-box;
  padding:2% 3%;
  background:#FFF;
  margin:10px 0;
}

@media screen and (max-width: 568px) {
#okinawa-food .ippin-list ul{
  margin:5px 0;
}
}

#okinawa-food .ippin-list li{
  width:100%;
}

#okinawa-food .ippin-list dl{
  width:100%;
  margin:3px 0;
  position: relative;
  border-bottom:1px dotted #000;
  padding:5px 5px 2px;
  box-sizing: border-box;
}

#okinawa-food .ippin-list dl:last-child {
  border-bottom: none;
  padding:5px 5px 0;
}

@media screen and (max-width: 568px) {
#okinawa-food .ippin-list dl:last-child {
  padding:5px;
}
}

#okinawa-food .ippin-list dt{
  vertical-align: middle;
  text-align: left;
  width:70%;
  display:inline-block;
  font-size:14px;
}

@media screen and (max-width: 800px) {
#okinawa-food .ippin-list dt{
  width:65%;
  font-size:13px;
}
}

#okinawa-food .ippin-list dd{
  width:30%;
  vertical-align: middle;
  text-align: right;
  display:inline-block;
  font-size:14px;
  line-height:1.3;
}


@media screen and (max-width: 800px) {
#okinawa-food .ippin-list dd{
  width:35%;
}
}

#okinawa-food .ippin-list dd small{
  font-size:12px;
  margin-left:2px;
}

/* drink-box
================================================== */
.drink-box {
  width:100%;
  float:left;
  padding:5% 0 0;
  position: relative;
}

@media screen and (max-width: 800px) {
.drink-box {
  box-sizing: border-box;
  padding:5% 4% 1%;
}
}

@media screen and (max-width: 568px) {
.drink-box {
  padding:5% 2% 1%;
}
}

.drink-box .drink-title{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:50px;
}

@media screen and (max-width: 800px) {
.drink-box .drink-title{
  margin-bottom:25px;
}
}

@media screen and (max-width: 568px) {
.drink-box .drink-title{
  font-size:1.3em;
  margin-bottom:10px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

.info-drink{
  width:48%;
  display:inline-block;
  margin-left:2%;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.info-drink{
  margin:5px auto 0;
  width:100%;
  display:block;
}
}

.info-drink table{
  width:100%;
  font-size:14px;
  margin:10px 0;
}

.info-drink .awamori-ttl{
  margin : 0;
  padding: 10px;
  width:100%;
  box-sizing: border-box;
  font-size:1.8em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  background: #B70202;
  color:#FFF;
  letter-spacing:0.5em;
}

@media screen and (max-width: 568px) {
.info-drink .awamori-ttl{
  font-size:1.4em;
  padding: 5px 10px;
}
}

.info-drink .odnk-ttl{
  margin : 0;
  padding: 10px;
  width:100%;
  box-sizing: border-box;
  font-size:1.3em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  background: #000;
  color:#FFF;
}

@media screen and (max-width: 568px) {
.info-drink .odnk-ttl{
  font-size:1.2em;
  padding: 5px 10px;
}
}

.info-drink .odnk-ttl span{
  letter-spacing:0.5em;
}

.info-drink td{
  padding:10px;
  width:35%;
  box-sizing: border-box;
  text-align: right;
}

@media screen and (max-width: 568px) {
.info-drink td{
  width:45%;
  padding:5px 5px 5px 0;
  font-size:13px;
}
}

.info-drink th{
  padding: 10px 15px;
  width:65%;
  box-sizing: border-box;
  text-align: left;
  font-weight:normal;
}

@media screen and (max-width: 568px) {
.info-drink th{
  padding: 5px 5px;
  width:55%;
  font-size:13px;
}
}

.info-drink td small{
  font-size:12px;
  margin-left:2px;
}

@media screen and (max-width: 568px) {
.info-drink td small{
  font-size:11px;
  margin-left:1px;
}
}

.info-drink .table-bg1{
  background-color:#F9F9F9;
}

.info-drink .table-bg2{
  background-color:#F3F3F3;
}

/* tenpo-box
================================================== */
#tenpo-box {
  padding:0 0 5%;
  width:100%;
}

#tenpo-box .catch{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  line-height:2;
}

@media screen and (max-width: 800px) {
#tenpo-box .catch{
  font-size:1em;
  line-height:1.8;
}
}

@media screen and (max-width: 568px) {
#tenpo-box .catch{
  font-size:0.95em;
  line-height:1.6;
  padding:0 2%;
}
}

#tenpo-box h2{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:30px;
}

@media screen and (max-width: 800px) {
#tenpo-box h2{
  margin-bottom:15px;
}
}

@media screen and (max-width: 568px) {
#tenpo-box h2{
  font-size:1.2em;
  margin-bottom:15px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

.tenpo-info{
  width:100%;
  box-sizing: border-box;
  padding:5% 2%;
  float:left;
}

@media screen and (max-width: 800px) {
.tenpo-info{
  padding:2%;
}
}

.tenpo-text{
  text-align: left;
  width:49%;
  float:left;
  box-sizing: border-box;
  padding:40px 5% 2% 0;
  background: url("../images/bg_yel.png") left top no-repeat ;
  margin-top:2%;
}

@media screen and (max-width: 800px) {
.tenpo-text{
  width:100%;
  padding:40px 2% 2%;
  float:none;
  clear:both;
}
}

@media screen and (max-width: 568px) {
.tenpo-text{
  padding:30px 2% 2%;
}
}


.tenpo-text h3{
  font-size:1.4em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:20px;
  color:#B42021;
  padding-left:20px;
}

@media screen and (max-width: 568px) {
.tenpo-text h3{
  font-size:1.3em;
  padding-left:15px;
  margin-bottom:15px;
}
}

.tenpo-text h4{
  font-size:1.4em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:20px;
  color:#B42021;
  padding-left:20px;
}

@media screen and (max-width: 568px) {
.tenpo-text h4{
  font-size:1.3em;
  padding-left:15px;
  margin-bottom:15px;
}
}

.tenpo-text p{
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  line-height:1.8;
  margin:5px 0;
}

@media screen and (max-width: 568px) {
.tenpo-text p{
  font-size:0.95em;
  line-height:1.6;
}
}

.tenpo-ph{
  width:50%;
  float:right;
}

@media screen and (max-width: 800px) {
.tenpo-ph{
  width:100%;
  padding:2%;
  box-sizing: border-box;
  max-width:700px;
  float:none;
  margin:0 auto 2%;
  clear:both;
}
}

@media screen and (max-width: 568px) {
.tenpo-ph{
  padding:2% 0;
}
}

.seki-list{
  text-align: center;
  width:100%;
  padding-top:3%;
  margin:5% auto;
  background: #FFF;
  -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
  box-shadow:inset 0 1px 5px rgba(239,218,184,.5);
}

@media screen and (max-width: 800px) {
.seki-list{
  margin:3% auto 5%;
}
}

@media screen and (max-width: 568px) {
.seki-list{
  padding-top:5%;
}
}

.skittl{
  font-size:1.8em;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  color:#000;
}

@media only screen and  (max-width: 800px) {
.skittl{
  font-size:1.4em;
}
}

@media only screen and  (max-width: 568px) {
.skittl{
  font-size:1.2em;
  line-height:1.4;
}
}


.seki-list .line{
  border-top: 3px solid #A4161D;
  height: 5px;
  width: 200px;
  text-align: center;
  margin: 20px auto 0;
}

@media only screen and  (max-width: 568px) {
.seki-list .line{
  margin: 10px auto 0;
  width: 100px;
}
}

.seki-list ul{
  text-align: center;
  width:100%;
  box-sizing: border-box;
  padding:2%;
}

.seki-list li{
  display:inline-block;
  width:25%;
  vertical-align: top;
  box-sizing: border-box;
  padding:10px 15px 5px;
}

@media only screen and  (max-width: 800px) {
.seki-list li{
  padding:10px 5px 5px;
}
}

@media only screen and  (max-width: 568px) {
.seki-list li{
  padding:10px 5px 0;
  width:50%;
}
}

.sk-ph{
  width:100%;
  position: relative;
  display:block;
  overflow: hidden;
  margin-bottom:5px;
  text-align: center;
}

.sk-ph .icon {
  position: absolute;
  left: 0;
  bottom: 0;
  background:#77602E;
  background: rgba(46, 195, 0, 0.7);
  padding: 1.5% 2%;
}

.sk-ph img{
  height:auto;
  width:100%;
}

.sk-ph a:hover{
  filter:alpha (opacity=70);
  -moz-opacity:0.80;
  opacity:0.80;
}

.sk-ttl{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  padding:5px;
}

@media only screen and  (max-width: 800px) {
.sk-ttl{
  padding:5px 5px 0;
  font-size:0.9em;
}
}

.sk-txt{
  padding:5px;
  font-size:13px;
  text-align: left;
}

/* kodawari
================================================== */
#kodawari {
  width:100%;
  float:left;
  background-position: center center;
  background-repeat: repeat;
  background-image: url(../images/bg-kabe.gif);
}

#kodawari .block {
  width:100%;
  padding:5% 0 4%;
  position: relative;
  background:rgba(239,218,184,0.3);
}

#kodawari .catch{
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  line-height:2;
}

@media screen and (max-width: 800px) {
#kodawari .catch{
  font-size:1em;
  line-height:1.8;
}
}

@media screen and (max-width: 568px) {
#kodawari .catch{
  font-size:0.95em;
  line-height:1.6;
}
}

#kodawari h5{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:30px;
}

@media screen and (max-width: 800px) {
#kodawari h5{
  margin-bottom:15px;
}
}

@media screen and (max-width: 568px) {
#kodawari h5{
  font-size:1.3em;
  margin-bottom:10px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

#kodawari ul{
  text-align: center;
  width:100%;
  box-sizing: border-box;
  padding:2%;
}

#kodawari li{
  display:inline-block;
  width:24%;
  vertical-align: top;
  box-sizing: border-box;
  padding:10px 15px 5px;
}

@media only screen and  (max-width: 800px) {
#kodawari li{
  padding:10px 5%;
  width:49%;
}
}

@media only screen and  (max-width: 568px) {
#kodawari li{
  padding:5px;
}
}

#kodawari li .thumbnail {
  background: transparent;
  border: 0;
}

.kod_syousai{
  width:100%;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.kod_syousai{
  padding: 5px 0;
}
}

.kod_syousai .kod_name{
  color:#5C4827;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  line-height:1.6;
  margin-top:10px;
  text-align: center;
  font-size:1em;
  letter-spacing:0em;
}

@media screen and (max-width: 568px) {
.kod_syousai .kod_name{
  margin-top:5px;
  line-height:1.5;
}
}

.kod_syousai .kod_tx{
  color:#000;
  font-size:14px;
  line-height:1.6;
  text-align: left;
  margin-top:10px;
}

@media screen and (max-width: 568px) {
.kod_syousai .kod_tx{
  font-size:12px;
}
}

#kodawari li img.img-circle{border-radius:50%}

#kodawari li img.img-circle.cir-img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 5px solid #BAA471;
  transition: all 1s;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
#kodawari li img.img-circle.cir-img {
  border: 3px solid #BAA471;
  width: 100%;
  margin:0 0;
}
}


#kodawari li .thumbnail:hover>img.img-circle.cir-img{
  border: 5px solid #AF8553;
}

@media screen and (max-width: 568px) {
#kodawari li .thumbnail:hover>img.img-circle.cir-img{
  border: 3px solid #AF8553;
}
}

/* info-box
================================================== */
.info-box {
  width:100%;
  float:left;
  padding:5% 0;
  position: relative;
}

@media screen and (max-width: 800px) {
.info-box {
  box-sizing: border-box;
  padding:5% 4% 3%;
}
}

@media screen and (max-width: 568px) {
.info-box {
  padding:5% 2% 3%;
}
}

#sr02 {
  background-position: center center;
  background-repeat: repeat;
  background-image: url(../images/bg-kabe.gif);
}

.info-box .info-title{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:50px;
}

@media screen and (max-width: 800px) {
.info-box .info-title{
  margin-bottom:30px;
}
}

@media screen and (max-width: 568px) {
.info-box .info-title{
  font-size:1.3em;
  margin-bottom:20px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

.info-table{
  width:48%;
  display:inline-block;
  box-sizing: border-box;
  padding:2%;
  background:#FFF;
  margin-right:2%;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.info-table{
  margin:0 auto 5%;
  width:100%;
  padding:3%;
}
}

.info-table dl{
  width:100%;
  box-sizing: border-box;
  clear:both;
  margin:0 auto;
  padding:5px 0;
  border-bottom:1px dotted #ccc;
}

.info-table dl:last-child {
  border-bottom: none;
}

.info-table dt{
  float:left;
  padding:3px 0 1px;
  background : #3E3E3E;
  color:#FFF;
  font-size:13px;
  margin:0 15px 0 0;
  width:90px;
  text-align : center;
}

@media screen and (max-width: 568px) {
.info-table dt{
  font-size:12px;
}
}

.info-table dd{
  display:table-cell;
  vertical-align:middle;
  font-size:0.95em;
}
.info-table dd p{
  width:100%;
  line-height:1.6;
}

@media screen and (max-width: 568px) {
.info-table dd{
  width:100%;
  clear:both;
  display:block;
  line-height:1.6;
  padding:1.5% 1% 1%;
  box-sizing: border-box;
  font-size:14px;
}
}

.info-table dl .line01{
  width:100%;
  clear:both;
  display:block;
  margin:5px auto 5px;
  border-bottom:1px solid #000;;
}

.info-table dl strong{
  color:#B70202;
}

.info-table dd span{
  color:#B70202;
}

.info-table dd img{
  width:100%;
  height:auto;
  max-width:112px;
}

.info-table dd a{color:#B70202;text-decoration:underline;}
.info-table dd a:hover{color:#B70202;text-decoration:none;}

.info-map{
  width:48%;
  display:inline-block;
  margin-left:2%;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.info-map{
  margin:0 auto 5%;
  width:100%;
}
}

.info-map table{
  width:100%;
  font-size:14px;
}

.info-map caption{
  margin : 0;
  padding: 10px;
  width:100%;
  box-sizing: border-box;
  font-weight : bold;
  background: #B70202;
  color:#FFF;
  letter-spacing:0.1em;
}

.info-map td{
  padding:10px;
  width:25%;
  box-sizing: border-box;
  text-align: right;
}

@media screen and (max-width: 568px) {
.info-map td{
  width:28%;
  padding:10px 10px 10px 0;
}
}

.info-map th{
  padding: 10px 15px;
  width:75%;
  box-sizing: border-box;
  text-align: left;
  font-weight:normal;
}

@media screen and (max-width: 568px) {
.info-map th{
  padding: 5px 5px 5px 10px;
  width:72%;
  font-size:13px;
}
}

.info-map th li{
  margin:2px 0;
}

@media screen and (max-width: 568px) {
.info-map th li{
  margin:5px 0 5px 15px;
  line-height:1.2!important;
  list-style-type: square!important;
}
}

.info-map .table-bg1{
  background-color:#F9F9F9;
}

.info-map .table-bg2{
  background-color:#F3F3F3;
}

.g-map{
  width:48%;
  display:inline-block;
  box-sizing: border-box;
  margin-top:5%;
  margin-right:2%;
  vertical-align: top;
}

.g-map iframe {
  width: 100%;
  height: 100%;
  min-height:450px;
}


@media screen and (max-width: 800px) {
.g-map{
  margin:0 auto 5%;
  width:100%;
}
}

.kanban{
  width:48%;
  display:inline-block;
  margin-top:5%;
  margin-left:2%;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.kanban{
  margin:0 auto;
  width:100%;
  font-size:14px;
}
}

.kanban img{
  width:100%;
  height:auto;
  padding:5px;
  background:#FFF;
  box-sizing: border-box;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  margin-top:10px;
}

.res-buttons{
  margin-top:50px;
  margin-bottom:0px;
  text-align: center;
  font-size:1.1em;
  font-family: 'Noto Serif JP', serif;
  font-weight:400;
}

.res-buttons .fa{
  margin-right:10px;
}

@media screen and (max-width: 800px) {
.res-buttons{
  text-align:center;
  margin-left:auto;
}
}

@media screen and (max-width: 568px) {
.res-buttons{
  margin-top:15px;
  margin-bottom:5px;
  font-size:1em;
}
}

.res-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.res-button.c-button--ghost{background-color:#FFF;display:inline-table;padding:10px 20px;border:2px solid #BB1414;color:#BB1414;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.res-buttons a{text-decoration:none;}
.res-buttons a:hover{text-decoration:none;display:inline-table;background-color:#BB1414;color:#FFF;}

/* form_box
================================================== */
#form_box{
  padding:0 2%;
  width:100%;
  box-sizing: border-box;
}

#form_box h2{
  text-align: center;
  font-size:2em;
  font-family: "Sawarabi Mincho"; 
  font-weight:500;
  letter-spacing:0em;
  line-height:1.5;
  margin-bottom:30px;
}

@media screen and (max-width: 800px) {
#form_box h2{
  margin-bottom:15px;
}
}

@media screen and (max-width: 568px) {
#form_box h2{
  font-size:1.2em;
  margin-bottom:15px;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
}
}

#form_box .cont_top{
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  padding:1%;
  text-align: center;
}

@media screen and (max-width: 568px) {
#form_box .cont_top{
  font-size:0.95em;
  padding:1% 2%;
}
}

#form_box .cont_sub{
  font-size:14px;
  margin-bottom:30px;
  padding:0 1%;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  line-height:2;
}

@media screen and (max-width: 800px) {
#form_box .cont_sub{
  font-size:1em;
  line-height:1.8;
}
}

@media screen and (max-width: 568px) {
#form_box .cont_sub{
  font-size:0.95em;
  line-height:1.6;
  padding:0 2%;
}
}

@media screen and (max-width: 800px) {
#form_box .cont_sub{
  margin-bottom:20px;
}
}

@media screen and (max-width: 568px) {
#form_box .cont_sub{
  margin-bottom:10px;
}
}

#form_box .cont_sub strong{
  font-size:1.4em;
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  color:#B70202;
}

@media screen and (max-width: 800px) {
#form_box .cont_sub{
  font-size:1.1em;
  line-height: 1.6;
  padding:0 2%;
}
}

@media screen and (max-width: 568px) {
#form_box .cont_sub{
  font-size:0.95em;
}
}

#form_box .bg_required {
  vertical-align: middle;
  display: inline-block;
  padding: 5px 8px;
  margin: 0 5px;
  color: #fff;
  background: #82C897;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1!important;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
}

@media screen and (max-width: 568px) {
#form_box .bg_required {
  font-size: 11px;
}
}

.form_island{
  width: 100%;
  max-width:950px;
  margin:2% auto;
  background:#FFF;
  padding:0 0 10px;
}

@media screen and (max-width: 800px) {
.form_island{
  padding:4% 3% 0;
  margin:5% auto;
}
}

@media screen and (max-width: 568px) {
.form_island{
  padding:4% 2% 0;
}
}

.form_island .under{border-bottom:1px dotted #CCC;}

@media screen and (max-width: 800px) {
.form_island .under{
  border-bottom:none;
}
}

.form_titl{
  width: 100%;
  margin:0 0 10px;
  background:#11AAA7;
  padding:15px 0 13px;
  text-align: center;
  color:#FFF;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight:500;
  line-height:1;
  font-size:1.4em;
}

@media screen and (max-width: 800px) {
.form_titl{
  font-size:1.35em;
  margin:0 0 25px;
}
}

#form_box dl{
  width: 100%;
  margin:0;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
}

@media screen and (max-width: 800px) {
#form_box dl{
  box-sizing: border-box;
  padding:0 4% 20px;
}
}

@media screen and (max-width: 568px) {
#form_box dl{
  box-sizing: border-box;
  padding:0 3% 15px;
}
}

#form_box dt{
  width: 22%;
  display: inline-block;
  vertical-align: middle;
  padding:1.5% 3% 1.5% 0;
  box-sizing: border-box;
  font-weight:400;
  text-align: right;
  line-height:1;
}

@media screen and (max-width: 800px) {
#form_box dt{
  width: 100%;
  display: block;
  text-align: right;
  padding:0 2% 8px;
  text-align: left;
}
}

#form_box dd{
  width: 76%;
  display: inline-block;
  padding:2% 0 2% 4%;
  box-sizing: border-box;
  vertical-align: middle;
  border-left:1px solid #CCC;
}

@media screen and (max-width: 800px) {
#form_box dd{
  width: 100%;
  padding:15px 2%;
  border-left:none;
  border-top:1px solid #CCC;
}
}

#form_box dd .form_col{
  display: inline-block;
  margin-right:5px;
}

#form_box .mtp005{margin-top:10px;}

@media screen and (max-width: 800px) {
#form_box dd .form_col{
  display: block;
  margin-right:0;
}

#form_box .mtp005{margin-top:10px;}
}

#form_box dd .form_col-w40{
  width: 30%;
  display: inline-block;
  margin-right:25px;
}

@media screen and (max-width: 800px) {
#form_box dd .form_col-w40{
  width: 45%;
  margin-right:5px;
}
}

@media screen and (max-width: 568px) {
#form_box dd .form_col-w40{
  width: 48%;
  margin-right:2px;
}
}

#form_box dd .form_col-w30{
  width: 24%;
  display: inline-block;
  margin-right:1px;
}

@media screen and (max-width: 568px) {
#form_box dd .form_col-w30{
  width: 97%;
  margin-right:0;
  display: block;
  margin-bottom:10px;
}
}

.form_text{
  font-size:13px;
  margin-bottom:5px;
}

.form_text span{
  font-family: 'Roboto', sans-serif;
  font-weight:400;
}

#form_box dd input{
 padding : 8px;
 border:1px solid #CCC;
 -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
 color:#000;
 font-size:14px;
 cursor: pointer;
}

#form_box dd .ws95{
  width:99%;
}

@media screen and (max-width: 800px) {
#form_box dd .ws95{
  width:100%;
}
}

#form_box dd .ws90{
  width:99%;
  min-width:400px;
}

@media screen and (max-width: 800px) {
#form_box dd .ws90{
  width:100%;
  min-width:initial;
}
}

#form_box dd .ws80{
  width:80%;
}

@media screen and (max-width: 800px) {
#form_box dd .ws80{
  width:100%;
}
}

#form_box dd .ws30{
  width:30%;
}

@media screen and (max-width: 800px) {
#form_box dd .ws30{
  width:70%;
}
}

.form_input{
  width:100%;
}

#form_box .mbtm10{
  margin-bottom:10px;
}

.form_red{
  color: #e60012;
  width:100%;
  margin-top:10px;
  font-size:0.9em;
}

#form_box dd textarea{
  padding : 8px;
  border:1px solid #CCC;
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
  cursor: pointer;
  font-size:14px;
}

#form_box dd select{
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  background: #FFF;
  background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#FFF 100%);
  background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#FFF 100%);
  background-size: 20px, 100%;
  margin:0 5px 0 0;
  padding: 8px 27px 8px 8px;
  line-height:1;
  font-size:14px;
  cursor: pointer;
}

@media screen and (max-width: 568px) {
#form_box dd select{
  margin:0;
  padding: 8px 15px 8px 5px;
  background-size: 15px 100%;
  font-size:12px;
}
}

#form_box input[type=radio],#form_box input[type=checkbox] {
  display: none;
}

#form_box .radio{
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 5px 0 5px;
  padding: 0 8px 0 20px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

#form_box .radio:hover {
  background-color:;
}

#form_box .radio:hover:after {
  border-color:;
}

#form_box .radio:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  border: 2px solid #bbb;
  border-radius: 50%;
  content: '';
}

#form_box .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  margin-top: -5px;
  margin-left:2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #000;
  content: '';
  opacity: 0;
}
#form_box input[type=radio]:checked + .radio:before {
  opacity: 1;
}

#form_box .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 5px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

#form_box .checkbox:hover {

}

#form_box .checkbox:hover:after {
  border-color: #bbb;
}
#form_box .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 17px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

#form_box .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 23px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#form_box input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

#form_box .wss{
  width:150px;
}

#form_box img {
  margin-left: 7px;
  width:25px;
  height:auto;
  cursor: pointer;
}

#form_box .toujitu{
  margin-top: 5px;
  font-size:0.9em;
  color:#B70202;
}

#form_box .send_bt {
  width: 100%;
  margin-top:30px;
  text-align: center;
}

@media screen and (max-width: 800px) {
#form_box .send_bt {
  margin-top:10px;
}
}

@media screen and (max-width: 568px) {
#form_box .send_bt {
  margin-top:0px;
}
}

#form_box .send_bt li{
  display:inline-block;
  margin:0 5px;
}

input.conf_bt{
  padding:15px 30px;
  line-height: 1.4;
  background : #B70202;
  color: #fff;
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border-style: none;
  cursor: pointer;
  font-size:1.4em;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 568px) {
input.conf_bt{
  font-size:1.2em;
}
}

input.conf_bt:hover{
  opacity: 0.8;
}

input.reset_bt{
  padding:10px 15px;
  line-height: 1.4;
  background	: #ACACAC;
  color: #fff;
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border-style: none;
  cursor: pointer;
  font-size:12px;
}

@media screen and (max-width: 800px) {
input.reset_bt{
  padding:8px 12px;
  font-size:11px;
}
}

input.reset_bt:hover{
  opacity: 0.7;
}























#consept .cp-logo{
 margin:0 auto;
  width:300px;
}

#consept .cp-logo img{
  height:auto;
  width:100%;
}


#consept ul{
  width:100%;
  margin: 5% auto 0;
  text-align: center;
}

#consept .w50{
  width:48%;
  margin: 0 1% 5%;
  text-align: center;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 568px) {
#consept .w50{
  width:96%;
  margin: 2%;
}
}

#consept .w30{
  width:31.3333%;
  margin: 0 1%;
  text-align: center;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
#consept .w30{
  width:48%;
  margin: 0 1% 5%;
}
}

@media screen and (max-width: 568px) {
#consept .w30{
  width:96%;
  margin: 3% 2%;
}
}

#consept li .cs_ph{
  width:100%;
  position: relative;
  display:block;
  overflow: hidden;
  background:#000;
  margin-bottom:30px;
}

@media screen and (max-width: 800px) {
#consept li .cs_ph{
  margin-bottom:20px;
}
}

@media screen and (max-width: 568px) {
#consept li .cs_ph{
  margin-bottom:15px;
}
}

#consept li .cs_ph img{
  width:100%;
  height:auto;
  padding:5px;
  box-sizing: border-box;
}

#consept li a:hover img { opacity: 0.7; }

#consept li .cs_ph .nm_icon {
  width: 50px;
  height: 50px;
  background-image: url("../images/kado.png") ;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  position:absolute;
  bottom:0;
  right:0
}

#consept li .cs_ph .nm_icon p{
  color:#FFF;
  font-size:13px;
  line-height:1;
  padding:25px 0 0 22px;
  line-height:1;
}

#consept li h3{
  text-align: center;
  font-size:2em;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
  letter-spacing:0em;
  line-height:1.2;
  margin-bottom:3%;
}

@media screen and (max-width: 800px) {
#consept li h3{
  font-size:1.8em;
}
}

@media screen and (max-width: 568px) {
#consept li h3{
  font-size:1.5em;
}
}

#consept li h3 span{
  letter-spacing:0.1em;
}

#consept li h4{
  text-align: center;
  font-size:1.6em;
  font-family: 'Noto Serif JP', serif;
  font-weight:600;
  letter-spacing:0em;
  line-height:1.2;
  margin-bottom:5%;
}

@media screen and (max-width: 800px) {
#consept li h4{
  font-size:1.5em;
  margin-bottom:3%;
}
}

@media screen and (max-width: 568px) {
#consept li h4{
  font-size:1.4em;
}
}

#consept li h4 span{
  letter-spacing:0.1em;
}

#consept li .cs_tx{
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.05em;
  text-align: left;
  padding:0 10px;
}

@media screen and (max-width: 800px) {
#consept li .cs_tx{
  font-size:1em;
}
}

@media screen and (max-width: 800px) {
#consept li .cs_tx{
  font-size:0.95em;
}
}

/* online-shop
================================================== */
#online-shop {
  overflow:hidden;min-height:773px;padding-top:100px
}

@media screen and (max-width: 800px) {
#online-shop {
  overflow:hidden;min-height:initial;padding-top:0;margin-bottom:5%;
}
}

.online-shop-body {
  padding:20px;
  box-sizing: border-box;
  width:100%;
  background:url(../images/bg-gray.gif) repeat center top;
  position: relative;
}

@media screen and (max-width: 568px) {
.online-shop-body {
  padding:15px;
}
}

.online-s-syousai {
  border:3px solid #3D6E47;
  width:100%;
  box-sizing: border-box;
  padding:20px;
}

@media screen and (max-width: 800px) {
.online-s-syousai {
  padding:20px 0 10px;
}
}

@media screen and (max-width: 568px) {
.online-s-syousai {
  padding:15px 0 5px;
}
}

.online_ph{
  position:absolute;top:-100px;right:-330px;z-index:1
}

@media only screen and (max-width:1280px){.online_ph{right:-360px}}
@media only screen and (max-width:1180px){.online_ph{right:-470px}}

@media screen and (max-width: 800px) {
.online_ph{
  width:100%;
  display:block;
  margin:0 auto;
  position: relative;
  top:initial;
  right:initial;
}
}

.online_ph img{
  width:100%;
  height:auto;
  margin:0;
}

.online_tx{
  width:55%;
  display:inline-block;
  padding:5% 0;
  box-sizing: border-box;
  color:#24492B;
  vertical-align:top;
}

@media screen and (max-width: 800px) {
.online_tx{
  width:100%;
  padding:5%;
  display:block;
}
}

.online_tx .cmtx01{
  font-size:6em;
  font-family: "Sawarabi Mincho"; 
  font-weight:600;
  margin:0 auto;
  line-height:1;
  padding-left:1%;
  letter-spacing:0.02em;
}

@media screen and (max-width: 800px) {
.online_tx .cmtx01{
  padding-left:0;
  font-size:4em;
  text-align:center;
}
}

@media screen and (max-width: 568px) {
.online_tx .cmtx01{
  font-size:2.8em;
}
}

.online_tx .cmtx02{
  padding:10px 0 30px;
  font-family: 'Jost', sans-serif;
  font-weight:300;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size:1.2em;
  padding-left:5%;
}

@media screen and (max-width: 800px) {
.online_tx .cmtx02{
  padding:10px 0 20px;
  text-align:center;
}
}

@media screen and (max-width: 568px) {
.online_tx .cmtx02{
  font-size:1.3em;
   padding:5px 0 10px;
}
}

.online_tx .cmtx03{
  line-height:1.8;
  font-family: 'Noto Serif JP', serif;
  font-weight:300;
  font-size:1.1em;
  color:#000;
}

@media screen and (max-width: 568px) {
.online_tx .cmtx03{
  font-size:0.95em;
  line-height:1.6;
}
}

.on-buttons{
  margin-top:30px;
  margin-left:1%;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
}

.on-buttons .fa{
  margin-right:10px;
}

@media screen and (max-width: 800px) {
.on-buttons{
  text-align:center;
  margin-left:auto;
}
}

@media screen and (max-width: 568px) {
.on-buttons{
  margin-top:15px;
  margin-bottom:5px;
}
}

.on-button{border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.on-button.c-button--ghost{background-color:#3D6E47;display:inline-table;padding:10px 20px;border:2px solid #3D6E47;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.on-buttons a{text-decoration:none;}
.on-buttons a:hover{text-decoration:none;display:inline-table;background-color:#fff;color:#3D6E47;}

/*topics
---------------------------------------------------------------------------*/
#topics {
  margin: 0;
  padding: 0 0 5%;
  width:100%;
}

@media screen and (max-width: 800px) {
#topics {
  padding: 5% 0;
}
}

#topics .tp-title {
  margin-bottom: 2%;
  font-size:2.4em;
  font-weight:400;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  color:#000;
}

@media screen and (max-width: 568px) {
#topics .tp-title {
  font-size:1.5em;
  margin-bottom: 5px;
}
}

#topics .other_tx{
  font-size: 1em;
  line-height:1.6;
  color:#000;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
}

@media screen and (max-width: 800px) {
#topics .other_tx{
  width:96%;
  margin:0 2% 0;
  letter-spacing:0em;
  font-size: 14px;
}
}

/* insta
--------------------------------------- */
.insta {
  width:96%;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 568px) {
.insta {
  width:100%;
}
}

.ist-buttons{
  text-align:center;
  margin-top:25px;
}


@media screen and (max-width: 800px) {
.ist-buttons{
  margin-bottom:15px;
  margin-top:15px;
}
}

.ist-button{font-size:14px;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.ist-button.c-button--ghost{background-color:#000;display:inline-table;padding:10px 20px;border:2px solid #000;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s}
.ist-buttons a{text-decoration:none;}
.ist-buttons a:hover{text-decoration:none;display:inline-table;background-color:#fff;color:#222;text-shadow:0 0 0 #FFF;}