/* reset */
html {
  overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, figure, aside, header, footer, main, nav {
  margin: 0;
  padding: 0;
}
dt, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
section, figure, aside, header, footer, main, nav {
  display: block;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
}
caption, th {
  text-align: left;
}
q:before, q:after {
  content: '';
}
object,
embed {
  vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  border: 0;
}
ul {
  list-style-type: none;
}
img {
  vertical-align: bottom;
}
hr {
  clear: both;
  border: none;
  background-color: #4bb4cf;
}
/* --------------------------------------------------------
01 common style
-------------------------------------------------------- */
.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
  margin-top:0;
  background-color:#000;
  width:100%;
  
}

.st {
  font-weight: bold;
}

/*CSS Rollover*/
a.cssRoll img {
  opacity: 1;
}

a:hover.cssRoll img {
  opacity: 0.6;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

.clear{
	clear:both;
}

.wrap-in {
  margin: 0 auto;
}

#wrapper {
  position: relative;
  overflow: hidden;
}
#baribari #wrapper {
  padding-top: 0;
}

body {
  color: #1a1a1a;
  -webkit-text-size-adjust: 100%;
  line-height: 1.8;
}

a {
  color: #1a1a1a;
}

.leeter01{
	letter-spacing:-0.5em;
}

/* --------------------------------------------------------
common button
-------------------------------------------------------- */

/*.mod-btn01{
  box-sizing: border-box;
  cursor: pointer;
}

.mod-btn01 a{
 -ms-transition:all 0.3s ease 0s;
 -moz-transition:all 0.3s linear 0s;
 -webkit-transition:all 0.3s linear 0s;
  transition:all 0.3s linear 0s;
}

.mod-btn01 a:after{
 display:inline-block;
 padding:0 0 0 10px;
}

.mod-btn01 a:link    {text-decoration:none;}
.mod-btn01 a:visited {text-decoration:none;}
.mod-btn01 a:hover   {text-decoration:none; border:solid 3px #fff;}
.mod-btn01 a:active  {text-decoration:none; border:solid 3px #fff;}
*/

.mod-btn01 {
  text-align: center;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.mod-btn01:hover {
  text-decoration: none;
  -webkit-transform: scaleX(1.1) scaleY(1.1);
  -moz-transform: scaleX(1.1) scaleY(1.1);
  -ms-transform: scaleX(1.1) scaleY(1.1);
  -o-transform: scaleX(1.1) scaleY(1.1);
  transform: scaleX(1.1) scaleY(1.1);
}

@-moz-keyframes mod-btn01 {
  0% {
    opacity: 0.4;
    -moz-transform: scaleX(0.2);
    transform: scaleX(0.2);
  }

  100% {
    opacity: 0;
    -moz-transform: scaleX(1.1);
    transform: scaleX(1.1);
  }
}

@-webkit-keyframes mod-btn01 {
  0% {
    opacity: 0.4;
    -webkit-transform: scaleX(0.2);
    transform: scaleX(0.2);
  }

  100% {
    opacity: 0;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1);
  }
}

@-o-keyframes mod-btn01 {
  0% {
    opacity: 0.4;
    -o-transform: scaleX(0.2);
    transform: scaleX(0.2);
  }

  100% {
    opacity: 0;
    -o-transform: scaleX(1.1);
    transform: scaleX(1.1);
  }
}

@-ms-keyframes mod-btn01 {
  0% {
    opacity: 0.4;
    -ms-transform: scaleX(0.2);
    transform: scaleX(0.2);
  }

  100% {
    opacity: 0;
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
  }
}

@keyframes mod-btn01 {
  0% {
    opacity: 0.4;
    transform: scaleX(0.2);
  }

  100% {
    opacity: 0;
    transform: scaleX(1.1);
  }
}


/* ---------------------------
header
--------------------------- */
.mod-header {
  font-weight: bold
  border-bottom: 2px solid #474747;
  background: #212121;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 10;
}

.mod-header-in {
  overflow: hidden;
	padding:0 0;
}

.mod-header-logoWrap {
  float: left;
  z-index: 50;
}


.mod-header-logo {
  vertical-align: middle;
}

.mod-header-searchList {
  float: left;
  margin-right: 12px;
}

li.mod-header-searchItem {
  float: left;
  font-size: 1em;
  margin-right:20px;
	padding-left:13px;
}

.mod-header-searchList li.image{
	background: url("../images/dainari.gif") no-repeat 0px 6px;
}

.mod-header-searchList li.nonspace{
	margin:0px;
	padding:0px;
}

.mod-header-searchList li.nonspace img{
	vertical-align:middle;
}

.mod-header-searchItem a {
	font-weight:100;
	color:#848685;
}
.mod-header-searchItem input {
	margin-right:5px;
	height:18px;
	vertical-align:middle;
}


/* ---------------------------
footer
--------------------------- */

.mod-footer {
  background: #000000;
  color: #fff;
  padding: 50px 0;
}

#baribari .mod-footer {
  position: relative;
  height:30%;
}

.mod-footer-foot-in{
	width:960px;
    height:30%;
	margin:0 auto;
    overflow: hidden;

  }

.mod-footer-link{
	float:left;
}
.mod-footer-linkList li{
	background:url("../images/dainari_02.png") no-repeat 0px 8px;
	padding-left:13px;
}

.mod-footer-linkList a{
	color:white;
	font-size: 0.9rem;
	letter-spacing:0.2em;
}

.mod-footer-powered {
	float:right;
  font-size: 0.75rem;
	letter-spacing:0.2em;
	padding-top:5px;
}


/* ---------------------------
contents
--------------------------- */

.image-content {
	position: relative;
	padding-top:5px;
}

/* ---------------------------
section baribari-iamge
--------------------------- */

.baribari-image{
	height:637px;
	border-bottom: 2px solid #474747;
}

.baribari-image-phoList {
  overflow: hidden;
}

@-moz-keyframes baribari-image-phoList {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -moz-transform: translateX(-1274px);
    transform: translateX(-1274px);
  }
}

@-webkit-keyframes baribari-image-phoList {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-1274px);
    transform: translateX(-1274px);
  }
}

@-o-keyframes baribari-image-phoList {
  0% {
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -o-transform: translateX(-1274px);
    transform: translateX(-1274px);
  }
}

@-ms-keyframes baribari-image-phoList {
  0% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -ms-transform: translateX(-1274px);
    transform: translateX(-1274px);
  }
}

@keyframes baribari-image-phoList {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-1274px);
  }
}

.baribari-image-phoItem {
  float: left;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.baribari-image-phoList.on .baribari-image-phoItem {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.baribari-image-phoItem img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.baribari-image-phoItem:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

  .baribari-image-phoListWrap {
    overflow: hidden;
    width: 3822px;
    -webkit-animation: baribari-image-phoList 50s linear infinite;
    -moz-animation: baribari-image-phoList 50s linear infinite;
    -ms-animation: baribari-image-phoList 50s linear infinite;
    -o-animation: baribari-image-phoList 50s linear infinite;
    animation: baribari-image-phoList 50s linear infinite;
  }
.baribari-image-phoListWrap01{
	float:left;
}


  .baribari-image-phoList {
    float: left;
    width: 1274px;
  }

  @-moz-keyframes baribari-image-phoList {
    0% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @-webkit-keyframes baribari-image-phoList {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @-o-keyframes baribari-image-phoList {
    0% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @-ms-keyframes baribari-image-phoList {
    0% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @keyframes baribari-image-phoList {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-1274px);
    }
}

.baribari-image-phoListWrap .baribari-image-phoList .big{
    width: 420px;
    height: 420px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.baribari-image-phoListWrap .baribari-image-phoList .oblong{
    width: 420px;
    height: 207px;
    margin-right: 5px;
    margin-bottom: 5px;
}

  .baribari-image-phoItem {
    width: 207px;
    height: 207px;
    margin-right: 5px;
    margin-bottom: 5px;
  }

/* ---------------------------
section baribari-watashi
--------------------------- */

.baribari-watashi{
	text-align: center;
    height:40%;
		
}

.baribari-watashi2{
    text-align: center;
    height:40%;
	background-image:url(../images/housha.jpg);
}

.baribari-watashi3{
    text-align: center;
    height:40%;
	background-image:url(../images/back3.jpg);
}

.baribari-watashi-in2{
	margin: 0 auto;
	width:960px;
}

.baribari-watashi-in3{
	width:960px;
	margin:0 auto;
    padding-top: 3%;
	padding-bottom:5%;


}




/* ---------------------------
section baribari-genre
--------------------------- */

.baribari-genre{
	background-color:#f7f5ef;
}

.baribari-genre-in,.baribari-in{
	position:relative;
}


.baribari-genre .wrap-in,.baribari-area .wrap-in{
	width:940px;
}
.baribari-genre .wrap-in{
	padding:50px 0 30px 20px;
}

.baribari-genre-btnList li{
	display:inline-block;
	margin:0 20px 20px 0;
  text-align: center;
}


.baribari-in .baribari-genre-btnList li.mr0{
	margin-right:0;
}

.baribari-genre-btnItem{
	width:150px;
	height:80px;
	display:table-cell;
	vertical-align: middle;
	font-weight:700;
	color:white;
	font-size:1.4em;
	line-height:0.9em;
}


.baribari-genre-btnList li .italian{
	background-image:url(../images/italian.jpg);
}

.baribari-genre-btnList li .europeandish{
	background-image:url(../images/europeandish.jpg);
}

.baribari-genre-btnList li .cafe{
	background-image:url(../images/cafe.jpg);
}
.baribari-genre-btnList li .deli{
	background-image:url(../images/deli.jpg);
}

.baribari-genre-btnList li .chinesefood{
	background-image:url(../images/chinesefood.jpg);
}
.baribari-genre-btnList li .japanesefood{
	background-image:url(../images/japanesefood.jpg);
}
.baribari-genre-btnList li .asia{
	background-image:url(../images/asia.jpg);
}
.baribari-genre-btnList li .bar{
	background-image:url(../images/bar.jpg);
}
.baribari-genre-btnList li .biking{
	background-image:url(../images/biking.jpg);
}
.baribari-genre-btnList li .hotel{
	background-image:url(../images/hotel.jpg);
}
.baribari-genre-btnList li .shop{
	background-image:url(../images/shop.jpg);
}
.baribari-genre-btnList li .other{
	background-image:url(../images/other.gif);
}

/* ---------------------------
search
--------------------------- */


.search-foam {
	width: 400px;
	height: 36px;
    margin: 0 auto;
    text-align: center;

    
}


.kukuri{
	    text-align: center;
}
	


/* ---------------------------
section baribari-area
--------------------------- */

.baribari-area{
	margin-top:50px;
	background-color:#f7f5ef;
}


.baribari-area-map{
	width:628px;
	height:635px;
	margin:0 auto;
	padding-top:25px;
	position:relative;
}
.Opneing-btn{
	position: absolute;
	top: 110px;
}
.baribari-area-map area {
    border: none;
    outline: none;
}
.pupup_base {
	font-size: 14px;
	font-weight:bold;
}

.popup_title {
	color:#FFF;
	padding:5px 5px 5px 15px;
}

.popup_main {
	position:relative;
	padding:15px;
	background: white;
	line-height: 1.8em;
}

.touhoku {
	border: #a1dcb5 solid 1px;
	background: #a1dcb5;
}
.touhoku a {color: #a1dcb5;}
.touhoku b {color: #a1dcb5;}

.kanto {
	border: #e2daa1 solid 1px;
	background: #e2daa1;
}
.kanto a {color: #e2daa1;}
.kanto b {color: #e2daa1;}

.tyubu {
	border: #f9c5c5 solid 1px;
	background: #f9c5c5;
}
.tyubu a {color: #f9c5c5;}
.tyubu b {color: #f9c5c5;}

.kansai {
	border: #dda5ce solid 1px;
	background: #dda5ce;
}
.kansai a {color: #dda5ce;}
.kansai b {color: #dda5ce;}

.tyugoku {
	border: #f3d181 solid 1px;
	background: #f3d181;
}
.tyugoku a {color: #f3d181;}
.tyugoku b {color: #f3d181;}

.kyuusyu {
	border: #b4d0f1 solid 1px;
	background: #b4d0f1;
}
.kyuusyu a {color: #b4d0f1;}
.kyuusyu b {color: #b4d0f1;}

.close {
	position:absolute;
	bottom: 10px;
	right: 10px;
	font-size:0.8em;
}

.east {
	position:absolute;	top: 175px;
	left: 0px;
}
.intnt {margin-left: 1em;}
.em1 {margin-right: 1em;}
.em2 {margin-right: 2em;}
.em3 {margin-right: 3em;}
.em4 {margin-right: 4em;}
.em5 {margin-right: 5em;}
.em6 {margin-right: 6em;}
.em7 {margin-right: 7em;}
.em8 {margin-right: 8em;}


#touhoku,#kanto,#tyubu,#tyugoku,#kansai,#kyuusyu{
	display:none;
}



@media screen and (min-width: 1199px) {
  /* ==========================================================================
     Large 
     ========================================================================== */
  .wrap-in {
    width: 960px;
  }

  #wrapper {
    min-width: 1180px;
    padding-top: 92px;
  }

  body {
    font-size: 16px;
    font-family: "Meiryo","Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro", verdana, "Osaka", "MS PGothic", Sans-Serif;
    font-weight: 500;
  }


}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
  /* ==========================================================================
     PC 
     ========================================================================== */
  .wrap-in {
    padding: 0 20px;
  }

  #wrapper {
    padding-top: 92px;
  }

  body {
    font-size: 16px;
    font-family: "Yu Gothic","YuGothic","Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
    font-weight: 500;
  }

  /* ---------------------------
  mod
  --------------------------- */

.mod-header .mod-header-in {
/* padding-top: 14px;
    padding-bottom: 14px;*/
  }

  .mod-header-logo {
    padding-right: 14px;
  }
  @-moz-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -moz-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -moz-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-webkit-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -webkit-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -webkit-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-o-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -o-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -o-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-ms-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -ms-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -ms-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      transform: scaleX(1.1);
    }
}

  .mod-footer {
    padding: 20px 0;
  }

.baribari-image{
	height:637px;
	  border-bottom: 2px solid #474747;
}

  .baribari-image-phoListWrap {
    overflow: hidden;
    width: 3822px;
    -webkit-animation: baribari-image-phoList 50s linear infinite;
    -moz-animation: baribari-image-phoList 50s linear infinite;
    -ms-animation: baribari-image-phoList 50s linear infinite;
    -o-animation: baribari-image-phoList 50s linear infinite;
    animation: baribari-image-phoList 50s linear infinite;
  }

  .baribari-image-phoList {
    float: left;
    width: 1274px;
  }

  @-moz-keyframes baribari-image-phoList {
    0% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @-webkit-keyframes baribari-image-phoList {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @-o-keyframes baribari-image-phoList {
    0% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @-ms-keyframes baribari-image-phoList {
    0% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-1274px);
      transform: translateX(-1274px);
    }
}

  @keyframes baribari-image-phoList {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-1274px);
    }
}

.baribari-image-phoListWrap .baribari-image-phoList .big{
    width: 420px;
    height: 420px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.baribari-image-phoListWrap .baribari-image-phoList .oblong{
    width: 420px;
    height: 207px;
    margin-right: 5px;
    margin-bottom: 5px;
}

  .baribari-image-phoItem {
    width: 207px;
    height: 207px;
    margin-right: 5px;
    margin-bottom: 5px;
  }

.baribari-area .wrap-in{
	width:940px;
}
/*.baribari-h{
	position:relative;
	top:-65px;
	left:0px;
	width:50%;
	margin:0 auto;
	text-align:center;
}
.baribari-area .baribari-h{
	top:-15px;
	width:40%;
}

.baribari-area .baribari-h{
	width:35%;
}
*/
}



@media screen and (min-width: 815px) and (max-width: 1024px) {
/* ==========================================================================
TOPメニュー用
========================================================================== */
.wrap-in {
	padding: 0 20px;
}


body{
	font-family: "Meiryo","Yu Gothic","Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
}

.pcOnly {
	display: none !important;
}

.spOnly {
	display: none !important;
}

/* ---------------------------
mod
--------------------------- */

.mod-header-logo img {
	width: 150px;
}

.mod-header-txt{
	font-size:1em;
	margin-top:10px;
	margin-bottom:5px;
}

.mod-header-menuWrap{
	font-size:15px;
	margin-top:3.2em;
	margin-bottom:0.5em;
}

.mod-header-searchList li.image{
	margin-top:3px;
}


  @-moz-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -moz-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -moz-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-webkit-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -webkit-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -webkit-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-o-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -o-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -o-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-ms-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -ms-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -ms-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      transform: scaleX(1.1);
    }
}


.mod-footer-foot-in {
	overflow: hidden;
}

.mod-footer-foot-linkWrap {
	float: left;
}

.mod-footer-foot-linkList {
	overflow: hidden;
}

.image-content {
	padding-top: 5px;
}

.baribari-image{
	height:450px;
}

.baribari-image-phoListWrap .baribari-image-phoList .big{
	width: 294px;
	height: 294px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.baribari-image-phoListWrap .baribari-image-phoList .oblong{
	width: 294px;
	height: 144px;
	margin-right: 5px;
	margin-bottom: 5px;
}

  .baribari-image-phoItem {
    width: 145px;
    height: 145px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
	
	
  .baribari-image-phoListWrap {
    overflow: hidden;
    width: 2703px;
    -webkit-animation: baribari-image-phoList 50s linear infinite;
    -moz-animation: baribari-image-phoList 50s linear infinite;
    -ms-animation: baribari-image-phoList 50s linear infinite;
    -o-animation: baribari-image-phoList 50s linear infinite;
    animation: baribari-image-phoList 50s linear infinite;
  }

  .baribari-image-phoList {
    float: left;
    width:901px;
  }

  @-moz-keyframes baribari-image-phoList {
    0% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-webkit-keyframes baribari-image-phoList {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-o-keyframes baribari-image-phoList {
    0% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-ms-keyframes baribari-image-phoList {
    0% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @keyframes baribari-image-phoList {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-901px);
    }
}





.baribari-watashi-h {
  padding-top: 96px;
	
}

.baribari-watashi-h img{
  width: 488px;
  height: 50px;
}

.baribari-watashi-txt {
  padding-top: 28px;
  padding-bottom: 2em;
}

.baribari-watashi-txt img{
  width: 367px;
  height: 72px;
}

.baribari-h img{
	width:80%;
	height:80%;
}

.baribari-genre .wrap-in,
.baribari-area .wrap-in{
	width:960px;
}
	
.baribari-genre-btnItem{
	width:172px;
	height:120px;
	font-size:1.2em;

}
.baribari-genre-btnList li{
	margin:0 16px 16px 0;
}

.baribari-in .baribari-genre-btnList li.mr0{
	margin-right:0;
}
.baribari-in .baribari-genre-btnList li.mr1{
	margin-right:10px;
}

}

@media screen and (min-width: 798px) and (max-width: 814px) {
	
  .wrap-in {
    padding: 0 20px;
  }



  body {
    font-family: "Meiryo","Yu Gothic","Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
  }

  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: none !important;
  }

  /* ---------------------------
  mod
  --------------------------- */
  .mod-header-txt{
		font-size:1em;
		margin-top:10px;
		margin-bottom:5px;
	}
		
	.mod-header-menuWrap{
		font-size:15px;
		margin-top:3.2em;
		margin-bottom:0.5em;
		float:left;
	}

.mod-header-searchList li.image{
	margin-top:3px;
}


  @-moz-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -moz-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -moz-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-webkit-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -webkit-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -webkit-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-o-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -o-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -o-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-ms-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -ms-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -ms-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      transform: scaleX(1.1);
    }
}


  .mod-footer-foot-in {
    overflow: hidden;
  }

  .mod-footer-foot-linkWrap {
    float: left;
  }

  .mod-footer-foot-linkList {
    overflow: hidden;
  }

.image-content {
    padding-top: 5px;
  }

.baribari-image{
	height:448px;
}

.baribari-image-phoListWrap .baribari-image-phoList .big{
    width: 294px;
    height: 294px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.baribari-image-phoListWrap .baribari-image-phoList .oblong{
    width: 294px;
    height: 144px;
    margin-right: 5px;
    margin-bottom: 5px;
}

  .baribari-image-phoItem {
    width: 145px;
    height: 145px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
	
	
  .baribari-image-phoListWrap {
    overflow: hidden;
    width: 2703px;
    -webkit-animation: baribari-image-phoList 50s linear infinite;
    -moz-animation: baribari-image-phoList 50s linear infinite;
    -ms-animation: baribari-image-phoList 50s linear infinite;
    -o-animation: baribari-image-phoList 50s linear infinite;
    animation: baribari-image-phoList 50s linear infinite;
  }

  .baribari-image-phoList {
    float: left;
    width:901px;
  }

  @-moz-keyframes baribari-image-phoList {
    0% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-webkit-keyframes baribari-image-phoList {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-o-keyframes baribari-image-phoList {
    0% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-ms-keyframes baribari-image-phoList {
    0% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @keyframes baribari-image-phoList {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-901px);
    }
}




.baribari-watashi-h {
  padding-top: 96px;
}

.baribari-watashi-h img{
  width: 488px;
  height: 50px;
}

.baribari-watashi-txt {
  padding-top: 28px;
  padding-bottom: 2em;
}

.baribari-watashi-txt img{
  width: 367px;
  height: 72px;
}

/*.baribari-h img{
	width:80%;
	height:80%;
}
*/
.baribari-genre .wrap-in,.baribari-area .wrap-in{
	width:650px;
}

.baribari-genre .wrap-in{
	padding:50px 0 20px 0;
}
	
.baribari-genre-btnItem{
	width:150px;
	height:105px;
	font-size:1em;

}
.baribari-genre-btnList li{
	margin:0 10px 10px 0;
}

.baribari-in .baribari-genre-btnList li.mr0{
	margin-right:0;
}
.baribari-in .baribari-genre-btnList li.mr1{
	margin-right:10px;
}
.Opneing-btn{
	top:70px;
}
/*.baribari-genre .baribari-h{
	position:relative;
	top:-4em;
	left:0px;
	width:50%;
	margin:0 auto;
	text-align:center;
}

.baribari-area .baribari-h{
	position:relative;
	top:-1em;
	left:0px;
	width:45%;
	margin:0 auto;
	text-align:center;
}
*/

}

@media screen and (min-width: 768px) and (max-width: 797px) {
	
	
  .wrap-in {
    padding: 0 20px;
  }

  .baribari-area .wrap-in {
    padding: 0;
  }

  body {
    font-family: "Meiryo","Yu Gothic","Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
  }

  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: none !important;
  }

  /* ---------------------------
  mod
  --------------------------- */


/*.mod-header-logo img {
	width: 257px;
	height:29px;
}
*/

  .mod-header-txt{
		font-size:1em;
		margin-top:10px;
		margin-bottom:5px;
	}
		
	.mod-header-menuWrap{
		font-size:15px;
		margin-top:0.2em;
		margin-bottom:0.5em;
		float:left;
	}
.mod-header-searchList li.image{
	margin-top:3px;
}



  @-moz-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -moz-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -moz-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-webkit-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -webkit-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -webkit-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-o-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -o-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -o-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-ms-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -ms-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -ms-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      transform: scaleX(1.1);
    }
}


  .mod-footer-foot-in {
    overflow: hidden;
  }

  .mod-footer-foot-linkWrap {
    float: left;
  }

  .mod-footer-foot-linkList {
    overflow: hidden;
  }

.image-content {
    padding-top: 5px;
  }

.baribari-image{
	height:448px;
}

.baribari-image-phoListWrap .baribari-image-phoList .big{
    width: 294px;
    height: 294px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.baribari-image-phoListWrap .baribari-image-phoList .oblong{
    width: 294px;
    height: 144px;
    margin-right: 5px;
    margin-bottom: 5px;
}

  .baribari-image-phoItem {
    width: 145px;
    height: 145px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
	
	
  .baribari-image-phoListWrap {
    overflow: hidden;
    width: 2703px;
    -webkit-animation: baribari-image-phoList 50s linear infinite;
    -moz-animation: baribari-image-phoList 50s linear infinite;
    -ms-animation: baribari-image-phoList 50s linear infinite;
    -o-animation: baribari-image-phoList 50s linear infinite;
    animation: baribari-image-phoList 50s linear infinite;
  }

  .baribari-image-phoList {
    float: left;
    width:901px;
  }

  @-moz-keyframes baribari-image-phoList {
    0% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-webkit-keyframes baribari-image-phoList {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-o-keyframes baribari-image-phoList {
    0% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @-ms-keyframes baribari-image-phoList {
    0% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-901px);
      transform: translateX(-901px);
    }
}

  @keyframes baribari-image-phoList {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-901px);
    }
}




.baribari-watashi-h {
  padding-top: 96px;
}

.baribari-watashi-h img{
  width: 488px;
  height: 50px;
}

.baribari-watashi-txt {
  padding-top: 28px;
  padding-bottom: 2em;
}

.baribari-watashi-txt img{
  width: 367px;
  height: 72px;
}

.baribari-h img{
	width:80%;
	height:80%;
}

.baribari-genre .wrap-in,.baribari-area .wrap-in{
	width:100%;
}

.baribari-genre .baribari-in{
	width:650px;
	margin:0 auto;
}
.baribari-genre .wrap-in{
	padding:50px 0 20px 0;
}
	
.baribari-genre-btnItem{
	width:150px;
	height:105px;
	font-size:1em;

}
.baribari-genre-btnList li{
	margin:0 10px 10px 0;
}

.baribari-in .baribari-genre-btnList li.mr0{
	margin-right:0;
}
.baribari-in .baribari-genre-btnList li.mr1{
	margin-right:10px;
}

.Opneing-btn{
	top:70px;
}

/*.baribari-area .baribari-h,.baribari-genre .baribari-h{
margin:0 auto;
top:-20px;
left:0px;
width:45%;
height:45%;
text-align:center;
position:relative;
}	
.baribari-area .baribari-h{
width:40%;
height:40%;
}

.baribari-genre .baribari-h{
top:-70px;
}
*/
.baribari-area-map{
		width:90%;
		height:90%;
}

.Map{
	margin-top:2em;
	padding-bottom:2em
}

.Map img{
	width:100%;
	height:100%;
}


}

@media screen and (max-width: 767px) {
  /* ==========================================================================
     SP 
     ========================================================================== */
  .wrap-in {
    padding: 0 20px;
  }

  body {
    font-family: "Meiryo","Yu Gothic","Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
  }

  .pcOnly {
    display: none !important;
  }

  .spOnly {
    display: none !important;
  }

  /* ---------------------------
  mod
  --------------------------- */

  .mod-header-txt{
		font-size:1em;
		margin-top:10px;
		margin-bottom:5px;
	}
		
	.mod-header-menuWrap{
		font-size:15px;
		margin-top:0.2em;
		margin-bottom:0.5em;
		float:left;
	}
	
	
.mod-header-logo img {
	width: 257px;
	height:29px;
}
.mod-header-searchList li.image{
	margin-top:3px;
}



  @-moz-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -moz-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -moz-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-webkit-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -webkit-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -webkit-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-o-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -o-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -o-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @-ms-keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      -ms-transform: scaleX(0.2);
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      -ms-transform: scaleX(1.1);
      transform: scaleX(1.1);
    }
}

  @keyframes mod-btn01 {
    0% {
      opacity: 0.4;
      transform: scaleX(0.2);
    }

    100% {
      opacity: 0;
      transform: scaleX(1.1);
    }
}


  .mod-footer-foot-in {
    overflow: hidden;
		padding:0 10px;
		width:90%;
  }
.mod-footer-powered{
	margin-top:2em;
}


.mod-footer-link{
	float:none;
}

.image-content {
    padding-top: 5px;
  }

.baribari-image{
	height:324px;
}

.baribari-image-phoListWrap .baribari-image-phoList .big{
    width: 210px;
    height: 210px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.baribari-image-phoListWrap .baribari-image-phoList .oblong{
    width: 210px;
    height: 103px;
    margin-right: 5px;
    margin-bottom: 5px;
}

  .baribari-image-phoItem {
    width: 103px;
    height: 103px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
	
	
  .baribari-image-phoListWrap {
    overflow: hidden;
    width: 1953px;
    -webkit-animation: baribari-image-phoList 50s linear infinite;
    -moz-animation: baribari-image-phoList 50s linear infinite;
    -ms-animation: baribari-image-phoList 50s linear infinite;
    -o-animation: baribari-image-phoList 50s linear infinite;
    animation: baribari-image-phoList 50s linear infinite;
  }

  .baribari-image-phoList {
    float: left;
    width:651px;
  }

  @-moz-keyframes baribari-image-phoList {
    0% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -moz-transform: translateX(-651px);
      transform: translateX(-651px);
    }
}

  @-webkit-keyframes baribari-image-phoList {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -webkit-transform: translateX(-651px);
      transform: translateX(-651px);
    }
}

  @-o-keyframes baribari-image-phoList {
    0% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -o-transform: translateX(-651px);
      transform: translateX(-651px);
    }
}

  @-ms-keyframes baribari-image-phoList {
    0% {
      -ms-transform: translateX(0);
      transform: translateX(0);
    }

    100% {
      -ms-transform: translateX(-651px);
      transform: translateX(-651px);
    }
}

  @keyframes baribari-image-phoList {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-651px);
    }
}



.baribari-watashi-in {
	height:40%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	width:90%;
}

.baribari-watashi-h {
  padding-top: 3em;
}

.baribari-watashi-h img{
  width: 60%;
	height:60%;
}

.baribari-watashi-txt {
  padding-top: 1em;
  padding-bottom: 1em;
}

.baribari-watashi-txt img{
  width: 60%;
  height: 60%;
}

.baribari-h{
position: relative;
margin:0 auto;
top:-60px;
left:0px;
width:70%;
height:70%;
text-align:center;
}

.baribari-h img{
	width:50%;
	height:50%;
}

.baribari-genre .wrap-in{
	width:100%;
}
.baribari-genre-in{
	margin:0 auto;
}

.baribari-area .wrap-in{
	width:100%;
	box-sizing:border-box;
}
	
.baribari-genre .wrap-in{
	padding:40px 0 20px 0;
}
	
.baribari-genre-btnItem{
	width:120px;
	height:84px;
	font-size:1em;

}
.baribari-genre-btnList{
	width:270px;
	margin:0 auto;
}
.baribari-genre-btnList li{
	margin:0 10px 10px 0;
}

.baribari-in .baribari-genre-btnList li.mr0{
	margin-right:0;
}
.baribari-in .baribari-genre-btnList li.mr1{
	margin-right:0;
}

.baribari-area .baribari-h{
margin:0 auto;
top:-20px;
left:0px;
width:70%;
height:70%;
text-align:center;
}	

.baribari-genre .baribari-h{
width:80%;
height:80%;
}

.Opneing-btn{
	position:relative;
	width:60%;
	height:60%;
	top:0;
	margin:0 auto;
}

.Opneing-btn img{
	width:100%;
	height:100%;
}

.baribari-area-map{
		width:100%;
		height:100%;
}

.Map{
	margin-top:2em;
	padding-bottom:2em
}

.Map img{
	width:100%;
	height:100%;
}

}

@media screen and (min-width: 320px) and (max-width: 520px) {
  /* ==========================================================================
     SP 
     ========================================================================== */
		 
.east {
	top: 100px;
}
}

*:focus {
  outline: none;
}




h1 {
padding: 0.5em;/*文字周りの余白*/
color: #ffffff;/*文字色*/
background: #000000;/*背景色*/
border-left: solid 5px #4bb4cf;/*左線（実線 太さ 色）*/
vertical-align: center;
}

footer{
    font-size: 80%;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000000;
}
footer address{
    color: #fff;
    letter-spacing: 5px;
}

p {
	color:#FFF;
}