﻿@charset "utf-8";
/* CSS Document */

/*ページ用CSS*/

.navigation{padding:20px;text-align:center;background:#F4F4F4;border:1px solid #E6E6E6;}
.font_mnc{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif}

/*//////////////
コンセプト：conceptPage
///////////////////*/

.concept_ttl{text-align:center;/*padding:200px 0;*/height:400px;text-indent:-9999px;}

.conceptPage .introBox{
	background:url(/share/img/page/concept/introBox_bg.jpg) no-repeat center bottom;
	background-size:auto contain;
}
@media screen and (max-width: 1009px){
.conceptPage .introBox{
	margin: 0;
  	padding:0;}
}
@media screen and (min-width: 1010px){
.conceptPage .introBox{
	margin: 0 -500%;
  	padding:0 500%;}
}

.conceptPage .introBox .inner{
	background:rgba(107,182,187,0.8);}
@media screen and (max-width: 1009px){
.conceptPage .introBox .inner{
	margin: 0;
  	padding:30px 0;}
}
@media screen and (min-width: 1010px){
.conceptPage .introBox .inner{
	margin: 0 -500%;
  	padding:30px 500%;}
}
.conceptPage .introBox .inner h3{text-align:center;padding:50px 0;}
.conceptPage .introBox .inner p{text-align:center;color:#FFF;margin-bottom:10px;}

.conceptPage .messageBox{margin-top:80px;}
.conceptPage .messageBox h3{
	text-align:center;
	color:#6BB6BB;
	font-size:32px;
	line-height:1.2;}
.conceptPage .messageBox .inner{
	margin-top:80px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;}
.conceptPage .messageBox .inner .content p{margin:10px;font-size:1.4em;line-height:1.8;}

.conceptPage .messageBox .inner .content02 p{font-size:1.2em;margin:10px 10px 20px;}
.conceptPage .messageBox .inner .photo{}

.conceptPage .conceptListBox{
	background:url(/share/img/page/concept/conceptListBox_bg.jpg) no-repeat center center;
	position:relative;
	}
@media screen and (max-width: 1009px){
.conceptPage .conceptListBox{
	margin: 80px 0 0;
  	padding:0;}
}
@media screen and (min-width: 1010px){
.conceptPage .conceptListBox{
	margin: 80px -500% 0;
  	padding:0 500%;}
}
.conceptPage .conceptListBox h3{
	position:absolute;
	top:170px;
	width:1010px;
	text-align:center;}

.conceptPage .conceptListBox ul.itemList{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;}
	
.conceptPage .conceptListBox ul.itemList li{
	width:34%;
	padding:400px 20px 50px;
	}
.conceptPage .conceptListBox ul.itemList li.item01{background:rgba(0,0,0,.4);}
.conceptPage .conceptListBox ul.itemList li.item02{background:rgba(0,0,0,.2);}
.conceptPage .conceptListBox ul.itemList li.item03{background:rgba(0,0,0,.4);}

.conceptPage .conceptListBox ul.itemList li .inner,
.conceptPage .conceptListBox ul.itemList li a{display:block;border:1px solid #FFF;padding-top:140px;height:140px;font-weight:bold;}
.conceptPage .conceptListBox ul.itemList li a:hover{text-decoration:none;}
 .conceptPage .conceptListBox ul.itemList li.item01 .inner,
 .conceptPage .conceptListBox ul.itemList li.item01 a{background:url(/share/img/page/concept/conceptListBox_icon01.png) no-repeat center 20px;}
 .conceptPage .conceptListBox ul.itemList li.item02 .inner,
  .conceptPage .conceptListBox ul.itemList li.item02 a{background:url(/share/img/page/concept/conceptListBox_icon02.png) no-repeat center 20px;}
 .conceptPage .conceptListBox ul.itemList li.item03 .inner,
  .conceptPage .conceptListBox ul.itemList li.item03 a{background:url(/share/img/page/concept/conceptListBox_icon03.png) no-repeat center 20px;}
.conceptPage .conceptListBox ul.itemList li .inner p,
.conceptPage .conceptListBox ul.itemList li a p{color:#FFF;text-align:center;font-size:24px;font-weight:bold;}

	
.conceptPage .worriesBox{
	/*margin: 0 -500%;
  	padding:80px 500% 30px;;
	background:url(/share/img/page/concept/worriesBox_bg.jpg) no-repeat center center;
	background-size:contain;*/}
.conceptPage .worriesBox h3{
	text-align:center;
	background:#2b2b2b;}
@media screen and (max-width: 1009px){
.conceptPage .worriesBox h3{
	margin: 0;
  	padding:50px 0;}
}
@media screen and (min-width: 1010px){
.conceptPage .worriesBox h3{
	margin: 0 -500%;
  	padding:50px 500%;}
}
.conceptPage .worriesBox ul.itemList{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	-webkit-align-content: space-around; /* Safari */
	align-content:         space-around;
	padding-top:80px;
	background:url(/share/img/page/concept/worriesBox_arrow01.png) no-repeat center top;}
.conceptPage .worriesBox ul.itemList li{
	margin-bottom:30px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
	text-align:center;
	font-size:24px;	font-weight:bold; line-height:1.6;}

.conceptPage .conceptListBox02{
	padding-top:100px;
	background:url(/share/img/page/concept/worriesBox_arrow02.png) no-repeat center 20px;}
.conceptPage .conceptListBox02 h3{text-align:center;}
.conceptPage .conceptListBox02 ul.itemList{
	margin-top:50px;
	margin-bottom:80px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:space-around;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;}
	
.conceptPage .conceptListBox02 ul.itemList li{
	width:50%;
	margin:0 1px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	}
.conceptPage .conceptListBox02 ul.itemList li.item01{background:#FF6666;}
.conceptPage .conceptListBox02 ul.itemList li.item02{background:#E49013;}
.conceptPage .conceptListBox02 ul.itemList li.item03{background:#8ABF5C;}

.conceptPage .conceptListBox02 ul.itemList li dl{
	color:#FFF;
	padding:140px 0 40px 0;}
 .conceptPage .conceptListBox02 ul.itemList li.item01 dl{background:url(/share/img/page/concept/conceptListBox_icon01.png) no-repeat center 20px;}
 .conceptPage .conceptListBox02 ul.itemList li.item02 dl{background:url(/share/img/page/concept/conceptListBox_icon02.png) no-repeat center 20px;}
 .conceptPage .conceptListBox02 ul.itemList li.item03 dl{background:url(/share/img/page/concept/conceptListBox_icon03.png) no-repeat center 20px;}
.conceptPage .conceptListBox02 ul.itemList li dl dt{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;}
.conceptPage .conceptListBox02 ul.itemList li dl dd.btn{
	text-align:center;
	margin-top:10px;}
.conceptPage .conceptListBox02 ul.itemList li dl dd.btn a{
	display:inline-block;
	border:1px solid #FFF;
	padding:10px 20px;
	color:#FFF;
	text-decoration:none;}
.conceptPage .conceptListBox02 ul.itemList li dl dd.desc{
	margin:30px;}
	
.conceptPage .bannerBox{margin:80px 0;}
.conceptPage .bannerBox p{text-align:center;margin-bottom:20px;}
	
/*//////////////
コンセプト02：concept02Page
///////////////////*/

.concept02Page .introBox{
	background:url(/share/img/page/concept02/introBox_bg.jpg) no-repeat center top;
	background-size:auto contain;
}
@media screen and (max-width: 1009px){
.concept02Page .introBox{
	margin: 0;
  	padding:0;}
}
@media screen and (min-width: 1010px){
.concept02Page .introBox{
	margin: 0 -500%;
  	padding:0 500%;}
}
.concept02Page .introBox .inner{
	background:rgba(255,102,102,.8);}
@media screen and (max-width: 1009px){
.concept02Page .introBox .inner{
	margin: 0;
  	padding:30px;}
}
@media screen and (min-width: 1010px){
.concept02Page .introBox .inner{
	margin: 0 -500%;
  	padding:30px 500%;}
}
.concept02Page .introBox .inner h3{text-align:center;padding:50px 0;}
.concept02Page .introBox .inner h4{text-align:center;margin-bottom:30px;}
.concept02Page .introBox .inner p{text-align:center;color:#FFF;margin-bottom:10px;}

.concept02Page .itemListBox{
	margin-top:80px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;}

.concept02Page .itemListBox dl{width:34%;color:#FFF;}
 .concept02Page .itemListBox dl.item01{background:#6BB6BB;}
 .concept02Page .itemListBox dl.item02{background:#E49013;margin:0 1px;}
 .concept02Page .itemListBox dl.item03{background:#8ABF5C;}
.concept02Page .itemListBox dl dt{text-align:center;font-size:20px;padding-top:140px;padding-bottom:20px;}
 .concept02Page .itemListBox dl.item01 dt{background:url(/share/img/page/concept02/itemListBox_icon01.png) no-repeat center 20px;}
 .concept02Page .itemListBox dl.item02 dt{background:url(/share/img/page/concept02/itemListBox_icon02.png) no-repeat center 20px;}
 .concept02Page .itemListBox dl.item03 dt{background:url(/share/img/page/concept02/itemListBox_icon03.png) no-repeat center 20px;}
.concept02Page .itemListBox dl dd{text-align:center;padding-top:20px;padding-bottom:20px;margin:0 30px;border-top:3px solid #FFF;}


.concept02Page .worriesBox{
	background-image: -webkit-linear-gradient(#EEE, #FFF 20%, #FFF);
	background-image: linear-gradient(#EEE, #FFF 20%, #FFF);
}
@media screen and (max-width: 1009px){
.concept02Page .worriesBox{
	margin: 80px 0 0;
  	padding:50px 0 0;}
}
@media screen and (min-width: 1010px){
.concept02Page .worriesBox{
	margin: 80px -500% 0;
  	padding:50px 500% 0;}
}
.concept02Page .worriesBox h3{font-size:32px;line-height:1.2;text-align:center;}

.concept02Page .worriesBox ul.itemList01{
	padding:40px 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
	background:url(/share/img/page/concept02/worriesBox_bg.png) no-repeat center bottom;}
.concept02Page .worriesBox ul.itemList01 li{
	width:330px;
	height:210px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	text-align:center;
	font-size:16px;
	background:url(/share/img/page/concept02/worriesBox_item_bg.png) no-repeat center center;}
.concept02Page .worriesBox p.bg_black,
.concept02Page .worriesBox p.bg_white{
	font-size:28px;
	text-align:center;
}
@media screen and (max-width: 1009px){
.concept02Page .worriesBox p.bg_black,
.concept02Page .worriesBox p.bg_white{
	margin: 0;
 padding:50px;}
}
@media screen and (min-width: 1010px){
.concept02Page .worriesBox p.bg_black,
.concept02Page .worriesBox p.bg_white{
	margin: 0 -500%;
 padding:50px 500%;
 }
}
.concept02Page .worriesBox p.bg_black{
	background:#2b2b2b;
	color:#FFF;}
.concept02Page .worriesBox p.bg_white{font-weight:bold;}
.concept02Page .worriesBox p.bg_white span{color:#ff6666;}

.concept02Page .worriesBox ul.itemList02{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items: center; /* Safari */
	align-items:         center;}
.concept02Page .worriesBox ul.itemList02 li{margin:10px;}

.concept02Page .costBox{margin-top:80px;}
.concept02Page .costBox h3{
	font-size:32px;
	text-align:center;
	color:#FFF;
	background:#FF6666;}
@media screen and (max-width: 1009px){
.concept02Page .costBox h3{
	margin: 0;
  	padding:50px 0;}
}
@media screen and (min-width: 1010px){
.concept02Page .costBox h3{
	margin: 0 -500%;
  	padding:50px 500%;}
}
.concept02Page .costBox p{margin:50px 0;text-align:center;}

.concept02Page .costBox .inner{
	background:url(/share/img/page/concept02/costBox_bg.jpg) repeat-x center 100px;
	text-align:center;}
@media screen and (max-width: 1009px){
.concept02Page .costBox .inner{
	margin: 0;
  	padding:0;}
}
@media screen and (min-width: 1010px){
.concept02Page .costBox .inner{
	margin: 0 -500%;
  	padding:0 500%;}
}
.concept02Page .costBox .inner h4{font-size:24px;font-weight:bold;text-align:center;margin-bottom:200px;}
.concept02Page .costBox .inner p{
	display:inline-block;
	background:#FF6666;
	color:#FFF;}
.concept02Page .costBox .inner dl{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-align-items: flex-end; /* Safari */
	align-items:         flex-end;
	border-bottom:3px solid #2b2b2b;
	padding-bottom:30px;}
.concept02Page .costBox .inner dl dt{margin-right:30px;}
.concept02Page .costBox .inner dl dd{font-size:32px;font-weight:bold;}
.concept02Page .costBox .inner dl dd span{color:#FF6666;font-size:64px;margin-right:10px;}

.concept02Page .reasonBox{margin-top:80px;}
.concept02Page .reasonBox h3{text-align:center;font-size:32px;font-weight:bold;}
.concept02Page .reasonBox ul{
	margin:30px 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;}
.concept02Page .reasonBox .inner{
	margin-top:50px;}
.concept02Page .reasonBox .inner p{
	text-align:center;}

/*//////////////
商品プラン：planPage
///////////////////*/

/*メイン*/
.planPage .mainBox{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	background:#F5F5F5;
}
@media screen and (max-width: 1009px){
.planPage .mainBox{
	margin: 0 0 50px 0;
  	padding:0 500%;}
}
@media screen and (min-width: 1010px){
.planPage .mainBox{
	margin: 0 -500% 50px -500%;
  	padding:0 500%;}
}

.planPage .mainBox .logo h3, .planPage .mainBox .logo p{text-align:center;}
.planPage .mainBox .logo h3{margin:30px 0;}


.planPage .slideBox, .planPage .pickupBox, .planPage .detailBox{margin-top:80px;}
.planPage .slideBox h3,
.planPage .pickupBox h3,
.planPage .detailBox h3,
.planPage .lineupBox h3,
.planPage .equipBox h3{
	font-size:24px;font-weight:bolder;text-align:center;
	background:#EEE;}
@media screen and (max-width: 1009px){
.planPage .slideBox h3,
.planPage .pickupBox h3,
.planPage .detailBox h3,
.planPage .lineupBox h3,
.planPage .equipBox h3{
	margin: 0 0 50px 0;
  	padding:20px 500%;}
}
@media screen and (min-width: 1010px){
.planPage .slideBox h3,
.planPage .pickupBox h3,
.planPage .detailBox h3,
.planPage .lineupBox h3,
.planPage .equipBox h3{
	margin: 0 -500% 50px -500%;
  	padding:20px 500%;}
}

.planPage .slideBox ul{height:200px;overflow:hidden;}
.planPage .slideBox .bx-pager a.bx-pager-link{background:#CCC;}
.planPage .slideBox .bx-pager a.bx-pager-link.active{background:#2b2b2b;}

.planPage pickupBox{}
.planPage .pickupBox ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;}
.planPage .pickupBox ul li{
	width:230px;
	height:180px;
	overflow:hidden;
	margin:0 15px 30px;}
.planPage .pickupBox ul li img{
	width:100%;height:auto;}

.planPage .detailBox dl{
	margin-top:30px;
	padding-bottom:20px;
	border-bottom:2px solid #CCC;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	}
.planPage .detailBox dl:nth-child(odd){}
.planPage .detailBox dl dt{width:30%;}
.planPage .detailBox dl dt img{width:100%;height:auto;}
.planPage .detailBox dl dd{width:68%;}

.planPage .lineupBox{
	margin-top:80px;
	padding:50px 0;}
.planPage .lineupBox .itemList{
	margin:30px auto;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-wrap: nowrap; /* Safari */
flex-wrap:nowrap;
-webkit-justify-content:center; /* Safari */
justify-content:center;
}

.planPage .lineupBox .itemList li.item{
margin:0 1%;
background:#fff;
text-align:center;
position:relative;
}
.planPage .lineupBox .itemList li.item a{
display:block;
width:100%;
height:100%;
text-decoration:none;
}

.planPage .lineupBox .itemList li.item .photo{width:100%;overflow:hidden;}
.planPage .lineupBox .itemList li.item .photo img{width:100%;height:auto;}

.planPage .lineupBox .itemList li.item dl{margin:30px auto;}
.planPage .lineupBox .itemList li.item dl dt{
	text-align:center;
	font-size:30px;font-weight:800;
}
.planPage .lineupBox .itemList li.item dl dd{
	text-align:center;
}
.planPage .lineupBox .itemList li.item dl dd.subttl{
	padding:10px 0;
	font-size:1.2em;}
.planPage .lineupBox .itemList li.item dl dd.price{
	margin:0 auto;
	padding:20px 0;
	width:80%;
	border-top:3px solid #2B2B2B;
	border-bottom:3px solid #2B2B2B;}
.planPage .lineupBox .itemList li.item dl dd.price span{
	font-size:30px;
	font-weight:900;}
.planPage .lineupBox .itemList li.item .btn{text-align:center;}
.planPage .lineupBox .itemList li.item .btn p{display:inline-block;font-size:1.0em;font-weight:bold;padding:10px 30px;box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);}
.planPage .lineupBox .itemList li.item .btn p{color:#E95A24;background:#FFF;border:3px solid #E95A24;}

.planPage .planBox{margin-top:-10px;padding-top:10px;}
.planPage .planBox .plan_main{
	margin-top:80px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	background:#f5f5f5;}
.planPage .planBox .plan_main .info{
	width: 430px;
}
.planPage .planBox .plan_main .info dl{
	width:400px;
	margin:0 auto;}
.planPage .planBox .plan_main .info dl dt{
	text-align:center;
	font-size:36px;font-weight:800;
}
.planPage .planBox .plan_main .info dl dd{
	text-align:center;
}
.planPage .planBox .plan_main .info dl dd.subttl{
	padding:10px 0;
	font-size:1.2em;}
.planPage .planBox .plan_main .info dl dd.price{
	width:80%;
	margin:0 auto;
	padding:20px 0;
	border-top:3px solid #2B2B2B;
	border-bottom:3px solid #2B2B2B;}
.planPage .planBox .plan_main .info dl dd.price span{
	font-size:40px;
	font-weight:900;}


.planPage .plan_comment{margin:30px 0;text-align:center;font-size:1.2em;}
.planPage .plan_comment p{text-align:center;}
.planPage .plan_comment ul{display:inline-block;margin:20px 0;}
.planPage .plan_comment ul li{margin-bottom:10px;list-style:outside;}

.planPage .planBox .plan_madori{margin-top:50px;}

.planPage .planBox .plan_madori{margin:50px 0 80px;}
.planPage .planBox .plan_madori dl{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	}
.planPage .planBox .plan_madori dl dt{text-align:center;}
.planPage .planBox .plan_madori dl dd{text-align:center;}

.planPage .equipBox{margin-top:80px;margin-bottom:80px;}
.planPage .equipBox h4{margin:30px 0;padding:10px;font-size:20px;font-weight:bold;text-align:center;border-bottom:3px solid #2b2b2b;}
.planPage .equipBox .itemList{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	}
.planPage .equipBox .itemList li{width:240px;margin:5px 5px 20px;}
.planPage .equipBox .itemList li dl dt img{width:100%;height:auto;}
.planPage .equipBox .itemList li dl dd.ttl{padding:10px 0;}
.planPage .equipBox .itemList li dl dd.txt{font-size:12px;line-height:1.2;padding:0 5px;}

.planPage .equipBox .equip_other li{display:inline-block;margin-right:10px;}
.planPage .equipBox .equip_other li::before{content:"◆";margin-right:5px;}

.planPage .plan_comment{margin:30px 0;}
.planPage .plan_comment p{margin:10px 0;text-align:center;}

/*//////////////
店舗案内：shopPage
///////////////////*/
.shopPage .page_title01{margin-bottom:0 !important;}
.shopPage .contents-inner{
	margin-bottom:50px;
	}

.shopPage #countBox .ttl{
text-align:center;
	background:#34ACF6;
	color:#fff;
	font-weight:bolder;
	font-size:2.4em;
position: relative;
}
@media screen and (max-width: 1009px){
.shopPage #countBox .ttl{
margin: 0;
padding:50px 0;}
}
@media screen and (min-width: 1010px){
.shopPage #countBox .ttl{
margin: 0 -500%;
padding:50px 500%;}
}

.shopPage #countBox .ttl:after,
.shopPage #countBox .ttl:before {
top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.shopPage #countBox .ttl:after {
border-color: rgba(91, 199, 37, 0);
	border-top-color: #34ACF6;
	border-width: 20px;
	margin-left: -20px;
}
.shopPage #countBox .ttl:before {
	border-color: rgba(0, 0, 0, 0);
	border-width: 26px;
	margin-left: -26px;
}


.shopPage #countBox .ttl span{font-size:2.4em;color:#FFED26;}

.shopPage #countBox p{
	margin-top:30px;
	}


.shopPage #shopBox .inner{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	}

.shopPage .contents-inner #photo{
	width:45%;
}
.shopPage .contents-inner #photo img{
	width:100%;
	height:auto;}

.shopPage .contents-inner .entrytbl{
	width:50%;
	margin:0 !important;
}
.shopPage .contents-inner .entrytbl th{width:35%;}
.shopPage .contents-inner .entrytbl th,
.shopPage .contents-inner .entrytbl td{padding:15px;font-size:1.2em;}


.shopPage #mapBox{
background-color:#2B2B2B;
	}
@media screen and (max-width: 1009px){
.shopPage #mapBox{
margin: 0;
padding:50px 0;}
}
@media screen and (min-width: 1010px){
.shopPage #mapBox{
margin: 0 -500%;
padding:50px 500%;}
}
.shopPage #mapBox .page_title02{margin-top:0;color:#fff;}


.shopPage .btnBox{clear:both;float:none;padding-top:50px;}
.shopPage .btnBox .btn{text-align:center;}
.shopPage .btnBox .btn a{
	width: 60%;
	display: inline-block;
	padding:30px;
	font-size: 2.0em;
	font-weight: bolder;
	background: #34ACF6;
	color: #fff;
	text-decoration: none;
}


/*//////////////
スタッフ紹介：staffPage
////////////////////////*/

/*一覧*/
.staffPage .departList{}
.staffPage .departList ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;}
.staffPage .departList ul li{
	width:24%;
	margin:0 5px 5px;
	text-align:center;}
.staffPage .departList ul li a{
	display:inline-block;
	text-decoration:none;
	background:#2b2b2b;
	color:#FFF;
	padding:10px 0;
	width:100%;}

.staffPage a.anchor{display:inline-block;padding-top:50px;margin-top:-50px;}

.staffPage .staff_ttl{
	margin:30px 0;
	padding:10px 0;
	text-align:center;
	border-top:3px solid #2b2b2b;
	border-bottom:3px solid #2b2b2b;
	font-size:1.4em;
	font-weight:bold;}

.staffPage .itemList ul.List.List{
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
	}

.staffPage .itemList ul.List li.item{
width:31%;
margin-right:1%;
margin-left:1%;
margin-bottom:30px;
}

.staffPage .itemList ul.List li.item a{
	display:block;
	text-decoration:none;
}
.staffPage .itemList ul.List li.item .photo{
	width:230px;
	height:230px;
	margin:0 auto 10px;
	overflow:hidden;
	vertical-align:middle;
	border:1px solid #CCC;
	box-sizing:border-box;}
	
.staffPage .itemList ul.List li.item .photo img{
	height:100%;
	width:auto;
	position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

}

.staffPage .itemList ul.List li.item .info{text-align:center;}
.staffPage .itemList ul.List li.item .info span.cate{margin-bottom:10px;}
.staffPage .itemList ul.List li.item .info h3.ttl{font-size:1.2em;font-weight:bold;text-align:center;}
.staffPage .itemList ul.List li.item .info p{text-align:center;}

/*詳細*/
.staffPage #detailBox{}

.staffPage #detailBox #infoBox{
	background-color:#F5F5F5;}
@media screen and (max-width: 1009px){
.staffPage #detailBox #infoBox{
	margin: 0 0 50px 0;
  	padding:0;}
}
@media screen and (min-width: 1010px){
.staffPage #detailBox #infoBox{
	margin: 0 -500% 50px -500%;
  	padding:0 500%;}
}

.staffPage #detailBox .photo{
	width:50%;
	height:400px;
	overflow:hidden;
	margin-right:30px;
	vertical-align:middle;
	display:inline-block;}
	
.staffPage #detailBox .photo img{
min-width:100%;
width:100% !important;
height:auto !important;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


.staffPage #detailBox #titleBox{width:40%;display:inline-block;vertical-align:middle;}
.staffPage #detailBox #titleBox span.cate{margin-bottom:10px;font-size:1.2em;display:inline-block;}
.staffPage #detailBox #titleBox .ttl{font-size:1.2em;font-weight:bold;}
.staffPage #detailBox #titleBox .ttl span{font-size:1.8em;font-weight:bolder;margin-right:20px;}


.staffPage #articleBox{margin-top:30px;}
.staffPage #articleBox dl{
font-size:1.2em;
display:flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:wrap;
-webkit-justify-content: center; /* Safari */
justify-content:center;}
.staffPage #articleBox dl dt{
	width: 26%;
	color:#fff;
	padding: 20px;
	font-weight: bold;
	background-color:#2B2B2B;
	margin-bottom:1px;
}
.staffPage #articleBox dl dd{width:66%;padding:20px;margin-bottom:1px;background:#F4F4F4;}

.staffPage #favoriteBox{
	margin:30px 0;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	}
.staffPage #favoriteBox dl{
	width:300px;
	margin-left:20px;}
.staffPage #favoriteBox dl dt{width:100%;height:300px;overflow:hidden;}
.staffPage #favoriteBox dl dt img{
width:auto!important;
height:100% !important;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.staffPage #favoriteBox dl dd{text-align:center;}

.staffPage #content{margin:30px 0;text-align:center;}
.staffPage #content h3.ttl{font-size:2.0em;font-weight:bold;text-align:center;margin-bottom:20px;}
.staffPage #content p{margin-bottom:20px;text-align:center;}


/*////////////////
よくある質問：qaPage
////////////////*/

.qaPage #accordion{
  list-style: none;
  line-height: 1;
}

.qaPage #accordion li{
margin-bottom:5px;
}
.qaPage #accordion dt{
	color:#fff;
line-height:1;
position:relative !important;
  display: block;
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;
  padding:20px 50px;
  background:#2B2B2B url(../img/common/icon_qa.png) no-repeat 10px center;
  background-size:30px auto; 
}

.qaPage #accordion dt:hover{
	cursor:pointer;
	opacity:0.8;
}

.qaPage #accordion dt.open:after{
	color:#2B2B2B;
	width:17px;
	height:17px;
	display:inline-block;
	font-weight:bolder;
	background:#fff;
	padding:6px 4px 6px 8px;
	content: "×";
	position:absolute;
	right:10px;
	top:20%;
	
}
.qaPage #accordion dt.close:after{
	color:#2B2B2B;
	width:17px;
	height:17px;
	display:inline-block;
	font-weight:bolder;
	background:#fff;
	padding:6px;
	content: "▼";
	position:absolute;
	right:10px;
	top:20%;
}

.qaPage #accordion dt.close:first-of-type{
	content: "×";
	}

.qaPage #accordion dd{
	padding:30px;
	font-size:1.2em;
	border:1px solid #2B2B2B;
}
.qaPage #accordion dd li{margin:0;padding:0;margin-bottom:10px !important;}
.qaPage #accordion dd p{margin-bottom:20px;}
.qaPage #accordion dd p:last-child{margin-bottom:0;}

.qaPage #accordion .active{display:block !important;}


/*////////////////////////
施工事例：galleryPage
//////////////////////////*/

/*詳細*/
.galleryPage #titleBox{
margin-bottom:50px;
}

.galleryPage #titleBox span.numbering{
	font-size:50px;
	margin-right:20px;
	line-height:1.0;
	font-weight:bolder;
	color:rgba(0,0,0,0.2);}
.galleryPage #titleBox h3.ttl{
	margin-top:30px;
	font-size:25px;
	font-weight:bolder;
	border-bottom:2px solid #E6E6E6;
	padding:0 0 10px;
}
.galleryPage #titleBox .prof{padding:5px;}

.galleryPage #mainBox .photo{
	width:100%;
	height:500px;
	overflow:hidden;}

.galleryPage #mainBox .photo img{
min-width:100%;
width:100% !important;
height:auto !important;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
	

.galleryPage #mainBox p{margin-bottom:20px;}

.galleryPage #mainBox .priceBox{
	width:400px;
	margin-bottom:50px;
	display:inline-block;
	border:5px solid #34ACF6;
	color:#34ACF6;
	background:#fff;
	padding:30px;}
	
.galleryPage #mainBox .priceBox h3{font-size:1.4em;font-weight:bold;text-align:center;}
.galleryPage #mainBox .priceBox h3 .tuki{margin-right:20px;}
.galleryPage #mainBox .priceBox h3 .price{font-size:2.4em;font-weight:bolder;line-height:100%;}


.galleryPage #descBox{
margin:50px auto;
}

.galleryPage #descBox p{margin-top:20px;}


.galleryPage #photoBox{}
@media screen and (max-width: 1009px){
.galleryPage #photoBox{
	margin: 0;
  	padding:50px 0;}
}
@media screen and (min-width: 1010px){
.galleryPage #photoBox{
	margin: 0 -500%;
  	padding:50px 500%;}
}

.galleryPage #photoBox .ttl{
	font-size:25px;
	font-weight:bolder;
	border-bottom:2px solid #666;}

.galleryPage #photoBox #photoSlider{
	margin:30px auto;
	text-align:center;
}
.galleryPage #photoBox .bx-viewport{
	height:450px !important;
}

.galleryPage .bx-wrapper .bx-pager{
	position:absolute;
	bottom:-30px !important;}

.galleryPage #photoBox #photoSlider li{height:450px;}
.galleryPage #photoBox #photoSlider li img{
	width:auto !important;
	height:100% !important;
	margin:0 auto;
	display:block;
	}

.galleryPage #photoBox #bx-pager{
	display: -webkit-flex; /* Safari */
	display: flex;
    -webkit-justify-content: center; /* Safari */
    justify-content:         center;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:nowrap;
	margin:30px 0;
	}	
.galleryPage #photoBox #bx-pager li{
	margin:0 1px;}
.galleryPage #photoBox #bx-pager li a{display:block;width:96px;height:80px;overflow:hidden;border:1px solid #ccc;}
.galleryPage #photoBox #bx-pager li a.active,
.galleryPage #photoBox #bx-pager li a:hover{border:1px solid #E49013;opacity:0.6;}
.galleryPage #photoBox #bx-pager li img{
	width:auto !important;
	height:120% !important;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	}

/*一覧*/
.galleryPage .itemList{margin:50px 0;}
.galleryPage .itemList ul.List{
display: -webkit-flex; /* Safari */
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
	}

.galleryPage .itemList ul li.item{
width:31%;
margin:0 1% 50px;
position:relative;
}

.galleryPage .itemList ul li.item a{
display:block;
width:100%;
height:100%;
text-decoration:none;
border:1px solid #CCC;
	}

.galleryPage .itemList ul li.item .numbering{
position:absolute;
top:10px;
left:10px;
font-weight:bolder;
font-size:20px;
	}
.galleryPage .itemList ul li.item .photo{width:100%;height:200px;overflow:hidden !important;}
.galleryPage .itemList ul li.item .photo img{
	width:100% !important;
	height:auto !important;
	position: relative;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.galleryPage .itemList ul li.item .ttl{
padding:10px;
	}



/*//////////////
トピックス・イベント情報:topicsPage,eventPage
////////////////
*/

/*ACFでMAPを表示*/
.acf-map {
width: 100%;
height: 400px;
border:1px solid #E6E6E6;
margin: 20px 0;
}

/*/新着情報：一覧//*/

.topicsPage .itemList ul.List li.item{
	display:block;
	}
.topicsPage .itemList ul.List li.item a{
	padding:20px;
	display:block;
	text-decoration:none;
}
.topicsPage .itemList ul.List li.item:nth-child(odd) a{
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	background:#F4F4F4;
	}
.topicsPage .itemList ul.List li.item dl dt span{font-weight:bold;margin-right:5px;}
.topicsPage .itemList ul.List li.item dl dt span.cate_new{padding:5px 10px;}
.topicsPage .itemList ul.List li.item dl dd{padding:20px 0;font-size:1.2em;}


/*イベント情報：一覧//*/

.eventPage .itemList ul.List{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
	}
.eventPage .itemList ul.List li.item{
	width:31%;
	display:block;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:30px;
	border:1px solid #CCC;
	}
.eventPage .itemList ul.List li.item a{
	display:block;
	text-decoration:none;
}

.eventPage .itemList ul.List li.item{
display:block;
vertical-align:middle;
}
.eventPage .itemList ul.List li.item .photo{
	width:100%;
	height:220px;
	overflow:hidden;}
.eventPage .itemList ul.List li.item .photo img{
	min-width:100%;
	width:100% !important;
	height:auto !important;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}

.eventPage .itemList ul.List li.item .info{margin:10px;}

.eventPage .itemList ul.List li.item dl dt{margin:20px 0;font-weight:bold;font-size:1.4em;}
.eventPage .itemList ul.List li.item dl dd.date{font-weight:bold;display:table;}
.eventPage .itemList ul.List li.item dl dd.date span.ttl{
	display:table-cell;white-space:nowrap;vertical-align:middle;
	padding:5px 10px;color:#fff;background:#666666;}
.eventPage .itemList ul.List li.item dl dd.date span.text{
	display:table-cell;vertical-align:middle;
	padding-left:5px;}

.eventPage .itemList ul.List li.item dl dd.content{margin-top:10px;}

.eventPage .itemList ul.List li.item .icon{margin-top:10px;}
.eventPage .itemList ul.List li.item .icon span{
	display:inline-block;
	padding:10px;
	font-weight:bold;}


/*共通シングル*/
.noticePage #detailBox{margin-top:30px;}
.noticePage #detailBox .icon span{padding:10px;font-size:1.2em;margin-right:5px;font-weight:bold;}
.noticePage #detailBox #titleBox .page_title02{margin-top:20px !important;text-align:left !important;padding-left:10px;}
.noticePage #detailBox .photo img{max-width:100%;height:auto;}

.noticePage #articleBox{padding:30px 0;}
.noticePage #articleBox .notice_tbl{width:100%;font-size:1.2em;}
.noticePage #articleBox .notice_tbl th{
	width: 20%;
	padding: 20px;
	border: 1px solid #E6E6E6;
	background: #F5F5F5;
	font-weight: bold;
	text-align: center;
}
.noticePage #articleBox .notice_tbl td{padding:20px;border:1px solid #E6E6E6;}
.noticePage #articleBox .notice_tbl td span.btn_access{margin-left:10px;}
.noticePage #articleBox .notice_tbl td span.btn_access a{
	padding: 10px;
	display: inline-block;
	background: #2B2B2B;
	box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
	color: #FFF;
	text-decoration: none;
	border-radius:3px;
}

.noticePage #btnBox{margin-bottom:50px;}
.noticePage #btnBox p.btn_reserve,
.noticePage #btnBox p.btn_end{
	width:50%;
	text-align:center;
	margin:0 auto;
	font-size: 1.2em;
	font-weight: bold;
	color:#fff;}
.noticePage #btnBox p.btn_reserve a{
	color:#fff;
	text-align:center;
	margin: 0 auto;
	display:block;
	background: #E95A24;
	box-shadow:inset 0 -3px 0 0 rgba(0,0,0,.25);
	padding:30px;
	text-decoration:none;
}

.noticePage #btnBox p.btn_end{
		padding:30px;
		background:#BBBBBB;}


.noticePage #content{}
.noticePage  #content p{margin-bottom:20px;}

.noticePage #mapBox{padding-top:80px;margin-top:-50px;}
.noticePage #mapBox .ttl{
	padding:20px;
	text-align: center;
	color: #fff;
	font-weight: bolder;
	font-size: 1.2em;
	background-color: #2B2B2B;
}
.noticePage #mapBox .ttl span{
	padding-left:30px;
	background:url(../img/common/icon_access.png) no-repeat left center;
	background-size:20px auto;
}



/*//////////////
会社案内：companyPage
//////////////*/
.companyPage .contents-inner{margin:50px 0;}
.companyPage .contents-inner .entrytbl td{padding:20px;border-bottom:1px solid #E6E6E6;}

/*
//////////////
プライバシー：privacyPage
/////////////
*/
.privacyPage .contents-inner dl dt{font-size:1.2em;font-weight:bold;margin-top:20px;}
.privacyPage .contents-inner dl dd{margin-top:10px;}
.privacyPage .contents-inner ul{margin:20px;}
.privacyPage .contents-inner ul li{margin-bottom:20px;list-style:disc outside;}
	
/*
//////////////
サイトマップ：sitemapPage
///////////////
*/
.sitemapPage .contents-inner{
display:flex;
-webkit-justify-content: space-between; /* Safari */
justify-content:         space-between;
}

.sitemapPage .contents-inner ul{width:30%;}
.sitemapPage .contents-inner ul li{
		margin:20px 0;
}

.sitemapPage .contents-inner ul li a{
	display:block;
	padding:20px 0 20px 20px;
	background-size:5px auto;
	border:1px solid #E6E6E6;}
.sitemapPage .contents-inner ul li a:hover{
	border:1px solid #2B2B2B;}


/*
//////////////
お問い合わせ：contactPage
//////////////
*/
.contactPage .entrytbl{margin-top:0 !important;}
.contactPage .contact_note{
	font-size:1.2em;
	margin:30px;
	text-align:center;
	}
.class-holiday span{color:#E95A24 !important;}


/*
来店予約：来店訴求部分
*/

.contactPage #shopAppealBox{margin-top:-50px;}
/* .contactPage #shopAppealBox .mainttlBox{
text-align:center;
background:url(/share/img/page/shop_reserve/mainttlBox_bg.gif) repeat-x center top;
background-size:contain;}
@media screen and (max-width: 1009px){
.contactPage #shopAppealBox .mainttlBox{
margin: 0 0 50px 0;
padding:50px 0;}
}
@media screen and (min-width: 1010px){
.contactPage #shopAppealBox .mainttlBox{
margin: 0 -500% 50px -500%;
padding:50px 500%;}
} */

.contactPage #shopAppealBox .contents-inner{margin-top:50px;}
.contactPage #shopAppealBox .mainttlBox h3.mainttl{
	text-align:center;}
/* .contactPage #shopAppealBox .mainttlBox h3.mainttl img{
	width:auto;
	height:200px;} */

.contactPage #shopAppealBox .ttl{text-align:center;margin-bottom:50px;}
.contactPage #shopAppealBox .ttl span{display:block;text-align:center;letter-spacing:5px;font-size:1.3em;margin-top:20px;color:rgba(0,0,0,.6)}

.contactPage #shopAppealBox .meritBox #meritList ul.List{
display:flex;
-webkit-flex-wrap: nowrap; /* Safari */
flex-wrap:         nowrap;
-webkit-justify-content: space-around; /* Safari */
justify-content:         space-around;
}

.contactPage #shopAppealBox .meritBox #meritList ul.List li.item{
	width:310px;
	height:350px;
	padding-bottom:20px;
	border-bottom:5px solid #E95A24;
	}

.contactPage #shopAppealBox .meritBox #meritList ul.List li.item .info{
	
	position:relative;
}

.contactPage #shopAppealBox .meritBox #meritList ul.List li.item .info .catch{
	padding-top:50px;
	text-align:center;
	font-size:1.2em;
	font-weight:bolder;}

.contactPage #shopAppealBox .meritBox #meritList ul.List li.item .info .catch span{
    background: #E95A24;
    display: inline-block;
    position: absolute;
	top:0;
	left:0;
	color:#FFF;
	font-size:20px;
	font-weight:bolder;
    width: 40px;
    height: 50px;
	padding-top:5px;
}
.contactPage #shopAppealBox .meritBox #meritList ul.List li.item .info .catch span:before {
    content: "";
    display: inline-block;
    border: 20px solid transparent;
    border-bottom-color: #FFF;
    position: absolute;
    left:0;
    bottom:-1px;
}

	
.contactPage #shopAppealBox .shopBox{
background-color:#F5F5F5;}
@media screen and (max-width: 1009px){
.contactPage #shopAppealBox .shopBox{
margin-left:0;
margin-right:0;
padding:50px 0;}
}
@media screen and (min-width: 1010px){
.contactPage #shopAppealBox .shopBox{
margin-left:-500%;
margin-right:-500%;
padding:50px 500%;}
}

.contactPage #shopAppealBox .shopBox .map{
	margin-top:30px;}

.contactPage #shopAppealBox .shopBox .address{
	padding:10px;
	background:#fff;
	margin-top:30px;}

.contactPage #shopAppealBox .shopBox .address table{
	font-size:1.6em;
	border-collapse:separate;
	border-spacing:5px 5px;}
.contactPage #shopAppealBox .shopBox .address table th{padding:20px;color:#fff;background:#2B2B2B;font-weight:bolder;}
.contactPage #shopAppealBox .shopBox .address table td{padding:20px;font-weight:bolder;}


.contactPage #shopAppealBox .shopBox .points{margin:30px 0;background:#FFF;}
.contactPage #shopAppealBox .shopBox .points dl dt{
	text-align:center;
	background:url(/share/img/page/shop_reserve/pointBox_bg.png);
	padding:30px 0;
	border-top:5px solid #2b2b2b;
	border-bottom:5px solid #EEEEEE;}
.contactPage #shopAppealBox .shopBox .points dl dd{
	padding:20px 20px 20px 60px;
	font-size:22px;
	background:url(/share/img/page/shop_reserve/pointBox_check.png) no-repeat 20px center;
	background-size:30px auto;}
.contactPage #shopAppealBox .shopBox .points dl dd span{color:#E95924;}

.contactPage #shopAppealBox .appealBox p{margin-bottom:50px;}

.contactPage .mainBox .staff{
	background:#EEE;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;}
.contactPage .mainBox .staff h4{color:#E49013;font-size:24px;margin-bottom:20px;}
.contactPage .mainBox .staff .content{background:#FFF;margin:20px auto;padding:20px;position:relative;}
/*.contactPage .mainBox .staff .content:before {
    content: "";
    display: inline-block;
    border: 20px solid transparent;
	border-right-color:#FFF;
    position: absolute;
    left:-40px;
    top:40%;}*/

.contactPage .mainBox .promise{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;}
.contactPage .mainBox .promise h4{text-align:center;margin:40px 0 20px;width:100%;}
.contactPage .mainBox .promise dl{
	width:300px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;
	position:relative;}
.contactPage .mainBox .promise dl.item1{background-color:#FF6666;}
.contactPage .mainBox .promise dl.item2{background-color:#6BB6BB;}
.contactPage .mainBox .promise dl.item3{background-color:#8ABF5C;}

.contactPage .mainBox .promise dl dt{
	margin:10px 20px;
	padding:20px;
	color:#FFF;
	border-bottom:3px solid #FFF;
	font-size:20px;
	font-weight:bolder;
	text-align:center;}
.contactPage .mainBox .promise dl dt::before{
	    content: "";
    display: inline-block;
    border: 12px solid transparent;
    position: absolute;
    right:0;
    bottom:0;
	border-right-color:#FFF;
	border-bottom-color:#FFF;
	border-left-color:rgba(255,255,255,0.5);
	border-top-color:rgba(255,255,255,0.5);}
	
.contactPage .mainBox .promise dl dt span{font-size:32px;font-weight:bolder;}
.contactPage .mainBox .promise dl dd{padding:20px;font-size:16px;color:#FFF;}

.contactPage .catalogList dl{
	margin:50px 0;
	padding:30px;
	height:320px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;}

.contactPage .catalogList dl dt{width:46%;}
.contactPage .catalogList dl dd{width:46%;}

.contactPage .catalogList dl dd.name{margin:20px 0;font-size:20px;font-weight:bold;}
.contactPage .catalogList dl dd.photo{width:480px;}
.contactPage .catalogList dl dd span{
	display:inline-block;
	font-weight:800;
	font-size:24px;	
	margin-bottom:10px;
	}

.contactPage .catalogList .item:nth-child(odd){background:#F5F5F5;}
.contactPage .catalogList .item:nth-child(odd) dd.photo{
	-webkit-order: -1; /* Safari */
	order:         -1;}

/*イベント予約ページ（cf7不使用に伴うメッセージ表示）*/
.contactPage .eventrsv_comment{
 background: #FFEBE4;
 padding: 30px;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.7;
}
.contactPage .eventrsv_comment span a{
 font-weight: bold;
 text-decoration: underline;
 color: #e95a24;
}
.contactPage .eventrsv_btn a{
 display: block;
 text-align: center;
 width: 300px;
 margin: 30px auto;
 background: #E95A24;
 line-height: 1.0;
 color: #FFF;
 font-weight: bold;
 font-size: 1.2em;
 padding: 20px 0;
 box-shadow: inset 0 -3px 0 rgba(0,0,0,0.25);
}




*/
/*==============================
  スタッフコラム：column
==============================*/
/*詳細*/
.columnPage #detailBox {
 margin-top: 30px;
}
.columnPage #detailBox .icon span {
 padding: 10px;
 margin-right: 5px;
 font-weight: bold;
}
 .columnPage #detailBox .icon span {
  font-size: 1.2em;
}
.columnPage #detailBox #titleBox .page_title02 {
 margin-top: 20px;
 padding-left: 10px;
 text-align: left !important;
}
.columnPage #detailBox #content {
 margin: 30px 0;
}

.columnPage #detailBox p {
 margin-bottom: 20px;
}
.columnPage #detailBox #content .fbLike {
 margin-top: 30px;
}
.columnPage #detailBox .term {
 text-align: right;
}
 .columnPage #detailBox .term {
  margin-top: -20px;
  display: block;
 }
.columnPage .term li {
 margin-right: 5px;
 display: inline-block;
}
/*一覧*/
.columnPage .itemList ul.List li.item a {
 padding: 20px;
 display: block;
 text-decoration: none;
}
.columnPage .itemList ul.List li.item:nth-child(odd) a {
 border-top: 1px solid #E6E6E6;
 border-bottom: 1px solid #E6E6E6;
 background: #F4F4F4;
}
.columnPage .itemList ul.List li.item {
 display: block;
 vertical-align: middle;
}
.columnPage .itemList ul.List li.item .photo {
 overflow: hidden;
 background: #fff;
 border: 1px solid #E6E6E6;
}
.columnPage .itemList ul.List li.item .photo img {
 width: auto !important;
 height: 100% !important;
 position: relative;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.columnPage .itemList ul.List li.item .info {
 position: relative;
}
.columnPage .itemList ul.List li.item .info .fbLike {
 position: absolute;
}
 .columnPage .itemList ul.List li.item .photo {
  width: 30%;
  height: 150px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
 }
 .columnPage .itemList ul.List li.item .info {
  width: 67%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
 }
 .columnPage .itemList ul.List li.item .info .fbLike {
  right: 0;
  top: 0;
 }
.columnPage .itemList ul.List li.item h3 {
 padding: 20px 0;
 font-weight: bold;
 font-size: 1.4em;
}
.columnPage .itemList ul.List li.item .icon span {
 padding: 10px;
 font-weight: bold;
}
 .columnPage .itemList ul.List li.item .term {
  display: inline-block;
  margin-left: 20px;
 }




/*//////////////
エラーページ用
////////////////
*/

.err404Page .contents-inner{padding:20px;background:#fff;}
.err404Page .err404{margin:30px 0;padding:50px 20px;border:5px solid #E6E6E6;}
.err404Page .err404 ul{margin:20px 40px;}


/*//////////////
イメージ用
///////////////*/
.attachmentPage p{margin-bottom:20px;}
.attachmentPage .content ul{margin:20px;padding:20px;background:#F4F4F4;border:1px solid #E6E6E6;}
