/*
div.col-md-4:nth-child(5), div.col-md-4:nth-child(8), div.col-md-4:nth-child(11), div.col-md-4:nth-child(13), div.col-md-4:nth-child(16), div.col-md-4:nth-child(19) { clear:both !important}
*/

/*.posiW {
    position: relative;
    width: 50%;
    height: auto;
    background: #444;
}
.posiW-1:before {
    content: "";
    display: block;
    padding-top: 50%;
}
.posiIn {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}*/

.pc992 { display:inherit !important; }
.sm992 { display:none !important; }
.pc1024 { display:inherit !important; }
.sm1024 { display:none !important; }

@media screen and (max-width: 1200px) {

.pc1200 { display:none; }
.sm1200 { display:inherit; }

.section, .section6 {
	padding: 30px !important;
}

#reserv .col_new {
	min-height:30px !important;
}



/* ------------------------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------------------------*/

/*.hm_wrap { height:88px;}--2018/09/25*/
.hm_wrap { height:auto;}

.smhd {
	position:relative;
	left:40px;
	top:0px;
	width:95%;
	/*border:#ccc 1px solid;*/
}
.smhd_logo {
	position:absolute;
	left:0;
	width:30% !important;
	/*border:#F00 1px solid;*/
}

.hm_wrap .smhd_logo img {/* ハンバーガーメニューになった時のロゴ */
	margin-left:0px !important;
	width:100% !important;
}
.smhd_toi {
	position:absolute;
	right:0px;
	float:right;
	text-align:right;
	width:70% !important;
}
.smhd_toi ul {
	width:auto !important;
}
.smhd_toi li {
	float:right;
	text-align-last:right;
	margin-left:2%;
}
.smhd_toi li img {
	margin-left:0px !important;
	/*width:auto !important;*/
}

/**/
/*.smhd_toi {
	width:60% !important;
}
.smhd_toi li {
	width:31.3333% !important;
}*/
.smhd_toi li img {
	margin-left:0px !important;
	*width:70px !important;
}
.wedlp .smhd_toi li img {
	margin-left:0px !important;
	width:93px !important;
}
/**/


/* ▽▽ハンバーガーメニュー▽▽
------------------------------------------------------- */
.hm_menu_check {/* チェックボックスを隠す */
  display: none;
}
.hm_wrap {
	position :fixed;
	top :0;
	left :0;
	width :100%;
	padding :10px;
	background :#fff;
}

.hm_wrap img {/* ハンバーガーメニューになった時のロゴ */
	margin-left:-30px;
	max-width:200px !important;
}
.hm_title {/* ハンバーガーメニューオープン時の見出し */
	position: relative;
	color: #999;
	display: inline-block;
	float: left;
	font-weight: 100;
	line-height: 30px;
	margin: 0 0 0 15px;
	opacity: 0;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
	-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	transition: transform 0.6s, opacity 0.5s;
	z-index: 2;
}

/* ▽▽メニューボタン▽▽ */
.hm_btn {
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
	float: left;
	z-index: 2;
}
.hm_btn::before {
	-webkit-box-shadow: #000 0 12px 0;
	box-shadow: #000 0 12px 0;
}
#wedding .hm_btn::before {
	-webkit-box-shadow: #C9B368 0 12px 0;
	box-shadow: #C9B368 0 12px 0;
}
.hm_btn::after, #wedding .hm_btn::after {
	bottom: 0;
}
.hm_btn::before,
.hm_btn::after {
	width: 30px;
	height: 6px;
	background: #000;
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
	transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}
#wedding .hm_btn::before,
#wedding .hm_btn::after {
	width: 30px;
	height: 6px;
	background: #C9B368;
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
	transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}
/* △△メニューボタン△△ */

.hm_menu_wrap {
	width :90%;
	height :450px;
	background-color: rgba(0, 0, 0, 0.80);
	position: absolute;
	left: -100%;
	top: 65px;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
	overflow:auto;
	overflow-x: hidden;
	margin-left:-20px;
	-webkit-overflow-scrolling:touch;
}

#wedding .hm_menu_wrap {
	background-color: rgba(185, 158, 66, 0.95);
}
#wedding .hm_list li {
	border-bottom: rgba(0, 0, 0, 0.2) solid 1px;
}

.hm_menu_wrap ul {
	width:100%;
	height: 100%;
  -webkit-overflow-scrolling:touch;
}

/* ▽▽開閉時のアニメーション▽▽ */
.hm_menu_check:checked ~ .hm_title, #wedding .hm_menu_check:checked ~ .hm_title {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.hm_menu_check:checked ~ .hm_btn::before, #wedding .hm_menu_check:checked ~ .hm_btn::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
	transform: rotate(45deg) translate3d(6px, 11px, 0);
}
.hm_menu_check:checked ~ .hm_btn::after, #wedding .hm_menu_check:checked ~ .hm_btn::after {
	-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
	transform: rotate(-45deg) translate3d(6px, -11px, 0);
}
.hm_menu_check:checked ~ .hm_menu_wrap, #wedding .hm_menu_check:checked ~ .hm_menu_wrap {
	left: 0;
}

/* △△開閉時のアニメーション△△ */

/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {
	list-style-type: none;
	margin: 20px 0 20px 0;
	padding: 0;
}
.hm_list li a {
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 8px 30px;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.hm_list li li a {
	color: #fff;
	display: block;
	overflow: hidden;
	padding: 8px 0;
	position: relative;
	text-decoration: none;
	z-index: 1;
}

.hm_list li a:hover::before {
	bottom: 0;
}
.hm_list li a:hover::after {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* リストのマーカーを三角にする :before とセットで利用 */
.hm_list li {
    list-style-type: none;
	border-bottom:#666 solid 1px;
}

.hm_list li {
	margin-left:60px !important;
	line-height:110% !important;
	vertical-align:top !important;
}
.hm_list li:before{
    content: ' ';
    border: transparent solid 0.3em;
    border-left-color: #fff;
    position: absolute;
    height: 0;
    width: 0;
	margin-top:0.7em;
	left:75px;
}
.hm_list li li {
	margin-left:45px !important;
}
.hm_list li li:before{
	left:90px;
}
.hm_list li.li01 {
	margin-left:30px !important;
}
.hm_list li.li01:before{
    content: ' ';
    border: transparent solid 0.3em;
    border-left-color: #fff;
    position: absolute;
    height: 0;
    width: 0;
	margin-top:0.7em;
	left:45px;
}
.hm_list li:last-child {
	border:none !important;
	height:35px !important;
}
.hm_list li:last-child:before{
    content: ' ';
    border:none !important;
}
/* メニュー内のリストスタイル△△ */

.mainfixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/*問い合わせ関係*/
.smhd_menu li {
	float:left !important;
	list-style-type:none !important;
}

/* △△ハンバーガーメニュー△△
------------------------------------------------------- */



/*レストランヘッダー----------------------------------------------- */

.section4 {
	padding: 120px 0 0 0 !important;
}
#rest .section4 {
	padding: 40px 0 0 0 !important;
}
#rest .kanade_head {
	padding: 65px 0 0 0 !important;
}

#shophead .container {
	width:100%;
	padding-top:70px;
}
.page_rw #shophead .container {
	padding-top:30px !important;
}

/*------------------------------------------------------- */

footer .container, footer .section { padding:0 !important; margin:0 !important;}
.footer-top ,#wedding .footer-top {
	padding-top: 0px !important;
	position:relative;
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	z-index:0 !important;
}
.foot03 ,#wedding .foot03 {
	position:absolute;
	left:0;
	top:60px;
	height:60px;
	font-size:85%;
	width:95% !important;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.foot03 span {}
.foot05 {
	position:absolute;
	left:0;
	top:280px;
	height:60px;
	font-size:85%;
	text-align:center;
}
#wedding .foot05 {
	position:absolute;
	left:0;
	top:280px;
	height:60px;
	font-size:85%;
	text-align:center;
}

.news-i .col-md-8 { 
	width:57.33333333%;
}
.news-i .container1 {
	margin-left:60px !important;
}


.otherbanner00 {
	background-position: center 50%;
	background-repeat: no-repeat;
/*	-moz-background-size: 100% !important;
	-o-background-size: 100% !important;
	-webkit-background-size: 100% !important;*/
	background-size: auto 900px !important;
	min-height: 740px !important;
	position:relative;
	top:0;
	padding-top:30px;
	z-index:0 !important;
}

}

@media screen and (min-width: 481px) and (max-width: 1200px) {
.page_rw .hm_wrap {
	border-bottom :28px solid #fff !important;
}
}
@media screen and (min-width: 376px) and (max-width: 480px) {
.page_rw .hm_wrap {
	border-bottom :10px solid #fff !important;
}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.pc1024 { display:none !important; }
.sm1024 { display:inherit !important; }
}

@media screen and (max-width: 992px) {
/*
div.col-sm-6:nth-child(4), div.col-sm-6:nth-child(6), div.col-sm-6:nth-child(8), div.col-sm-6:nth-child(9), div.col-sm-6:nth-child(11), div.col-sm-6:nth-child(13), div.col-sm-6:nth-child(15) { clear:both !important}
div.col-md-4:nth-child(5), div.col-md-4:nth-child(8), div.col-md-4:nth-child(11), div.col-md-4:nth-child(13), div.col-md-4:nth-child(16), div.col-md-4:nth-child(19) { clear:none !important}
*/
.news-i .container1 {
	margin-left:0px !important;
}
.news-i .col-md-8 { 
	width:100% !important;
}


.pc992 { display:none !important; }
.sm992 { display:inherit !important; }

#reserv .col {
	min-height:50px !important;
}
#reserv .col .fll {
	font-size:180%;
}
#reserv .col span:after {
	content:"";
	display:block;
}




#reserv00 .col {
	min-height:50px !important;
}
#reserv00 .col .fll, #reserv00 .col20 .fll, #reserv01 .fll {
	font-size:180%;
}
#reserv00 .col span:after {
	content:"";
	display:block;
}
#reserv00 .col20 {
	max-height:30px !important;
}

.mbtm20 {
	margin-bottom: 20px;
}

#wedding .services {margin-bottom: 40px;}


/*レストラン/カノビアーノウエディング-----------------------------------------*/

#shophead, #wedding .widget #shophead {
	position:inherit;
}
#wedding .widget #shophead .container {
	padding-top:0px;
}

/********/

.page_rw #shophead .container {
	padding-top:30px !important;
}
.page_rw #shophead, #wedding .widget #shophead {
	position:static !important;
}
.page_rw #wedding .widget #shophead .container {
	padding-top:30px !important;
}

/*イベント-----------------------------------------*/
.section5 {
	padding: 0 !important;
}


#scroll.section4 {
}

}

@media screen and (max-width: 1024px) {

 #header .header-content {
 width: 90%;
 padding: 40px 0;
}
 #header.fixed a {
 color: #000;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #000;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
}
 .navigation .primary-nav {
 position: relative;
 top: 20%;
}
 .navigation li {
 display: block;
 margin-bottom: 20px;
}
 .navigation a {
 display: block;
 font-size: 25px;
 margin: 0;
 text-align: center;
}
 .person {
 margin: 0 auto 50px;
}
 .person-content {
 text-align: center;
}
 .person .social-icons li {
 display: inline-block;
 float: none;
 margin-bottom: 5px;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}
 .flex-control-nav {
 bottom: 20px;
}

p.w90p { width:90%; margin:auto}
p.w70p { width:70%; margin:auto}

.smpop {
	margin-top: 120px !important;
	width:90% !important;
}


/* ------------------------------------------------------------------------------
	 topics
-------------------------------------------------------------------------------*/
#wedding .topics .col-md-3 img {
	height:252px !important;/*433×252*/
}
}

@media screen and (max-width: 767px) {
.pc { display:none; }
.sm { display:inherit; }
}

@media screen and (max-width: 768px) {

.service-section {
	padding-top: 25px !important;
}

.section, .section6 {
	padding: 12px !important;
}

.smcenter { text-align:center !important; margin-left:auto !important; margin-right:auto !important;}

.smsp_top { margin-top:-25px !important}
.smsp_top-50 { margin-top:-50px !important}
.smsp_top-75 { margin-top:-75px !important}

/*.section {
	padding: 30px 0;
}*/

.news .container {
padding:20px 20px;
margin-left: auto !important;
margin-right: auto !important;
width:90% !important;
}
.text-center-sm { text-align:center}

/*img.imgauto { width:100% !important}*/

/* ------------------------------------------------------------------------------
	 EVENT
-------------------------------------------------------------------------------*/
.intro {
	background:none !important;
	background-color:none !important;
	background-size:cover;
    height: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

/* ------------------------------------------------------------------------------
	 topics NEW
-------------------------------------------------------------------------------*/
.intro_new {
	background:none !important;
	background-color:none !important;
	background-size:cover;
    height: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}
.intro_new h2 {
	margin-top: 15px !important;
}

/* ------------------------------------------------------------------------------
	 topics
-------------------------------------------------------------------------------*/
#wedding .topics .col-md-3 img {
	width:100% !important;
	height:auto !important;
}

/* ------------------------------------------------------------------------------
	 Works
-------------------------------------------------------------------------------*/
#works .container-fluid {
	width:85% !important;
	text-align:center !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.work {
	-moz-box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff;
	overflow: hidden;
	position: relative;
	margin-bottom:30px !important;
}
.work img {
	width: 100%;
	height: 100%;
}
.work .overlay {
	background-color:transparent;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transition: opacity, 0.3s;
	-o-transition: opacity, 0.3s;
	-webkit-transition: opacity, 0.3s;
	transition: opacity, 0.3s;
}
.work .overlay-caption {
	position: absolute;
	text-align: center;
	top: 80%;
	width: 100%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(34,11,5,0.8);
	padding:20px 10px;
}

#wedding .work .overlay-caption {background: rgba(185, 158, 66, 0.85) !important;}

.work h2, .page .work h3, .work p, .work img {
	-moz-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	-webkit-transition: all, 0.5s;
	transition: all, 0.5s;
}
.work h2, .page .work h3, .work p {
	color: #fff;
	margin: 0;
	opacity: 0;
}
.work span {
	font-size: 45px;
}
.work h2, .page .work h3 {
	margin-bottom: 5px;
	-moz-transform: translate3d(0, -200%, 0);
	-ms-transform: translate3d(0, -200%, 0);
	-webkit-transform: translate3d(0, -200%, 0);
	transform: translate3d(0, -200%, 0);
}
.work p {
	-moz-transform: translate3d(0, 200%, 0);
	-ms-transform: translate3d(0, 200%, 0);
	-webkit-transform: translate3d(0, 200%, 0);
	transform: translate3d(0, 200%, 0);
}
.work-box:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.work-box .overlay {
	opacity: 1;
}
.work-box .overlay h2, .page .overlay h3, .work-box .overlay p {
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	font-size:85%;
}
/*.work-box .overlay-caption p { font-size:85%; }*/

.partylg h3 { margin-top:-5px !important;}
.partylg p { line-height: 1.1em !important;}

/*******************/
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 font-size: 42px;
}
 .banner-text p {
 font-size: 18px;
}
 .flexslider {
 padding-bottom: 80px;
}
 .flex-control-nav {
 width: 100%;
}
 .footer .footer-col {
 margin-bottom: 50px;
}

.h1set, #other .h1set {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.h1set00 {
	position:fixed;
	top:80px !important;
	left:50% !important;
	margin-left:-55px !important;
	z-index:0 !important;
}
.h1set01 {
	position:fixed;
	top:230px !important;
	left:50% !important;
	margin-left:-62px !important;
	z-index:0 !important;
}
.h1set02 {
	position:fixed;
	top:80px !important;
	left:50% !important;
	margin-left:-55px !important;
	z-index:0 !important;
}
.h1set03 {
	position:fixed;
	top:300px !important;
	left:50% !important;
	margin-left:-250px !important;
	z-index:0 !important;
}

#reserv .col {
	min-height:50px !important;
}
#reserv .col .fll {
	font-size:180%;
}
#reserv .col span:after {
	content:"";
	display:block;
}

/*restaurant wedding*/
.page_rw #shophead .container {
	padding-top:0px !important;
}
.page_rw #wedding .widget #shophead .container {
	padding-top:0px !important;
}

}


@media screen and (max-width: 640px) {
.pc640 { display:none !important; }
.sm640 { display:inherit !important; }

 .banner-text {
 padding-top: 35%;
}
 .testimonials p {
 font-size: 12px;
}

.reserv_fix { display:none !important; }

.pccenter { text-align:left !important}

.flclear { clear:both !important}

.otherbanner00 {
	background-size: auto 500px !important;
	min-height: 500px !important;
}

.overlay-caption h3 { margin-top:-10px !important;}

	.tbl td {
		display: block !important;
	}

/*banner--------------------------------------------------------------------------*/
.banner {
	max-height: 100% !important;
}

.h1set01 {
	top:250px !important;
}
img.no-grid-khn {
	width: 100% !important;
}

#wedding #shophead ul { margin-left:auto; margin-right:auto; width:auto;}
#wedding #shophead .text-left { text-align:center !important}
#wedding #shophead ul.licenter li {width:100%; text-align:center !important}

#wedding #shophead .shopheadbt01 { width:100% !important; text-align:center !important; margin-bottom:-50px !important;} 

}

@media screen and (max-width: 480px) {
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 font-size: 32px;
}
 .testimonials p {
 font-size: 12px;
}
.btn-large {
	width:100% !important;
}

/* ------------------------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------------------------*/
.smhd {
	width:91% !important;
}
.smhd_logo {
	width:35% !important;
}
.smhd_toi {
	width:60% !important;
}
.smhd_toi li {
	width:31.3333% !important;
}
.wedlp .smhd_toi li {
	width:47% !important;
}
.smhd_toi li img {
	margin-left:0px !important;
	width:100% !important;
}

/*レストラン-----------------------------------------*/
#shophead .shopheadbt li {
	height:30px;
	font-size:110%;
}

}

@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
 .testimonials blockquote {
 padding: 20px 5% 0;
}
 .testimonials p {
 font-size: 12px;
}

.sm320 { display:inherit !important; }
}

div.widget {
	z-index:999 !important;
}