@charset "utf-8";

<!--エンコードがUTF-8であることを指定-->

/*

theme Name: Regaroオリジナル

Author: 坂　泰明

Description: original theme

version： 1.0.0

webfont */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Cormorant+Garamond);
/* common contents -------------------------------------------------------*/
*{
  box-sizing: border-box;
  margin:0;
  padding:0;


}
a{
  text-decoration: none;
  border:none;
  color:inherit;
}
a:hover{
  font-weight:700;
}
a:hover img{
  opacity: 0.8;
}
.clear{
  clear: both;
  overflow: hidden;
}
.textCenter{
 text-align: center;
}
body{
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP','メイリオ',Meiryo, sans-serif;
	font-weight:400;
	font-size:14px;
  color:#4f4f4f;
  line-height: 1.75em;
  letter-spacing: 0.1em;
}
header{
  overflow: hidden;
}
.navWrap{
  width:100%;
  background: rgba(240,240,240,0.8);
  position: fixed;
  box-shadow: 0 1px 1px #ccc;
  border-bottom:solid 1px #aaa;
  z-index: 1000;
}
.fa-phone{
  font-size: 1em;
  padding-right:20px;
}
.address01{
  padding:20px 10px;
}
#topSec01{
  background:url(images/index/sec01Bg.jpg) #000 no-repeat top left;
  color:#fff;
}
.secHtext{
  font-family: 'Cormorant Garamond', serif;
  text-align: center;
  font-size:80px;
}

.menu01tab th,.menu01tab td{
  width:10%;
  text-align: center;
  border-bottom:dotted #ccc 2px;
  padding:5px;
}
.menuHtext02{
  font-size:16px;
  text-align: center;
  padding-top:20px;
}
.menuHtext03{
  font-size:30px;
  text-align: center;
  padding:30px;
  font-family: 'Cormorant Garamond', serif;
}
.menu02tab{
}
.menu02tab th,td{
  width:10%;
  border-bottom:dotted #ccc 2px;
  padding:5px;
}
#topSec02{
  background:url(images/index/sec02Bg.jpg) no-repeat top right;
  background-color: #fff;
}
#topSec03{
  background:url(images/index/sec04.jpg) no-repeat top right;
  background-color:#fff;
}
#topSec04{
}
#topSec05{
  background:url(images/index/sec005.png) no-repeat;
}
footer{
  background:url(images/index/contentBg.jpg) repeat;
  overflow: hidden;
  margin-top:80px;
  padding-bottom:50px;
  padding-top:0;
  box-shadow: 0 5px 20px #000;
  border-top: solid 3px #aaa;
  -moz-border-image: url(images/index/footerBorderTop.png) 12 4 round;
  -webkit-border-image: url(images/index/footerBorderTop.png) 12 4 round;
  -ms-border-image: url(images/index/footerBorderTop.png) 12 4 round;
  border-image: url(images/index/footerBorderTop.png) 12 4 round;
  border-width: 12px 0 0;}
p.footerRogo{
  padding:30px 0 10px;
  margin:0 auto;
  text-align: center;
}
footer nav ul{
  display: flex;
  justify-content: center;
  margin:50px auto;
}
footer nav li{
  margin-left:80px;
}
.footerBottom{
  background:#333;
  text-align: center;
  color:#fff;
  padding:20px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.cal_wrapper {
max-width: 1000px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
overflow: hidden;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/*-------------以下PCレイアウト----------------------*/
@media screen and (min-width: 1000px){
section{
  padding:80px 0 100px;
}
#topSec01{
  margin-top:-105px;
}
.br::after{
  content"\a";
  font-weight: normal!important;
  white-space: pre;
}
.card{
  display: flex;
  justify-content: flex-end;
  width:100%;
}
.card>dt{
  text-shadow: none;
  font-size:20px;
  color:#fff;
  padding:15px 60px 0 0;

}
.secHtext{
  font-size: 80px;
  padding:60px 0 90px;
  margin-top:-50px;
}
.secHsubText{
  font-size:16px;
  padding-bottom:40px;
  text-align: center;
  width:70%;
  margin:0 auto;
}
.inner{
  width:1000px;
  margin:0 auto;
}
.navWrap_div{
  display: flex;
  justify-content:  space-between;
  width:100%;
}
.rogo{
  padding-top:10px;
  margin-left:30px;
}
.navbar_brand{
  display: none;
}
.menu{
  display: flex;
  justify-content: flex-end;
  width:100%;
  margin-right: 10%;
}
.menuArea{
  margin-right: 30px;
}
.menu>li{
  padding:10px 20px;
}
.address{
  width:100%;
  color:#333;
  text-shadow: 1px 0px 5px #fff;
  padding:70px 0 0 0;
  background:#000;
  margin:0 auto;
}
.addressInner{
  width:100%;
  background: url(images/index/topImageBG.jpg) no-repeat;
}
.addressInner>p{
  padding:200px;
  text-align: center;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.8));
}
.address01,.address02{
  font-size:40px;
  text-align: center;
}
.slideShow{
  background: #000;
  padding-bottom:20px;
}
.menuHtext{
  font-size:30px;
  margin-bottom:40px;
  text-align: center;
  font-family: 'Cormorant Garamond', serif;
  padding-top:40px;
}
.menuHtext::before{
  content:url(images/index/sec01Img01L.png);
  padding:20px;
  vertical-align: middle;
}
.menuHtext::after{
  content:url(images/index/sec01Img01R.png);
  padding:20px;
  vertical-align: middle;
}
.menu01{
  width:80%;
}
.inner-left{
  width:50%;
  margin-left: auto;
}
.list{
  border:double #ccc;
  text-align: center;
  margin:80px auto 30px auto;
  width:300px;
}
.list a{
  display: block;
  padding:20px;
}
.list a:hover,.linkBtn01 a:hover{
  background:rgba(255,255,255,0.8);
  transition: ease 0.3s;
  color:#444;
}
.sec02box{
  display: flex;
  justify-content: space-between;
}
.sec02box>dl{
  width:100%;
  padding-bottom:40px;
  font-size: 14px;
}
.sec02box>dl dt img{
  width:95%;
  height:100%;
}
.sec02box>dl dd{
  width:90%;
  margin:50px auto ;

}
.linkBtn01{
  border:double #ccc;
  display: block;
  text-align: center;
  width:250px!important;
  margin: auto!important;
}
.linkBtn01 a{
  padding:10px 20px;
  display: block;
}
#topSec05{
  padding:200px 0;
}
.pcNone{
  display: none;
}
/*--system--*/
.sysWrap{
  width:100%;
  background:#000;
}
.sysHead{
  margin:0 auto;
  color:#fff;
  text-shadow: 1px 0px 10px #000;
  background:url(images/system/syHeader.jpg) no-repeat;
  padding:150px;
  margin-top:80px;
  text-align: center;
}
.sysHead>h2,.castHead>h2{
  font-size:3em;
  padding-bottom:40px;
}
.firstTable>table,.secondTable>table {
  width:48%;
}
.firstTable>table{
  margin-bottom:50px;
}
.firstTable>table td,.secondTable>table td{
  text-align: center;
}
.firstTable,.secondTable{
  justify-content: space-between;
  display: flex;
}
.firstTable>table caption,.secondTable>table caption {
  font-size:20px;
  padding:50px 0;
}
#sySec02{
  width:600px;
  margin:0 auto;
  text-align: center;
}
#sySec02>h1{
  font-size:20px;
  padding:50px 0;
}

/*--cast--*/
.castWrap{
  width:100%;
  background:#fff;
}
.castHead{
  margin:0 auto;
  color:#fff;
  text-shadow: 1px 0px 10px #000;
  background:url(images/cast/castHeader01.jpg) no-repeat ;
  text-align: center;
  padding:150px;
  margin-top:70px;
  text-align: center;
  width:100%;
}
  .cast01{
  background:#fff;
}
  .cast01>h1{
  font-size:20px;
  background:#eee;
  width:400px;
  margin-top:30px;
  padding:10px 10px 10px 20px;
  border-bottom:2px solid #ccc;
  margin-bottom:30px;
  border:none 5px #cccccc;
  border-bottom:1px #eee solid;
}
  .photoFlame{
  display:flex;
  justify-content: space-between;
}
  .mainphoto>a>img{
    width:98%;
    display: block;
  }
  .thubphoto{
  display: flex;
  justify-content: flex-start;
}
  .photoerea>li>img{
    height:160px;
  }
  .photoerea>li{
  padding-right:10px;
  display: block;
}
  .castComment{
  font-size:14px;
  margin-top:20px;
  border:solid 1px #444;
  padding:30px;
}
  .age,.CastSkill,.castFavorite,.castFavoriteMen{
  margin-bottom:15px;
  word-break: break-all;
}
  .castReturn{
  border:#ccc double;
  margin:50px auto 0 auto;
  text-align: center;
  width:300px;
  padding:20px;
}

/*-- castlist --*/
.casLisWrap{
  background: url(images/cast/castHeader01.jpg);
  background-size: cover;
  padding:150px 0;
  margin-top:80px;
}
.casLisHead>h2{
  font-size: 3em;
  padding-bottom: 30px;
}
.casLisHead>h2,.casLisHead>h3{
  color:#fff;
  text-align: center;
}
.cListSecBox{
  margin:50px 0;
}
.cListSecBox:nth-child(odd){
  background: #fff;
}
.cListSecBox:nth-child(even){
  background:rgba(240,240,240,0.3);
}
.cListSec_image,.cListSec_comment{
  width:50%;
}
.cListSec_list{
  width:1000px;
  margin:0 auto;
  padding:50px;
  z-index: 0;
}
.cListSecBox:nth-child(odd){
  width:100%;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
}
.cListSecBox:nth-child(even){
  border-bottom:1px solid #999999;
  border-top:1px solid #999999;
  background:url(images/index/contentBg.jpg) repeat;

}
.cListSecBox:nth-child(odd) .cListSec_list{
  justify-content: flex-start;
  display: flex;
}
.cListSecBox:nth-child(even) .cListSec_list{
  flex-flow: row-reverse;
  display: flex;
}
.cListSec_comment{
  position: relative;
}
.cListSec_comment01{
  margin-top:50px;
}
.cListSec_image>h2 img{
  width:100%;
  height:100%;
}
.cListSecBox:nth-child(odd) .cListSec_comment{
  padding-left:30px;
}
.cListSecBox:nth-child(even) .cListSec_comment{
 padding-right:30px;
}
.cListSec_comment>h3{
  font-size:18px;
}
.castLink{
  width:200px;
  text-align:center;
  padding:10px;
  position:absolute;

}
.cListSecBox:nth-child(odd) .castLink{
  bottom:30px;
  right:0;
  border:double #bbb;
  background: rgba(239,239,239,0.5);

}
.cListSecBox:nth-child(even) .castLink{
  bottom:0;
  left:0;
  border:double #bbb;
  background: rgba(239,239,239,0.5);
}

/*-- フッターエリア --*/
.footerarea{
  display: flex;
  justify-content: space-between;
  margin-top:50px;
}
.footerRogo{
  text-align: center;
}
.footerLeft,.footerRight{
  width:50%;
}
.footerLeft{
  border-right:solid 1px #707070;
  line-height: 1.75;
  letter-spacing: 0.1em;
  border-left:solid 1px #707070;
}

.footerRight{
  border-left:solid 1px #fff;
  padding-left:20px;
  border-right:solid 1px #707070;
}
.footerText{
  width:80%;
  margin:20px 0;
  padding:20px;
  background:#fff;
  margin-left:10%;
}
.footerRight>.spSns>dl{
  display: flex;
  justify-content: flex-start;
}
.footerRight>h2{
  background:#535353;
  padding:10px 20px;
  width:40%;
  color:#fff;
  font-size:16px;
}
.footerRight>.spSns>dl{
  margin-top:20px;
}
.footerRight>.spSns>dl>dt{
  margin-top:15px;
}
.footerRight>.spSns>dl>dd{
  font-size:20px;
  padding:10px 0 0 15px;
}
.footerRight>.spSns>dl>dd>a>span{
  font-size:14px;
  font-weight: normal;
}
.footerRight>address>h4{
  background:#535353;
  padding:5px 20px;
  color:#fff;
  width:40%;
  font-size:16px;
  margin-top:20px;
}
.footerRight>address>p{
  margin-top:10px;
  margin-left: 20px;
  font-size:14px;
}
}