/*
    Theme Name: original
*/
@charset "utf-8";

@media screen and (min-width:641px){
/*-------------------------------------------
all
-------------------------------------------*/
body {
   font: 110%/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%;
  min-width:1200px;
  background: #000;
}
.inner{
  width:1000px;
  margin:0 auto;
}

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

.imgleft,.imgright{
  display:flex;
  align-items: flex-start;
}

.imgright{
  flex-direction:row-reverse;
}

.imgleft > div{
 flex:1;
  margin-left:10px;
}

.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: 3px;
}
/*-------------------------------------------
header
-------------------------------------------*/
#header{
  padding: 10px 0 0 0;
}

#header h1{
  margin-right: auto;
}

#header > .inner{
  display: -webkit-flex;
  display:flex;
  padding:10px 0;
}

.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;
  position: relative;
  width:1200px;
  margin:0 auto;
}
  
.slide > h2{
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
  width:100%;
  height:50px;
  background:rgba(0,0,0,0.8);
  line-height:50px;
  color:#fff;
  font-size:30px;
}
  
.topic{
  position: absolute;
  bottom:60px;
  left:10px;
  background:rgba(0,0,0,0.8);
  width:30%;
  height:40%;
  color:#fff;
}

.topic h2{
   background:rgba(166,19,74,0.5);
    border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px; 
  margin:10px 10px 0 10px;
}
.topic ul{
 padding:10px; 
}
.topic ul li{
  text-align:left;
  padding-bottom:5px;
  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:5px 10px;
  margin-right:20px;
}


/*-------------------------------------------
nav
-------------------------------------------*/
#hnav{
background: #292d2d;
background: -moz-linear-gradient(top,  #292d2d 0%, #000000 100%);
background: -webkit-linear-gradient(top,  #292d2d 0%,#000000 100%);
background: linear-gradient(to bottom,  #292d2d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292d2d', endColorstr='#000000',GradientType=0 );
}

#hnav ul{
  display: -webkit-flex;
  display:flex;
  border-left: 1px solid #222;
  border-right: 1px solid #000;
}

#hnav li a{
  display:block;
  text-align: center;
  width: 250px;
  padding:15px 0;
  letter-spacing: 2px;
  border-left: 1px solid #000;
  border-right: 1px solid #222;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

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

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

section h2{
  text-align: center;
  padding:30px 0;
}

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

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

.about p{
  text-align: center;
  color: #fff;
  margin-bottom:30px;
}

.service{
  display: -webkit-flex;
  display:flex;
  justify-content:center;
  margin: 30px auto 0 auto;
}

.service .cast{
  display: -webkit-flex;
  display:flex;
  font-size:90%;
}
.service .photo{
  width:290px;
}

.service .cast li{
  background: #fff;
  margin-right:20px;
  padding:10px;
}

.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;
}
  
.cast li:last-child{
 margin-right: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 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;
}  

.imgleft{
  margin-bottom:10px;
  width:290px;
  min-height:280px;
}

.imgleft h3{
  color: #a6134a;
  line-height:150%;
  margin:10px 0;
}

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

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

.photo .imgphoto{
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 );
  display:block;
  margin:0 20px;
  max-height:343px;
  width:auto;
  padding:10px;
}
  
.photolist{
  display: -webkit-flex;
  display:flex;
}
.photolist li{
 margin-right:20px; 
}
.photolist li:nth-child{
 margin-right:0; 
}

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

/*-------------------------------------------
contact
-------------------------------------------*/
.contact p{
  text-align: center;
  color: #fff;
}

/*-------------------------------------------
Photo
-------------------------------------------*/
.photolist li{
  position: relative;
}
.name{
 background:rgba(0,0,0,0.8);
  padding:10px;
  text-align:center;
  color:#fff;
  position: absolute;
  bottom:5%;
  left:5%;
  width:90%;
}

/*-------------------------------------------
archives
-------------------------------------------*/
.archives .cast{
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
}

.archives .cast > li{
  width:31%;
  margin-bottom:20px;
  background:#fff;
  padding:10px;
  margin:10px;
  font-size:95%;
}
/*-------------------------------------------
plan
-------------------------------------------*/

.block{
  width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display:flex;
  -webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}

.plan .right,
.plan .left{
  width: 480px;
}

.plan h3{
  background: #a6134a;
  color: #fff;
  font-size: 120%;
  padding: 5px 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:130%;
  background: #b78c15;
  width:480px;
}

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%;
}

.table03{
  margin-bottom: 65px;
}

.system li span{
  background: #a6134a;
  color: #fff;
  padding: 10px 30px;
  margin: 30px  20px 0 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display:block;
}

.system ul{
  width: 800px;
  margin: 0 auto; 
}

.system li{
  color: #fff;
  font-size: 150%;
  padding: 20px 0;
}

.system ul img{
  margin: 0px 0 0 27px; 
}

/*-------------------------------------------
profile
-------------------------------------------*/
.top{
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:wrap;
}

.blc_left{
  width: 330px;
  margin-right:20px;
}

.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{
overflow: hidden;
margin:10px auto;
background: #b78c15;
}

dl:after {
    clear: both; /* ここからclearfix処置 */
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; /* ここまでclearfix処置 */
}

dt {
clear: left;
float: left;
font-size:100%;
border-top: 1px solid #f3bc51;
padding:5px 10px;
margin-top: -1px;
color:#fff;
  width:180px;
}

dd {
text-align:left;
font-size:100%;
border-left: 1px solid #b78c15;
border-top: 1px solid #b78c15;
padding:5px 10px;
margin-top: -1px;
background:#fff;
  margin-left:180px;
}
  
.faq dl{
  width: 800px;
  margin: 0 auto;
  background:none;
}

.faq dt{
  background: #a6134a;
  padding: 5px 20px;
  font-size: 120%;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border:none;
  width:100%;
  margin-bottom:10px;
}

.faq dd{
  color: #fff;
  padding: 20px;
  font-size: 120%;
  border:none;
  background:#000;
  margin:0;
}

.profile dl{
  width:650px;
  margin-bottom:20px;
}

.profile dt {
  padding:10px;
}

.profile dd {
  padding:10px;
}

dl.contact{
  width:800px;
  margin:30px auto;
}
dl.contact dt{
  width:230px;
}
dl.contact dd{
  margin-left:230px;
}

.time{
  color: #fff;
  text-align: center;
  font-size: 150%;
  margin-bottom: 10px;
}

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

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


.bottom p{
  color: #fff;
  padding: 10px;
}

.op{
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.op li{
 width:50%;
  padding:1px;
}
.op li p{
  padding:10px;
  color:#fff;
}

.op li i{
 margin-right:10px; 
}

.op .on{
  background: #b78c14;
}

.op .off{
  background: #333;
}
  
.bottom{
  display: -webkit-flex;
  display:flex;
}
.ladymessage{
 margin-right:20px; 
}
.comment{
 width:100%; 
}

input[type="text"]{
  width:80%;
  height:30px;
  padding:3px;
  border:1px solid #ccc;
  font-size:120%;
}

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

input[type="submit"]{
  width:50%;
  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;
}

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

#footer h1{
  margin-right: auto;
}

#footer > .inner{
  display: -webkit-flex;
  display:flex;
  padding:20px 0;
}

#fnav ul{
  display: flex;
  justify-content:center;
}

#fnav li a{
  color: #7c7c7c;
  margin:0 20px;
}

.copy{
  color: #7c7c7c; 
  text-align: center;
  padding: 20px 0;
}

.slider {
  margin: 0 0 50px;
}
.slider img {
  width: 100%;
  height: auto;
}
.thumb-item {
  margin: 0 auto;
}

.thumb-item-nav li{
  margin: 10px 10px 0 0;
}

/*-------------------------------------------
pagenavi
-------------------------------------------*/
#pagenavi { text-align: center }
#pagenavi .current {
    display: inline-block;
    background: #a6134a;
    margin: 10px;
    padding: 10px 15px;
    color: #fff;
}
#pagenavi .inactive {
    display: inline-block;
    background: #555;
    margin: 10px;
    padding: 10px 15px;
    color: #fff;
}

/*-------------------------------------------
sm contents
-------------------------------------------*/
.smonly,.menu-button-right,.slidemenu{
 display:none;
}

}