html {
	font-size: 62.5%;

}
body {
	font-size: 1.4rem;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	min-width: 320px;
	color: #834f46;
}

@media screen and (max-width: 768px) {
	
	body { font-size: 1.6rem; }
	
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
}

a {
	color: #29abe2;
	text-decoration: underline;
}

#wrapper {
	position: relative;
}

.fakeLink {
	color: #29abe2;
	cursor: pointer;
}

.clearL {
	clear: left;
}

.clearR {
	clear: right;
}

.clearB {
	clear: both;
}

.noMarginR {
	margin-right: 0 !important;
}

.attentionTxt {
	color: #ff3366;
	font-weight: bold;
}

.noneMax{ display:none; } /* Max 960 768 400 それぞれにclass有り */

i {
	padding: 0 3px 0 0;
}

.markerPink {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 31%, rgba(255,2,183,0.15) 31%, rgba(255,0,182,0.3) 66%, rgba(255,255,255,0) 66%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(255,255,255,0)), color-stop(31%,rgba(255,2,183,0.15)), color-stop(66%,rgba(255,0,182,0.3)), color-stop(66%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(255,2,183,0.15) 31%,rgba(255,0,182,0.3) 66%,rgba(255,255,255,0) 66%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(255,2,183,0.15) 31%,rgba(255,0,182,0.3) 66%,rgba(255,255,255,0) 66%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(255,2,183,0.15) 31%,rgba(255,0,182,0.3) 66%,rgba(255,255,255,0) 66%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 31%,rgba(255,2,183,0.15) 31%,rgba(255,0,182,0.3) 66%,rgba(255,255,255,0) 66%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	font-weight: bold;
}

.markerYellow{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 31%, rgba(242,255,2,0.6) 31%, rgba(242,255,2,0.6) 66%, rgba(255,255,255,0) 66%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(255,255,255,0)), color-stop(31%,rgba(242,255,2,0.6)), color-stop(66%,rgba(242,255,2,0.6)), color-stop(66%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 31%,rgba(242,255,2,0.6) 31%,rgba(242,255,2,0.6) 66%,rgba(255,255,255,0) 66%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	font-weight: bold;
	color: #ff9090;
}

@media screen and (max-width: 959px) {
	
	#wrapper {
		background: none;
	}
	
}

header {
	/*margin: 0 0 10px 0;*/
	overflow: hidden;
	/*border-top: solid 3px #fd8fa5;*/
	background: #ffffff url(/images/headerBg.jpg) repeat-x;
	background-size: 40%;
}

#headerTxtBox {
	line-height: 1.4rem;
	margin: 0 auto;
	padding: 5px 0;
	max-width: 960px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.headerTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 5px 0 0;
}

.headerDesc {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#headerInner {
	max-width: 960px;
	margin: 0 auto 10px auto;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media screen and (max-width: 959px) {
	
	#headerInner {
		width: 98%;
		margin: 0 auto 10px auto;
	}
	
}

@media screen and (max-width: 959px) {
	
	#headerTxtBox {
		padding: 5px 0 5px 2%;
		font-size: 1rem;
	}
	
}

#logo {
	width: 20%;
}

#headerInfo {
	width: 80%;
	text-align: right;
}

@media screen and (max-width: 480px) {
	
	#logo {
		width: 25%;
	}

	#headerInfo {
		width: 75%;
	}
	
}

.headerTelBox {
	display: inline-block;
	margin: 0 10px 0 0;
}

.headerTelBox a {
	text-decoration: none;
}

.headerIcnBox {
	display: inline-block;
}

.headerIcnBox li {
	display: inline-block;
	margin: 0 10px 0 0;
}

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

	.headerTelBox {
		margin: 0;
	}

	.headerIcnBox li {
		margin: 0;
	}
	
}

.headerIcnBox li:last-child {
	margin: 0;
}

.headerIcnBox li img {
	width: 50px;
	height: 50px;
}

@media screen and (max-width: 480px) {
	
	.headerIcnBox li img {
		width: 44px;
		height: 44px;
	}
	
}

.headerTelTxt {
	display: block;
	color: #ffffff;
	line-height: 1.4rem;
	text-align: center;
	background: #8e6f56;
	-webkit-border-radius: 4px;  
    -moz-border-radius: 4px;  
    border-radius: 4px;
	padding: 5px 1%;
	margin: 0 0 3px 0;
}

.headerTelNum {
	font-size: 2.6rem;
	line-height: 2.6rem;
	color: #8e6f56;
}

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

	.headerTelTxt {
		font-size: 1.2rem;
	}
	
	.headerTelNum {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	
}

#headerInfo .deliShow, .mainContactLINE .onaShow, .mainContactLINE .esteShow {
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 5px 0 0 0;
	letter-spacing: -1px;
}

@media screen and (max-width: 480px) {
	
#headerInfo .deliShow, .mainContactLINE .onaShow, .mainContactLINE .esteShow {
	font-size: 1rem;
	line-height: 1rem;
	letter-spacing: -2px;
}

#headerInfo .onaShow, #headerInfo .esteShow {
	font-size: 1rem;
	line-height: 1rem;
	letter-spacing: -1px;
	padding: 5px 0 0 0;
}
	
}

.contactNote { display: block; }

/*.headerMailIcn a {
	display: block;
	width: 60px;
	height: 60px;
	font-size: 60px;
	line-height: 60px;
	color: #11e4e6;
}
*/
#gnav {
	clear: both;
	width: 100%;
	/*-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;  
    border-radius: 6px;*/
	background: #fd8fa5;
	border-top: solid 3px #ffc8d3;
	border-bottom: solid 3px #ffc8d3;
}

.deli #gnav {
	background: #fd8fa5;
	border-top: solid 3px #ffc8d3;
	border-bottom: solid 3px #ffc8d3;
}

.ona #gnav {
	background: #8cc6ff;
	border-top: solid 3px #cce5ff;
	border-bottom: solid 3px #cce5ff;
}

.este #gnav {
	background: #e08bfc;
	border-top: solid 3px #f2c9ff;
	border-bottom: solid 3px #f2c9ff;
}

#gnav ul {
	max-width: 960px;
	margin: 0 auto;
	font-size: 1.8rem;
    text-align: center;
	overflow: hidden;
}

#gnav ul li {
	float: left;
	width: 20%;
}

#gnav ul li a {
	margin: 0;
	padding: 0;
    display: block;
    border-left: 1px solid #ffc8d3;
	color: #ffffff;
	line-height: 60px;
	text-decoration: none;
}

#gnav ul li:last-child a {
	border-right: solid 1px #ffc8d3;
}

.deli #gnav ul li a {
	 border-left: solid 1px #ffc8d3;
}

.deli #gnav ul li:last-child a {
	border-right: solid 1px #ffc8d3;
}

.ona #gnav ul li a {
	 border-left: solid 1px #cce5ff;
}

.ona #gnav ul li:last-child a {
	border-right: solid 1px #cce5ff;
}

.este #gnav ul li a {
	 border-left: solid 1px #f2c9ff;
}

.este #gnav ul li:last-child a {
	border-right: solid 1px #f2c9ff;
}



@media screen and (max-width: 640px) {
	
	#gnav ul {
		font-size: 1.4rem;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	#gnav ul li a .hide {
		display: none;
	}

	#gnav ul li a {
		padding: 6px 0;
	}

	#gnav ul li:first-child a {border-left: none;}

	#gnav ul li:last-child a {border-right: none;}

	#gnav ul li a .navTxt {
		display: block;
		line-height: 1.4rem;
		word-wrap: break-word;
		word-break: break-all;
	}

	#gnav ul li a i {
		display: block;
		padding: 0 0 5px 0;
		margin: 0;
		font-size: 2.4rem;
		line-height: 2.4rem;
		word-wrap: break-word;
		word-break: break-all;
	}
	
}

.modalNavWrap{
	position: absolute;
	left: 0;
	z-index: 900;
	width: 100%;
	padding: 20px 2%;
	height: 150%;
	background:rgba(255, 255, 255, 0.95);
	display: none;
	box-sizing: border-box;
}

.modalNav {
	max-width: 480px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff3f3;
	border: solid 1px #fd8fa5;
}

.deli .modalNav {
	background: #fff3f3;
	border: solid 1px #fd8fa5;	
}

.ona .modalNav {
	background: #f7fbff;
	border: solid 1px #8cc6ff;	
}

.este .modalNav {
	background: #fdf7ff;
	border: solid 1px #e08bfc;	
}

.modalNav dt, .modalNav dt a {
	display: block;
	background: #fd8fa5;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	color: #ffffff;
	padding: 0 0 0 2%;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	clear: both;
}

.deli .modalNav dt, .deli .modalNav dt a {
	background: #fd8fa5;	
}

.ona .modalNav dt, .ona .modalNav dt a {
	background: #8cc6ff;	
}

.este .modalNav dt, .este .modalNav dt a {
	background: #e08bfc;	
}

.modalNav dd a {
	width: 50%;
	line-height: 44px;
	border-bottom: solid 1px #ffd6d6;
	padding: 0 2%;
	font-size: 1.4rem;
	box-sizing: border-box;
	color: #834f46;
	text-decoration: none;
	vertical-align: middle;
	display: block;
}

.deli .modalNav dd a {
	border-bottom: solid 1px #ffd6d6;
}

.ona .modalNav dd a {
	border-bottom: solid 1px #d9ecff;
}

.este .modalNav dd a {
	border-bottom: solid 1px #f2c9ff;
}

.modalNav dd:nth-child(2n+1) a {
	border-right: solid 1px #ffd6d6;
	float: left; 
}

.deli .modalNav dd:nth-child(2n+1) a {
	border-right: solid 1px #ffd6d6;
}

.ona .modalNav dd:nth-child(2n+1) a {
	border-right: solid 1px #d9ecff;
}

.este .modalNav dd:nth-child(2n+1) a {
	border-right: solid 1px  #f2c9ff;
}

.modalNav dd:nth-child(2n) a {
	float: right;
}

.modalNav dd:nth-last-child(2) a {
	border-bottom: none;
}

.modalNav dd:last-child a {
	border-bottom: none;
}

#modalClose {
	clear: left;
	width: 100%;
	/*background: #ebebeb;*/
	font-size: 1.8rem;
	border-bottom: none;
	border-right: none;
	letter-spacing: normal;
	/*-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;*/
	margin: 20px 0 0 0;
}

#modalClose a {
	display: block;
	color: #666666;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
}

#contents {
	overflow: hidden;
	clear: left;
}

.contentIn {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

@media screen and (max-width: 959px) {
	
	.contentIn {
		width: 96%;
	}

}

@media screen and (max-width: 480px) {
	
	.contentIn {
		width: 100%;
	}
	
}

.breadcrumb {
	margin: 10px auto;
	max-width: 960px;
}

.breadcrumb li {
	display: inline;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

@media screen and (max-width: 959px) {
	
	.breadcrumb {
		width: 98%;
		margin: 5px auto;
	}
	
}

@media screen and (max-width: 959px) {
	
	.breadcrumb li {
		font-size: 1rem;
		line-height: 1rem;
	}
	
}

main {
	float: left;
	width: 70%;
	/*max-width: 960px;
	margin: 0 auto;*/
}

@media screen and (max-width: 768px) {
	
	main {
		float: none;
		width: 100%;
	}
	
}

main h3 {
	background: #f5ece3;
	border: dashed 1px #d7c9ba;
	padding: 10px 2%;
	margin: 0 0 20px 0;
	color: #7a5c40;
	font-size: 1.8rem;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	clear: both;
}

main h3 i {
	color: #ffa3bb;
}

main h3 span {
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 0 0 6px;
	line-height: 2.4rem;
	vertical-align: middle;
	font-weight: normal;
}

.mainIn { margin: 0 0 30px 0; }


.mainExp {
	clear: both;
	margin: 0 auto 20px auto;
}

@media screen and (max-width: 959px) {
	
	.mainExp { width: 96%; }

}

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

	.mainIn {
		width: 96%;
		margin: 0 auto 30px auto;
	}

}

main h4 {
	margin: 0 0 10px 0;
	font-size: 1.8rem;
	background: #fd8fa5;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 2%;
	clear: both;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

@media screen and (max-width: 959px) {
	
	main h4 span {
		padding: 0 0 5px 2%;
	}
	
}

@media screen and (max-width: 480px) {
	
	main h3 {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
}

.attentionBox {
	clear: both;
	margin: 0 0 30px 0;
	background: #fff6f6;
	padding: 15px 3%;
	border: solid 2px #f5d0d0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.attentionBox dt {
	color: #ea6280;
	font-weight: bold;
	font-size: 2rem;
	margin: 0 0 10px 0;
	padding: 5px 2%;
	border-top: solid 1px #ea6280;
	border-right: solid 1px #ea6280;
	border-bottom: solid 1px #ea6280;
	border-left: solid 10px #ea6280;
	background: #ffffff;
	letter-spacing: -1px;
}

.attentionBox dt span {
	display: inline-block;
	padding: 0 0 0 8px;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: normal;
}

.attentionBox2 {
	clear: both;
	margin: 0 0 30px 0;
	background: #fff6f6;
	padding: 15px 3%;
	border: solid 2px #f5d0d0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.attentionBox2 dt {
	color: #ea6280;
	font-weight: bold;
	font-size: 2.4rem;
	margin: 0 0 10px 0;
	text-align: center;
}

.attentionBox2 dd.moreLink {
	text-align: center !important;
}

.attentionBox2 dd.moreLink a {
	margin: 0 !important;
	padding: 0 !important;
}

.largeTxt {
	font-size: 3rem;
	line-height: 3.4rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.subTitleImg { margin: 0 0 20px 0; }

article section {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.mainIn {
	margin: 0 0 40px 0;
	overflow: hidden;
}

.mainHeaderImg {
	margin: 0 0 30px 0;
	text-align: center;
}

.mainInImg {
	margin: 0 0 15px 0;
	text-align: center;
}

.mainFlex {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mainImgRow {
	width: 37%;
	margin: 0 0 20px 0;
}

.mainTxtRow {
	width: 63%;
	margin: 0 0 20px 0;
}

.mainInTxt {
	margin: 0 0 20px 0;
}

.pickupWrap { overflow: hidden; }

.pickupBox {
	overflow: hidden;
}

.pickupBox:nth-child(odd) {
	width: 48%;
	float: left;
	margin: 0 0 20px 0;
	clear: both;
	/*border-bottom: dashed 1px #d7c9ba;*/
}

.pickupBox:nth-child(even) {
	width: 48%;
	float: right;
	margin: 0 0 20px 0;
	/*border-bottom: dashed 1px #d7c9ba;*/
}

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

	.pickupBox:last-child {
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

}

.pickupBox p {
	width: 30%;
	height: auto;
	float: left;
}

.pickupBox dl {
	width: 66%;
	float: right;
}

.pickupBox dl dt {
	color: #ff7490;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.pickupBox dl dd {
	font-size: 1.4rem;
	line-height: 2rem;
	padding: 0 0 5px 0;
}

.pickupBox dl dd a {
	display: block;
	text-align: right;
	font-size: 1.6rem;
}

@media screen and (max-width: 480px) {
	
	.pickupBox {
		float: none !important;
		width: 100% !important;
	}
	
}

.mainIn .subBox {
	border: solid 2px #80d8e3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.mainIn .subBox dt {
	background: #80d8e3;
	padding: 10px 2%;
}

.moreLink {
	text-align: right;
}

.moreLink a {
	width: 50%;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	background: #ef9c94;
	border: solid 1px #ef9c94;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	text-decoration: none;
	font-size: 1.6rem;
	margin: 20px 0 0 0;
}

@media screen and (max-width: 480px) {
	
	.moreLink a {
		width: 60%;
	}
	
}

.previousLink {
	padding: 20px 0 0 0;
}

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

	.mainIn {
		max-width: 96%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}

}

.ajobVideoWrap {
	float: left;
	width: 50%;
}

.aJobVideo {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.aJobVideo iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.videoTxtBox {
	margin: 0 0 20px 0;
	width: 47%;
	float: right;
}

.videoTxtBox dt {
	margin: 0 0 10px 0;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #ff7490;
}

.videoTxtBox dd {
	line-height: 1.8rem;
	margin: 0 0 10px 0;
}

@media screen and (max-width: 480px) {
	
	.ajobVideoWrap {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.videoTxtBox {
		float: none;
		width: 100%;
	}
	
}

.shopAreaTitleTkw, .shopAreaTitleOmy {
	border-bottom: 1px solid #aaaaaa;
	line-height: 2.4rem;
	margin: 0 0 20px 0;
}

.shopAreaTitleOmy i {
	color: #2ed7a5;
	font-size: 2.4rem;
}

.shopAreaTitleTkw i {
	color: #ff4d7f;
	font-size: 2.4rem;
}

.shopAreaTitleTkw span, .shopAreaTitleOmy span {
	font-size: 2.4rem;
}

.mailBtn a {
	font-size: 2rem;
	color: #ffffff;
	width: 50%;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	display: block;
	background: #ef9c94;
	border: solid 1px #ef9c94;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	text-decoration: none;
	margin: 20px auto;
}

@media screen and (max-width: 480px) {
	
	.mailBtn a {
		width: 80%;
	}
	
}

#newsBox ul li {
	font-size: 1.2rem;
	border-bottom: dotted 1px #bbbbbb;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

.newsImg {
	margin: 0 0 10px 0;
	text-align: center;
}

.listTxt {
	list-style: inside disc;
	margin: 0 0 10px 0;
}

.listTxt li {
	padding-left:1em;
	text-indent:-1em;
}

.mainImg {
	width: 30%;
	float: right;
	margin: 0 0 20px 0;
}

.mainTxt {
	width: 65%;
	float: left;
	margin: 0 0 20px 0;
}

.mainOnlyTxt {
	margin: 0 0 10px 0;
}

#columnBox {
	clear: both;
	background: url(/images/columnBookBg.gif) no-repeat;
	padding: 60px 0 0  40px;
	overflow: hidden;
	margin: 40px auto 0 auto;
	width: 580px;
	height: 291px;
}

#column {
	width: 245px;
	float: left;
}

#column dt {
	font-weight: bold;
	border-left: solid 5px #ff9900;
	font-size: 16px;
	padding: 0 0 0 5px;
	line-height: 16px;
	margin: 0 0 20px 0;
	
}

#column dd {
	font-size: 12px;
}

#columnImg {
	width: 264px;
	float: right;
	margin: 0 30px 0 0;
}

#contList {
	clear: both;
	padding: 20px 0 0 0;
}

.qaTxt dt {
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0 0 2% 0;
}

.qaTxt dt span {
	color: #33a9ff;
}

.qaTxt dd {
	padding: 0 0 2% 0;
}

.qaTxt dd span {
	color: #ff82b4;
	font-weight: bold;
}

.onePointMemo {
	clear: both;
	font-weight: normal;
	font-size: 1.4rem;
	margin: 2% auto 5% auto;
	background: url(/images/stripeBgPink.gif);
	padding: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.onePointMemo dl {
	background: #ffffff;
	padding: 2%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.onePointMemo dt {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 2% 0;
	border-bottom: solid 1px #603813;
	padding: 0 0 1% 0;
}

.onePointMemo span {
	font-weight: bold;
}

.mainBnr {
	clear: both;
	text-align: center;
	margin: 2% 0 2% 0;
}

.mainContactBox {
	border: solid 2px #fd8fa5;
	border-radius: 6px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	margin: 0 0 40px 0;
	background: #fff6f6;
}

.deli .mainContactBox {
	border: solid 2px #fd8fa5;
	background: #fff6f6;
}

.deli .mainContactBox dt {
	background: #fd8fa5;
}

.ona .mainContactBox {
	border: solid 2px #8cc6ff;
	background: #f7fbff;
}

.ona .mainContactBox dt {
	background: #8cc6ff;
}

.este .mainContactBox {
	border: solid 2px #e08bfc;
	background: #fdf7ff;
}

.este .mainContactBox dt {
	background: #e08bfc;
}



.mainContactBox dt {
	text-align: center;
	padding: 10px 2%;
	margin: 0 0 20px 0;
	color: #ffffff;
	background: #fd8fa5;
	font-size: 2.6rem;
	line-height: 2.6rem;
	font-weight: bold;
}

.mainContactExp {
	display: block;
	font-size: 1.4rem;
	line-height: 1.8rem;
	margin: 5px 0 0 0;
}

.mainContactBtnBox {
	width: 94%;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

.mainContactBox .attentionTxt {
	margin: 10px 0 0 0;
	font-size: 1.2rem;
	clear: both;
}

@media screen and (max-width: 480px) {
	
	.mainContactExp {
		text-align: left;
	}
	
}

.mainContactBtnBox li a {
	width: 36%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #ffffff;
	font-size: 2.0rem;
	text-decoration: none;
	padding: 5px 2%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	display: block;
	letter-spacing: -1px;
}

@media screen and (max-width: 480px) {
	
	.mainContactBtnBox li a {
		font-size: 1.6rem;
		height: 50px;
		line-height: 50px;
	}
	
}

.mainContactBtnBox li:nth-child(odd) a {
	float: left;
	margin: 0 0 0 8%;
}

.mainContactBtnBox li:nth-child(even) a {
	float: right;
	margin: 0 8% 0 0;
}

@media screen and (max-width: 480px) {
	
.mainContactBtnBox li a {
	float: none !important;
	width: 94%;
}
	
}

p.mainContactTel a {
	color: #8e6f56;
	text-decoration: none;
	text-align: center;
	font-size: 4.6rem;
	line-height: 4.6rem;
	display: block;
	width: 78% !important;
	margin: 0 auto 20px auto;
	border: solid 1px #8e6f56;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;  
    border-radius: 6px;
}

@media screen and (max-width: 768px) {
	
	p.mainContactTel a {
		font-size: 3.6rem;
		line-height: 3.6rem;
		width: 78% !important;
	}
	
}

@media screen and (max-width: 480px) {
	
	p.mainContactTel a {
		font-size: 2.6rem;
		line-height: 2.6rem;
		width: 86% !important;
	}
	
}

.mainContactTelTxt {
	display: block;
	color: #ffffff;
	text-align: center;
	background: #8e6f56;
	padding: 10px 1%;
	font-size: 2.4rem;
	line-height: 2.4rem;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.mainContactTelNum {
	background: #ffffff;
	padding: 15px 3%;
	display: block;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.mainContactTelNum span {
	font-size: 2rem;
	display: block;
	line-height: 2rem;
	padding: 5px 0 0 0;
}

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

	.mainContactTelNum span {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	
}

.mainContactForm a {
	background: #13dcde;
	border:1px solid rgb(19, 219, 222);
	box-shadow:rgb(145, 242, 242) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(145, 242, 242) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(145, 242, 242) 0px 0px 0px 1px inset;
}

@media screen and (max-width: 480px) {
	
.mainContactForm a {
	margin:0 0 15px 0 !important;
}
	
}

.mainContactPhotoMail a {
	background: #11e4e6;
}

.mainContactQA a {
	background: #11e4e6;
}

.mainContactLINE a {
	background: #38d500;
	border:1px solid rgb(57, 213, 0);
	box-shadow:rgb(156, 240, 125) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(156, 240, 125) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(156, 240, 125) 0px 0px 0px 1px inset;
}

.mainContactLINE .deliShow, .mainContactLINE .onaShow, .mainContactLINE .esteShow {
	display: block;
	font-size: 1.1rem;
	line-height: 1.1rem;
	text-align: center;
	padding: 5px 0 0 0;
	float: right;
	letter-spacing: -1px;
	margin: 0 8% 0 0;
	width: 40%;
}

@media screen and (max-width: 480px) {
	
.mainContactLINE .deliShow, .mainContactLINE .onaShow, .mainContactLINE .esteShow {
	font-size: 1.4rem;
	line-height: 1.4rem;
	width: 94%;
	float: none;
	margin: 0;
}
	
}

@media screen and (max-width: 480px) {
	
	.mainContactBox {
		width: 90%;
		margin: 0 auto 40px auto;
	}
	
}

.mainFootTitle {
	clear: left;
	width: 660px;
	height: 95px;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.mainFootTitle span {
	display: none;
}

#contList {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.mainFootBox {
	background-image: url(/images/footInfoBg01.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 580px;
	padding: 20px 40px 10px 40px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	overflow: hidden;
}

.mainFootBox dt {
	background: url(/images/footInfoTitle01.png) no-repeat center top;
	width: 580px;
	height: 35px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 3px #603813;
}

.mainFootBox dt span {
	display: none;
}

.mainFootTelTxt {
	width: 205px;
	float: left;
	line-height: 32px;
}

.mainFootTel {
	float: right;
}

.mainFootContact {
	clear: both;
	padding: 30px 0 0 0;
}

.mainFootContact ul li {
	float: left;
	width: 280px;
	margin: 0 10px 20px 0;
}

.mainFootContact ul li a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);/*forIE*/
}

.mainBnrBox {
	margin: 0 0 20px 0;
	text-align: center;
	overflow: hidden;
}

.mainBnrBox li { margin: 0 0 15px 0; }

.mainBnrBox li:nth-child(odd) {
	float: left;
	width: 48%;
}

.mainBnrBox li:nth-child(even) {
	float: right;
	width: 48%;
}

.mainBnrBox span {
	padding: 15px 0 0 0;
	display: block;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

@media screen and (max-width: 480px) {
	
	.mainBnrBox {
		width: 96%;
		margin: 0 auto 20px auto;
	}

	.mainBnrBox span {
		text-align: left;
		line-height: 1.6rem;
		padding: 10px 0 0 1rem;
		text-indent: -1rem;
	}
	
}

.mainBnrSingle {
	margin: 0 0 20px 0;
}

.mainBnrSingle li { margin: 0 0 10px 0; }

.onePointMemo {
	clear: both;
}

#sidebar {
	float: right;
	width: 27%;
}

@media screen and (max-width: 768px) {
	
	#sidebar {
		float: none;
		width: 96%;
		margin: 20px auto;
		clear: left;
	}
	
}

#sideBox {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto;
}

#sideBox li {
	/*width: 23%;
	float: left;
	margin: 0 1% 20px 1%;*/
	margin: 0 0 15px 0;
}

@media screen and (max-width: 768px) {
	
	#sideBox li:nth-child(odd) {
		width: 48%;
		float: left;
		clear: both;
	}

	#sideBox li:nth-child(even) {
		width: 48%;
		float: right;
	}
	
}

.sideCont dt {
	background: #ddd6d1;
	border-left: solid 5px #bca999;
	padding: 6px 2%;
	text-align: left;
}

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

	.sideNav {
		display: none;
	}

}

@media screen and (min-width: 769px) {

	.sideNav {
		margin: 0 0 20px 0;
		display: block;
	}

	.sideNav dt {
		color: #876d52;
		text-align: center;
		padding: 10px 1%;
		font-weight: bold;
		background: #f5ece3 url(/images/sideNavTitleBg.png) no-repeat right 0;
		background-size: contain;
		border-top: solid 2px #ffbfd0;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	.sideNav dd {
		border-bottom: solid 1px #f4e4d3;
	}

	.sideNav dd:last-child {
		border: none;
	}

	.sideNav a {
		color: #876d52;
		text-decoration: none;
		display: block;
		padding: 0 2%;
		background: #ffffff;
		height: 44px;
		line-height: 44px;
		vertical-align: middle;
	}

	.sideNav dd i {
		color: #ffc8d3;
	}

}

.sideSubBox {
	margin: 0 0 20px 0;
}

.sideSubBox li { margin: 0 0 10px 0; }

.sideSubBox li span {
	font-size: 1rem;
	text-align: center;
	display: block;
	padding: 3px 0 0 0;
	line-height: 1rem;
}

.sideSubBox li a {
	text-decoration: none;
	color: #834f46;
	display: block;
	max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 480px) {
	
.sideSubBox li .linkLine { display: none; }
	
}

footer {
	background: #fd8fa5;
	color: #ffffff;
	padding-bottom: 90px;
}

#footerInner {
	border-top: solid 3px #ffc8d3;
}

.deli footer {
	background: #fd8fa5;
}

.deli #footerInner {
	border-top: solid 3px #ffc8d3;
}

.ona footer {
	background: #8cc6ff;
}

.ona #footerInner {
	border-top: solid 3px #cce5ff;
}

.este footer {
	background: #e08bfc;
}

.este #footerInner {
	border-top: solid 3px #f2c9ff;
}

footer nav {
	margin: 0 auto 20px auto;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 12px;
}

#copyright {
	font-size: 1.2rem;
	text-align: center;
	padding: 20px 0 20px 0;
}

footer nav ul li {
	border-left: solid 1px #ffffff;
	display: inline;
	padding: 0 10px 0 10px;	
}

footer nav ul li a {
	color: #ffffff;
	text-decoration: none;
}

footer nav ul li:first-child{
	border-left:none;
}

.selectTypeWrapper {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: rgba(255,255,255,0.8);
	z-index: 20;

}

.selectTypeWrapper .selectType {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.selectType a {
	display: block;
	float: left;
	width: 32%;
	box-sizing: border-box;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	-webkit-border-radius: 6px;  
    -moz-border-radius: 6px;  
    border-radius: 6px;
	text-decoration: none;
}

/*職種別表示分け*/
.selectType .buttonDeli {
	margin-right: 2%;
	background-color: #fd8fa5;
}
.selectType .buttonOna {
	margin-right: 2%;
	background-color: #8cc6ff;

}
.selectType .buttonEste {
	background-color: #e08bfc;
	box-shadow:none;
}

.ona .buttonDeli {
	background-color: #b3b3b3;
	border: none;

}
.este .buttonDeli {
	background-color: #b3b3b3;
	border: none;
}

.deli .buttonOna {
	background-color: #b3b3b3;
	border: none;
}
.este .buttonOna {
	background-color: #b3b3b3;
	border: none;
}

.deli .buttonEste {
	background-color: #b3b3b3;
	border: none;
}
.ona .buttonEste {
	background-color: #b3b3b3;
	border: none;
}




@media screen and (max-width: 979px) {
	.selectType a {
		width: 30%;
	}

	.selectType .buttonDeli {
		margin-left: 3%;
	}

	.selectType .buttonEste {
		margin-right: 3%;
	}
}

@media screen and (max-width: 480px) {
	#footerInner {
		padding-bottom: 80px;
	}
}

.ona .deliShow, 
.este .deliShow, 
.deli .onaShow, 
.este .onaShow, 
.deli .esteShow, 
.ona .esteShow {
	display: none;
}

.deli .deliShow, 
.ona .onaShow, 
.este .esteShow {
	/*display: inline-block;
	width: 49%;*/
	font-size: normal;
}

/*共通*/
.attention {
	color: #F03;
}

.clearL {
	clear: left;
}


/*ここからマンガのcss*/
.comicBox {
	overflow: hidden;
	margin: 0 0 20px 0;
	border: solid 1px #A67E77;
	padding: 3%;
}

.comicImg {
	float: left;
	margin: 0 2% 0 0;
	width: 30%;
	height: auto;
}

.comicTxtBox {
	float: left;
	font-size: 1.4rem;
	width: 68%;
}

.comicTitle {
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height: 1.8rem;
}

.comicSubTxt {
	padding: 0 0 20px 0;
}

.comicLink a {
	display: block;
	text-align: right;
	background: url(/images/stripeBgPink02.gif);
	background-size: contain;
	 border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	text-align: center;
	margin: 2% 0 0 0;
	padding: 3%;
	font-weight: bold;
	color: #ffffff;
}
/*ここまでマンガのcss*/



/* 相互リンクぺージ */
#links h1{
	width:768px;
	overflow:hidden;
}

#links h3{
    background: none repeat scroll 0 0 #FFDDDC;
    border-top: 3px solid #603814;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 1% 0 1% 2%;
    text-align: left;
}

#linkMenu{
	border-bottom:3px solid #ffaead;
}

#links #linkMenu li{
    float: left;
	padding: 5px 10px;
	font-size:12px;
	margin:7px 0 0;
	border-left:5px solid #ffffff;
	background-color:#ffebec;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(255,174,173,1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(255,174,173,1);
	box-shadow: 0px 3px 0px 0px rgba(255,174,173,1);
}


#links #linkMenu li#active{
	background-color:#ffaead;
}
#links #linkMenu li a{
	color:#603813;
}

#links #linkMenu li#active a{
	font-weight:bold;
}

footer nav ul li:first-child{
	border-left:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

	#links #mainLink li figure{
		width:auto;
	}

}

#links #mainLink li figcaption{
	height:42px;
	overflow:hidden;
	width:83px;
}
/*
-----------------------------------------------------	
コンテンツ毎の共通スタイル				
-----------------------------------------------------
*/


main h1 {
	margin: 0 0 20px 0;
	width: 100%;
	height: auto;
}

/*
-----------------------------------------------------	
開閉コンテンツのスタイル				
-----------------------------------------------------
*/

.nextToggle{
	cursor:pointer;
}
.nextToggle div.close{
	display:none;
}
.nextDetail{
	display:none;
}

.toggleBox .open {
	max-width: 100%;
	
}

.toggleBox .close {
	max-width: 100%;
}

/*
header {
	background-size: contain;
}
#headerInner {
	max-width: 98%;
}


#headerInfo dl dd {
	background-size: contain;
	-moz-background-size:contain;
	font-size: 1.2rem;
}

#headerInfo p a {
	background-size: contain;
	-moz-background-size:contain;
}
	
.headerEntryTxtBox {
	font-size: 1.2rem;
	margin: 0 10px 0 0;
}

.headerEntryMailIcn {
	margin: 0 10px 0 0;
}
	
/* contentsMain */
	
main .h2Title {
	background-size: contain;
	width: 100%;
	margin: 0 0 3.03% 0;
}

.mainFootTitle {
	max-width: 100%;
}

.mainFootBox {
	background-size: 50%;
	max-width: 93.9393%;
	height: auto;
	padding: 3.0303% 6.0606% 1.5151% 6.0606%;
	margin-bottom:20px;
}

.mainFootBox dt {
	background-size: contain;
	max-width:96%;
	padding: 0 0 1.5151% 0;
	margin: 0 0 1.5151% 0;
}

.mainFootTelTxt {
	max-width: 20%;
	line-height: auto;
	font-size: 1.4rem;
}

.mainFootTel img {
	max-width: 90%;
	height: auto;
}

.mainFootContact {
	padding: 4.5454% 0 0 0;
}

.mainFootContact ul li {
	width: 48.2758%;
	margin: 0 1.5151% 20px 0;
}

.mainFootContact ul li img {
	max-width: 100%;
	height: auto;
}

.toggleBox .open,
.toggleBox .close {
	font-size: 1.6rem;
}

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

	main .h2Title {
		background-size: contain;
		width: 100%;
		height: 72px;
		margin: 0 0 3.03% 0;
	}	

	#topImg {
		width: 100%;
		height: auto;
	}

	.modelBnr {
		text-align: center;
	}

	.modelBnr img {
		width: 260px;
	}
		
	.mainFootTelTxt {
		font-size: 16px;
		text-align: center;
		border-bottom: solid 2px #603813;
		padding: 0 0 5px 0;
		margin: 0 0 15px 0;
		width:96%;
		max-width:96%;
	}

	.mainFootTel {
		text-align: center;
		float:none;
	}

	.mainFootTel img {
		max-width: 90%;
		height: auto;
	}

	.mainFootBox dt {
		border-bottom:none;
	}

	footer nav {
		max-width: 100%;
		padding: 0;
	}

	#footerInner {
		border:none;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,196,196,1);
		-moz-box-shadow: inset 1px 1px 0px 0px rgba(255,196,196,1);
		box-shadow: inset 1px 1px 0px 0px rgba(255,196,196,1);
	}

	footer nav ul li {
		border: none;
		padding: 0;
		max-width: 100%;
	}

	footer nav ul li a {
		display: block;
		width: 33.3%;
		line-height: 44px;
		font-size: 1.6rem;
		float:left;
		-webkit-box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		-moz-box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		background: url("/images/gnavA.png") no-repeat right bottom;
	}

	#copyright {
			clear: left;
			font-size: 1.2rem;
			line-height: 1.6rem;
			text-align: center;
			padding: 10px 0 10px 0;
	}

}


/*
-----------------------------------------------------	
横幅479pxまでのスタイル				
-----------------------------------------------------
*/

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

	.headerEntryMailIcn {
		margin: 0 10px 0 0;
	}

	/* contentsMain */

	/* sidebar */
		
	.sideBnrBox li {
		width: 94%;
		margin: 0 0 10px 3.3%;
	}

	.modelBnr img {
		width: 96%;
		height: auto;
	}

	main article h1 {
		margin: 0 0 3% 0;
	}

	main .h2Title {
		height: auto;
		margin: 0;
	}

	main .h2Title span {
		display: inline;
	}

	.mainImg {
		text-align: center;
		width: 90%;
		margin: 0 auto 2% auto;
		float: none;
	}

	.mainTxt {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	#columnBox {
		width: 90%;
		height: auto;
		background: #e0e0c2 url(/images/salaryupColumnTitle.gif) no-repeat 3% 3%;
		background-size: 50%;
		border-radius: 4px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
		margin: 0 auto;
		padding: 8% 1% 3% 1%;
	}

	#columnInner {
		background: #fff;
		padding: 5% 0 5% 5%;
		border-radius: 4px;
		margin: 4% 0 0 0;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	}

	#column {
		width: 95%;
		float: none;
	}

	#column dt {
		margin: 0 0 3% 0;
		padding: 0 0 0 3%;
		text-align: left;
	}

	#column dd {
		text-align: left;
		font-size: 1.4rem;
	}

	#columnImg {
		width: 100%;
		height: auto;
		float: none;
	}

	.qaTxt dt {
		font-size: 1.4rem;
		font-weight: bold;
		padding: 0 0 2% 0;
	}

	.qaTxt dt span {
		color: #33a9ff;
	}

	.qaTxt dd {
		padding: 0 0 2% 0;
	}

	.qaTxt dd span {
		color: #ff82b4;
		font-weight: bold;
	}

	.onePointMemo {
		font-weight: normal;
		font-size: 1.4rem;
		width: 90%;
		margin: 2% auto 5% auto;
		background: url(/images/stripeBgPink.gif);
		padding: 1%;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	}

	.onePointMemo dl {
		background: #ffffff;
		padding: 2%;
		border-radius: 4px;
		-webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	}

	.mainBnr {
		width: 90%;
		margin: 2% auto 2% auto;
	}

	.mainFootTitle {
		font-size: 1.2rem;
		font-weight: bold;
		height: auto;
		padding: 2% ;
		max-width: 90%;
		margin: 0 auto 3% auto;
		-moz-border-radius: 4px;
	    -webkit-border-radius: 4px; 
	    border-radius: 4px;
	}

	.mainFootTitle span {
		display: inline;
	}
	.mainFootBox {
		max-width: 90%;
		height: auto;
		margin: 0 auto 20px;
		padding: 2% 2% 0 2%;
		text-align:center;
	}

	.mainFootBox dt {
		background-image: none;
		padding: 0;
		margin: 5px auto 5px;
		font-size: 3rem;
		font-weight:bold;
		text-align:center;
	}

	.mainFootBox dt span {
		display: inline;
	}

	.mainFootTelTxt{
		font-size: 16px;
		text-align: center;
		border-bottom: solid 2px #603813;
		padding: 0 0 5px 0;
		margin: 0 0 15px 5px;
	}

	.mainFootTel img {
		min-width: 280px;
		height: auto;
		float: none;
	}

	.mainFootTel a{
		display:block;
		margin: 10px 0 0 0;
	}

	.mainFootContact {
		padding: 3% 0 4% 0;
	}

	.mainFootContact ul li {
		float: none;
		width: 280px;
		margin: 0 auto 3%;
	}

	.mainFootContact ul li img {
		width: 280px;
		height: 40px;
	}

	footer {
		max-width: 100%;
		padding:0;
	}

	footer nav {
		max-width: 100%;
		padding: 0;
	}

	#footerInner {
		border:none;
		/*-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,196,196,1);
		-moz-box-shadow: inset 1px 1px 0px 0px rgba(255,196,196,1);
		box-shadow: inset 1px 1px 0px 0px rgba(255,196,196,1);*/
	}

	footer nav ul li {
		border: none;
		padding: 0;
		max-width: 100%;
	}

	footer nav ul li a {
		display: block;
		width: 50%;
		line-height: 44px;
		font-size: 1.6rem;
		float:left;
		-webkit-box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		-moz-box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		/*background: url("/images/gnavA.png") no-repeat right bottom;*/
	}

	.deli footer nav ul li a {
		-webkit-box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		-moz-box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
		box-shadow: inset -1px -1px 0px 0px rgba(255,196,196,1);
	}

	.ona footer nav ul li a {
		-webkit-box-shadow: inset -1px -1px 0px 0px rgba(217,236,255,1);
		-moz-box-shadow: inset -1px -1px 0px 0px rgba(217,236,255,1);
		box-shadow: inset -1px -1px 0px 0px rgba(217,236,255,1);
	}

	.este footer nav ul li a {
		-webkit-box-shadow: inset -1px -1px 0px 0px rgba(242,201,255,1);
		-moz-box-shadow: inset -1px -1px 0px 0px rgba(242,201,255,1);
		box-shadow: inset -1px -1px 0px 0px rgba(242,201,255,1);
	}
		
	#copyright {
		clear: left;
		font-size: 1.0rem;
		line-height: 1.4rem;
		text-align: left;
		max-width: 96%;
		margin: 0 auto;
		padding: 10px 0 10px 0;
	}


	/*ここからマンガのcss*/
	.comicBox {
		width: 90%;
		margin: 0 auto 20px auto;
	}

	.comicImg {
		float: none;
		margin: 0 0 2% 0;
		width: 100%;
	}

	.comicTxtBox {
		float: none;
		width: 100%;
	}
	/*ここまでマンガのcss*/

}

/*
-----------------------------------------------------	
共通コンテンツスタイル				
-----------------------------------------------------
*/

.comContent01{
	padding:10px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

.comText01{
	max-width: 49%;
	float: left;
}

.comImg01{
	width: 40%;
	float: right;
}

.linkHeight {
	height: 44px;
}

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

	.spNoDisplay {
		display: none;
	}

}

.shopIcnBox {
	overflow: hidden;
	font-size: 1rem;
	margin: 0 0 10px 0;
}

.shopIcnBox li {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: -1px;
	color: #ffffff;
	margin: 0 1% 0 0;
	box-sizing: border-box;
	padding: 1px 5px;
}

.shopIcnBox li:last-child { margin: 0; }

.targetShop {
	color: #834f46 !important;
	letter-spacing: normal !important;
	margin: 0 !important;
	padding: 0 !important;
}

.shopIcnTal {
	background: #fa7e99;
	border: solid 1px #fa7e99;
	box-shadow:rgb(254, 191, 205) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(254, 191, 205) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(254, 191, 205) 0px 0px 0px 1px inset;
}

.shopIcnRoots {
	background: #ea5199;
	background: -moz-linear-gradient(top,  #ea5199 0%, #f27db4 50%, #ea5199 100%);
	background: -webkit-linear-gradient(top,  #ea5199 0%,#f27db4 50%,#ea5199 100%);
	background: linear-gradient(to bottom,  #ea5199 0%,#f27db4 50%,#ea5199 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5199', endColorstr='#ea5199',GradientType=0 );
	border: solid 1px #ea5199;
	box-shadow:rgb(250, 146, 195) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(250, 146, 195) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(250, 146, 195) 0px 0px 0px 1px inset;
}

.shopIcnEgg {
	background: #ff2828;
	border: solid 1px #ff2828;
	box-shadow:rgb(255, 142, 142) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(255, 142, 142) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(255, 142, 142) 0px 0px 0px 1px inset;
}

.shopIcnPure {
	background: #b59d54;
	border: solid 1px #b59d54;
	box-shadow:rgb(216, 207, 180) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(216, 207, 180) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(216, 207, 180) 0px 0px 0px 1px inset;
}

.shopIcnOkusama {
	background: #cf2e86;
	border: solid 1px #cf2e86;
	box-shadow:rgb(254, 191, 205) 0px 0px 0px 1px inset;
	-webkit-box-shadow:rgb(254, 191, 205) 0px 0px 0px 1px inset;
	-moz-box-shadow:rgb(254, 191, 205) 0px 0px 0px 1px inset;
}

.jobVideo {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

.videoTxt { margin: 0 0 30px 0; }