@charset "utf-8";
/* CSS Document */


/* スマホ用　ウィンドウ幅が0〜767pxの場合に適用するCSS */
@media screen and ( max-width:767px ) {

img {
    max-width: 100%;
    height:auto;
}


#concept_mainImage{
	height:150px;
	background:url(../img/concept/bg_img.jpg) center top / cover no-repeat ;
	width:100%;
}

#menu_mainImage{
	height:150px;
	background:url(../img/menu/bg_img.jpg) center top / cover no-repeat ;
	width:100%;
}

#gallery_mainImage{
	height:150px;
	background:url(../img/gallery/bg_img.jpg) center top / cover no-repeat ;
	width:100%;
}

#access_mainImage{
	height:150px;
	background:url(../img/access/bg_img2.jpg) center top / cover no-repeat ;
	width:100%;
}

#qanda_mainImage{
	height:150px;
	background:url(../img/qanda/bg_img.jpg) center top / cover no-repeat ;
	width:100%;
}

/*ピンク帯の部分*/
h2#sub_title{
	height:65px;
	background:#ffeede;
	text-align:center;
	padding-top:13px;
}

h2#sub_title img{
	height:90%;
}

/*見出しの下余白*/
#subAccess{
	padding-top:80px;
}

#subAccess p{
	padding-bottom:5px;
}

#subAccess iframe{
	margin:50px 0;
}


/* Concept */

#conceptTop{
	background:url(../img/concept_bg_top.svg) no-repeat center 65px, url(../img/concept_bg_bottom.svg) no-repeat center 400px;
	height:300px;
	padding-top:170px;
	margin-bottom:50px;
}

#conceptPara{
	height:200px;
 	background: url(../img/concept/bg_para.jpg) center top / contain no-repeat ;
}

#conceptPara img {
	width: 100%;
}

#conceptBottom {
	width:90%;
	margin: 0 auto;
}

#conceptBottom h2{
	margin: 50px 0 24px 0;
}


#conceptBottom h3 {
	margin: 0 0 20px 0;
}

#conceptBottom h3 img{
	margin:0 auto;
}

#conceptBottom p{
	color:#666666;
}



/* Menu */

p.menuText{
	color:#666666;
	font-size:1em;
	margin-top:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2;
}

ul#menu {
	width:100%;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:50px;
}

ul#menu li {
	float:left;
	height:57px;
	display:inline;
	width:31%;
}

#menu li a {
    color:#fff;
    display: block;
}


ul#menu li:nth-child(1){
	margin-left:1.5%;
	margin-right:2%;
}

ul#menu li:nth-child(2){
	margin-right:2%;
}

ul#menu li:nth-child(3){
	margin-right:1.5%;
}

ul#menu li:nth-child(3n+1){
	/*clear:left;*//*３つでfloat解除*/
}

ul#menu li:nth-child(4){
	margin-left:18%;
	margin-right:2%;
}
ul#menu li:nth-child(5) {
	margin-right:18%;
}



.selectMenu{
	margin-top:16px;
}

ul#menu li a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

ul.menuPrice {
	margin:40px 0 80px;
	padding: 0 20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul.menuPrice li{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

ul.menuPrice li .menuName{
	font-size:1.2em;
	margin-bottom:2px;
  line-height: 2;
}

ul.menuPrice li .price {
	font-size:1em;
	color:#FF9999;

}

ul.menuPrice li span {
	font-size:0.8em;
	color:#999;
}


/* Gallery */


ul.galleryList{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin:0 auto;
}

ul.galleryList li:nth-child(odd){
    padding-left: 10px;
    padding-right: 5px;
}
ul.galleryList li:nth-child(even){
    padding-left: 5px;
    padding-right: 10px;
}
ul.galleryList li{
	max-width:50%;
  box-sizing: border-box;
}

ul.galleryList li .photo{
	width:100%;
}

ul.galleryList li .photo:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

ul.galleryList li .name{
	padding-bottom: 15px;
}

h3.galleryTitle{
	margin:80px 0 30px 0;
}

/* Access */

#subAccess ul{
	text-align:left;
	font-size:1.15em;
	margin:0 auto;
	width:350px;
	overflow:hidden;
	line-height:1.5;
}

#subAccess ul li{
	margin-top:0.6em;
	margin-bottom:0.6em;
}

#subAccess ul li.leftBox{
	margin-bottom:11px;
	margin-left:15px;
	font-weight:bold;
	width:95px;
	float:left;
}

#subAccess ul li.address{
	padding-top:12px;
}

#subAccess ul li.rightBox{
	width:230px;
	float:left;
	margin-bottom:11px;
}

#subAccess ul li.rightBox span{
	font-size:0.9em;
	line-height:1;
}

/* Q&A */

.wrapperQanda{
	padding:0 15px;
}

.qandaText{
	font-size:1.1em;
	padding-top:100px;
	padding-bottom:50px;
	margin-bottom:35px;/*上線bottomの余白*/
	border-bottom:solid #CCC 1px;
}

p.question{
	color:#333;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
}

p.answer{
	font-size:1.2em;
	color:#FF9999;
	margin-bottom:35px;
	padding-bottom:35px;
	border-bottom:solid #CCC 1px;
	text-align:left;
}

p.answer span{
	font-weight:bold;
}
}


/* PC用　横幅768px以上に適応*/
@media screen and (min-width: 768px) {


#concept_mainImage{
	height:335px;
	background:url(../img/concept/bg_img.jpg) left top / cover no-repeat ;
	width:100%;
	margin-top:55px;
}

#menu_mainImage{
	height:335px;
	background:url(../img/menu/bg_img.jpg) left top / cover no-repeat ;
	width:100%;
	margin-top:55px;
}

#gallery_mainImage{
	height:335px;
	background:url(../img/gallery/bg_img.jpg) left top / cover no-repeat ;
	width:100%;
	margin-top:55px;
}

#access_mainImage{
	height:335px;
	background:url(../img/access/bg_img2.jpg) left top / cover no-repeat ;
	width:100%;
	margin-top:55px;
}

#qanda_mainImage{
	height:335px;
	background:url(../img/qanda/bg_img.jpg) left top / cover no-repeat ;
	width:100%;
	margin-top:55px;
}




#sub_title{
	height:80px;
	margin: 0 -500%;
  padding: 0 500%;
	background:#ffeede;
	text-align:center;
	padding-top:40px;
}

#subAccess{
	padding-top:100px;
}

#subAccess p{
	padding-bottom:5px;
}

#subAccess iframe{
	margin:50px 0;
}



/* Concept */

#conceptTop{
	background:url(../img/concept_bg_top.png) no-repeat center 210px, url(../img/concept_bg_bottom.png) no-repeat center 560px;
	padding-bottom:130px;
	margin-top:120px;
	margin: 0 -500%;
  padding: 0 500%;
	height:500px;
	padding:325px 0 50px;
}

#conceptPara{
	height:400px;
 	background: url(../img/concept/bg_para.jpg) left center / contain  no-repeat fixed;
	box-sizing: border-box;
	margin-left: calc(((100vw - 44rem) / 2) * -1);
  margin-right: calc(((100vw - 44rem) / 2) * -1);
  padding: 0 calc((100vw - 44rem) / 2);
}


#conceptBottom h2{
	margin: 120px 0 25px 0;
}


#conceptBottom h3{
	margin: 0 0 35px 0;
}

#conceptBottom p{
	color:#666666;
}



/* Menu */



ul#menu {
	width: calc(98% - 10px);
	padding:105px 2%;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}

ul#menu li {
	height:57px;
  /* width:17%; */
	display:inline-block;
	vertical-align:top;
	padding:10px 5px 0;
}
ul#menu li a {
    display: block;
}

ul#menu li a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


p.menuText{
	color:#666666;
	font-size:1em;
	margin-top:30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:2;
}


ul.menuPrice {
	margin:100px 0;
	padding: 0 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul.menuPrice li .menuName{
	width:85%;
	text-align:left;
	font-size:1.1em;
  line-height: 1.7;
}

ul.menuPrice li {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
	margin-bottom:30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
	font-size:1.1em;
}

ul.menuPrice li span {
	font-size:0.8em;
	color:#999;
}

ul.menuPrice li .price {
	width:15%;
	text-align:right;
  color:#FF9999;
}

/* Gallery */


ul.galleryList{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
}

ul.galleryList li{
	margin:10px 15px;
}

ul.galleryList li .photo:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


ul.galleryList li .name{


}


h3.galleryTitle{
	margin:110px 0 40px 0;
}

/* Access */

#subAccess ul{
	text-align:left;
	font-size:1.2em;
	margin:0 auto;
	width:350px;
	overflow:hidden;
	line-height:1.6;
}

#subAccess ul li{
	margin-top:0.6em;
	margin-bottom:0.6em;
}


#subAccess ul li.leftBox{
	margin-bottom:11px;
	margin-left:20px;
	font-weight:bold;
	width:100px;
	float:left;
}

#subAccess ul li.address{
	padding-top:14px;
}

#subAccess ul li.rightBox{
	width:230px;
	float:left;
	margin-bottom:15px;
}

#subAccess ul li.rightBox span{
	font-size:0.9em;
	line-height:1;
}
/* Q&A */

p.qandaText{
	font-size:1em;
	padding-top:100px;
	padding-bottom:50px;
	margin-bottom:35px;/*上線bottomの余白*/
	border-bottom:solid #CCC 1px;
}

p.question{
	color:#333;
	font-size:1.1em;
	text-align:left;
	font-weight:bold;
}

p.answer{
	font-size:1.1em;
	color:#FF9999;
	margin-bottom:35px;
	padding-left:20px;
	padding-bottom:35px;
	border-bottom:solid #CCC 1px;
	text-align:left;
}

p.answer span{
	font-weight:bold;
}

}