@charset "utf-8";

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url(//fonts.googleapis.com/css?family=Montserrat:600|Noto+Serif+JP|EB+Garamond:400,500|Oswald);

/*
====================================================
■ Reset
====================================================
*/

* {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
img {
  vertical-align: top;
  width:100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
  overflow: hidden;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
iframe {
  border: none;
}
input:focus {
  outline: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type=text],
input[type=email],
input[type=tel],
textarea,
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=text]::-webkit-search-decoration,
input[type=email]::-webkit-search-decoration,
input[type=tel]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type=text]::focus,
input[type=email]::focus,
input[type=tel]::focus,
textarea::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*
====================================================
■ BASE
====================================================
*/

abbr,
acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}
em {
  font-style: italic;
}
blockquote,
ul,
ol,
dl {
  margin: 0;
}
ol,
ul,
dl {
  margin: 0;
}
ol li {
  list-style: none;
}
ul li {
  list-style: none;
}
dl dd {
  margin: 0;
}
th,
td {
  padding: 0;
}
th {
  font-weight: bold;
  text-align: center;
}
caption {
  margin-bottom: .5em;
  text-align: center;
}
p,
fieldset,
table {
  margin: 0;
}
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}

/*
===== CLEARFIX ==========================================
*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/

}


/*
====================================================
■ all
====================================================
*/
html,
body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 13px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 175%;
  -webkit-font-smoothing: subpixel-antialiased;
}


/*
#bodywrapper {
  width: 100%;
  height: auto;
  position: relative;
  max-height: 100%;
  padding-top: 110px;
}
@media screen and (max-width: 768px) {
  #bodywrapper {
    padding-top: 50px;
  }
}*/


/*
====================================================
■ Header
====================================================
*/
#header {
  /*position: fixed;*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}

#header.upside {/*上ナビ*/
  /*position: fixed;*/
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}



#header .bgleft {
  position: absolute;
  left: 0;
  top: 0px;
  width: 50%;
  height: 60px;
  z-index: 1;
}
#header .inner {
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  #header {
    position: fixed;
  }

  #header .inner {
    max-width: none;
    padding: 0 2%;
    margin: 0 auto;
  }
}

#header .logo {
  float: left;
  z-index:100;
  max-width:595px;
  position: relative;
  margin-left:-15px;
}

#header .logo img {
}

#header .logo a {
  display: block;
  /*height: 110px;*/
  width: 100%;
}


#header .header_info {
    float: right;
    color:#fff;
    margin:10px 0 0 0;
    line-height:1.2;
}
#header .header_info .shop{
    font-size:0.98rem;
    font-weight:bold;
    line-height:1.8;
}
#header .header_info .time{
    display:block;
    font-weight: bold;
    font-size:1.5rem;
    /*font-family: "Montserrat",sans-serif;*/
    letter-spacing: 0.12em;
}

#header .header_info .tel{
    display:block;
    font-size:2.1rem;
    font-weight: 500;
    font-family: "Montserrat",sans-serif;
    letter-spacing: 0.03em;
}


@media screen and (max-width: 980px) {
  #header .logo {
    height:100px;
    max-width: 430px;
  }
}







@media screen and (max-width: 768px) {
  #header {
    height: 55px;
	  padding: 0 2%;
  }
  #header .logo {
    height:55px;
  }
  #header .bgleft {
    width: 75px;
    height: 55px;
    -webkit-transform: skew(-13deg, 0);
    -moz-transform: skew(-13deg, 0);
    -o-transform: skew(-13deg, 0);
    transform: skew(-13deg, 0);
    left: -10px;


  }
  #header .inner {
    padding: 0 0;
  }
  #header .logo {
    float: none;
    width: auto;
  }
  #header .logo a {
    display: block;
    height: 55px;
    width: auto;
    text-indent: -9999px;
    margin-left: 5px;
    background-size: 80%;
  }

#header .header_info {
    display: none;
}
  #header .btn_menu_sp {
    position: relative;
  }
  #header .btn_menu_sp span {
    display: block;
  }
}
/*
====================================================
■ btn_menu_sp
====================================================
*/
#btn_menu_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #btn_menu_sp {
    display: block;
    cursor:pointer;
    position: fixed;
    z-index: 500;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #btn_menu_sp span {
    display: block;
    position: absolute;
    left: 10px;
    width: 27px;
    height: 3px;
  }
  #btn_menu_sp .line1 {
    top: 14px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  #btn_menu_sp .line2 {
    top: 23px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  #btn_menu_sp .line3 {
    top: 32px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  #btn_menu_sp.open .line1 {
    top: 14px;
    -webkit-transform: translate(0px, 9px) rotate(135deg);
    -moz-transform: translate(0px, 9px) rotate(135deg);
    -ms-transform: translate(0px, 9px) rotate(135deg);
    -o-transform: translate(0px, 9px) rotate(135deg);
  }
  #btn_menu_sp.open .line2 {
    top: 23px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  #btn_menu_sp.open .line3 {
    top: 32px;
    -webkit-transform: translate(0px, -9px) rotate(-135deg);
    -moz-transform: translate(0px, -9px) rotate(-135deg);
    -ms-transform: translate(0px, -9px) rotate(-135deg);
    -o-transform: translate(0px, -9px) rotate(-135deg);
  }
}


/*
====================================================
■ btn_menu_sp
====================================================
*/
#btn_menu_tel_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #btn_menu_tel_sp {
    display: block;
    position: fixed;
    z-index: 200;
    right: 50px;
    top: 0px;
    width: 50px;
    height: 50px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    font-size:2.4rem;
    text-align:center;
  }
  #btn_menu_tel_sp i{
    margin-top:10px;
  }
  #btn_menu_tel_sp a{color:#7380A2;}
}


/*
====================================================
■ gnav_sp
====================================================
*/
#gnav_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #gnav_sp {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    overflow: auto;/* scroll*/
    -webkit-overflow-scrolling: touch;
  }
  #gnav_sp .inner {
    padding: 2% 0;
  }

  #gnav_sp a {

  }
  #gnav_sp .navbox {
    margin-top: 8px;
    text-align:center;
  }
  #gnav_sp .navbox .en {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-size: 1.2rem;
    display: block;
  }
  #gnav_sp .navbox .jp {
    display: block;
  }
  #gnav_sp .navbox ul {
    width: 100%;
  }
  #gnav_sp .navbox ul a,#gnav_sp .navbox ul p {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;

    }
  #gnav_sp .navbox ul a:after {
    content: "";
    display: block;
    position: absolute;
    right: 4%;
    top: 50%;
    z-index: 2;
    /*background: url(/img/arrow.png) no-repeat;*/
    width: 9px;
    height: 14px;
    margin-top: -7px;
    background-size: contain;
  }

  #gnav_sp .navbox ul a.blank:after {
    content: "";
    display: block;
    position: absolute;
    right: 4%;
    top: 50%;
    z-index: 2;
    background: url(../img/blank.png) no-repeat;
    width: 11px;
    height: 9px;
    margin-top: -4px;
    background-size: contain;
  }
  #gnav_sp .navbox ul > li {
    width: 48%;
    float:left;
    /*border: 1px dotted #FFA4BD;*/
    margin:1%;
    padding:1% 0%;
        box-sizing: border-box;

  /*  width: 100%;
    display: block;   */
  }
  #gnav_sp .navbox ul > li > a {
    display: block;
    width: 100%;

  }
  #gnav_sp .navbox ul > li > a .en,  #gnav_sp .navbox ul > li > p .en {
    /*padding-left: 4%;*/
    line-height: 135%;

  }
  #gnav_sp .navbox ul > li > a .jp,  #gnav_sp .navbox ul > li > p .jp {
    /*padding-left: 4%;*/
    font-size: 10px;
    line-height: 100%;
  }
  #gnav_sp .navbox ul > li ul {
    border-top: none;
  }
  #gnav_sp .navbox ul > li ul > li:first-child {
    border-top: none;
  }
  #gnav_sp .navbox ul > li ul > li > a {
    display: block;
    width: 100%;
  }
  #gnav_sp .navbox ul > li ul > li > a .jp {
    font-size: 13px;
    padding-left: 8%;
  }

	
  #gnav_sp .tel {
    float: left;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
	
  #gnav_sp dl.tel {
    padding: 2% 0;
	  border: none;
}

  #gnav_sp .tel dt {
    float: left;
    font-size: 1.2rem;
    margin-bottom: 5px;
    width: 100%;
    text-align:center;
	  font-weight: bold;
}

  #gnav_sp .tel dd {
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    width: 100%;
}
	#gnav_sp .tel dd span {
    font-size: 1.8rem;
		margin: 0;
}
}
/*
====================================================
■ Gnavi
====================================================
*/

#navi_con{
  float:left;
  width:19%;
  margin-right:1%;
}

#gnav {
  transition: all 0.3s ease 0s;
  /*position: relative;*/
  width:100%;
  z-index:5;
}

.upside{/*上ナビ*/
    background: url("../img/bg_nav.jpg") repeat;
}


#gnav ul{
  /*max-width:1100px;*/
  margin:auto;
  text-align: center;
}
#gnav.upside ul{ /*上ナビ*/
  max-width:1100px;
}

#gnav ul li.gli {
  height:50px;
}
#gnav.upside ul li.gli {/*上ナビ*/
  /*width: calc(100% / 11);*/
  float:left;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease 0s;
  /*float:left;*/
}


#gnav ul li.gli a.gbtn {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 100%;
  line-height: 1.4;
  vertical-align: middle;
}
#gnav ul li.gli a.gbtn div{
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
#gnav ul li.gli a.gbtn .en {
  display: block;
  /*position: absolute;
  top: 5px;*/
  width: 100%;
  z-index: 3;
  text-align: center;
  font-family: "Montserrat",sans-serif;
  font-weight: 500;
  font-size: 1.1rem;
  transition: all 0.15s ease 0s;
}

#gnav ul li.gli a.gbtn .jp {
  /*position: absolute;
  top: 20px;*/
  width: 100%;
  text-align: center;
  z-index: 4;
  font-size: 0.7rem;
  transition: all 0.15s ease 0s;
  display:block;
}


#gnav ul li.gli a.gbtn .bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  }
#gnav ul li.gli a.gbtn .bg:after {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  top: 100px;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-bottom:1px solid #ccc;
  margin:0;
    }

#gnav ul li:hover a.gbtn .en {
  top: 8px;
}
#gnav ul li:hover a.gbtn .jp {
  top: 23px;
  visibility: visible;
  opacity: 1;
}
#gnav ul li:hover a.gbtn .bg:after {
  top: 0px;
  left: 0px;
}
#gnav ul li.gli:first-child a.gbtn .jp {
  /*width: 97%;*/
}
#gnav ul li.gli:first-child a.gbtn .bg {
  /*border: none;*/
}
#gnav ul li.gli:first-child a.gbtn .bg:after {
  /*border: none;*/
}



@media screen and (max-width: 768px) {
  #navi_con{
    float:none;
    width:100%;
    margin-right:0%;
    overflow: hidden;
  }
  #gnav {
    display: none;
  }
}




/*
====================================================
■ MAIN CONTENA
====================================================
*/
#main_con {
    float: right;
    width: 80%;
}
#main_con.upside {/*上ナビ*/
  float:none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #main_con {
      float:none;
      width: 100%;
  }
}





/*
====================================================
■ FOOTER
====================================================
*/
#footer {
  padding-bottom: 45px;
}


#footer .inner {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}


@media screen and (max-width: 768px) {
  #footer {margin-top:10px;padding-bottom:80px;}

  #footer .inner {
    max-width: none;
    margin: 0 auto;
    padding:10px 0 0;
  }
}
#footer nav {
  padding:10px;
  border-radius: 50px;
  max-width:1040px;
  margin:30px auto;
}

#footer nav ul{
  max-width:1040px;
  margin:auto;
  text-align:center;
}

#footer nav ul li{
  display:inline-block;
  width:auto;
  padding:0 8px 0 5px;
  text-align:center;
  font-size: 0.9rem;
}

#footer nav ul li a:hover{
  text-decoration: underline;
}


@media screen and (max-width: 768px) {
  #footer nav{display:none;}


}

#footer .copyright {
  text-align: center;
  font-size: 0.55rem;
  line-height: 150%;
  margin-top:15px;
  font-family: "Oswald",sans-serif;
}
#footer .copyright2 {
  text-align: center;
  font-size: 0.9rem;
  line-height: 150%;
  padding:1% 4%;
}
  #footer nav .block {
    display: none;
  }

@media screen and (max-width: 768px) {
  #footer .logo {
  background-size:150px auto;
  width: 150px;
  height: 60px;
    margin-top: 40px;
  }
  #footer .copyright {
    font-size: 0.8rem;
    line-height: 200%;
    margin-top: 10px;
  }
  #footer .copyright2 {
    font-size: 0.8rem;
    line-height: 150%;
    text-align: left;
  }
}


/*
====================================================
■ wrap設定(メインコンテナ)
====================================================
*/
#wrap{
  margin: 0px auto 0px;
  max-width: 1080px;
  min-height: 600px;
  padding: 0 10px 20px 10px;
  overflow:hidden;
}


@media screen and (max-width: 768px) {
#wrap{
   margin: 90px auto 0;
   padding: 0 0 20px 0;
   }
#wrap ul:first-child{padding:auto 10px;}
}


/*
====================================================
■ パンくず設定
====================================================
*/
  ol.breadcrumb {
  margin: 0 auto 0;
  list-style-type: none;
  padding:3px 0 5px;
  font-size:0.9rem;
  max-width:1200px;
  colot:#fff;
  }
  ol.breadcrumb li {
  display: inline;
  }
  ol.breadcrumb li::before {
  content: '\f105';
  font-family: FontAwesome;
  margin: 0 5px 0 5px;
  }
  ol.breadcrumb li:first-child:before {
  content: '';
  }
  ol.breadcrumb li a:hover{
  text-decoration: underline;
  }

  @media screen and (max-width: 768px) {
  ol.breadcrumb {
    font-size:0.7rem;
    padding:8px 5px;
    }
    }



/*
====================================================
■ サブ見出し設定（TOP、PROFILE）
====================================================
*/

.subtitle {
	padding:10px 0 10px 10px;
	position:relative;
	background-size:auto ,auto;
	font-size:1.5rem;
	font-weight: 500;
  margin-bottom:5px;
	letter-spacing: 0.05rem;
	font-family: "Montserrat",sans-serif;
}

.subtitle span {
	display:inline-block;
	font-size:0.9rem;
	vertical-align:top;
	margin-left:2%;

}
.subtitle span.more a{
	position:absolute;
	top:10px;
	right:5px;
  display:block;
  padding:0.5% 1%;
  transition: all 0.3s ease 0s;
  line-height:150%;
}


@media screen and (max-width: 768px) {
.subtitle span {
	padding: 0 0.5em;}
.subtitle span img{
	width:80%;}
}





/*
====================================================
■ pagetitle / h2設定（トップ以外）
====================================================
*/
.pagetitle {
  width: 99%;
  height: 40px;
  position: relative;
  font-family: "Montserrat",sans-serif;
  font-weight: 500;
  font-size:3rem;
  padding:20px 0 0 1%;
}
.pagetitle span {
  font-size: 1.1rem;
  font-weight: normal;
  vertical-align:top;
  display:inline-block;
  margin-left:7px;
}

@media screen and (max-width: 768px) {
	.pagetitle {
		width: 100%;
		padding:13px 0 0 10px;
		height: 32px;
		font-size:1.8rem;
		border-top-style: solid;
		border-top-width: 1px;
	  }
	.pagetitle span {
		font-size: 0.9rem;
	}
}


/*
====================================================
■ LIST 設定
====================================================
*/

/*名前・サイズ*/
ul li .databox {
  display: block;
  position: absolute;
  left: 0;
  bottom:0;
  z-index: 4;
  width: 100%;
  text-align: center;
  color: #FFF;
  background:rgba(1,1,1,0.5);
  padding:0;
  line-height:1.4;
}

ul li .databox p{
  font-size:1.3rem;
  margin:2% 0 0;
}
ul li .databox p span{
  font-size:1rem;
  margin:0 0 2%;
  display: block;
}
ul li .databox .time{
  font-size:1.5rem;
  padding:1% 0;

}


@media screen and (max-width: 768px) {
      ul li .databox p{
      font-size:1rem;
      }
      ul li .databox p span{
      font-size:0.7rem;
      }
      ul li .databox .time{
      font-size:1rem;
}
}

/*サム写真*/

ul li .ph {
    transition: all .8s ease-out;
    width:100%;
}
ul li a:hover .ph {
    opacity: 0.9;
}



#todayssche ul li .ph,
#cast ul li .ph,
#schedule ul li .ph,
#waiting ul li .ph
{
	position:relative;
	padding-top:133.333%;
	overflow:hidden;
}
#todayssche ul li .ph img,
#cast ul li .ph img,
#schedule ul li .ph img,
#waiting ul li .ph img
{
	position:absolute;
	top:0;
	left:0;
}



/*サムHOVER*/

li:hover .thum-over {
    opacity: 1;
}

.thum-over {
    background-color:rgba(0,58,129,0.5);
    /*background-color:rgba(7,89,165,0.7);*/
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    text-align: center;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    width: 100%;
    z-index: 10;
}
.thum-over p.more {
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #ccc;
    display: inline-block;
    font-size: 1.2em;
    font-family: "Muli",sans-serif;
    text-align: center;
    transition: all 0.4s ease 0s;
    margin: 60% auto 0;
    padding:0 5%;
}
@media screen and (max-width: 768px) {
      .thum-over {
      display:none;
      }
}



/*NEWアイコン・本日出勤*/

.list_new {
  display: block;
  position: absolute;
  left:0;
  top:0;
  z-index: 4;
  width:50px;
}

.list_today {
    display: block;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 4;
    width:70px;
}
.list_star {
  padding:3px 5px;
  font-size: 1rem;
  line-height: 1;	
  margin-left: 3px;
  vertical-align: baseline;
  display: inline-block;
}




@media screen and (max-width: 980px) {
.list_new {
  width:40px;
}
.list_today {
    width:50px;
}
}

@media screen and (max-width: 768px) {
	.list_star{
		font-size: 0.78rem;
	}
}

@media screen and (max-width: 480px) {
      .list_today {
      width:55px;
      }
}


/*一行指定*/
#main_con ul li article h3,/*一覧*/
#main_con ul li article p,/*一覧*/
.listbox ul li article h5 /*詳細3カラム一覧*/
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}






/*
====================================================
■ scrollUp
====================================================
*/
#scrollUp { position: fixed; bottom: 0px; right: 0px; z-index:98; }
#scrollUp i { font-size: 2rem; line-height: 4rem;font-family:"FontAwesome"; }
#scrollUp a {width: 60px; height: 53px; display:block; text-align: center; z-index: 11; /*-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; */border:none; }


@media screen and (max-width: 768px){
    #scrollUp a {display:none;}
}



/*
====================================================
■ BTN設定
====================================================
*/
.btn /*レビュー*/{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    font-size:1rem;
    letter-spacing: 0.15em;
    font-weight:bold;
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif;
}


.more_btn,
.back_btn
{
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	display: block;
	margin:20px auto;
	line-height: 40px;
	letter-spacing: 0.15em;
	text-align: center;
	transition: all 0.4s ease 0s;
	position:relative;
	cursor: pointer;
	font-weight: bold;
}

.more_btn:after {
	content: "\f061";
	font-family: "FontAwesome";
	font-size: 10px;
	line-height: 40px;
	position: absolute;
	right: 15px;
	top: 0;
	transition: all 0.3s ease 0s;
	z-index: 1;
}

.back_btn:after {
	content: "\f060";
	font-family: "FontAwesome";
	font-size: 10px;
	line-height: 40px;
	position: absolute;
	left: 15px;
	top: 0;
	transition: all 0.3s ease 0s;
	z-index: 1;
}
.more_btn:hover, .back_btn:hover {
	border-style: solid;
	border-width: 1px;
    cursor:pointer;
}



/*
====================================================
■ TOP NAVI for SP
====================================================
*/

#top_navi{
     position:fixed;
     top:55px;
     width: 100%;
     z-index:5;
	 display:none;
}
@media screen and (max-width: 768px) {
#top_navi{
	 display:block;
}
}
#top_navi ul li{
     width:20%;
     float:left;
     font-size:0.9rem;
     text-align:center;
     box-sizing: border-box;
     font-weight: bold;
	border-left-style: solid;
	border-left-width: 1px;
}
#top_navi ul li:first-child{
     border: none;
}
#top_navi ul li a{
     display:block;
     padding:8px 0 5px;
}

@media screen and (max-width: 480px){
  #top_navi ul li{
       font-size:0.8rem;}
}


/*
====================================================
■ BOTTOM TEL for SP
====================================================
*/

#bottom_tel{
     position:fixed;
     bottom:0;
     width: 100%;
     background:rgba(235,235,235, 0.8);
     z-index:5;
     padding:5px 0;
     text-align:center;
     font-family: "Montserrat",sans-serif;
     font-size:1.4rem;
}

#bottom_tel .bottom_time{
	font-size:1rem;
}

/*
====================================================
■ BOTTOMNAVI for SP
====================================================
*/
#bottomNavi{
	display: none;
}

@media screen and (max-width: 768px){

#bottomNavi{
  bottom: 0;
  color: #111;
  font-size: 0.8rem;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 98;
  display: block;
}
#bottomNavi ul{
  margin:0;
  display:table;
  table-layout:fixed;
  width:100%;
}
#bottomNavi ul li{
  font-size: 0.66rem;
  /*
  float: left;
  width: calc(100% / 6);
  */
  border:none;
  display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#bottomNavi li a{
  display: block;
  padding: 6px 0 3px;
  color: #333;
}
#bottomNavi li span{
  display:block;
  font-size: 0.85rem;
  line-height: 1;
}
#bottomNavi li i{
  font-size: 2rem;
}

}



/*
====================================================
■ SWITCH PC or SP
====================================================
*/
.sp{
	display:none;
}
@media screen and (max-width: 768px){
.sp{
	display:inherit;
}
.pc{
	display:none;
}
}