@charset "utf-8";

@media screen and (max-width:640px){
/*-------------------------------------------
all
-------------------------------------------*/
body {
   font: 85%/1.8 Arial , "Open Sans" , "Helvetica Neue" , Helvetica , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  width:100%;
  background: #000;
}

a{
  color:#fff;
  text-decoration: none;
}

.border{
background: #d0af2d;
background: -moz-linear-gradient(left,  #d0af2d 0%, #ffffff 50%, #d0af2d 100%);
background: -webkit-linear-gradient(left,  #d0af2d 0%,#ffffff 50%,#d0af2d 100%);
background: linear-gradient(to right,  #d0af2d 0%,#ffffff 50%,#d0af2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0af2d', endColorstr='#d0af2d',GradientType=1 );
padding: 2px;
}

/*-------------------------------------------
header
-------------------------------------------*/
#header{
  padding: 10px;
}

#header h1{
  text-align:center;
  margin:20px;
}

#header > .inner{
  text-align:center;
}

.tel{
  color: #b78c15;
  font-size: 250%;
  letter-spacing: 2px;
  vertical-align: middle;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 100%;
}

.tel img{
  vertical-align: middle;
  margin-right: 10px;
}

.tel span{
  display: block;
  font-size: 40%;
  color: #fff;
  text-align: center;
}

.slide{
  text-align: center;
  width:100%;
}
  
.slide > h2{
 color:#fff;
  font-size:120%;
  margin:10px 0 0 0;
}

.topic{
  background:rgba(0,0,0,0.8);
  bottom:10px;
  width:100%;
  height:30%;
  padding:10px;
  color:#fff;
}

.topic h2{
   background:rgba(166,19,74,0.5);
    border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px; 
  margin:10px 0;
  padding:5px;
}

.topic ul li{
  text-align:left;
  padding-bottom:10px;
  font-size:130%;
}

.topic ul li span{
   background:rgba(183,140,21,0.5);
   border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px; 
  padding:3px 10px;
  margin:10px 20px;
}

/*--------------------------_-----------------
nav
-------------------------------------------*/
#hnav{
  background: #000;
}

#hnav ul{
  display: -webkit-flex;
  display:flex;
}

#hnav li{
  width:25%;
}

#hnav li a{
  display:block;
  text-align: center;
  padding:10px 3px;
  font-size:90%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#hnav li span{
  display: block;
  font-size: 70%;
}

/*-------------------------------------------
article
-------------------------------------------*/
article{
 padding-bottom:20px; 
}

section h2{
  text-align: center;
  padding:20px 10px;
}

.about ul{
  display: flex;
  -webkit-justify-content:center;
  justify-content:center;
}

.about ul li{
  text-align: center;
  font-size: 120%;
  background: #b78c15;
  width: 100px;
  height: 100px;
  padding-top:10px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  margin:10px;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.about p{
  text-align: center;
  color: #fff;
  margin-bottom:20px;
  font-size:90%;
}

.cast{
  padding:10px;
}

.cast li{
  background: #fff;
  padding:20px;
  margin-bottom:20px;
}
 
.cast li img{
  display:block;
  margin:10px auto;
}

.check li{
  background: #000;
  color: #fff;
  text-align: center;
  margin: 5px 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  padding:0;
}
  
.status{
  text-align: center;
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  margin-bottom:5px;
}
  
.on{
  background: #a6134a;
}

.off{
  background: #000;
}

.probtn{
  margin:10px 0 0 0;
}
.probtn a{
  display:block;
  text-align:center;
  background:#f29319;
  color: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  text-decoration:none;
  font-size:120%;
  font-weight:bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: #b78c15;
  padding:5px 0;
}  

.service .imgleft{
  margin-bottom:10px;
}

.imgleft h3{
  color: #a6134a;
  line-height:150%;
}

.imgleft h3 i{
  margin-right: 5px;
}

.imgleft div p{
  line-height:150%;
}

.photo li img{
  display:block;
  margin:0 auto;
}

.banner ul{
    display: -webkit-flex;
  display: flex;
  justify-content:center;
}
.banner ul li{
 margin:10px 10px; 
}

/*-------------------------------------------
contact
-------------------------------------------*/
.contact p{
  color: #fff;
  padding: 10px;
}

/*-------------------------------------------
Photo
-------------------------------------------*/

.photolist{
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  justify-content:center;
}

.photolist li{
  margin: 5px;
  background: #d0af2d;
  background: -moz-linear-gradient(top,  #d0af2d 0%, #ffffff 50%, #d0af2d 100%);
  background: -webkit-linear-gradient(top,  #d0af2d 0%,#ffffff 50%,#d0af2d 100%);
  background: linear-gradient(to bottom,  #d0af2d 0%,#ffffff 50%,#d0af2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0af2d',    endColorstr='#d0af2d',GradientType=0 );
  padding:5px;
}
.photolist li img{  
  width:150px;
  height:auto;
}
  
.name{
 background:#000;
  padding:10px;
  text-align:center;
  color:#fff;
}

/*-------------------------------------------
plan
-------------------------------------------*/
.plan,
.system{
  padding: 0 10px;
}
.plan h3{
  background: #a6134a;
  color: #fff;
  font-size: 120%;
  padding: 10px;
  margin: 20px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.plan h3 img{
  margin-right: 10px;
}

table{
  overflow: hidden;
  border: 1px solid #b78c15;
  margin:10px auto;
  font-size:90%;
  background: #b78c15;
}
table th{
  background: #b78c15;
  color:#fff;
  font-weight:normal;
  text-align: center;
  padding: 5px
}

table td{
  background: #fff;
  text-align:center;
  padding:10px;
  border: 2px solid #b78c15;
}

table tr td:first-child{
  width:30%;
}
table tr td:last-child{
  width:30%;
}
.system li{
 border:2px solid #333;
  margin:20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
  
.system li p{
  margin:0 20px;
}
.system li span{
  background: #a6134a;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  text-align:center;
  font-size:120%;
  width:30%;
  margin-bottom:10px;
}
  
.system ul img{
 display:block;
  margin:0 auto;
}
  
.system li{
  color: #fff;
  padding: 20px 0;
}

.faq dt{
  background: #a6134a;
  padding: 5px 20px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.faq dd{
  color: #fff;
  padding: 10px;
  background:#000!important;
}

/*-------------------------------------------
profile
-------------------------------------------*/
.profile{
 margin:0 10px;
}

.thumb-item{
  width:320px;
  display:block;
  background: #d0af2d;
  padding:10px; 
  display: block;
  margin: 0 auto 20px auto;
}
.thumb-item img{
 width:100%;
  height:auto;
}
.thumb-item-nav{
 margin:0 20px; 
}
.thumb-item-nav li{
  margin:5px 0 20px 0;
}

.profile h3{
  background: #a6134a;
  color: #fff;
  font-size: 130%;
  padding: 5px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom:10px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.profile h3 img{
  margin-right: 10px;
}

dl{
  margin:20px;
}

dt {
background:#b78c15;
  padding:10px;
  color:#fff;
  font-size:120%;
}

dd {
  background:#fff;
  margin:0!important;
  padding:10px;
}
  
input[type="text"]{
  width:100%;
  height:40px;
  padding:3px;
  border:1px solid #ccc;
  font-size:120%;
}

textarea{
  width:100%;
  height:100px;
  padding:3px;
  border:1px solid #ccc;
  font-size:120%;
}
  
select{
  font-size:120%;
}

input[type="submit"]{
  width:90%;
  margin:20px auto;
  display:block;
  padding:10px 20px;
  font-size:130%;
  border:0;
  background: #a6134a;
  color:#fff;
  border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

dl.weekly dt{
  background:#333;
  padding:5px;
  text-align:center;
}
dl.weekly dd{
  padding:5px;
  text-align:center;
}

.blc_right p{
  color: #fff;
  text-align: center;
  font-size: 150%;
}

.thumbnail{
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  margin: 10px 0 0 10px;
}

.thumbnail li{
  margin: 0 10px 10px 0;
}

.bottom p{
  color: #fff;
}

.op{
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  margin:10px;
}
.op li{
 width:50%;
  padding:1px;
}
.op li a{
  display: block;
  padding:10px;
}
  
.op li a i{
 margin-right:10px; 
}

.op .on{
  background: #b78c14;
}

.op .off{
  background: #333333;
}

.time{
  color: #fff;
  text-align: center;
  font-size: 150%;
  margin-bottom:10px;
}
/*-------------------------------------------
footer
-------------------------------------------*/
#footer h1{
  text-align:center;
  margin:20px 0;
}

#footer > .inner{
  text-align:center;
}

#fnav ul{
margin:10px 0;
}

#fnav ul li{
  border-top:1px solid #000;
}

#fnav li a{
  display:block;
  padding:10px;
  background:#222;
}

#fnav li a:before{
  content:"\f0da";
  font-family: FontAwesome;
  margin-right:10px;
  color:#d0af2d;
}

.copy{
  color: #7c7c7c; 
  text-align: center;
  padding: 10px 0;
  margin-bottom:105px;
}

/*-------------------------------------------
fix_phone
-------------------------------------------*/
.fix_menu_smartphone{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  width:100%;
  height:105px;
}
.fix_menu_smartphone a{
  background:rgba(0,0,0,0.9);
  text-align:center;
  display: block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding:3px 0;
}
.fixtxt{
  font-size:80%;
}
.fixtel{
  font-size:200%;
  line-height:130%;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 2px;
}
.fixtel img{
  display: inline-block;
  vertical-align: middle;
  margin-right:10px;
}
/*-------------------------------------------
pagenavi
-------------------------------------------*/
#pagenavi { text-align: center }
#pagenavi .current {
    display: inline-block;
    background: #7cc6fa;
    margin: 10px;
    padding: 10px 15px;
    color: #fff;
}
#pagenavi .inactive {
    display: inline-block;
    background: #ccc;
    margin: 10px;
    padding: 10px 15px;
    color: #fff;
}

}