@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;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight : 500;
	zoom: 1;
	-webkit-text-size-adjust : 100%;
}

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

img {
	border: none;
}

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

a {
	outline: none;
	text-decoration : none;
	transition : all 0.3s;
}

body {
	line-height: 1.5;
	color: #6c6c6c;
	font-style: 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;
	}
}
#nonimages,
#opnimages {
	position : absolute;
	top : -1000px;
	left : -1000px;
}
#nonimages div  {
	display : none;
}
#nonimages div img {
	display : none;
}
#opnimages div  {
	display : none;
}
#opnimages div img {
	display : none;
}
/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

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

#wrapper {
    height: 394px;
    overflow: hidden;
    position: relative;
    z-index: 10;
	margin-top : -8px;
}
.topimages  {
	width : 100%;
	max-width : 1060px;
}
.slide_wrap {
	width : 100%;
	max-width : 1060px;
	position : relative;
	margin : 0 auto;
}
.noslide  {
	width : 100%;
	max-width : 1060px;
	position : relative;
	margin : 0 auto;
}
.noslide img {
	width : 100%;
	max-width : 1060px;
}
#access  {
	margin-top : -130px;
	padding-top : 130px;
}
#template  {
	margin-top : -130px;
	padding-top : 130px;
}
#submit  {
	margin-top : -130px;
	padding-top : 130px;
}
.uppdmg  {
	margin-top : -130px;
	padding-top : 130px;
}
/* ヘッダー包括---------------------------*/
#wrapHeaderTop {
    background-color : #ffffff;
	position: relative;
	width : 100%;
	height : 170px;
	z-index : 59;
	border-top : 25px solid #a4e7bf;
}
#header  {
    background-color : #ffffff;
	position: fixed;
	width : 100%;
	top : 0;
	left : 0;
	height : 146px;
	z-index : 59;
	border-top : 25px solid #a4e7bf;
	transition : all 0.3s;
}
#smp_header  {
    background-color : #ffffff;
	position: fixed;
	width : 100%;
	top : 0;
	left : 0;
	height : 64px;
	z-index : 59;
	border-top : 10px solid #a4e7bf;
	transition : all 0.3s;
	display : none;
}
.headLogo {
	position: absolute;
	bottom : 16px;
	left : 8px;
	text-align : left;
}
.snsButtons  {
	display : block;
}
.headMenu  {
	width : calc(100% - 210px);
	position : absolute;
	bottom : 5px;
	right : 0px;
	height : 60px;
	text-align : left;
	z-index : 90;
}
.headMenuInner  {
	width: 100%;
	max-width: 1060px;
	position : relative;
	margin : 0 auto;
	height : 100%;
}
.headMenu ul {
	width : 100%;
	position : relative;
}
.snsArea  {
	position : absolute;
	top : -20px;
	right : 6px;
}
.headMenu li {
	display : inline-block;
	text-align : center;
	vertical-align : top;
	width : 12.4%;
	padding : 0;
	box-sizing: border-box;
}
@media only screen and (max-width: 850px) {
	.headMenu li {
		width : auto;
		padding : 0 0.9vw;
	}
}
.headMenu li.active {
	background : url(../img/menu_line.png) no-repeat center bottom;
}
.headMenu li a {
	color : #000000;
	font-size : 20px;
	font-weight : 400;
	text-decoration : none;
	display : block;
	line-height : 14px;
	padding : 0;
	font-family : 'Fjalla One', sans-serif;
}
.headMenu li a span {
	display : block;
	color : #212121;
	font-size : 10px;
	font-weight : 500;
	margin-top : 8px;
}
.headMenu li a.rightbar {

}
.headMenu li a:hover {
	color : #ffff88;
	text-decoration : none;
}
.smp_headbtn  {
	display : none;
	text-align : center;
	width : 100%;
	position : absolute;
	left : 0;
	bottom : 6.5vw;
}
.smp_headbtn a img {
	width : 50%;
	min-width : 160px;
}
.pc_headbtn  {
	display : block;
	position : absolute;
	left : 50%;
	margin-left : -70px;
	bottom : 20px;
}
.titleWrap  {
	background-color : #a6d9ea;
	border-bottom : 6px solid #000000;
	padding-top : 18px;
	text-align : center;
	font-size : 0px;
	line-height : 0;
}
.titleWrap img {
	width : 100%;
	max-width : 1014px;
}
.wrapContents {
	width: 100%;
	position : relative;
	z-index : 8;
	background-color : #a4e7bf;
	padding : 10px 0;
}
.pankuzu {
	width : 100%;
	max-width : 1060px;
	margin : 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	color : #000000;
	padding-left : 6px;
}
.pankuzu a {
	color : #000000;
}
.pankuzu a:hover {
	color : #008800;
}
.nowbuild  {
	font-size : 16px;
	text-align : center;
	padding : 120px 0 160px 0;
}
#p_points  {
	display : block;
}
#s_points  {
	display : none;
}
.pc_headline  {
	display : inline;
}
.smp_headline  {
	display : none;
}
.smp_centerbtn  {
	display : none;
}
.n_img_fit  {
	object-fit : cover;
}
.smpHeadLogo  {
	position : relative;
	margin-top : 10px;
	padding-left : 4px;
	z-index : 10;
}
.smp_headBtn  {
	position : absolute;
	top : 13px;
	right : 4px;
	z-index : 11;
}
.smpSnsArea  {
	position : absolute;
	top : 10px;
	right : 54px;
	z-index : 10;
}
.smpHeadMenu  {
	position : absolute;
	top : -500px;
	left : 0;
	width : 100%;
	background-color : #ffffff;
	transition : all 0.5s;
	z-index : 8;
}
.smpHeadMenu ul {
	border-bottom : 1px solid #c9c9c9;
}
.smpHeadMenu li a {
	display : block;
	padding : 12px 6px;
	color : #000000;
	font-size : 16px;
	line-height : 1.0;
	border-top : 1px solid #c9c9c9;
	font-family : 'Fjalla One', sans-serif;
	background : url(../img/s_arrow.png) no-repeat right center;
}
.smpHeadMenu li a strong {
	display : inline-block;
	vertical-align : middle;
	width : 70px;
	font-weight : normal;
}
.smpHeadMenu li a span {
	display : inline-block;
	vertical-align : middle;
	color : #646464;
	font-size : 12px;
	margin-left : 24px;
}
@media only screen and (max-width: 800px) {
	#wrapHeaderTop {
		height : 70px;
		border-top : 10px solid #a4e7bf;
	}
	#header  {
		display : none;
	}
	#smp_header  {
		display : block;
	}
}
@media only screen and (max-width: 400px) {
	.smpHeadLogo img {
		width : 140px;
	}
	.smp_headBtn  {
		top : 12px;
	}
	.smpSnsArea  {
		top : 13px;
	}
	.smpSnsArea img {
		width : 32px;
	}
}

/* メインコンテンツ包括---------------------------*/
.block  {
	position : relative;
	width : 100%;
	height : 100%;
	overflow : hidden;
	padding : 0;
	margin : 0;
}
.normalWrap  {
	width : 100%;
	max-width : 1060px;
	margin : 0 auto;
	padding : 0 5px;
	overflow : hidden;
	box-sizing: border-box;
}

/* 左メニュ- */
.leftMenu  {
	display : inline-block;
	vertical-align : top;
	width : 180px;
	margin-right : 5%;
	margin-top : 60px;
	transition : all 0.5s;
}
.leftMenu h2 {
	border : 1px solid #a47ebf;
	text-align : center;
	border-radius : 4px;
	padding : 24px 0 24px 40px;
	background : url(../img/biginner.png) no-repeat 20px center;
	font-size : 18px;
	line-height : 1.0;
	color : #54b079;
	margin-bottom : 50px;
	font-weight : bold;
}
.leftMenu h3 {
	text-align : left;
	font-size : 18px;
	line-height : 1.0;
	color : #636363;
	margin-bottom : 16px;
	font-weight : bold;
}
.leftMenu a {
	display : block;
	text-align : left;
	font-size : 13px;
	line-height : 1.0;
	color : #636363;
	padding : 20px 0 14px 0;
	border-bottom : 1px solid #d8d8d8;
	background : url(../img/arrow.png) no-repeat right center;
}
.leftMenu a:hover {
	color : #000000;
	background-color : #a4e7bf;
}

/* メインコンテンツ */
.rightMain  {
	display : inline-block;
	vertical-align : top;
	width : calc(95% - 185px);
	margin-top : 60px;
}
.rightMain h2 {
	color : #000000;
	font-size : 20px;
	font-weight : normal;
	text-decoration : none;
	display : block;
	line-height : 14px;
	padding : 0;
	font-family : 'Fjalla One', sans-serif;
	margin-bottom : 32px;
}
.rightMain h2 strong {
	display : inline-block;
	font-weight : normal;
	padding : 6px 0 0 4px;
}
.rightMain h2 strong.jp {
	font-size : 16px !important;
	font-weight : bold !important;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;
}
.rightMain h2 span {
	border-top : 9px solid #a4e7bf;
	display : block;
	color : #212121;
	font-size : 10px;
	font-weight : normal;
	padding-top : 4px;
	margin-top : -3px;
}
.rightMain h2 span em  {
	display : inline-block;
	padding-left : 4px;
	font-style : normal;
}
.normalBox  {
	margin-bottom : 92px;
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.normalBoxInner  {
	width : 100%;
	display : flex;
	flex-wrap : wrap;
	align-content : stretch;
	justify-content : space-between;
}
.smpNavi  {
	display : none;
}
.naviBtn a {
	display : block;
	padding : 12px;
	margin-bottom : 30px;
	background-color : #a4e7bf;
	font-size : 18px;
	font-weight : bold;
	color : #ffffff;
	line-height : 1.1;
	text-align : center;
	vertical-align : top;
}
.spwrap .naviBtn div table {
	margin : 0 auto;
}
.flowWrap {
	margin-bottom : 60px;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.flowWrap div {
	border : 2px solid #a4e7bf;
	text-align : center;
	padding : 8px;
	color : #636363;
}
.flowWrap div.center {
	margin : 0 2px;
}
.flowWrap div a {
	display : block;
	color : #636363;
	font-weight : bold;
	font-size : 14px;
}
.flowWrap div p {
	color : #636363;
	font-weight : bold;
	font-size : 14px;
}
.flowWrap div img {
	width : 100%;
	max-width : 218px;
}
@media only screen and (max-width: 800px) {
	.leftMenu  {
		position : absolute;
		top : 60px;
		left : -100%;
		background-color : #ffffff;
		padding : 10px;
		box-sizing : border-box;
		width : 100%;
		margin-right : 0;
		margin-top : 7vw;
	}
	.rightMain  {
		display : block;
		width : 100%;
		margin-top : 7vw;
	}
	.smpNavi  {
		display : block;
	}
	.normalBox  {
		margin-bottom : 10vw;
	}
}
@media only screen and (max-width: 480px) {
	.flowWrap div {
		padding : 8px 4px;
	}
	.flowWrap div p {
		color : #636363;
		font-weight : bold;
		font-size : 12px;
	}
	.flowWrap div p span {
		display : none;
	}
}
/*お問い合わせ*/
.narrowWrap  {
	width : 100%;
	max-width : 1068px;
	margin : 0 auto;
	padding : 0 8px;
	box-sizing: border-box;
}
.orderInner  {
	display : flex;
	width : 100%;
	box-sizing : border-box;
	flex-wrap : wrap;
	align-content : stretch;
	justify-content : left;
	margin : 0 auto;
}
@media only screen and (max-width: 406px) {
	.orderInner  {
		padding-left : calc(48% - 140px);
	}
}
.flow  {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	width : 22.4%;
	max-width : 133px;
	min-width : 120px;
	margin-bottom : 32px;
    flex-grow: 1;
}
.leftarrow  {
	display : inline-block;
	vertical-align : top;
	padding-top : 48px;
	text-align : center;
	width : calc(22.4% - 600px / 4);
	min-width : 18px;
}
.flow img {
	width : 100%;
}
.work  {
	width : 172px;
	height : auto;
	text-align : left;
	font-size : 0;
	line-height : 0;
	margin-bottom : 100px;
}
.work span {
	display : block;
	width : 172px;
	text-align : left;
	padding-top : 16px;
	color : #000000;
	font-size : 13px;
	line-height : 1.6;
}
.work img {
	width : 100%;
}
.topWorksTrans  {
	width : 172px;
	text-align : left;
	font-size : 0;
	line-height : 0;
	margin-bottom : 50px;
}
.t_img_fit  {
	width : 100%;
	max-width : 172px;
	height : 140%;
	max-height : 224px;
	object-fit : cover;
	background-position : center center;
	background-repeat : no-repeat;
	background-size : cover;
}
#shops  {
	padding-top : 120px;
	margin-top : -120px;
	height : 30px;
}
.normalBoxButton  {
	text-align : center;
	margin-bottom : 50px;
}
.normalBoxButton a {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	background-color : #89d5a7;
	padding : 20px 68px;
	color : #ffffff;
	font-size : 14px;
	line-height : 1.0;
	border-radius : 8px;
}
.normalBoxButton a:hover {
	background-color : #6aa279;
}
.orderBoxButton  {
	text-align : center;
	margin-top : 50px;
}
.orderBoxButton a {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	background-color : #89d5a7;
	padding : 20px 68px;
	color : #ffffff;
	font-size : 14px;
	line-height : 1.0;
	border-radius : 8px;
}
.orderBoxButton a:hover {
	background-color : #6aa279;
}
.normalBoxBanner  {
	width : 100%;
	display : flex;
	flex-wrap : wrap;
	align-content : stretch;
	justify-content : space-around;
}
.normalBoxBanner .bnr {
	width : 45%;
	margin-top : 36px;
	position : relative;
	min-width : 280px;
}
.normalBoxBanner .bnr img {
	width : 100%;
	max-width : 379px;
	height : 11vw;
	max-height : 111px;
	min-width : 280px;
	min-height : 81px;
}
.normalBoxBanner .bnr p {
	position : absolute;
	top : 4px;
	bottom : 9px;
	left : 3px;
	right : 3px;
	text-align : center;
	max-height : 101px;
	border : 1px solid #ffffff;
	color : #ffffff;
	padding-top : 7%;
}
.normalBoxBanner .bnr p strong {
	display : block;
	font-family : 'Fjalla One', sans-serif;
	font-weight : normal;
	font-size : 18px;
}
.normalBoxBanner .bnr p span {
	display : block;
	font-weight : normal;
	font-size : 10px;
}
@media only screen and (max-width: 800px) {
	.normalBoxBanner .bnr {
		width : 45%;
		margin-top : 3.6vw;
		position : relative;
		min-width : 280px;
		min-height : 81px;
	}
}
@media only screen and (max-width: 360px) {
	.normalBoxInner  {
		justify-content : space-around;
	}
	.work  {
		width : 140px;
		margin-bottom : 112px;
	}
	.work span {
		width : 140px;
		padding-top : 12px;
		font-size : 12px;
	}
	.normalBoxBanner .bnr {
		margin-top : 4vw;
	}
}
.topStore  {

}
.topStore .left  {
	display : inline-block;
	vertical-align : top;
	width : 342px;
}
.topStore .left img {
	margin-right : 8px;
}
.topStore .right  {
	display : inline-block;
	vertical-align : top;
	width : calc(100% - 362px);
	padding-left : 16px;
}
.topStore .right h3 {
	color : #a4e7bf;
	font-size : 26px;
	line-height : 1.0;
	margin-bottom : 10px;
	font-weight : bold;
}
.topStore .right p {
	color : #636363;
	font-size : 18px;
	line-height : 1.6;
}
.topStore .right p.addr {
	margin-bottom : 10px;
}
.topStore .right p.addr span {
	display : block;
	font-size : 14px;
}
.topStore .right p.tel {
	border-top : 1px dashed #dcdcdc;
	padding-top : 12px;
}
.topStore .right p.close {
	padding-bottom : 14px;
	border-bottom : 1px dashed #dcdcdc;
}
@media only screen and (max-width: 1030px) {
	.topStore .right p {
		font-size : 16px;
		line-height : 1.7;
	}
}
@media only screen and (max-width: 640px) {
	.topStore .left  {
		display : block;
		width : 100%;
		text-align : center;
		margin-bottom : 20px;
	}
	.topStore .left img {
		width : 90%;
		max-width : 338px;
		margin : 0 4px;
	}
	.topStore .right  {
		display : block;
		width : 100%;
		padding-left : 0px;
	}
}
@media only screen and (max-width: 400px) {
	.topStore .right p {
		font-size : 14px;
		line-height : 1.7;
	}
}
@media only screen and (max-width: 360px) {
	.topStore .right p {
		font-size : 12.8px;
		line-height : 1.6;
	}
	.topStore .right p.addr span {
		font-size : 12px;
	}
}
.mapArea  {
	margin-top : 40px;
}

.itemWrap  {
	width : calc(100% + 36px);
	margin-left : -9px;
}
.itemBlock  {
	width : 29.1%;
	padding : 1.3%;
	background-color : #ffffff;
	border : 1px solid #d8d8d8;
	display : inline-block;
	margin : 0 0.5% 2% 0.5%;
}
.itemBlock .whiteBack {
	background-color : #ffffff;
}
.itemBlock .whiteBack div {
	border : 1px solid #000000;
	padding : 6px 0;
	text-align : center;
	color : #000000;
	font-size : 14px;
	line-height : 1.0;
}
.itemBlock .printBack  {
	border-bottom : 1px solid #d8d8d8;
	height : 30px;
	text-align : center;
	margin-bottom : 6px;
}
.itemBlock .itemInfo  {
	
}
.itemBlock .itemInfo p {
	color : #000000;
	text-align : center;
	line-height : 24px;
	height : 24px;
}
.itemBlock .itemInfo p.ovf {
	height : 48px;
	overflow : hidden;
	text-align : left;
}
.itemBlock .itemInfo p.price {
	font-size : 16px;
	font-weight : bold;
	text-align : right;
}
.c_img_fit  {
	width : 100%;
	max-width : 234px;
	height : 38vw;
	max-height : 281px;
	object-fit : cover;
	background-position : center center;
	background-repeat : no-repeat;
	background-size : cover;
}
.cate01 a  {
	display : block;
	font-size : 16px;
	color : #ffffff;
	background-color : #a4e7bf;
	border : 1px solid #a4e7bf;
	text-align : center;
	margin : 10px auto 0 auto;;
	width : 90%;
	border-radius : 6px;
	line-height : 1.0;
	padding : 8px 0;
}
.cate01 a:hover {
	color : #a4e7bf;
	background-color : #ffffff;
	border : 1px solid #a4e7bf;
}
@media only screen and (max-width: 980px) {
	.itemBlock  {
		width : 28.9%;
	}
	.pfmPrev  {
		left : -40px;
	}
	.pfmNext  {
		right : -40px;
	}
}
@media only screen and (max-width: 600px) {
	.itemWrap  {
		width : 100%;
		margin-left : 0px;
	}
	.itemBlock  {
		width : 43.1%;
		padding : 2%;
		background-color : #f0f0f0;
		display : inline-block;
		margin : 0 1% 2% 1%;
	}
	.spwrap .mainContents .mcblock .bluetext  {
		font-size : 18px;
	}
	.spwrap .mainContents .mcblock .bluetext strong {
		font-size : 22px;
	}
}
@media only screen and (max-width: 480px) {
	.itemWrap  {
		width : 100%;
		margin-left : 0px;
	}
	.itemBlock  {
		width : 42.5%;
		padding : 2%;
		background-color : #f0f0f0;
		display : inline-block;
		margin : 0 1% 2% 1%;
	}
	.spwrap .mainContents .mcblock .bluetext  {
		font-size : 18px;
	}
	.spwrap .mainContents .mcblock .bluetext strong {
		font-size : 22px;
	}
}
.worksWrap  {
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
}
.galleryBox  {
	width : 30%;
	margin : 0 1% 6% 1%;
	border : 1px solid #d8d8d8;
	padding : 12px 8px;
	box-sizing : border-box;
}
.galleryBox .gr_imgs  {
	width : 100%;
	height : 25vw;
	max-height : 281px;
	overflow : hidden;
}
.galleryBox .gr_ttls  {
	padding-top : 4px;
	width : 100%;
}
.galleryBox .gr_ttls .gr_cate {
	text-align : center;
	color : #676767;
	font-size : 12px;
	margin : 3px 0 12px 0;
}
.galleryBox .gr_ttls .gr_name {
	text-align : center;
	color : #676767;
	font-size : 14px;
}
.galleryBox .gr_title {
	margin-top : 10px;
}
.galleryBox .gr_title a {
	display : block;
	color : #ffffff;
	background-color : #89d5a7;
	font-size : 13px;
	text-decoration : none;
	text-align : center;
	line-height : 1.0;
	padding : 12px 0;
	border-radius : 4px;
}
.galleryTrans  {
	display : inline-block;
	width : 240px;
	height : 1px;
	font-size : 1px;
	line-height : 1px;
	margin : 0 1% 8% 1%;
}
.pfmcomm  {

}
.pfmcomm dt {
	width : 115px;
	text-align : center;
	color : #ffffff;
	font-size : 13px;
	padding : 4px 0;
	background-color : #a4e7bf;
}
.pfmcomm dd {
	color : #676767;
	font-size : 16px;
	padding : 8px 0;
	border-bottom : 1px dotted #676767;
	margin-bottom : 16px;
}
.pfmcomm dd a {
	color : #676767;
	text-decoration : underline;
}
.pfmcomm dd a:hover {
	color : #a4e7bf;
}
.pfmcomm dd span {
	font-size : 14px;
}
.pnbtns  {
	position : relative;
	margin-top : 40px;
	margin-bottom : 160px;
}
.pfmPrev  {
	position : absolute;
	top : 0;
	left : 20px;
}
.pfmNext  {
	position : absolute;
	top : 0;
	right : 20px;
}
.pfmPrev a {
	position : relative;
	height : 30px;
	width : 100px;
	background-color : #000000;
	text-align : center;
	font-size : 14px;
	color : #ffffff;
	display : block;
	padding-top : 10px;
}
.pfmPrev a::before {
	position : absolute;
	content : "";
	border : solid 20px transparent;
	border-right : solid 20px #000000;
	top : 0px;
	right : 100px;
}
.pfmNext a {
	position : relative;
	height : 30px;
	width : 100px;
	background-color : #000000;
	text-align : center;
	font-size : 14px;
	color : #ffffff;
	display : block;
	padding-top : 10px;
}
.pfmNext a::before {
	position : absolute;
	content : "";
	border : solid 20px transparent;
	border-left : solid 20px #000000;
	top : 0px;
	left : 100px;
}
@media only screen and (max-width: 800px) {
	.galleryBox .gr_imgs  {
		height : 35vw;
	}
}
@media only screen and (max-width: 540px) {
	.galleryBox  {
		display : inline-block;
		width : 47%;
		margin : 0 1% 8% 1%;
	}
	.galleryBox .gr_imgs  {
		height : 48vw;
	}
}
.preWrap  {

}
.preWrap .search  {
	width : calc(100% - 6px);
	border : 3px solid #a4e7bf;
	padding : 8px 0 10px 0;
}
.preWrap .search dl {
	display : table;
	width : 100%;
	color : #000000;
	font-size : 13px;
}
.preWrap .search dt {
	display : table-cell;
	width : 25%;
	text-align : center;
	border-right : 1px solid #a4e7bf;
	font-weight : bold;
}
.preWrap .search dt img {
	position : relative;
	top : 5px;
	left : -4px;
}
.preWrap .search dd {
	display : table-cell;
	width : 75%;
	text-align : center;
}
.preWrap .search dd span {
	display : inline-block;
}
.preWrap .search dd span.left {
	text-align : left;
	padding-left : 2%;
	width : 47%;
}
.preWrap .search dd span.right {
	text-align : right;
	padding-right : 2%;
	width : 47%;
}
.preWrap .search dd select {
	border : 2px solid #b3b3b3;
}
.preWrap .pattern  {
	margin : 10px 0;
	text-align : center;
}
.preWrap .pattern p {
	display : inline-block;
	color : #000000;
	margin-right : 4px;
}
.picon {
	display : inline-block;
	background-color : #4be088;
	color : #ffffff;
	padding-top : 3px;
	width : 18px;
	height : 15px;
	text-align : center;
	line-height : 1.0;
	font-size : 12px;
	margin-right : 4px;
}
.preWrap .result  {
	width : calc(100% - 40px);
	border : 1px solid #d8d8d8;
	padding : 10px 18px;
	margin : 40px 0 22px;
	color : #000000;
}
.preWrap .result span  {
	display : inline;
}
.sort  {
	display : table;
	width : calc(100% - 4px);
	border-top : 1px solid #b3b3b3;
	border-bottom : 1px solid #b3b3b3;
	padding : 6px 0;
	color : #000000;
	margin-bottom : 28px;
}
.sort span {
	display : table-cell;
	width : 20%;
	text-align : center;
	line-height : 36px;
	font-size : 14px;
}
.sort span a {
	display : block;
	text-align : center;
	color : #000000;
	border-right : 5px solid #b3b3b3;
}
.sort span a:hover {
	background-color : #a4e7bf;
}
.sort span a.active {
	font-weight : bold;
	background-color : #a4e7bf;
}
.sort span.title {
	background-color : #000000;
	color : #ffffff;
}
.sort span font {
	display : inline;
}
@media only screen and (max-width: 947px) {
	.preWrap .pattern  {
		margin : 10px 0;
		text-align : left;
	}
}
@media only screen and (max-width: 710px) {
	.preWrap .search dd span.left {
		text-align : left;
		padding-left : 2%;
		width : 49%;
	}
	.preWrap .search dd span.right {
		text-align : left;
		padding-left : 2%;
		padding-right : 0%;
		width : 45%;
	}
}
@media only screen and (max-width: 690px) {
	.preWrap .search dd span.left {
		width : 74%;
		margin-bottom : 6px;
	}
	.preWrap .search dd span.right {
		width : 74%;
	}
}
@media only screen and (max-width: 580px) {
	.preWrap .search  {
		width : calc(100% - 6px);
		padding : 0 0 10px 0;
	}
	.preWrap .search dl {
		position : relative;
		display : block;
		width : 100%;
		color : #000000;
		font-size : 13px;
		padding-left : 4px;
		padding-bottom : 6px;
	}
	.preWrap .search dt {
		display : block;
		width : 100%;
		text-align : left;
		border-right : 1px solid #a4e7bf;
		font-weight : bold;
		margin-bottom : 6px;
	}
	.preWrap .search dt img {
		position : relative;
		top : 5px;
		left : 0px;
	}
	.preWrap .search dd {
		display : block;
		width : 100%;
		text-align : left;
	}
	.preWrap .result span  {
		display : inline-block;
	}
	.sort span {
		font-size : 13px;
	}
}
@media only screen and (max-width: 480px) {
	.sort  {
		display : block;
		width : calc(100% - 4px);
		border-top : 1px solid #b3b3b3;
		border-bottom : 1px solid #b3b3b3;
		padding : 6px 0;
		color : #000000;
		margin-bottom : 28px;
	}
	.sort span {
		display : inline-block;
		width : calc(25% - 3px);
		text-align : center;
		line-height : 36px;
		font-size : 14px;
	}
	.sort span font {
		display : none;
	}
	.sort span.title {
		display : block !important;
		width : 100%;
		padding : 3px 0 !important;
	}
}
.detailWrap  {
	margin-top : 18px;
}
.wx { 
	text-align : right;
}
.wx2 {
	text-align : center;
}
#wrapGallery  {
	display : inline-block;
	vertical-align : top;
	width : 55%;
	margin-right : 3.2%;
	margin-left : 6px;
	box-sizing: border-box;
}
#wrapGalleryList  {
	display : inline-block;
	vertical-align : top;
	width : calc(40% - 6px);
	box-sizing: border-box;
}
#wrapGallery .comment  {
	margin-top : 30px;
}
.bxslider1-pager  {
	display : table;
	table-layout: fixed;
	width : calc(100% + 3px);
}
.bxslider1 img  {
	width : 100%;
	border : 1px solid #c9c9c9;
	box-sizing: border-box;
	height : 100%;
	object-fit : cover;
	font-family : 'object-fit: cover;';
}
.bxslider1-pager li {
	display : table-cell;
	padding-right : 5px;
	max-width : 20%;
}
.bxslider1-pager img {
	width : 100%;
}
.n_img_fit  {
	object-fit : cover;
}
.bxslider1-pager a img {
	border : 1px solid #c9c9c9;
}
.sizeList img  {
	width : 100%;
}
img.ie_img_fit  {
	height : 100%;
	font-family : 'object-fit: cover;';
}
.mitsumori  {
	margin : 48px 0;
}
.mitsumori a  {
	display : block;
	font-size : 22px;
	color : #ffffff;
	font-weight : bold;
	background-color : #54b079;
	border : 1px solid #54b079;
	text-align : center;
	margin : 0px auto 0 auto;;
	width : 80%;
	max-width : 470px;
	border-radius : 36px;
	line-height : 1.0;
	padding : 24px 0;
}
.mitsumori a:hover {
	color : #54b079;
	background-color : #ffffff;
	border : 1px solid #54b079;
}
.det_maker  {
	text-align : left;
	font-size : 14px;
	color : #000000;
	line-height : 1.0;
	margin-bottom : 18px;
}
.det_ttl  {
	text-align : left;
	font-size : 20px;
	color : #000000;
	line-height : 1.0;
	margin-bottom : 18px;
}
.det_number  {
	text-align : left;
	font-size : 14px;
	color : #000000;
	line-height : 1.0;
	margin-bottom : 18px;
}
.det_price  {
	text-align : left;
	font-size : 36px;
	color : #ff0000;
	line-height : 1.0;
	margin-bottom : 18px;
}
.det_price span {
	font-size : 18px;
}
.wrapProf dl  {
	padding : 6px 0;
	border-bottom : 1px dotted #000000;
	margin-bottom : 4px;
}
.wrapProf dt  {
	display : inline-block;
	vertical-align : top;
	width : 8em;
	color : #39ba6c;
	font-weight : 600;
	font-size : 14px;
	line-height : 1.8;
}
.wrapProf dd  {
	display : inline-block;
	vertical-align : top;
	width : calc(99% - 8em);
	color : #000000;
	font-weight : 600;
	font-size : 14px;
	line-height : 1.8;
}
.sizeList  {
	margin-top : 30px;
}
.sizeList table  {
	width : 100%;
	border-collapse : collapse;
	background-color : #ffffff;
	padding : 6px;
}
.sizeList .sizeBtns td  {
	width : 50%;
}
.sizeList .sizeBtns td a  {
	border : 1px solid #6ecd94;
	display : block;
	text-align : center;
	padding : 6px 0px;
	color : #39ba6c;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
	cursor : pointer;
}
.sizeList .sizeBtns td a#adult  {
	margin-right : 1px;
}
.sizeList .sizeBtns td a#child  {
	margin-left : 1px;
}
.sizeList .sizeBtns td a.active {
	background-color : #6ecd94;
	color : #ffffff;
	cursor : default !important;
}
.sizeWrap  {
	position : relative;
	background : url(../img/back.png) no-repeat 0 0;
	padding : 8px;
	margin-top : 8px;
}
.sizePadding  {
	background : #ffffff;
	padding : 6px 6px 0 6px;
}
.sizeTable  {
	width : 100%;
	border-collapse : collapse;
}
#adultImg,#childImg {
	height : 100%;
}
.sizeTable th {
	padding : 4px;
	width : 40%;
	background-color : #f5f5f5;
	font-weight : 500;
	font-size : 14px;
}
.sizeTable td {
	text-align : center;
	padding : 4px;
	width : 20% !important;
	background-color : #ffffff;
	font-weight : 500;
	font-size : 14px;
}
.sizeTable .btp {
	border-top : 1px solid #adb2af;
}
.sizeTable .blr {
	border-left : 1px solid #adb2af;
	border-right : 1px solid #adb2af;
}
.detailWrap {
	margin-bottom : 60px;
}
.noItem  {
	text-align : center;
	padding : 60px 0;
	font-size : 16px;
	color : #ff0000;
}
.detailWrap h3  {
	color : #2e2e2e;
	font-size : 20px;
	border-bottom : 1px solid #656968;
	padding-bottom : 6px;
	font-weight : normal;
	margin : 0 5px 12px 5px;
}
.printWrap  {
	margin-bottom : 60px;
}
.printWrap h3 {
	font-size : 20px;
	font-weight : bold;
	color : #636363;
	padding-bottom : 6px;
	border-bottom : 1px solid #a4e7bf;
	width : 56%;
	margin-bottom : 16px;
}
.printWrap p {
	display : inline-block;
	width : 35%;
	font-size : 14px;
	color : #000000;
	line-height : 1.6;
	vertical-align : top;
}
.printWrap .sampleImg {
	display : inline-block;
	width : 18%;
	vertical-align : top;
	text-align : right;
	padding-left : 2%;
}
.printWrap .sampleImg img  {
	margin-bottom : 36px;
	width : 100%;
}
.printWrap .graphImg {
	display : inline-block;
	width : 38%;
	vertical-align : top;
	padding-left : 5%;
	margin-top : -40px;
}
.printWrap .graphImg img  {
	width : 100%;
}
@media only screen and (max-width: 480px) {
	#wrapGallery  {
		display : block;
		width : 100%;
		margin-right : 0%;
		margin-left : 0px;
		box-sizing: border-box;
	}
	#wrapGalleryList  {
		display : block;
		width : 100%;
		margin-top : 20px;
		box-sizing: border-box;
	}
	.printWrap  {
		margin-bottom : 40px;
	}
	.printWrap h3 {
		font-size : 18px;
		width : 100%;
		margin-bottom : 16px;
	}
	.printWrap p {
		display : inline-block;
		width : 69%;
		font-size : 13px;
	}
	.printWrap .sampleImg {
		display : inline-block;
		width : 27%;
		padding-left : 2%;
	}
	.printWrap .sampleImg img  {
		margin-bottom : 36px;
		width : 100%;
	}
	.printWrap .graphImg {
		display : block;
		width : 100%;
		max-width : 316px;
		text-align : center;
		padding-left : 0%;
		margin : 0 auto;
	}
}
.designWrap  {
	margin-bottom : 100px;
}
.designWrap h4 {
	font-size : 16px;
	font-weight : 500;
	color : #000000;
	line-height : 1.8;
	margin-bottom : 16px;
}
.designWrap .caution  {

}
.designWrap .caution .cautionLeft  {
	display : inline-block;
	width : 48px;
	vertical-align : top;
}
.designWrap .caution .cautionRight  {
	display : inline-block;
	width : calc(98% - 48px);
	vertical-align : top;
}
.designWrap .caution .cautionRight dl {
	font-size : 12px;
	color : #000000;
}
.designWrap .caution .cautionRight dt {
	display : inline-block;
	width : 20px;
	vertical-align : top;
}
.designWrap .caution .cautionRight dd {
	display : inline-block;
	width : calc(99% - 20px);
	vertical-align : top;
}
.designWrap .designItem  {
	background : url(../img/back.png) repeat 0 0;
	padding : 8px;
	margin : 30px 0;
}
.designWrap .designItem .designComm  {
	background-color : #ffffff;
	padding : 24px 3% 24px 4%;
}
.designWrap .designItem .designComm dl {
	display : table;
	width : 100%;
}
.designWrap .designItem .designComm dt {
	display : table-cell;
	vertical-align : top;
	width : 58px;
}
.designWrap .designItem .designComm dt span {
	display : block;
	width : 48px;
	height : 36px;
	background-color : #000000;
	color : #ffffff;
	font-size : 16px;
	border-radius : 24px;
	font-weight : bold;
	text-align : center;
	padding-top : 12px;
}
.designWrap .designItem .designComm dd {
	display : table-cell;
	vertical-align : middle;
	width : calc(99% - 58px);
	font-size : 13.5px;
	font-weight : 500;
	line-height : 1.8;
	color : #000000;
}
.designWrap .designItem ul  {
	background-color : #ffffff;
	padding : 24px 5%;
	margin : 0 auto;
	text-align : center;
}
.designWrap .designItem li  {
	display : inline-block;
	vertical-align : middle;
	padding : 0 2% 0 0;
}
.designWrap .designItem li.img03s  {
	display : none;;
}
.designWrap .designArrow  {
	text-align : center;
}
.designWrap .designData  {

}
.designWrap .designData h3 {
	width : 240px;
	margin : 60px auto 30px auto;
	background-color : #a4e7bf;
	color : #ffffff;
	text-align : center;
	font-size : 20px;
	line-height : 1.0;
	padding : 20px 0;
}
.designWrap .designComm h5 {
	color : #000000;
	font-size : 20px;
	line-height : 1.8;
	margin-bottom : 24px;
}
.designWrap .draftLeft  {
	display : inline-block;
	width : 212px;
	vertical-align : top;
}
.designWrap .draftRight  {
	display : inline-block;
	width : calc(99% - 212px);
	vertical-align : top;
}
.designWrap .draftRight dl {
	display : block !important;
}
.designWrap .draftRight dt {
	font-size : 13px;
	color : #000000;
	width : 1.2em !important;
}
.designWrap .draftRight dd {
	font-size : 13px;
	color : #000000;
	width : calc(99% - 1.2em) !important;
	line-height : 1.6;
}
.designWrap .designItem .orderComm {
	background-color : #ffffff;
	padding : 24px 3% 24px 4%;
}
.designWrap .designItem .orderComm .number {
	display : inline-block;
	vertical-align : middle;
	width : 58px;
}
.designWrap .designItem .orderComm .number span {
	display : block;
	width : 48px;
	height : 36px;
	background-color : #000000;
	color : #ffffff;
	font-size : 16px;
	border-radius : 24px;
	font-weight : bold;
	text-align : center;
	padding-top : 12px;
}
.designWrap .designItem .orderComm .title {
	display : inline-block;
	vertical-align : middle;
	font-size : 20px;
	font-weight : 500;
	color : #000000;
	width : 168px;
}
.designWrap .designItem .orderComm .comm {
	display : inline-block;
	vertical-align : middle;
	width : calc(98% - 226px);
	text-align : left;
}
.designWrap .designItem .orderComm dl {
	color : #000000;
}
.designWrap .designItem .orderComm dt {
	display : inline-block;
	vertical-align : top;
	width : 1.3em;
	text-align : left;
}
.designWrap .designItem .orderComm dd {
	display : inline-block;
	vertical-align : top;
	width : calc(99% - 1.3em);
	text-align : left;
}
@media only screen and (max-width: 730px) {
	.designWrap .designItem li.img03  {
		display : none;;
	}
	.designWrap .designItem li.img03s  {
		display : block !important;
		margin : 12px 0;
	}
}
@media only screen and (max-width: 480px) {
	.designWrap h4 {
		font-size : 14px;
		line-height : 1.6;
		margin-bottom : 12px;
	}
	.designWrap .designComm h5 {
		font-size : 18px;
		margin-bottom : 20px;
	}
	.designWrap .draftLeft  {
		display : block;
		width : 100%;
		text-align : center;
	}
	.designWrap .draftRight  {
		display : block;
		width : 100%;
	}
	.designWrap .designItem .orderComm .comm {
		display : block;
		width : 100%;
		margin-top : 24px;
	}
}
@media only screen and (max-width: 340px) {
	.designWrap .designItem li.img02 img  {
		width : 150px;
	}
	.designWrap .designItem li.img05 img  {
		width : 150px;
	}
	.designWrap .designComm h5 {
		font-size : 15px;
		margin-bottom : 15px;
	}
}
/* フォーム */
#wrapFromInner  {
	border-top : 1px solid #d8d8d8;
}
#wrapFromInner dl {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-left : 1px solid #d8d8d8;
	border-right : 1px solid #d8d8d8;
	border-bottom : 1px solid #d8d8d8;
	display : table;
}
#wrapFromInner dt {
	display : table-cell;
	position : relative;
	vertical-align : middle;
	color : #000000;
	background-color : #f9f9f9;
	padding: 16px 2px 16px 12px;
	font-size : 14px;
	text-align : left;
	font-weight : normal;
	width : 25%;
}
#wrapFromInner dd {
	display : table-cell;
	vertical-align : middle;
	color : #000000;
	padding: 8px 2px 8px 12px;
	font-size : 13px;
	text-align : left;
	font-weight : normal;
	width : calc(75% - 60px);
}
#wrapFromInner dd div {
	display : table;
	width : 100%;
	vertical-align : middle;
	color : #000000;
	padding: 7px 0;
}
#wrapFromInner dd .uploadArea span {
	display : table-cell;
	vertical-align : middle;
	color : #000000;
	padding: 7px 0;
	font-size : 14px;
	text-align : left;
	font-weight : normal;
	width : 80px;
}
#wrapFromInner dd span.addrttl {
	display : table-cell;
	vertical-align : middle;
	color : #000000;
	padding: 7px 0;
	font-size : 14px;
	text-align : left;
	font-weight : normal;
	width : 80px;
}
#wrapFromInner dd div p {
	display : table-cell;
	vertical-align : middle;
	padding: 6px 0;
	font-size : 13px;
	text-align : left;
	font-weight : normal;
	width : calc(99% - 80px);
}
#wrapFromInner dt span {
	background-color : #ff0000;
	color : #ffffff;
	font-weight : normal;
	font-size : 11px;
	line-height : 11px;
	display : inline-block;
	margin-left : 6px;
	padding : 3px 10px;
	border-radius : 3px;
	position : absolute;
	top : 17px;
	right : 10px;
}
#wrapFromInner label.ibk  {
	display : inline-block;
	margin-right : 24px;
	margin-bottom : 8px;
}
#wrapFromInner label.ibk input {
	display : inline-block;
	margin-right : 6px;
}
#wrapFromInner label.blk  {
	display : block;
	margin-bottom : 8px;
	width : 94%;
}
#wrapFromInner select  {
	border: 1px solid #b0b0b0;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 14px;
}
#wrapFromInner option  {
	color : #333333;
	padding : 6px;
	font-size : 14px;
}
.formBtn  {
	margin-bottom : 80px;
}
.mail {}

.form-field {
	border: 1px solid #b0b0b0;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 14px;
	width: calc(100% - 28px);
}
.form-zip {
	border: 1px solid #b0b0b0;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 14px;
	width: 160px;
}
.w120   {
	width: 120px !important;
}
.w240   {
	width: 240px !important;
}
#comment  {
	height : 110px;
	line-height : 22px;
}
.uploadArea  {
	border : 1px solid #cccccc;
	display : inline-block;
	width : calc(100% - 16px);
}
.uploadArea div {
	position : relative;
	padding : 8px 10px;
	width : 100%;
	box-sizing : border-box;
}
.uploadArea div span {
	position : absolute;
	top : -7px;
	right : 6px;
}
.douinaiyou  {
	margin-top : 40px;
	border : 1px solid #d8d8d8;
	padding : 16px;
	text-align : center;
	color : #000000;
	font-size : 14px;
	line-height : 2.0;
	height : 300px;
	width : calc(100% - 32px);
	overflow : auto;
}
.doui  {
	width : 160px;
	font-size : 16px;
	color : #000000;
	border : 1px solid #d8d8d8;
	border-radius : 4px;
	padding : 10px 0;
	margin : 40px auto;
	text-align : center;
}
.doui input {
	display : inline-block;
	margin-right : 6px;
}
.thanks  { margin-bottom : 80px; }
.thanks h2  {
	font-size : 18px;
	line-height : 36px;
	text-align : center;
}
a.hinbanbutton  {
	display : inline-block;
	padding : 8px 14px;
	background-color : #0eb1dc;
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}
a.hinbanbutton:hover  {
	background-color : #27caf3;
	color : #ffffaa;
}

.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 : 304px;
	color : #ffffff;
	border : none;
	padding: 20px 0 20px 0;
	font-size : 18px;
	line-height : 1.0;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background : #59ce89 url(../img/subm_back.png) no-repeat right center;
}
.submit-button:hover  {
	opacity : 0.7;
}
.submit-button2 {
	width: 304px;
	color: #FFF;
	border : none;
	padding: 20px 0 24px 0;
	font-size : 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background : url(../img/subm_back2.png) no-repeat 0 0;
}
.submit-button2:hover  {
	opacity : 0.7;
}

.errorText  {
	color : #ff0000;
	font-size : 13px;
}
.sendmes    {
	text-align : center;
	line-height : 1.6;
	margin-bottom : 120px;
}
.formLeft  {
	display : inline-block;
	vertical-align : top;
}
.formRight  {
	display : inline-block;
	font-size : 12px;
	color : #4b4b4b;
	padding-left : 24px;
}
.formRight a {
	display : inline-block;
	padding : 4px 0;
	color : #4b4b4b;
}
.formRight dt {
	display : inline-block;
	color : #4b4b4b;
	font-size : 12px;
	line-height : 20px;
	padding : 0px 0;
	width : 18px;
	text-align : left;
	vertical-align : top;
}
.formRight dd {
	display : inline-block;
	color : #4b4b4b;
	font-size : 12px;
	line-height : 20px;
	padding : 0px 0;
	width : calc(100% - 18px);
	text-align : left;
	vertical-align : top;
}
@media only screen and (max-width: 680px) {
	#wrapFromInner dl {
		display : block;
	}
	#wrapFromInner dt {
		display : block;
		padding: 8px 2px 8px 12px;
		font-size : 13px;
		width : 220px;
	}
	#wrapFromInner dd {
		display : block;
		color : #000000;
		padding: 8px 2px 8px 12px;
		font-size : 13px;
		text-align : left;
		font-weight : normal;
		width : 100%;
	}
	#wrapFromInner dt span {
		top : 10px;
	}
	.form-field {
		width: calc(100% - 36px);
	}
	#wrapFromInner dd .uploadArea {
		display : block;
		width : calc(100% - 24px);
	}
	#wrapFromInner dd .uploadArea span {
		display : block;
		padding: 7px 0;
		font-size : 12px;
		text-align : right;
		width : 100%;
	}
	.uploadArea div span {
		position : relative;
		top : 0;
		right : 0px;
	}
}
/* フッター包括---------------------------*/

.prefoot  {
	margin-top : 200px;
	text-align : center;
	background-color : #f3f4f3;
}
.prefoot h4  {
	position : relative;
	top : -12px;
	color : #000000;
	display : inline-block;
	font-family : 'Fjalla One', sans-serif;
	font-weight : normal;
	font-size : 24px;
}
.prefoot a.catarog  {
	position : relative;
	display : inline-block;
	vertical-align : top;
	padding : 8px 24px;
	border : 1px solid #a1a1a1;
	background-color : #ffffff;
	font-size : 16px;
	color : #878787;
	margin : 24px auto 50px auto;
}
.prefoot a.catarog:hover  {
	background-color : #878787;
	color : #ffffff;
}
.maker {

}
.maker a  {
	text-decoration : none;
	display : inline-block;
	margin : 8px;
}
.mgt40  {
	margin-top : 80px;
}
.footer {
	padding-bottom : 20px;
	background-color : #a4e7bf;
}
.footlogo  {
	text-align : center;
	padding-top : 80px;
	margin-bottom : 160px;
}
.copyright  {
	text-align : center;
	font-size : 10px;
	color : #000000;
	padding : 8px 0 24px 0;
}
.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;
}
.servWrap01  {
	width : 1080px;
	margin : 0 auto;
}

.pageNav01         { list-style : none; margin-bottom : 2px; }
.pageNav01 li      { display : inline-block; font-size : 14px; padding : 4px 0; }
.pageNav01 li span { display : inline-block; font-size : 14px; padding : 4px 10px; color : #ffffff; background-color : #000000; border : 1px solid #b3b3b3; margin-right : 4px; }
.pageNav01 li em   { display : inline-block; font-size : 14px; padding : 4px 10px; color : #ffffff; background-color : #b3b3b3; border : 1px solid #b3b3b3; margin-right : 4px; font-style : normal; }
.pageNav01 li a    { display : inline-block; font-size : 14px; padding : 4px 10px; color : #000000; background-color : #ffffff; border : 1px solid #b3b3b3; margin-right : 4px; }