@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav {
	margin: 0;
	padding: 0;
	zoom: 1;
}

ul, ol {
	list-style-type: none;
}

img {
	border: none;
}

hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}

a {
	outline: none;
}

body {
	line-height: 1.5;
	color: #6c6c6c;
	font-family:'メイリオ',Meiryo,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color : #ffffff;

	/* ブラウザ間のフォントサイズの差をほぼなくす設定。 */
	font-size: 14px;
	* font-size: small;
	* font: x-small;
}

#container{
	width:100%;
	background-color : #ffffff;
	overflow : hidden;
}
@media only screen and (max-width: 400px) {
	#container{
		overflow : hidden;
	}
}

/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}

#wrapper {
    height: 450px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.slide_all {
    height: 450px;
    margin: 0 auto;
    position: relative;
	width : 100%;
	max-width : 1016px;
}
.slide_wrap {
    left: 50%;
    margin-left: -1539px;
    position: absolute;
    width: 3078px;
}
#prev, #next {
    background: rgba(0, 0, 0, 0.6) no-repeat scroll 0 0;
    display: block;
    height: 450px;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 9999;
}
#prev {
    left: -508px;
}
#next {
    right: -508px;
}

#wrapHeaderTop {
    background-color : #ffffff;
	position: relative;
	padding-top : 10px;
	width : 100%;
	max-width : 1016px;
	margin : 0 auto;
}
#header  {
	position: relative;
	height : 94px;
}

.headLogo {
	position: absolute;
	top : 22px;
	left : 0;
	text-align : left;
}
.headWord  {
	font-size : 12px;
	color : #8c786d;
	border : 1px solid #8c786d;
	position : absolute;
	top : 34px;
	left : 202px;
	padding : 2px 4px;
	z-index : 99;
}
.headWord_smp  {
	display : none;
}
.snsButtons  {
	display : block;
}
.yoyaku_link  {
	display : none;
}
@media only screen and (max-width: 1016px) {
	#wrapper {
	    height: 44.3vw;
	}
	.slide_all {
	    height: 44.3vw;
	    margin: 0 auto;
	    position: relative;
		width : 100%;
		max-width : 1016px;
	}
	.slide_wrap {
	    left: 0;
	    margin-left: 0;
	    position: absolute;
	    width: 100%;
	}
	#prev, #next {
	    display: none;
	}
	#prev {
	    left: 0;
	}
	#next {
	    right: 0;
	}
	.headWord  {
		top : 50px;
	}
}
@media only screen and (max-width: 820px) {
	.headWord  {
		display : none;
	}
	.headWord_smp  {
		display : block;
		font-size : 12px;
		color : #8c786d;
		border : 1px solid #8c786d;
		position : absolute;
		top : 50px;
		left : 200px;
		padding : 2px 4px;
		z-index : 99;
	}
}
/* ヘッダー包括---------------------------*/
.headWord_btn  {
	display : none;
}
.headWord_cls  {
	display : none;
}
.headMenu  {
	width: 100%;
	position : fixed;
	top : 0px;
	right : 0px;
	text-align : left;
	padding : 2px 4px;
	color : #41210f;
	background-color : rgba(255, 255, 255, 0.8);
	z-index : 90;
	height : 64px;
}
.headMenuInner  {
	width: 100%;
	max-width: 1016px;
	margin: 0 auto;
	position : relative;
}
.headMenu td {
	padding : 2px 3px 4px 5px;
}
.headMenu td.active {
	background : url(../img/menu_line.png) no-repeat center bottom;
}
.headMenu td a {
	color : #3e3e3e;
	font-size : 12px;
	text-decoration : none;
	display : inline-block;
	line-height : 14px;
}
.headMenu td a.rightbar {
	border-right : 1px solid #a4a4a4;
	padding-left : 0px;
	padding-right : 7px;
}
.headMenu td a:hover {
	color : #0d6fad;
	text-decoration : none;
}
.headTels  {
	position : absolute;
	top : 50px;
	right : 0px;
	text-align : left;
	padding : 2px 4px;
	color : #41210f;
	z-index : 98;
}
.headTels table {
	border-collapse : collapse;
}
.headTels .tel {
	font-weight : normal;
	font-size : 20px;
	line-height : 22px;
	padding : 0 16px 0 2px;
	margin : 0;
	margin : -3px 0 2px 0;
}
.headTels .open {
	font-weight : normal;
	font-size : 13px;
	line-height : 14px;
	padding : 0;
}
.headTels .open span {
	background-color : #41210f;
	font-size : 10px;
	line-height : 11px;
	padding : 2px 3px;
	margin-right : 2px;
	display : inline-block;
	color : #ffffff;
}
#wrapTopMenu {
	width: 1183px;
	position: relative;
	margin: 0 auto;
}
.headMenu td a.bdnone  {
	padding-left : 3px;
}
.snsBtnCell  {
	display : table-cell;
}
@media only screen and (max-width: 870px) {
	.headTels .tel {
		font-size : 14px !important;
	}
}
@media only screen and (max-width: 850px) {
	.headMenu  {
		position : fixed;
		top : 0;
		right : 0;
		text-align : left;
		padding : 2px 4px 12px 4px;
		color : #000000;
		width : 100%;
		z-index : 98;
		box-sizing: border-box;
		height : 70px;
	}
	#menuTable  {
		display : none;
		position : relative;
		z-index : 100;
		top : 64px;
	}
	.headMenu table {
		display : block;
		width : 100%;
	}
	.headMenu tbody {
		display : block;
		width : 100%;
	}
	.headMenu tr {
		display : block;
		width : 100%;
	}
	.headMenu td {
		display : block;
		width : 100%;
	}
	.headMenu td a {
		width : 100%;
		display : block;
		border-bottom : 1px solid #ffffff;
		color : #ffffff;
		font-size : 14px;
		padding : 8px 8px;
	}
	.headMenu td a.bdnone  {
		border-style : none !important;
	}
	.headWord_btn  {
		display : block;
		position : fixed;
		top : 0px;
		right : 0px;
		background : url(../img/menu.png) no-repeat center left;
		width : 46px;
		height : 30px;
		background-color : #000000;
		padding : 14px 0 0 34px;
		color : #ffffff;
		font-weight : bold;
		text-decoration : none;
		font-size : 13px;
		opacity : 0.4;
		border-radius : 0 0 4px 4px;
		z-index : 999;
	}
	.headWord_cls  {
		display : none;
		text-align : right;
		position : absolute;
		top : 4px;
		right : 4px;
	}
	.headWord_smp  {
		top : 10px;
	}
}
@media only screen and (max-width: 548px) {
	#wrapHeaderTop {
		height : 88px;
	}
	.headLogo {
		position : absolute;
		left : 2px;
		padding-top : 4px;
	}
	.snsButtons  {
		display : none;
	}
	.headWord_smp  {
		display : block;
		top : -9px;
		left : 1px;
		font-size : 10px;
		z-index : 100;
	}
	.headTels  {
		position : absolute;
		top : 64px;
		right : -14px;
		text-align : left;
		padding : 2px 4px;
		color : #41210f;
		z-index : 97;
	}
	.headTels .tel {
		font-size : 14px !important;
	}
	.snsBtnCell  {
		display : none;
	}
	.yoyaku_link  {
		display : block;
		text-align : center;
	}
}

/*　ロゴ包括-----------------------------*/
#wrapHeaderTop #header .logo {
	position: absolute;
	top: 20px;
	left: 2px;
	width: 207px;
	height: 48px;
	display: block;
}

#wrapHeader #header .logo {
	position: absolute;
	top: 20px;
	left: 2px;
	width: 207px;
	height: 48px;
	display: block;
}

.top_container {
	position : absolute;
	font-size : 10px;
	color : #000000;
	padding: 0;
	top : 0px;
	right :0px;
}


/*　ナビ包括-----------------------------*/
/* グローバルナビゲーション */

/* コンテンツ包括
---------------------------------------------------------------------- */
#wrapMain {
	margin-top : 20px;
}

.top_images  {
	position : relative;
}
.top_images p  {
	position : absolute;
	top : 126px;
	left : 422px;
}
#news,#commit,#info  {
  padding-top : 64px;
  margin-top : -64px;
}

/* メインコンテンツ包括---------------------------*/
.wrapContents {
	width: 100%;
	position : relative;
}
.normalWrap  {
	width : 100%;
	max-width : 1016px;
	margin : 0 auto;
	padding : 0 5px;
	overflow : hidden;
	box-sizing: border-box;
}
.normalWrap_p  {
	width : 100%;
	max-width : 1056px;
	margin : 0 auto;
	padding : 0 5px;
	overflow : hidden;
	box-sizing: border-box;
}
.top_images  {
	width: 100%;
	max-width : 1016px;
	margin : 0 auto;
	position : relative;
	z-index : 2;
}
.menu  {
	width: 100%;
	background-color : #0d6fad;
	margin-top : -6px;
	padding : 3px 0 0 12px;
	position : relative;
	z-index : 3;
	box-sizing: border-box;
}
.menu ul {
	width: 100%;
	max-width : 960px;
	margin : 0 auto;
	background-color : #0d6fad;
}
.menu li  {
	float : left;
}
.menu li a {
	display : block;
	color : #ffffff;
	font-size : 13px;
	font-weight : bold;
	text-decoration : none;
}
.menu li a:hover {
	display : block;
	color : #ffffcc;
}
.menu .mleft1  {
	text-align : center;
	width : 24%;
	padding-top : 8px;
}
.menu .mleft0  {
	text-align : center;
	width : 1%;
}
.menu .mleft2  {
	text-align : center;
	width : 1%;
}
.menu .mleft4 {
	text-align : center;
	width : 120px;
	padding : 6px 0 8px 0;
}
@media only screen and (max-width: 641px) {
	.menu .mleft1  {
		text-align : center;
		width : 49%;
		height : 30px;
		padding-top : 8px;
	}
	.menu .mleft0  {
		text-align : center;
		height : 30px;
		width : 2%;
	}
	.menu .mleft2  {
		display : none !important;
		clear : both;
	}
}

.block  {

}
.ubline  {
	border-top : 1px solid #a1a1a2;
	border-bottom : 1px solid #a1a1a2;
}
.tableCell  {
	display : table;
}

.bgdark  {
	background-color : #ecf4f9;
	padding : 1px 0 24px 0;
	margin : 40px 0;
}
h2.wspace01  {
	text-align : center;
	background : url(../img/ttl_line.png) no-repeat center bottom;
	font-size : 24px;
	font-weight : normal;
	margin : 30px 0 20px 0;
	padding-bottom : 10px;
}
h2.wspace02  {
	display : table-cell;
	width : 40%;
	padding-top : 34px;
	text-align : center;
}
.newsWrap  {
	display : table-cell;
	width : 60%;
}
.fleft  {
	float : left;
	width: 40%;
	box-sizing: border-box;
	font-size : 12px;
	line-height : 22px;
	margin-top : 30px;
}
.fright  {
	float : right;
	width : 60%;
	margin-top : 30px;
}
.fleft img {
	width : 100%;
	max-width : 358px;
}
.fright h3  {
	font-size : 17px;
	color : #1b6b9d;
	font-weight : bold;
	text-align : left;
	padding-bottom : 30px;
}
.fright p {
	font-size : 12px;
	color : #666869;
	text-align : left;
	line-height : 28px;
}
.infoWrap {
	position : relative;
	height : 670px;
}
#infoItem01  {
	position : absolute;
	width : 100%;
	left : 0;
	top : 0;
	z-index : 2;
	background-color : #ffffff;
}
#infoItem02  {
	position : absolute;
	width : 100%;
	left : 0;
	top : 0;
	z-index : 1;
	background-color : #ffffff;
}
@media only screen and (max-width: 767px) {
	.fright h3  {
		font-size : 16px;
	}
	h2.wspace02  {
		display : block;
		width : 100%;
		padding-top : 34px;
		text-align : center;
	}
	.fleft  {
		float : none;
		width: 100%;
		padding : 0 4px;
		box-sizing: border-box;
		font-size : 12px;
		line-height : 22px;
		margin-top : 30px;
		text-align : center;
	}
	.fright  {
		float : none;
		width: 100%;
		padding : 0 4px;
		text-align : center;
		color : #41210f;
		font-size : 12px;
		margin-top : 30px;
	}
	.fright img {
		margin-left : -5px;
	}
}
h5  {
	text-align : center;
	font-size : 16px;
	font-weight : bold;
	color : #404040;
	margin : 30px 0 20px 0;
}
.viewmore  {
	margin : 10px auto 0 auto;
	width : 220px;
}
.viewmore a {
	display : block;
	text-align : center;
	width : 100%;
	color : #666666;
	font-size : 12px;
	padding-top : 14px;
	height : 30px;
	border : 1px solid #666666;
	text-decoration : none;
}
.viewmore a:hover {
	background-color : #f1f1ff;
	color : #000000;
}
.snsWrap  {
	margin : 40px auto 32px auto;
}
.snsWrap .snsItem01 {
	padding : 0 20px;
}
.snsWrap .snsItem02 {
	width : 33%;
}
.snsWrap .snsItem03 {
	width : 33%;
}
.snsWrap td p {
	width : 244px;
	padding-left : 32px;
	line-height : 1.1;
	margin-bottom : 16px;
	text-align : left;
}
.snsWrap .snsItem01 p {
	background : url(../img/fb_g.png) no-repeat 0 0;
}
.snsWrap .snsItem02 p {
	background : url(../img/tw_g.png) no-repeat 0 0;
}
.snsWrap .snsItem03 p {
	background : url(../img/ins_g.png) no-repeat 0 0;
}
.infoItem  {
	text-align : center;
	margin : 0 auto;
}
.infoItem ul {
	width : 320px;
	margin : 0 auto;
}
.infoItem li.fl {
	float : left;
	margin : 0 10px;
}
.infoItem li.fr {
	float : right;
	margin : 0 10px;
}
.infoItem li a {
	display : block;
	padding : 10px 0;
	text-align : center;
	font-size : 12px;
	line-height : 18px;
	font-weight : bold;
	width : 120px;
	border : 1px solid #0e050d;
	text-decoration : none;
}
.infoItem li.inactive a {
	background-color : #ffffff;
	color : #585757;
}
.infoItem li.active a {
	background-color : #858585;
	color : #ffffff;
}
.infoItem li.inactive a:hover {
	background-color : #f1f1f1;
	color : #000000;
}
.galleryWrap  {
	margin : 40px auto;
	text-align : left;
}
.galleryWrap .galleryInner {
	display: inline-block;
	width : auto;
	margin : 0 auto;
}
.galleryItem  {
	display : inline-block;
	margin : 0 1.3% 20px 1.3%;
	width : 170px;
	height : 170px;
	overflow : hidden;
}
.galleryItem .img_fit  {
	position : relative;
	width : 170px;
	height : 170px;
	overflow : hidden;
}
.img_fit_in  {
	position : absolute;
}
.galleryBox  {
	display : inline-block;
	margin : 0 1.75% 36px 1.75%;
	width : 220px;
	overflow : hidden;
	vertical-align : top;
}
.galleryBox .img_fit  {
	position : relative;
	width : 220px;
	height : 220px;
	overflow : hidden;
}
.galleryBox p  {
	position : relative;
	width : 212px;
	height : 23px;
	line-height : 24px;
	font-size : 12px;
	color : #ffffff;
	background-color : #0d6fad;
	padding : 4px;
	overflow : hidden;
}
.voice_thumb {
	width : 220px;
	height : 220px;
	object-fit : cover;
}
.voice_thumb_ie {
	display : block;
	width : 220px;
	height : 220px;
	background-size : cover;
	background-repeat : no-repeat;
	background-position : center center;
}
@media only screen and (max-width: 1016px) {
	.galleryWrap  {
		margin : 0 auto;
		text-align : center;
	}
}
@media only screen and (max-width: 600px) {
	.galleryItem  {
		display : inline-block;
		margin : 0 1% 16px 1%;
		width : 140px;
		height : 140px;
	}
	.galleryItem .img_fit  {
		position : relative;
		width : 140px;
		height : 140px;
		overflow : hidden;
	}
	.galleryBox  {
		margin : 0 1.2% 24px 1.2%;
		width : 140px;
		overflow : hidden;
	}
	.galleryBox .img_fit  {
		width : 140px;
		height : 140px;
	}
	.galleryBox p  {
		width : 132px;
	}
	.voice_thumb {
		width : 140px;
		height : 140px;
	}
	.voice_thumb_ie {
		width : 140px;
		height : 140px;
	}
}
@media only screen and (max-width: 849px) {
	h5  {
		margin : 20px 0 10px 0 !important;
	}
	.snsWrap  {
		margin : 40px auto 32px auto;
		width : 300px;
		display : block;
	}
	.snsWrap .snsItem01 {
		display : block;
		width : 100%;
	}
	.snsWrap .snsItem02 {
		display : block;
		width : 100%;
		margin-top : 40px;
	}
	.snsWrap .snsItem03 {
		display : block;
		width : 100%;
		margin-top : 40px;
	}
}
.useComm  {
	text-align : center;
	font-size : 13px;
	color : #656565;
	line-height : 26px;
	margin : 32px 0 72px 0;
}
.useWrap  {

}
.useStep  {

}
.useStep div  {
	text-align : center;
	background : url(../img/blue_line.png) repeat-x center left;
}
.useStep div span {
	text-align : center;
	display : inline-block;
	color : #ffffff;
	font-size : 14px;
	line-height : 26px;
	font-weight : bold;
	background-color : #0d6fad;
	width : 123px;
	padding : 8px 0;
}
.useStep h3  {
	text-align : center;
	color : #444444;
	font-size : 14px;
	line-height : 26px;
	font-weight : bold;
	margin : 24px 0 30px 0;
}
.useStep .stepImage  {
	text-align : center;
}
.useStep .stepImage img {
	width : 100%;
	max-width : 440px;
}
.useStep .stepComm  {
	text-align : center;
	color : #444444;
	font-size : 13px;
	line-height : 26px;
	margin : 26px 0 48px 0;
}

.priceTop  {
	width : 80%;
	margin : 0 auto;
}
.priceWrap  {
	margin-top : 48px;
}
.mleft  {
	width: auto;
	margin : 0 auto;
}
.mright  {
	text-align : left;
	padding-left : 48px;
	color : #404040;
	box-sizing: border-box;
}
.mright h3 {
	font-size : 20px;
	border : 1px solid #444444;
	padding : 6px 14px;
	color : #666666;
	font-weight : normal;
	display : inline-block;
	margin-bottom : 24px;
}
.mright p {
	font-size : 20px;
	color : #666666;
	font-weight : normal;
	line-height : 28px;
}
.couponComm  {
	text-align : center;
	margin : 26px 0 24px 0;
	font-size : 20px;
	color : #666666;
	font-weight : normal;
	line-height : 28px;
}
.couponComm strong {
	font-size : 24px;
}
.priceStep  {
	margin : 40px 0;
}
.priceItem  {
	border-bottom : 1px dashed #5c5c5c;
}
.priceItem h3 {
	font-size : 16px;
	color : #5c5c5c;
	font-weight : normal;
	background : url(../img/dent_icon.png) no-repeat center left;
	padding : 22px 0 22px 32px;
	position : relative;
	width : 25%;
	float : left;
	margin-left : 2%;
}
.priceItem h3 img {
	position : absolute;
	top : -20px;
	left: 120px;
}
.noborder  {
	border-style : none;
}
.priceItem h3.backImage {
	background : url(../img/bride.png) no-repeat center left;
}
.priceItem .priceSub  {
	float : left;
	width : 36%;
	text-align : center;
	font-size : 14px;
	color : #5c5c5c;
	border : 1px solid #474747;
	padding : 6px;
	position : relative;
	top : 16px;
}
.priceItem .priceSub strong {
	color : #0d6fad;
}
.priceItem .priceEnn  {
	float : right;
	width : 28%;
	text-align : right;
	font-size : 16px;
	font-weight : bold;
	margin-right : 2%;
	padding : 22px 0 22px 0;
}
@media only screen and (max-width: 769px) {
	.couponComm  {
		font-size : 17px;
	}
	.couponComm strong {
		font-size : 20px;
	}
	.priceTop  {
		width : 100%;
	}
	.mleft  {
		text-align : center;
	}
	.mleft td  {
		display : block;
		text-align : center;
	}
	.mright  {
		text-align : center;
		padding-left : 0px;
		color : #404040;
		box-sizing: border-box;
	}
	.priceItem h3 img {
		top : -24px;
		left : 78px;
	}
	.priceItem h3 {
		width : 32%;
	}
	.priceItem .priceSub  {
		width : 50%;
	}
}
.priceFree  {
	border : 1px solid #0e050b;
	width : 100%;
	max-width : 830px;
	position : relative;
	margin : 150px auto 80px auto;
	text-align : center;
	padding-bottom : 24px;
}
.priceFree h3  {
	position : relative;
	letter-spacing: 3px;
	top : -14px;
	font-size : 32px;
	line-height : 34px;
	color : #444444;
	padding : 0 8px;
	background-color : #ffffff;
	display : inline-block;
}
.priceFree h3 img  {
	position : absolute;
	top : -70px;
	right : 0px;
}
.freeLeft  {
	float : left;
	max-width : 378px;
	margin-left : 20px;
	margin-right : 2px;
}
.freeCenter  {
	float : left;
	width : 30px;
	padding-top : 84px;
}
.freeRight  {
	float : left;
	max-width : 371px;
}
.freeLeft img,
.freeRight img {
	width : 100%;
}
@media only screen and (max-width: 829px) {
	.priceFree h3  {
		letter-spacing: 2px;
		top : -12px;
		font-size : 26px;
		line-height : 30px;
	}
	.freeLeft  {
		float : none;
		margin : 0 auto;
		width : 100%;
		max-width : 378px;
	}
	.freeCenter  {
		float : none;
		display : none;
	}
	.freeRight  {
		float : none;
		width : 100%;
		max-width : 371px;
		margin : 20px auto 0 auto;
	}
}
h4  {
	font-size : 16px;
	font-weight : bold;
	margin-top : 14px;
	margin-bottom : 9px;
	border-bottom : 1px dotted #9c8a7c;
}
.priceItem  {
	border-collapse : collapse;
	width : 100%;
}
.priceItem tr  {
	border-bottom : 1px dotted #9c8a7c;
}
.priceItem td {
	padding-top : 4px;
}
.priceItem .price {
	text-align : right;
	font-weight : bold;
}
.newsItem  {
	margin: 4px 0 0 0;
}
.newsItem .ttle {
	padding-top : 10px;
}
.newsItem .ttle .cate {
	display : inline-block;
	width : 80px;
	background-color : #41210f;
	color : #ffffff;
	font-size : 13px;
	padding : 3px 6px;
	text-align : center;
}
.eventTtl .cate {
	display : inline-block;
	width : 80px;
	background-color : #41210f;
	color : #ffffff;
	font-size : 13px;
	padding : 3px 6px;
	text-align : center;
}
.eventTtl h2 {
	font-size : 16px;
	padding : 4px 0;
	margin : 6px 0 12px 0;
	border-bottom : 1px dashed #9c8a7c;
}
.ss_left  {
	float : left;
}
.ss_right  {
	float : right;
}
.newsItem .ttle .data {
	width : 90px;
	color : #757471;
	font-size : 13px;
	padding : 3px 6px;
}
.newsItem .ttle .ttls {
	padding : 3px 6px;
}
.newsItem .ttle .ttls a {
	color : #757471;
	font-size : 13px;
}
.newsItem .ttle .ttls a:hover {
	color : #404040;
}
.newsItem .imgs {

}
.ladysred  {
	color : #bf003a;
}
.icons  {
	display : inline-block;
}

@media only screen and (max-width: 767px) {
	.normalWrap  {
		width : auto;
	}
	.newsWrap  {
		display : inline-block;
		margin : 0 auto;
		width : auto;
	}
	.newsItem .ttls {
		display : block !important;
	}
	.newsItem  {
		margin : 4px 0 0 0;
	}
}
.mapaddr  {
	text-align : center;
	font-size : 13px;
	line-height : 22px;
	color : #404040;
	margin : 42px 0 15px 0;
}
.mapaddr .rep0  {
	display : inline-block;
	margin-right : 48px;
}
.mapaddr .rep1  {
	display : inline-block;
}
.mapaddr .rep2  {
	display : inline-block;
	margin-right : 48px;
}
.mapaddr .rep3  {
	display : inline-block;
}
.mapbutton  {
	margin : 10px 0 20px 0;
}
.mapbutton a {
	display : table;
	width : 270px;
	text-align : center;
	color : #ffffff;
	background-color : #262626;
	font-size : 13px;
	line-height : 22px;
	text-decoration : none;
	margin : 12px auto;
}
.mapbutton a span {
	display : table-cell;
	vertical-align : middle;
	padding : 12px 8px;
	text-align : right;
	width : 70%;
}
.mapbutton a em {
	display : table-cell;
	vertical-align : middle;
	text-align : left;
	width : 30%;
}
.mapbutton a:hover {
	background-color : #555555;
}
.mapbutton2  {
	margin : 10px 0 20px 0;
}
.mapbutton2 a {
	display : table;
	width : 220px;
	text-align : center;
	color : #ffffff;
	background-color : #262626;
	font-size : 13px;
	line-height : 22px;
	text-decoration : none;
	margin : 12px auto;
}
.mapbutton2 a span {
	display : table-cell;
	vertical-align : middle;
	padding : 12px 8px;
	text-align : right;
	width : 75%;
}
.mapbutton2 a em {
	display : table-cell;
	vertical-align : middle;
	text-align : left;
	width : 25%;
}
.mapbutton2 a:hover {
	background-color : #555555;
}
@media only screen and (max-width: 641px) {
	.mapaddr  {
		margin-bottom : 0 !important;
	}
	.mapaddr .rep0  {
		display : block;
		margin-right : 0;
		text-align : center;
	}
	.mapaddr .rep1  {
		display : block;
		text-align : center;
	}
	.mapaddr .rep2  {
		display : block;
		margin-right : 0;
		text-align : center;
	}
	.mapaddr .rep3  {
		display : block;
		text-align : center;
		margin-bottom : 10px;
	}
	.mapbutton table,
	.mapbutton tbody,
	.mapbutton tr,
	.mapbutton td {
		display : block;
		text-align : center;
	}
}

/*お問い合わせ*/
#wrapFromInner  {
	width : 100%;
	max-width : 900px;
	margin : 0 auto;
}
#wrapFromInner table {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-collapse : collapse;
}
#wrapFromInner table th,
#wrapFromInner table td {
	color : #595656;
	padding: 16px 12px;
	border : 1px solid #a1a1a2;
	font-size : 14px;
}
.formTable option  {
	font-size : 16px;
}
.formTable select  {
	font-size : 16px;
}


#wrapFromInner table th {
	width : 160px;
}

#wrapFromInner table th span {
	color : #ff0000;
	font-weight : normal;
}

#wrapFromInner table td.vb img  {
	vertical-align: bottom;
}

.formBtn  {
	margin-bottom : 80px;
}
.mail {}

.form-field {
	border: 1px solid #ececec;
	background: #f3f4f7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color : #595656;;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding:3px;
	width: 240px;
}

.mail { width: 480px; }

.postNum01 { width: 6em; }

.postNum02 { width: 6em; }

.adress { width: 480px; }

.text { width: 480px; height:200px; }

.thanks  { margin-bottom : 80px; }
.thanks h2  {
	font-size : 18px;
	line-height : 36px;
	text-align : center;
}
@media only screen and (max-width: 641px) {
	#wrapFromInner table {
		width: 100%;
	}
	#wrapFromInner table th,
	#wrapFromInner table td {
		display : block;
	}
	#wrapFromInner table th {
		margin-top : 12px;
		padding : 6px;
		border-radius : 4px 4px 0 0;
		width : 50%;
		background-color : #0d6fad;
		color : #ffffff;
	}
	#wrapFromInner table td.subTitle  {
		padding : 4px 6px;
		background-color : #f1f1f1;
	}
	.mail {}
	.form-field {
		width: 100%;
		box-sizing: border-box;
	}
	.mail { width: 100%; }
	.postNum01 { width: 6em; }
	.postNum02 { width: 6em; }
	.adress { width: 100%; }
	.text { width: 100%; height:200px; }
}

.form-field:focus {
   background: #fff;
   color: #725129;
}

.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
}

.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
}

.submit-container {
   margin :24px 0 60px 0;
   text-align: center;
}

.submit-button {
	width: 200px;
	border: none;
	background: rgb(23,121,183); /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1OGIyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y1OGIyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y1OGIyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YyNzQyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjc0MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(23,121,183,1) 0%, rgba(23,121,183,1) 47%, rgba(23,121,183,1) 47%, rgba(13,111,173,1) 50%, rgba(13,111,173,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(23,121,183,1) 0%,rgba(23,121,183,1) 47%,rgba(23,121,183,1) 47%,rgba(13,111,173,1) 50%,rgba(13,111,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(23,121,183,1) 0%,rgba(23,121,183,1) 47%,rgba(23,121,183,1) 47%,rgba(13,111,173,1) 50%,rgba(13,111,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1779b7', endColorstr='#0d6fad',GradientType=0 ); /* IE6-8 */
	color: #FFF;
	padding: 8.5px 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
}
.submit-button:hover  {

}

.errorText  {
	color : #ff0000;
	font-size : 13px;
}
.sendmes    {
	text-align : center;
	line-height : 1.6;
	margin-bottom : 120px;
}

/* フッター包括---------------------------*/

.footer {
	margin-top : 50px;
	padding-bottom : 20px;
}
.footerTable {
	width : 660px;
	margin : 24px auto 40px auto;
}
.footerTable table {
	margin : 0 auto;
}
.footerTable table td {
	box-sizing: border-box;
	vertical-align : top;
	line-height : 24px;
	font-size : 12px;
}
.footerTable table td.ftleft {
	padding-right : 60px;
}
.footerTable table td.ftright {
}
.footerTable table td p {
	font-size : 14px;
	border-bottom : 1px solid #444444;
	margin-bottom : 12px;
}
.footerTable table td p span {
	display : inline-block;
	position : relative;
	background-color : #ffffff;
	padding-right : 5px;
	bottom : -6px;
}
.footerTable table td a {
	color : #4b4b4b;
}
.footerTable table td.ftright a {
	text-decoration : none;
}
.footerTable table td a:hover {
	color : #000066;
	text-decoration : none;
}
.footlogo  {
	text-align : center;
	padding-top : 40px;
}
.pc_tel {
	display : inline;
}
.smp_tel {
	display : none;
}
.copyright  {
	text-align : center;
	font-size : 11px;
	color : #404040;
}
@media only screen and (max-width: 767px) {
	.footerTable {
		width : 100%;
		margin : 24px auto 40px auto;
	}
	.footerTable table {
		width : auto;
		margin : 0 auto;
	}
	.footerTable table td {
		box-sizing: border-box;
		vertical-align : top;
		line-height : 24px;
		font-size : 13px;
	}
	.footerTable table td.ftleft {
		display : none;
	}
	.footerTable table td.ftright {
		margin : 0 auto;
	}
	.pc_tel {
		display : none;
	}
	.smp_tel {
		display : inline;
	}
}
.wrapPageTopPc {
    height: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
	display : none;
}
.wrapPageTopPc p {
    bottom: 10px;
    cursor: pointer;
    display: block;
    margin-right: auto;
    position: fixed;
    right: 6px;
}

/* コピーライト包括---------------------------*/
#wrapCopyright {
	text-align: right;
	color: #808080;
	font-size: 85%;
}

#wrapCopyright .innerContainer {
	width: 900px;
	margin: 0 auto;
	height: 1.5em;
	padding: 5px 0;
}

.bshadow {
	box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.cshadow {
	border : 3px solid #ffffff;
	box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow:rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.servWrap00  {
	width : 960px;
	margin : 0 auto;
}