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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html,body {
	height: 100%;
}
html,body {
	-webkit-text-size-adjust: 100%;
}
html{
	/*min-width: 400px;*/
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

body,html{
	padding: 0;
	margin: 0;
	position: relative;
	font:14px 'Noto Sans Japanese', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	height: 100%;
}

@media screen and (max-width: 480px) {
body,html{
	font-size: 12px;
}
}

dl, dt, dd, table, caption, th, td, img, form,
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
	font-size:102%;
	font-style: normal;
	font-weight: normal;
 	text-align: left;
	list-style-type: none;
}

figure{
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
 	text-align: left;
	list-style-type: none;	
}
h1,h2,h3,h4,h5,h6,ul,ol,li{
	padding: 0;
	margin: 0;
}
li{
	list-style:none;
}
img { vertical-align: bottom;max-width: 100%;height: auto; }

a img{
	border:none;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity:1;
}
a:hover img{
	opacity:0.5;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.sp{ display:none; }
@media screen and (max-width: 736px) {
	.sp{ display:block!important; }
	.pc{ display:none!important; }
}

#loader{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 999;
	background-color: #fff;
}
#loader h2{
	position: absolute;
	top: 47%;
	left: 45%;
	font-size:1em;
	font-weight:normal;
	color:#999;
}
#loader #progressbar{
	position: absolute;
	top: 50%;
	left: 2%;
	height: 12px;
	width: 95%;
}
#loader #progressbar .ui-widget-header {
    border: 1px solid #ccc;
    background: #ccc;
    color: #ffffff;
    font-weight: bold;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-ms-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
}

#home,
#page{
	position:relative;
}
#home #container{
	background: #fff;
	display:none;
	position:relative;
}
#header{
	background-color: #000;
	padding: 20px 0px 5px;
	text-align: center;
	min-width:980px;
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.7);
	box-shadow: 0px 2px 15px rgba(0,0,0,0.7);
	position: fixed;
	top:0px;
	bottom:auto;
	width: 100%;
	z-index: 10000;
	behavior: url(PIE.htc);
}
#header h1{
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
}
#header a,#header img{
	display: block;
}
#header .gnav.pc{
	display: flex;
    justify-content: center;
}
#header .gnav.pc li{
	font-size:13px;
	padding: 0 0 4px 0;
	margin-right:28px;
}
#header .gnav.pc li:last-child{
	margin-right:0px;
}

#header .gnav.pc li:nth-child(10){
	margin-right: 0;
}
#header .gnav.pc li a{
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding-bottom: 3px;
	border-bottom: 3px solid #000;
}
#header .gnav.pc li.comingsoon{
	color:#999;
}
#header .gnav.pc li a:hover{
	border-bottom: 3px solid #fff;
}
#header .icon{
	position: absolute;
	top: 22%;
	right: 3%;
}
#header .icon li{
	display: inline-block;
	width: 30px;
}
#header .icon li:first-child{
	border-right: 1px dotted #666;
    margin-right: 4px;
    padding-right: 8px;
}

#home #mainimage,
#page #mainimage{
	width: 100%;
	position: fixed;
	top:54px;
	z-index:-1;
}
#home #mainimage{
	/*max-height: 725px;*/
    height: min(48.666666vw,730px);
	overflow: hidden;
}
#home #mainimage .sp-disp{
    display: none;
}
@media screen and (max-width: 736px) {
#home #mainimage{
	max-height: 370px;
}
}
@media screen and (max-width: 480px) {
	#home #mainimage{
		/*min-height: 585px;*/
        min-height: 420px;
		position: fixed;
	}
    #home #mainimage .pc-disp{
        display: none;
    }
    #home #mainimage .sp-disp{
        display: block;
    }
}

video {
	display:block;
	min-width:100%;
    min-height:100%;
    z-index:-100;
    position: relative;
    top: 50%;
    /*transform: translateY(-50%);*/
}

#home #mainimage video{
	width: 100%;
}
/*#home #mainimage video {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}*/
@media screen and (max-width: 480px) {
	#home #mainimage video {
	  position:abxolute;
	  left: 0;
	  top: 0;
	  min-width: 100%;
	  min-height: 100%;
	  z-index: -100;
	}
}

#top-margin{
	/*margin-top:790px;*/
    margin-top:min(52.6666vw,790px);
}
@media screen and (max-width: 950px) {
	#top-margin{
		margin-top:62%;
	}
}
@media screen and (max-width: 736px) {
	#top-margin{
		/*margin-top:400px;*/
        margin-top:min(54.347826vw,400px);
	}
}
@media screen and (max-width: 480px) {
	#top-margin{
		margin-top:480px;
	}
}

#home #mainimage #topcopy,
#page #mainimage #topcopy{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	/*width:445px;
	height:359px;*/
    width:min(29.6666vw,445px);
	height:min(23.9333vw,359px);
    z-index: 9;
}
@media screen and (max-width: 1110px) {
	#home #mainimage #topcopy{
		/*width:278px;
		height:218px;*/
	}
}
@media screen and (max-width: 500px) {
	#home #mainimage #topcopy{
		width:198px;
		height:155px;
	}
}

#mainimage iframe{
	position: absolute;
	bottom: 20px;
    /*bottom: min(6.222222vw,112px);*/
	right: 20px;
    z-index: 9;
}
.sp-frame{
	display: none;
}
@media screen and (max-width: 950px) {
	#mainimage iframe{
		display: none;
	}
	.sp-frame{
		display: block;
		margin: 5% auto;
		padding-top: 5%;
	}
}

#home #catch{
	width: 100%;
	position: relative;
}
	#home #catch .item{
		width: 100%;
	    padding-top:8%;
		position: relative;
		overflow: hidden;
		height: 320px;
	}
	#home #catch .item-1{
		background: url(../img/top/ph_catch.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#home #catch .item-2{
		background: url(../img/top/ph_tenreason2.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#home #catch .item-3{
		background: url(../img/top/ph_tenreason3.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#home #catch .item-4{
		background: url(../img/top/ph_tenreason4.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#home #catch .item-5{
		background: url(../img/top/ph_tenreason5.jpg) no-repeat top center;
		-webkit-background-size: cover;
		background-size: cover;
	}
#home #catch h2{
	display: block;
	width: 100%;
	margin:0px auto;
	text-align: center;
}
	#home #catch h2 img{
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

#home #catch-text:hover{
	cursor:pointer;
}
#home #catch-text,
#home #catch-text h2 {
	width: 100%;
	padding: 24px 0px 16px;
	background:#E8F4F2;
	position: relative;
	text-align: center;
}
#home #catch-text{
	padding-bottom:60px;
}
#home #catch-text p{
	border-top: 1px solid #999;
	padding-top: 15px;
	padding-bottom:32px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:654px;
}

@media screen and (max-width: 700px) {
	#home #catch-text p{
		width:90%;
	}
}


#home #line-up0:hover{
	cursor:pointer;
}
#home #line-up0 .image{
	float:left;
	width: 100%;
	height:650px;
	-webkit-background-size: cover;
	background-size: cover;
    background-position: center;
	margin-right:-400px;
	padding-right:400px;
	box-sizing:border-box;
	position: relative;
}
	#home #line-up0 .info{
		float:right;
		height: 250px;
		width: 400px;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70FFE888,endColorstr=#70FFE888);
		background-color: rgba(255,255,255,1);
		text-align: center;
		padding: 200px 0px;
		color:#000;
		position: relative;
		z-index:999;
	}

#home #line-up1:hover{
	cursor:pointer;
}
#home #line-up1{
}
#home #line-up1 .image{
	background-size: cover;
	float:right;
	width: 100%;
	height:650px;
	margin-left:-400px;
	padding-left:400px;
	box-sizing:border-box;
	position: relative;
}
	#home #line-up1 .info{
		float:left;
		height: 250px;
		width: 400px;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#600099FF,endColorstr=#600099FF);
		background-color: rgba(255,255,255,1);
		text-align: center;
		padding: 200px 0px;
		position: relative;
		color:#000;
		z-index:999;
	}
#home #line-up2:hover{
	cursor:pointer;
}
#home #line-up2{
	margin-bottom:20px;
}
#home #line-up2 .image{
	float:left;
	width: 100%;
	height:650px;
	-webkit-background-size: cover;
	background-size: cover;
    background-position: center;
	margin-right:-400px;
	padding-right:400px;
	box-sizing:border-box;
	position: relative;
}
	#home #line-up2 .info{
		float:right;
		height: 250px;
		width: 400px;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70FFE888,endColorstr=#70FFE888);
		background-color: rgba(255,255,255,1);
		text-align: center;
		padding: 200px 0px;
		color:#000;
		position: relative;
		z-index:999;
	}

#home #line-up0 .info p,
#home #line-up1 .info p,
#home #line-up2 .info p{
	text-align: left;
	padding: 0 5%;
}


#concept{
	margin: 0 auto 5.5%;
	max-width: 840px;
	width: 85%;
}
#concept h1{
	padding: 7% 0 0;
	margin: 0 auto 4%;
	max-width: 550px;
	width: 100%;
}
@media screen and (max-width: 950px) {
	#concept h1{
		padding: 3% 0 0;
	}
}

#concept h1,
#concept p{
	text-align: center;
}
#concept p{
	margin: 0 auto;
	text-align: left;
	width: 100%;
	max-width: 654px;
}

#home #weddingfair{
	width: 100%;
	position: relative;
}
.bx-viewport #weddingfair .item-1{
	height:160px;
}
#home #weddingfair .item{
		width: 100%;
		padding-top:8%;
		-webkit-background-size: cover;
		background-size: cover;
		position: relative;
		background-position: top center;
		background-repeat: no-repeat;
	}
	#home #weddingfair .item-1{
		background-image: url(../img/top/ph_weddingfair.jpg);
	}
	#home #weddingfair .item-2{
		background-image: url(../img/top/ph_weddingfair2.jpg);
	}
	#home #weddingfair .item-3{
		background-image: url(../img/top/ph_weddingfair3.jpg);
	}
	#home #weddingfair .item-4{
		background-image: url(../img/top/ph_weddingfair4.jpg);
	}
	#home #weddingfair .item h2 img{margin:auto;}
	
	#home #weddingfair .item h2,
	#home #weddingfair .item h2 + p {
		color:#fff;
		display: block;
		width: 100%;
		margin:0px auto;
		text-align: center;
		font-size:1.2em;
		letter-spacing:2px;
	}
	#home #weddingfair .info,
	#home #weddingfair .item h2 img{
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	#home #weddingfair .item p{
		position:absolute;
		top: 62%;
	}
	#home #weddingfair .info p{
		text-shadow: 0px 0px 3px #000, 0px 0px 1px #000;
	}

#home #topics-list{
	background-color:#fff;
	max-width: 1200px;
	width:90%;
	margin:40px auto;
	padding-top:42px;
}
	#home #topics-list h2{
		display: inline-block;
		font:11px "Arial Black", Gadget, sans-serif;
		font-weight:bold;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		padding: 0 0 15px;
	}
	#home #topics-list .data{
		color:#888;
		font-size:11px;
		font-weight:bold;
		text-align:center;
	}
	#home #topics-list h3{
		font-size:1.25em;
		font-weight:normal;
		line-height:1.35;
		margin-bottom: 7px;
		text-align:center;
	}
	#home #topics-list a{
		color:#C00;
	}
	#home #topics-list p{
		font-size:0.95em;
		margin-top: 0;
		text-align:center;
	}
	#home #topics-list ul{
		margin-bottom: 10px;
	}
	#home #topics-list .ph{
		margin-bottom: 5px;
	}
	#home #topics-list .topics{
		margin:0 auto;
		text-align: center;
	}
		#home #topics-list .topics li{
			float:left;
			padding:0 2%;
			width: 25%;
			text-align: left;
			box-sizing:border-box;
		}
		
.link-btn a{
	border:1px solid #000;
	color:#000;
	display: inline-block;
	padding:8px 24px;
	text-decoration:none;
}
	/*.link-btn.blue a{
		background:#00B7E2;
	}*/
.link-btn a:hover{
	opacity:.6;
}


#home #party-report{
	width: 100%;
	position: relative;
	margin-top:20px;
	margin-bottom:20px;
}
#home #party-report:hover{
	cursor:pointer;
}
#home #party-report .info {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: 14%;
}
#home #party-report .info p {
	color:#fff;
    text-shadow: 0px 0px 3px #000, 0px 0px 1px #000;
}
	#home #party-report .ph{
		position: relative;
		z-index:1;
	}
	#home #party-report .ph img{
		width: 100%;
		height: auto;
	}

#home #weddingitems{
	width: 100%;
	position: relative;
}
#home #weddingitems:hover{
	cursor:pointer;
}
	#home #weddingitems .info{
		height: 100%;
		width: 100%;
		vertical-align:middle;
		text-align: center;
		margin:auto;
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		z-index:2;
		margin-top:10%;
	}
	#home #weddingitems .info p{
		/*text-shadow: 0px 0px 10px #000, 0px 0px 1px #000;*/
	}
	#home #weddingitems .ph{
		position: relative;
		z-index:1;
	}
		#home #weddingitems .ph img{
			width: 100%;
		height: auto;
		}
	
#home #miscellaneous{
	width: 1120px;
	margin:50px auto;
	text-align: center;
}
#home #miscellaneous2{
	width: 685px;
	margin:50px auto;
	text-align: center;
}
#home #miscellaneous li,
#home #miscellaneous2 li{
	width: 300px;
	margin:0px 20px;
	text-align: center;
	display: inline-block;
}
#home #miscellaneous ul{
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 736px) {
#home #miscellaneous ul{
    display: inherit;
}
}
#home #miscellaneous li .ph,
#home #miscellaneous2 li .ph{
	margin-bottom: 10px;
}
#home #miscellaneous li h3,
#home #miscellaneous2 li h3{
	border-bottom: 1px solid #ccc;
	padding-bottom:12px;
}
#home #miscellaneous li p,
#home #miscellaneous2 li p{
	text-align: left;
}

#banners ul{
	margin: 50px auto;
	text-align:center;
}
	#banners ul li{
		margin: 20px 10px;
		display:inline-block;
	}
#footer{
	background-color:#000;
	padding: 30px 0px 16px;
}
#floatfooter{
	background:#f1f1f1;
}
#footercon{
	width: 785px;
	margin:auto auto 10px;
	padding:30px 0px;
}
	#footercon .ph{
		width: 290px;
		float:left;
		margin-right: 50px;
	}
	#footercon .logo{
		color: #fff;
		font-size: 12px;
		width: 169px;
		float:left;
		margin-left: 55px;
		margin-right: 50px;
	}
		#footercon .logo span{
			margin-top: 1em;
			display:block;
			text-align: center;
		}
		#footercon .logo span a{
			color: #fff;
		}
		#footercon .logo span img{
			width: 24px;
			padding-top: 8px;
		}

	#footercon .footnav{
		float:left;
		margin-top: 42px;
		width: 475px;
	}
	#footercon .footnav ul{
		float:left;
		margin-left: 40px;
	}
		#footercon .footnav li{
			margin-bottom: 15px;
		}
		#footercon .footnav li a{
			color:#fff;
			text-decoration:none;
			padding-left: 15px;
			background: url(../img/footer/ic_foot1.png) no-repeat 0 center;
		}
		#footercon .footnav li.external a{
			padding-left: 20px;
			background: url(../img/footer/ic_foot2.png) no-repeat 0 center;
		}
		#footercon .footnav li a:hover{
			color:#fff;
		}
		#footersubcon{
			width: 1120px;
			margin:auto;
		}
			#footersubcon .address{
				width: 630px;
				float:left;
				color:#fff;
			}
			#footersubcon .footsubnav{
				width: 480px;
				float:right;
				text-align: right;
			}
				#footersubcon .footsubnav li{
					display: inline-block;
					margin-left: 10px;
				}
				#footersubcon .footsubnav li a{
					color:#fff;
					text-decoration:none;
					padding-left: 10px;
					background: url(../img/footer/ic_foot1.png) no-repeat 0px 5px;
				}
#floatfooter{
	position: fixed;
	z-index: 999;
	bottom:0px;
	left:0px;
	width: 100%;
	height: 70px;
	background-color: #fff;
	padding: 0px 0px 10px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
	#floatfootercon{
	}
	#floatfootercon .logo{
		width: 143px;
		float:left;
		margin-right:20px;
		margin-top:25px;
	}
	#floatfootercon .tel{
		width: 273px;
		float:left;
		margin-top:12px;
	}
	#floatfootercon .floatfooternav{
		width: 536px;
		text-align: center;
		margin:21px auto 0;
	}
	#floatfootercon .floatfooternav ul{
		padding: 10px 0px 0px;
	}
	#floatfootercon .floatfooternav li{
		display: inline-block;
		margin-left: 10px;
	}
	#floatfootercon .floatfooternav li:nth-child(5){
		margin-left: 0px;
	}
#page-top {
	position: fixed;
	right: 0;
	bottom: 90px;
	z-index: 1000;
}
.ichioshi{
	border:1px solid #C36;
	color:#c36;
	font-size:10px;
	padding:0px 3px;
	margin-right:8px;
}
.capacity{
	border:1px solid #999;
	font-size:10px;
	padding:0px 3px;
	margin-left:8px;
	vertical-align: middle;
}

@media screen and (max-width: 736px) {
/*736以下*/
	#home #mainimage {
		/*background:url(../img/top/main01.jpg)no-repeat 0 0;*/
		top: 50px;
		/*height: 480px;*/
	}
	#home #mainimage video{
		/*height: 500px;*/
		height: auto;
	}
/*736以下*/
}
@media screen and (max-width: 420px) {
/*420以下*/
	#home #mainimage {
		top: 55px;
	}
	#home #mainimage .sp{
		display:block;
	}
    #home #mainimage{
        min-height: 420px;
    }
/*420以下*/
}


/************************************************************
page
************************************************************/
.concept .main-img {
    background-size: cover;
    height: 0;
    margin-bottom: 70px;
    overflow: hidden;
    padding-top: 37%;
    width: 100%;
}
.page-template-page-efforts .concept .main-img {
    padding-top: 37%;
	margin-top: 55px;
}

.concept .page .page_container {
    padding: 0 10%;
    margin: 0 auto;
    width: 920px;
    max-width: 945px;
}

h1.center-head{
	text-align:center;
}

.concept .float-box h1 {
    float: left;
	font-size: 1.3em;
	margin-bottom: 1em;
	margin-top: 10%;
}
@media screen and (max-width: 924px) {
	.concept .float-box h1 {
		margin-top: 0;
	}
}
.concept h1 {
    display: block;
}
.concept .right-column {
    float: right;
    width: 75%!important;
}
.concept .page .right-column p {
    margin-bottom: 4em;
}
.concept h2 {
    margin-bottom: 5%;
}
.concept .page .float-box-inner img {
    float: left;
    width: 46%;
}
.concept .page .float-box-inner p {
    float: right;
    width: 49%;
}
.concept .page .right-column p {
    margin-bottom: 4em;
}
.concept .page .right-column p {
    margin-bottom: 4em;
}
.concept h3 {
    margin-bottom: 5%;
}
.concept .page .right-column p {
    margin-bottom: 2em;
}
.concept h4 {
    margin-top: 10%;
    margin-bottom: 5%;
}
.main.concept #page2 {
    padding: 0;
    margin: 0 0 42px;
}
.main.concept section.page2 .page_container {
    border: 1px solid #d8d8d8;
    padding: 24px;
    width: 80%;
    max-width: 920px;
}
.main section.page2 .flex-box .flex-img {
    margin-right: 5%;
    height: 100%;
	width:100%;
}
	.box{
		width:100%;
	}
.main section.page2 .box h3 {
    margin: 16px 0;
}
.main.concept section.page2 .page_container {
    padding: 5%;
    margin: 0 auto;
    width: 80%;
}
.concept .page.gray {
    background: #eee;
    padding: 42px 0 62px;
}
.concept .page.gray .page_container {
    margin: 0 auto;
    max-width: 812px;
}
.concept .float-box-profile img {
    float: left;
    width: 20%;
}
.concept .float-box-profile .profile {
    float: right;
    width: 73%;
}
.concept .profile {
    margin-bottom: 42px;
}
.concept .profile .name {
    font-size: 18px;
	margin-bottom:0;
}
.concept .profile .position {
    margin-bottom: 24px;
	margin-top:0;
}
.gallery-box{
	margin:0 auto 4em;
	width:90%;
	max-width:945px;
}

.concept .page .float-box-inner .icon a img{
	margin-right: .5em;
	width: 32px;
}

.qa-wrapper {
	margin:0 auto;
    padding: 0 0 24px;
	width:90%;
	max-width:945px;
}
.q span, .a span {
    background-color: #AFCBF5;
    font-size: 13px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color: #fff;
    border-radius: 50%;
    padding: 5px 8px;
    margin-right: 10px;
}
.a span {
    background-color: #F1D3BE;
}
.q {
    padding: 0 0 8px;
    font-size: 16px;
    border-bottom: dashed 1px #e5e5e5;
    text-indent: -2.2em;
    padding-left: 2.2em;
}
.a {
    font-size: 13px;
    line-height: 160%;
    text-indent: -3em;
    padding-left: 3em;
}

.onecolumn-text{
	margin:0 auto;
	width:80%;
	max-width:645px;
}
.onecolumn-text .head{
	font-weight:bold;
	width: 100%;
    padding: 24px 0px 0px;
    position: relative;
    text-align: center;
}
.onecolumn-text .head + p,
.onecolumn-text .desc{
	border-top: 1px solid #999;
    padding-top: 15px;
    padding-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.float-img {
    margin: 5% auto;
    width: 100%;
	max-width:1080px;
}
@media screen and (max-width: 680px) {
/*420以下*/
	.float-img {
		width: 90%;
	}
/*420以下*/
}

.float-img.img-left .flex-img{
    margin-right: 5%;
    height: 100%;
	width:100%;
}
.float-img.img-right .flex-img{
    margin-left: 5%;
    height: 100%;
	width:100%;
}

.column3 {
    margin: 5% auto;
    text-align: center;
    width: 90%;
    max-width: 1120px;
}
.column3 li {
	width:85%;
    max-width: 300px;
    margin: 0px 20px;
    text-align: center;
    display: inline-block;
}
.column3 li .head {
    border-bottom: 1px solid #ccc;
	font-weight:bold;
    padding-bottom: 12px;
}

.product-list{
	margin: 0 auto 6%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width: 90%;
	max-width: 920px;
}
.product-list .item{
	margin-bottom: 4%;
	width: 48% !important;
}
.product-list .item:nth-child(odd){
	margin-right: 4%;
}
.product-list .item .name{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
.product-list .item .place{
	background: #e7e7e7;
	display: inline-block;
	padding: 8px 12px;
}

.product-none{
	border: 1px solid #000;
	background: #e5e5e5;
	margin: 0 auto;
	padding: 16px;
	text-align:center;
}

.item-link a{
	background: #dfa01b url(../img/product/arrow.png) no-repeat 95% center;
    color: #000;
    display: inline-block;
	float:left;
    line-height: 1.4;
	margin-bottom: 2%;
    padding: 8px 2.5em 8px 1em;
    text-decoration: none;
	/*text-align: center;*/
	/*width: 49%;*/
    text-align: left;
    width: calc(49% - 3.5em);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media screen and (max-width: 480px) {
    .item-link a{
        padding: 8px 0;
        text-align: center;
        width: 49%;
    }
}
/*.item-link a{
	background: #dfa01b url(../img/product/arrow.png) no-repeat 95% center;
    color: #000;
    display: inline-block;
	float:left;
	margin-bottom: 2%;
    padding: 8px 0;
    text-decoration: none;
	text-align: center;
	width: 98%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}*/
.item-link li:nth-child(even) a{
	float:right;
}
.item-link a:hover{
	opacity: .7;
}
.item-link.pre-btn a{
	background: #999 url(../img/product/arrow.png) no-repeat 95% center;
}

@media screen and (max-width: 480px) {
	.product-list .item .name{
		font-size: 14px;
	}
	.item-link a{
		background-image:none;
	}
}

.shop-column ul{
	margin: 0 auto;
	width: 90%;
	max-width: 920px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.shop-column li{
	margin-right: 5%;
	width: 30%;
}
.shop-column li:nth-child(3n+3){
	margin-right: 0%;
}
@media screen and (max-width: 480px) {
	.shop-column li{
		margin-right: 4%;
		width: 48%;
	}
	.shop-column li:nth-child(3n+3){
		margin-right: auto;
	}
	.shop-column li:nth-child(even){
		margin-right: 0%;
	}
}

.page-template-page-plantation h1{
	margin-bottom: 16px;
}

.onecolumn-text .bee-sensing{
	position: relative;
}

.onecolumn-text .bee-sensing::before{
	background: url(../img/efforts/arrow.png) no-repeat;
	background-size: contain;
	content: "";
	height: 15px;
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
	top: -28px;
	width: 20px;
}

/************************************************************
class
************************************************************/
.mb{
	margin-bottom:2em;
}
.mt{
	margin-top:2em;
}
.mb-wide{
	margin-bottom:42px!important;
}
.mb-wide2{
	margin-bottom:62px;
}
.mb-none{
	margin-bottom:0!important;
}
.mt-none{
	margin-top:0!important;
}
.margin-none{
	margin:0!important;
	padding:0!important;
}

.map-link a{
	background: #dfa01b;
	color: #000;
	display: inline-block;
	padding: 8px 18px;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.map-link a:hover{
	opacity: .7;
}

@media (min-width: 766px){
	.flex-box {
		-js-display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex: 1 0 auto;
	}
}
@media screen and (max-width: 1140px) {
/*1140以下*/

#home #cuisine .item-1 .info, #home #cuisine .item-1 h2 img {
    top: -10%;
}
.main section.page2 .page_container, .main section.page3 .page_container, .page .page_container {
    padding: 0%!important;
    margin: 0 auto!important;
    width: 90%!important;
}
.main.concept section.page2 .page_container {
    padding: 5%!important;
    margin: 0 auto!important;
    width: 80%!important;
}

/*1140以下*/
}

@media screen and (max-width: 1320px) {
/*1320以下*/

#home #cuisine .item .info div img {
    position: absolute;
    top: 52%;
}

/*1320以下*/
}

@media screen and (max-width: 1050px) {
/*1000以下*/

#header{
	min-width:initial;
	min-width:auto;
    padding: 0px 0px 4px;
	width:100%;
}

#header .gnav.pc { display:none; }
#header .sp {
	display:block;
	position:relative;
}
#header .sp .menu {
	margin-left:2%;
	width:30px;
}
#header .sp .menu:hover {
	cursor:pointer;
}
#header .sp .logo {
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-71px;
}

#header .sp .gnav { 
	background-color: rgba(0,0,0,0.7);
	position:absolute;
	top:45px;
	left:0;
	width:100%;
}
#header .sp .gnav li {
	text-align:center;
}
#header .sp .gnav li.comingsoon {
	border-bottom:1px solid #999; 
	color:#999;
	padding:9px 0;
}
#header .sp .gnav li a {
	border-bottom:1px solid #999; 
	color:#fff;
	text-decoration:none;
	padding:12px 0;
}

/*#home #mainimage #topcopy {
    width: 65%;
    height: 25%;
}*/
/*1050以下*/
}



@media screen and (max-width: 736px) {
/*736以下*/
.mb-wide {
	margin-bottom: 18px!important;
}


#home #catch h2 img,
#home #catch-text h2 img{
	width:65%;
}
#home #catch-text {
    padding: 24px 0 24px;
}
#home #catch-text h2 {
    padding: 24px 0px 0;
}
#home #catch-text p.pc {
    display:none;
}
#home #catch-text p.sp {
	background-color:#E8F4F2;
    display:block;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}
	#home #catch-text div img {
		width: 32%;
	}

	#home #line-up0 .image{
	float:none;
	height:0;
	padding-top:50%;
	width: 100%;
	margin-right:0px;
	padding-right:0px;
}
	#home #line-up0 .info{
		float:none;
		height:auto;
		width: 100%;
		padding:24px 0px;
	}
	#home #line-up0 .info h2 img{
		width: 47%;
	}
	#home #line-up0 .info div img {
		width: 32%;
	}

#home #line-up1 .image{
	float:none;
	height:0;
	padding-top:50%;
	background-size: cover;
	width: 100%;
	margin-left:0px;
	padding-left:0px;
}
	#home #line-up1 .info{
		float:none;
		height:auto;
		width: 100%;
		padding:24px 0px;
	}
	#home #line-up1 .info h2 img{
		width: 45%;
	}
	#home #line-up1 .info div img {
		width: 32%;
	}

#home #line-up2 .image{
	float:none;
	height:0;
	padding-top:50%;
	width: 100%;
	margin-right:0px;
	padding-right:0px;
}
	#home #line-up2 .info{
		float:none;
		height:auto;
		width: 100%;
		padding:24px 0px;
	}
	#home #line-up2 .info h2 img{
		width: 47%;
	}
	#home #line-up2 .info div img {
		width: 32%;
	}

	#home #weddingfair .item h2 img{
		width:80%
	}
	#home #weddingfair .item h2 + p{
		font-size:1em;
		top: 67%;
		line-height:140%;
	}

#home #weddingfair .info.pc{
	display:none;
	width:60%;
}
#home .weddingfair-info.sp{
	display:block;
	margin:5% auto;
	width:60%;
}
#home .weddingfair-info.sp h2{
	margin:0 auto;
	width:100%;
}
#home .weddingfair-info.sp p{
	text-align:center;
}

#home #weddingfair .item-1 {
    background-image: url(../img/top/ph_weddingfair_sp.jpg);
}
#home #weddingfair .item-2 {
    background-image: url(../img/top/ph_weddingfair2_sp.jpg);
}
#home #weddingfair .item-3 {
    background-image: url(../img/top/ph_weddingfair4_sp.jpg);
}

#home #topics-list{
	width: 80%;
	margin:40px auto;
}
	#home #topics-list h2{
		display: block;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		padding: 0 0 15px;
	}
	#home #topics-list h2 img{
		width:70%;
	}
	#home #topics-list h3{
		font-size:1.25em;
		font-weight:normal;
		line-height:1.35;
		margin-bottom: 7px;
	}
	#home #topics-list p{
		margin-top: 0;
	}
	#home #topics-list ul{
		margin-bottom: 10px;
	}
	#home #topics-list ul li{
		margin-bottom: 32px;
	}
	#home #topics-list .ph{
		margin-bottom: 5px;
	}
	#home #topics-list .ph img{
		width:100%;
	}
	#home #topics-list .fair{
		width: 48%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:24px;
		text-align: center;
	}
		#home #topics-list .fair li{
			width: 100%;
			float:none;
			text-align: left;
		}
	#home #topics-list .fair div:not(.ph) img {
		width: 45%;
	}

	#home #topics-list .plan{
		width: 48%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}
	#home #topics-list .plan h2 img{
		width:35%;
	}
		#home #topics-list .plan li{
			display:block;
			width: 100%;
			float:none;
			text-align: left;
		}
	#home #topics-list .plan div:not(.ph) img {
		width: 45%;
	}

#home #line-up1 .image {
    background-image: url(../img/top/ph_ceremony_sp.jpg);
}

#home #cuisine .item .info.pc {
	display:none;
}

	#home #cuisine .item h2 + p{
		display:none;
	}

#home #party-report .info .pc{
	display:none;
}
#home #party-report .info .sp{
	display:block;
}
#home #party-report .info,
#home #weddingitems .info {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 2;
    padding: 5% 0 2%;
}
#home #party-report .info{
    padding: 5% 0;
}
#home #party-report .info h2 img,
#home #weddingitems .info h2 img {
    width:53%;
}
#home #party-report .info h2 + p,
#home #weddingitems .info h2 + p {
	color:#000;
	margin-left:auto;
	margin-right:auto;
	text-shadow:none;
    width: 80%;
}
#home #party-report .info div img,
#home #weddingitems .info div img {
    width: 32%;
}



#home #topics-list{
	width: 80%;
	margin:40px auto;
}
	#home #topics-list h2{
		display: block;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		padding: 0 0 15px;
	}
	#home #topics-list h2 img{
		width:70%;
	}
	#home #topics-list h3{
		font-size:1.25em;
		font-weight:normal;
		line-height:1.35;
		margin-bottom: 7px;
	}
	#home #topics-list p{
		margin-top: 0;
	}
	#home #topics-list ul{
		margin-bottom: 10px;
	}
	#home #topics-list ul li{
		margin-bottom: 32px;
	}
	#home #topics-list .ph{
		margin-bottom: 5px;
	}
	#home #topics-list .ph img{
		width:100%;
	}
	#home #topics-list .topics{
		width: 85%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:24px;
		text-align: center;
	}
		#home #topics-list .topics li{
			width: 100%;
			float:none;
			text-align: left;
		}
	#home #topics-list .topics div:not(.ph) img {
		width: 45%;
	}

	#home #topics-list .events{
		width: 85%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}
	#home #topics-list .events h2 img{
		width:35%;
	}
		#home #topics-list .events li{
			display:block;
			width: 100%;
			float:none;
			text-align: left;
		}
	#home #topics-list .events div:not(.ph) img {
		width: 45%;
	}




#home #miscellaneous {
    width: auto;
    margin: 20px auto;
    text-align: center;
}
#home #miscellaneous2 {
    width: auto;
    margin: 20px auto;
    text-align: center;
}
#home #miscellaneous li h3 img,
#home #miscellaneous2 li h3 img {
    width:50%;
}


#banners ul li {
    margin: 10px 10px;
    display: inline-block;
}

#footer {
    padding: 10px 0px 10px;
}
#footercon {
    width: 100%;
    padding: 0px 0px 0;
}
#floatfooter {
    height: 40px;
}
#floatfootercon {
    width: 100%;
}
#footercon .footnav {
	clear:both;
    float: none;
	margin:5% auto; 
    width: 95%;
}

#footercon .ph {
	display:none;
    width:70%;
    float: none;
    margin-right: auto;
    margin-left: auto;
}
#footercon .logo {
    width: 45%;
    float: none;
    padding-top: 10px;
    margin-left:auto;
    margin-right: auto;
}
#floatfootercon .floatfooternav {
    display:none;
}
#floatfootercon .logo {
    display:none;
}
#floatfootercon .tel {
    width: 185px;
    float: none;
    margin-top: 0px;
    margin-left:auto;
    margin-right: auto;
}
#footersubcon {
    width: 100%;
    margin: auto;
}
#footersubcon .address.pc {
   display:none;
}
#footersubcon .address.sp {
   display:block;
   text-align:center;
   margin-bottom:12px;
   width:100%;
}
	#footersubcon .address.sp a {
	   color:#fff;
	}
#footersubcon .footsubnav {
    width: 85%;
    float:none;
    text-align:left;
    margin-left:auto;
    margin-right: auto;
	padding-bottom:58px;
}
#footersubcon .footsubnav li {
    display: block;
    margin-left: 10px;
}

.concept .main-img {
    background: url(../img/concept/main_sp.jpg) no-repeat center 0;
    background-size: cover;
    margin-bottom: 40px;
    padding-top: 60%;
}
#content-wrapper{
	margin:90px auto 0;
	width:90%
}

.concept .float-box h1 {
    float: none;
}
.concept .right-column {
    float: none;
    width: 100%;
}
.concept .page .float-box-inner img {
    float: none;
    width: 100%;
}
.concept .page .float-box-inner p {
    float: none;
    width: 100%;
}
.main section.page2 .flex-box .flex-img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.float-img.img-left{
	margin-bottom:4%;
	padding-bottom: 4%;
	position: relative;
}
.float-img.img-left:after{
	content: "";
	background: #000;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	height: 2px;
	width: 50px;
}
	
.float-img.img-left .flex-img{
    margin-right: 0%;
	margin-bottom:16px;
    height: 100%;
	width:100%;
}
.float-img.img-right .flex-img{
    margin-left: 0%;
    height: 100%;
	width:100%;
}
.flex-box .flex-img img{
	width:100%;
}

.column3 li {
    max-width: 85%;
}

/*736以下*/
}

@media screen and (max-width: 420px) {
/*420以下*/

	#home #catch .item{
		height:70px;
	}

	#home #topics-list .fair{
		width: 90%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:24px;
		text-align: center;
	}
#home #topics-list{
	width: 90%;
	margin:20px auto;
}

		#home #topics-list .fair li:nth-child(1),
		#home #topics-list .plan li:nth-child(1) {
			margin-right: auto;
		}
		#home #topics-list .fair li,
		#home #topics-list .plan li{
			width: 90%;
			float:none;
			margin-left:auto;
			margin-right:auto;
			text-align: left;
		}
	#home #topics-list .plan{
		width: 90%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}

#home #miscellaneous li, #home #miscellaneous2 li {
    width: 70%;
}

#banners ul {
    margin: 20px auto;
}

#footercon .footnav ul {
	border-top:1px solid #333;
    float: none;
    margin-left: 0px;
}
	#footercon .footnav ul + ul {
		border-top:none;
	}
#footercon .footnav ul li {
	background:#000;
	border-bottom:1px solid #333;
	padding-left:5%;
	margin-bottom:0;
}
#footercon .footnav ul li a {
	display:block;
	padding-top:2%;
	padding-bottom:2%;
}
#page-top {
	position: fixed;
	right: 10px!important;
	bottom: 60px!important;
	z-index: 1000;
	width:25px;
}


.concept .float-box-profile img {
    float: none;
    width: 40%;
}
.concept .float-box-profile .profile {
    float: none;
    width: 100%;
}

/*420以下*/
}