/*---------- mainvisual ----------*/
.mainvisual img{
  width: 100%;
  height:auto;
  z-index: 0;
}

/*---------- contents ----------*/
#News,#Profile,#Menu,#Access {
	width:1000px;
	overflow:hidden;
	clear:both;
}
#Access{width:100%;}
#News,#Menu { margin-top:-65px;padding-top:205px; }
#Profile,#Access{margin-top:-75px;padding-top:135px;}
#colorback{
	background-color: #d8d8d8;
	margin-top:135px;
	padding:35px 0 75px;
}
	
	
	
/*---- title / midashi ----*/
.maintitle{
	font-size:50px;
	line-height:2.0;
	font-weight:normal;
	color:#484848;
	text-align: center;
	letter-spacing: 2px;
	font-family:"Times New Roman", Times, "serif";
}
.title{
	background-color: #c1e7ea;
	margin-top:45px;
	padding:5px 30px;
	font-size:30px;
	line-height: 1.5;
	font-weight:normal;
	color:#484848;
	text-align: left;
	letter-spacing: 2px;
	font-family:"Times New Roman", Times, "serif";
}
.title span.sub{
	font-size:15px;
	letter-spacing: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.midashi{
	margin-top:15px;
	font-size:18px;
	line-height:1.5;
	font-weight: bold;
	text-align: left;
	color:#484848;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*---- news ----*/
#News .title_wrapper{
	width:1000px;
	margin-bottom:30px;
	clear: both;
	overflow: hidden;
}
#News .maintitle{float: left;text-align: left;line-height:1.0;}
#News .morebtn a{
	float: right;
	text-align: left;
	position: relative;
    display: block;
    width: 220px;
    padding: 15px 20px;
    background-color: #313131;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
#News .morebtn a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
  /*--- News一覧 ---*/
    dl.newslist {
      width:100%;
      border-bottom:1px solid #c4c4c4;
      margin-bottom:20px;
      padding-bottom:20px;
      font-size: 14px;
      line-hright:18px;
      text-align:left;
      color:#313131;
      overflow:hidden;
      clear:both;
    }
    .newslist dt {
      width:20%;
      font-size:14px;
      line-height:18px;
      color:#484848;
      font-weight:normal;
      text-align:left;
      letter-spacing:1px;
      position: relative;
      transform: scaleX(1);
      transform-origin: left top;
      left:0;
      float:left;
    }
    .newslist dt:after {
        display: block;
        content: '';
        position: absolute;
		top: 0px;
        width: 1px;
        height: 20px;
		right:30px;
        background-color: #c4c4c4;
    }
    .newslist dd {
      width:80%;
      color:#c4c4c4;
      font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      float:left;
    }
    .newslist dd a {color:#484848;}


/*---- profile ----*/
#colorback_prof{
	border-top: 5px solid #333333;
	background: left top repeat url("../img/profile_back.png");
	margin-top:135px;
	padding:0px 0 75px;
}
.profile_copy,
.profile_copy > .name{
	font-size:17px;
	line-height:2.2;
	text-align: left;
	letter-spacing: 1px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.profile_copy > .name{font-size:35px;line-height:1.2;margin-bottom:20px;}
.profile_copy > .name > span.sub{font-size:15px;}

/*---- menu&price ----*/
.menu_wrapper{
	border-bottom: 1px solid #eee;
	margin-bottom:30px;
	padding-bottom:30px;
	width:1000px;
	clear: both;
	overflow: hidden;
}
.menu_wrapper > div.text{
	float: left;
	font-size: 18px;
	text-align: left;
}

/*---- Access ----*/
.ggmap {
	position: relative;
	padding-bottom: 30%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,.ggmap object,.ggmap embed {
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 100%;
}
.access_wrapper{
	margin-top: 50px;
	width:1000px;
	overflow: hidden;
	clear:both;
}
.access_wrapper > div.address,
.access_wrapper > div.link{
	width:500px;
	line-height:1.8;
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.access_wrapper > div.address{float:left;font-size:18px;}
.access_wrapper > div.address > h2{
	font-size:25px;
	line-height:1.5;
	text-align: left;
	letter-spacing: 1px;
	color:#484848;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.access_wrapper > div.address > h2 span.sub{font-size:12px;}
.access_wrapper > div.address > h2 a{color:#484848;}
.access_wrapper > div.subwrapper{
	margin:30px 50px 0 0;
	width:450px;
	text-align: left;
	overflow: hidden;
	clear:both;
}
.access_wrapper > div.address > div.subwrapper > .icon{margin:0;float: left;width:50px;}
.access_wrapper > div.address > div.subwrapper > .gmap{float: right;width:400px;}
.access_wrapper > div.address > div.subwrapper > .gmap a{
	text-align: left;
	position: relative;
    display: block;
    width: 180px;
    padding: 7px 10px;
    background-color: #73a8bf;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
.access_wrapper > div.address > div.subwrapper > .gmap a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.access_wrapper > div.link {float:right;font-size:15px;}
.access_wrapper > div.link > p{font-size: 13px;margin-top: 10px;}


/*---------- footer ----------*/
#Copy{
	margin:15px 0;
	padding:0 0 15px 0;
	font-size:10px;
	line-height:1.5;
	text-align: center;
	font-weight: normal;
	font-family: 'Libre Baskerville', serif;
	letter-spacing: 1px;
}


/*------------------------------
PC
------------------------------*/
@media screen and (min-width: 769px){
	.sp{display:none;}
	
  /*---- mainvisual ----*/
	.mainvisual img{margin-top:100px;}
  
	
  /*---- title / midashi ----*/
	.title br{display:none;}
	
	/*---- profile ----*/
	#Profile > img{width:290px;float:left;margin-right:60px;}
	#Profile > .profile_copy{width:650px;float:right;}
	
	/*---- menu&price ----*/
	.menu_wrapper > div.price{
		float: right;
		font-size:18px;
		text-align: right;
	}
}


/*------------------------------
 Tablet / Smartphone 
------------------------------*/
@media only screen and (max-width:768px) {
	.pc{display: none;}
	
  /*---- mainvisual ----*/
	.mainvisual img{margin-top:64px;}
  
	/*---------- contents ----------*/
	#News,#Profile,#Menu,#Access {width:94%;padding:0 3%;}
	#News,#Menu { margin-top:-95px;padding-top:100px; }
	#Profile,#Access{margin-top:-95px;padding-top:125px;}
	#colorback{padding:50px 2% 75px;}
	
	/*---- title / midashi ----*/
	.maintitle{
		font-size:50px;
		line-height:2.0;
		font-weight:normal;
		color:#484848;
		text-align: center;
		letter-spacing: 2px;
		font-family:"Times New Roman", Times, "serif";
	}
	.title{text-align: center;padding:15px 30px;line-height: 0.8;}
	p{font-size:100%;}
	
	/*---- News ----*/
	#News{height:auto;margin-top:-65px;padding:145px 0 0 0;}
	#News .title_wrapper{width:94%;}
    #News .maintitle{clear:both;text-align: left;line-height:1.0;}
    #News .morebtn a{clear: both;width: 90%;margin-top: 20px; padding: 15px 5%;font-size:120%}
	
    /*--- News一覧 ---*/
    dl.newslist {width:94%;}
    .newslist dt {width:100%;clear: both;}
    .newslist dt:after {display: none;}
    .newslist dd {width:100%;clear: both;}
	
	
	/*---- profile ----*/
	#colorback_prof{padding:0px 2% 75px;}
	#Profile > img{width:60%;clear: both; margin-right:0;}
	#Profile > .profile_copy{width:100%;clear: both;margin-top:30px;}
	.profile_copy,
	.profile_copy > .name{
		font-size:100%;
		line-height:2.0;
		text-align: center;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	}
	
	.profile_copy > .name{
		font-size:32px;
		letter-spacing: 1px;
			line-height:1.3;
		margin:15px 0;
	}
	.profile_copy > p{font-size:100%;text-align: center;}
	
	
  
	/*---- menu&price ----*/
	#Menu{padding:145px 0 0 0;}
	.menu_wrapper{width:94%;}
	.menu_wrapper > div.text{clear: both;font-size:116%;}
	.menu_wrapper > div.text p,
	.menu_wrapper > div.price p{font-size:12px;margin:0 0 15px;}
	.menu_wrapper > div.price{clear:both;text-align:left;font-size:132%;}
	
	
	/*---- Access ----*/
	.ggmap {padding-bottom: 70%;}
	.access_wrapper{
		margin-top: 30px;
		width:100%;
		overflow: hidden;
		clear:both;
	}
	.access_wrapper > div.address,
	.access_wrapper > div.link{width:100%;clear: both;overflow: hidden;text-align: center;}
	.access_wrapper > div.address > h2{font-size:30px;text-align: center;}
	.access_wrapper > div.link{margin-top:30px;}
	.access_wrapper > div.link > p,
	.access_wrapper > div.address >p{font-size: 15px;line-height:2.0;margin-top: 10px;text-align: center;}
	.access_wrapper > div.subwrapper{margin:30px 0 0 0; width:100%;}
	.access_wrapper > div.address > div.subwrapper > .icon{margin:0;float:left;width:20%;}
      .access_wrapper > div.address > div.subwrapper > .gmap{float: right;width:80%;}
}