@charset "utf-8";
/*
Theme Name: moreblog
*/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
	url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
	url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;}
html {
	background-color:#f8f8f8;}
*, *:before, *:after {
	margin:0;
	padding:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
body {
    font-family: 游ゴシック,YuGothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Noto Sans,Noto Sans CJK JP,モトヤLシーダ3等幅,MotoyaLCedar,メイリオ,Meiryo,sans-serif;
    color: #666666;
    letter-spacing: 0.05em;
    text-align: left;
    font-weight: 700;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
img {
	vertical-align: bottom;
	width:100%;
	height:auto;}
a {
	text-decoration: none;
	color:#666666;
	transition: 0.3s;}
button {
	transition: 0.3s;}
a:hover,
button:hover {
	transition: 0.3s;}
ul,li {
	list-style: none;}
table {
    border-collapse: collapse;
    border-spacing: 0;}
input[type="text"], input[type="button"], input[type="email"], input[type="submit"], textarea {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
input::placeholder,
textarea::placeholder {
	color:#cccccc;}
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;}
input[type="text"]:focus,
input[type="mail"]:focus,
textarea:focus {
	box-shadow: 0 0 1px 0 rgba(255, 172, 172,1);
	outline: 0;}
button {
    display: block;
    width:auto;
    border-radius: 1px;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background-color:#a8a8a8;
    margin-right:0;
    margin-left:auto;}
input,
textarea {
	width:100%;
	padding:8px;
    resize: vertical;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    outline: 0;
    resize: none;
    transition: 50ms border-color ease-in-out;
	vertical-align:bottom;
    font-family: 'Quicksand',"Noto Sans JP", "Noto Sans", sans-serif;
    color: #666666;
    letter-spacing: 0.1em;
    line-height: 1.8;
	font-size:16px;
	top:0;
	right:0;
	left:auto;
	bottom:0;
	border:1px solid #eeeeee;}
textarea {
	position:absolute;}
.static textarea {
	position:static;}
.moreColor {
	color:#ffaca9;}
.material-icons,
i.fas,
i.fab,
i.fa {
	vertical-align: middle !important;}
.cf:before,
.cf:after {
    content:"";
    display:table;}
.cf:after {
    clear:both;}
.cf {
    zoom:1;}
.backImage img {
	position: absolute;
    height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-o-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
    object-fit: cover;}
.wrap {
	padding:0px 30px;}
.xp {
	display: none;}

@media screen and (max-width:767px) {
	body {
	    font-size: 12px;
	    line-height: 1.6;}
	.pc {
		display: none;}
	input,
	textarea {
		font-size:13px;}
}

@media screen and (min-width:768px) {
	body {
		font-size:16px;
		line-height: 1.8;}
	.sp {
		display: none;}
}

@media screen and (min-width:1020px) {
	.xp {
		display: block;}
}

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


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////  login逕ｻ髱｢  /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#id {
	margin-right:auto;
	margin-left:auto;
	width:320px;
	line-height: 1.2}
.idAlert {
	margin-bottom:20px;
	font-size:14px;
    padding: 16px 14px;
    border-left:5px solid #ffaca9;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.idInner {
	margin-bottom:20px;
    margin-left: 0;
    padding: 26px 24px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.idInnerBox {
	margin-bottom:20px;}
.idInnerBox:last-child {
	margin-top:30px;
	margin-bottom:0;}
.idInnerBox label {
	font-size:14px;
	display: block;
	margin-bottom:5px;}
.idInnerBox input {
	font-size:14px;
    padding: 8px;
    line-height: 1.4;
    border-spacing: 0;
    width: 100%;
    resize: vertical;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fbfbfb;
    color: #32373c;
    outline: 0;
    resize: none;
    transition: 50ms border-color ease-in-out;}
.idInnerBox button {
    display: block;
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    text-align: center;
    color: #fff;
    background-color: #ffaca9;}
.idInnerBox button:hover {
	opacity: 0.5}
.idForget {
	padding:0px 24px;}
.idForget a {
	display: block;
	text-decoration:underline;
	margin-top:10px;
	font-size:13px;}
.idForget a:hover {
	text-decoration:none;}
.idForget a i.material-icons {
	font-size:18px;}

@media screen and (max-width:767px) {
	#id {
		margin-top:100px;}
}

@media screen and (min-width:768px) {
	#id {
		margin-top:180px;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////  nav  ///////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
nav {
	position:fixed;
	bottom:0;
	z-index:500;
    background-color: #666666;}
.navInner {
	width:100%;
	height:100%;
	position:relative;}
.navList {}
.navList ul {}
.navList ul li a {
	display: block;
	color:#fff;
	font-size:14px;}
.navList ul li a.active {
	position:relative;
	background-color:#ffaca9;
	color:#fff;}
.navList ul li a i.material-icons {
	font-size:19px;}

@media screen and (max-width:767px) {
	nav {
		bottom:0;
		right:0;
		left:0;}
	.navList ul li {
		float:left;
		width:25%;}
	.navList ul li a {
		font-size:12px;
		padding:8px 3px;
		text-align: center;}
	.navList ul li a i.material-icons {
		display: block;
		font-size:15px;}
}
@media screen and (min-width:768px) {
	nav {
		width:160px;
		top:0;}
	.navList ul li a {
		padding:15px 8px;
		border-bottom:1px solid #fff;}
	.navList ul li a:hover {
		background-color:#ffaca9;}
	.navList ul li a.active:before {
		position:absolute;}
	.navList ul li a.active:before{
		content: "";
		position: absolute;
		top: 50%;
		right: 0px;
	 	margin-top: -12px;
		border: 12px solid transparent;
		border-right: 12px solid #f8f8f8;
	 	z-index: 2;}
	.navList ul li a.active:after{
		content: "";
		position: absolute;
		top: 50%;
		right: 0px;
	 	margin-top: -14px;
		border: 14px solid transparent;
		border-right: 14px solid #f8f8f8;
	 	z-index: 1;}
	.navList ul li a i.material-icons {
		padding-right:5px;
		font-size:19px;}
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////  main ///////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* 共通
//////////////////////////////////////////////////////////////////////////*/
#main {
	background-color:#fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.mainLeft .mainContent {
	background-color:#fff;
	border-radius: 3px;
	margin-bottom:20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.mainContent .wrap {
	max-width:960px;
	padding:0px 20px;
	margin:auto;}
.mainContent .mainRightInnerBottom {
	padding:0px;}
.mainContentBackgray {
    background-color: #f8f8f8;}
.mainHeader {
	margin-bottom:20px;
	width:100%;}
.mainHeader h1 {
	font-size:22px;}
.mainContentHeader p {
    font-size: 12px;
    color: #b3b3b3;}
@media screen and (max-width:767px) {
	main {
		margin-bottom:50px;}
	#main {
		margin-bottom:20px;}
	#main .mainContent {
		padding:30px 0px;}
	.mainInner {
		padding:10px;}
	.mainContentHeader {
		margin-bottom:20px;}
	.mainContentHeader h2 {
		font-size:30px;}
}
@media screen and (min-width:768px) {
	.mainInner {
		background-color:#f8f8f8;
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
		margin-left:160px;}
	#main .mainContent {
		padding:70px 0px;}
	.mainContentInner {
		padding-left:60px;}
	.mainContentHeader {
		margin-bottom:30px;}
	.mainContentHeader h2 {
		font-size:34px;}
}
@media screen and (min-width:1020px) {
	.mainLeft {
		float: left;
		width:100%;
		margin-bottom:0;
		margin-right: -430px;
		padding-right: 430px;}
	.mainRight {
		float:right;
		margin-left:20px;
		width:410px;}
	.mainRightInner {
	    position: fixed;
	    margin-bottom:0;
	    width: 410px;}
	.mainRightSample {
		position:fixed;
	    width: 410px;
	    margin-top:133px;
		padding:20px;
		background-color:#fff;}
	.mainRightSampleInner {
		padding-left:30px;}
}


/* トップページ
//////////////////////////////////////////////////////////////////////////*/
.mainContentAboutImg {
	position:relative;}
.mainContentAboutImg:before {
	content:"";
	display: block;
	padding-top:100%;}
.mainContentAboutImg img {
	position:absolute;
	margin:0;
	padding:0;
	max-width:100%;
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.mainContentAboutText {
	position:relative;}
.mainContentAboutText:before {
	content:"";
	display: block;
	padding-top:100%;}
.mainContentAboutImgFile {
	position:absolute;
	right:0;
	left:0;
	bottom:0;
	top:0;
	width:100%;
	height:100%;
	z-index:400;}
.mainContentAboutImgFile input[type=file] {
	opacity:0;
	cursor: pointer;
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	position:absolute;
	background:none;
	right:0;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	z-index:2;
	font-size:0;}
.mainContentAboutImgFile input[type=file]:after {
	content:"";
	display: block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	z-index:100;}
.mainContentAboutImgFileText {
	opacity:0;
	z-index:1;
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);}
.mainContentAboutImgFile:hover .mainContentAboutImgFileText {
	opacity:1;}
.mainContentAboutImgFileText p {
	position: absolute;
	color:#fff;
	z-index:1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.mainContentAboutImgFile:hover p {
	opacity:1;}
.mainContentIcon {
	position:absolute;
	width:40px;
	height:40px;
	right:0;
	top:0;
	border-radius: 50%;
	text-align: center;
	background-color:#FFC5C2;
	z-index:401;
	color:#fff;
	content:"\f044";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2)}
.mainContentIcon i.material-icons {
	line-height: 40px;}
.mainContentTop {
    border-bottom: 1px solid #eee;}
.mainContentTop button,
.mainContentTop a {
	padding:3px 10px;
	background-color:#f9f9f9;
	border:1px solid #e5e5e5;
	color:#33bad2;
	text-align: center;
	border-radius: 3px;
	margin-left:10px;}
.mainContentInput:last-child {
	padding-bottom:20px;}
.mainContentInputLabel button {
	display: inline-block;
	padding:3px 10px;
	background-color:#f9f9f9;
	border:1px solid #e5e5e5;
	color:#33bad2;
	text-align: center;
	border-radius: 3px;}
.mainContentInputInputTr:last-child {
	margin-bottom:0px;}
.mainRightInner {
	border-radius: 3px;
	background-color:#fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.mainRightInnerTop {
	padding:10px 20px;
    border-bottom: 1px solid #eee;}
.mainRightInnerTop a {
	font-size:0.9em;
    padding: 3px 10px;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    color: #33bad2;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;}
.mainRightInnerTop a:hover {
	text-decoration:none;}
.mainRightInnerBottom button,
.mainRightInnerBottom a {
	max-width:500px;
	display: block;
	margin:auto;
	width:100%;
	border-radius: 3px;
	padding:15px;
	font-size:16px;
	text-align: center;
	color:#fff;
	background-color:#ffaca9;}
.mainRightInnerBottom button:hover,
.mainRightInnerBottom a:hover {
	opacity: 0.5;}
.append {
	margin-top:30px;}
.javaicon {
	cursor: pointer;}
.javaicon i.material-icons {
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}
.javaicon .removeBox {
	position:relative;
	margin:auto;
	border-radius: 50%;
	width:50px;
	height:50px;
	border:2px solid #73A4CC;}
.javaicon .removeBox:hover {
	background:#73A4CC;}
.remove .material-icons  {
	color:#73A4CC;}
.remove:hover .material-icons {
	color:#fff;}
.javaicon .appendBox {
	position:relative;
	width:70px;
	height:70px;
	border-radius: 50%;
	background-color:#fff;
	border:2px solid #ffaca9;
	margin:auto;}
.javaicon .appendBox:hover {
	background-color:#ffaca9;
	opacity:1;
	color:#fff;}
.appendBox .material-icons {
	color:#ffaca9;}
.javaicon .appendBox:hover .material-icons{
	color:#fff;}
.mainContentBlogBox {
	margin-bottom:30px;}
.mainContentBlogBoxInner {
    background-color: #f8f8f8;
    padding: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.mainContentBlogBoxImg {
    position: relative;}
.mainContentBlogBoxImgInner {
    position: relative;}
.mainContentBlogBoxImgInner:before {
	padding-top: 61.8%;
    content: "";
    display: block;}
.mainContentBlogBoxImgInner img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    object-fit: cover;
	font-family: 'object-fit: cover;';}
.mainContentBlogBoxTextInner h3 {
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.6;}
.mainContentBlogBoxTextInner time {
    display: block;
    line-height: 1;}
.mainContentBlogBoxTextInner p {
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-size: 0.9em;
    color: #808085;}

@media screen and (max-width:767px) {
	.mainContentAboutImg {
		margin-bottom:30px;}
	.mainContentAccessMap {
	    margin-bottom: 30px;}
	.mainContentServiceDescriptionImg {
		margin-bottom:15px;}
	.mainHeader {
		padding:10px;
		background-color:#fff;
		border-left:5px solid #ffaca9;
		border-radius: 3px;
	    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
	.mainContentTop {
		padding:5px 10px;}
	.mainContentInput {
		padding:20px 10px 0px;}
	.mainContentIcon {
		width:30px;
		height:30px;}
	.mainContentIcon i.material-icons {
		line-height: 30px;
		font-size:18px;}
	.mainContentInputLabel {
		margin-bottom:5px;}
	.mainContentInputLabel {
		font-size:16px;}
	.mainContentInputLabel button {
		margin-left:10px;}
	.mainContentInputInput img {
		width:56%;
		display: block;
		margin:10px auto auto;}
	.mainContentInputInputBox {
		margin-bottom:5px;}
	.mainContentInputInputLeft {
		margin-bottom:3px;}
	.mainContentInputInputTrDelete {
		margin-top:10px;}
	.mainContentInputInputTrDelete button {
		font-size:12px;}
	.mainRightInnerBottom {
		padding:10px;}
	.mainRightInnerTop {
		font-size:16px;
		padding:5px 10px;}
	.mainContentBlogBoxImg {
 		margin-bottom: 20px;}
 	.mainContentBlogBoxTextInner {
 		padding: 0px 10px;}
 	.mainContentBlogBoxTextInner h3 {
		margin-bottom: 5px;}
	.mainContentBlogBoxTextInner time {
		font-size: 10px;
 		margin-bottom: 10px;}
 	.remove {
		margin-top:30px;}
}
@media screen and (min-width:768px) {
	.mainContentAboutImg,
	.mainContentAboutText {
		float:left;
		width:50%;}
	.mainContentAboutText textarea {
		width:90%;}
	.mainContent:nth-child(2) .mainContentAboutImg {
		float:right;}
	.mainContent:nth-child(2) .mainContentAboutText textarea {
	    right: auto;
	    left: 0;}
	.mainContent:nth-child(2) .textIcon {
		right:45px;}
	.mainContentService:nth-child(1) .mainContentServiceDescriptionImg,
	.mainContentService:nth-child(2n+1) .mainContentServiceDescriptionImg {
	    float: right;}
	.mainContentAccessMap {
	    float: left;
	    padding-right: 60px;
	    width: 55%;}
	.mainContentAccessText {
	    float: left;
	    width: 45%;}
	.mainRight {
		margin-bottom:20px;}
	.mainContentTop {
		padding:10px 20px;}
	.mainContentTop button,
	.mainContentTop a {
		font-size:13px;}
	.mainContentInput {
		padding:20px 20px 0px;}
	.mainContentIcon {
		width:40px;
		height:40px;}
	.mainContentIcon i.material-icons {
		line-height: 40px;}
	.mainContentInputLabel {
		float:left;
		width:25%;}
	.mainContentInputInput {
		float:right;
		width:75%;}
	.mainContentInputInputTbody {
		margin-bottom:25px;
		padding-bottom:25px;
		border-bottom:1px dotted #cecece;}
	.mainContentInputInputTr {}
	.mainContentInputInputBox {
		float:left;
		width:50%;}
	.mainContentInputInputBox:nth-child(1) {
		padding-right:10px;}
	.mainContentInputInputBox:nth-child(2) {
		padding-left:10px;}
	.mainContentInputInputLeft {
		font-size:14px;}
	.mainContentInputInputRight {
		width: 100%;}
	.mainContentInputLabel button {
		margin-top:10px;}
 	.remove {
		position: absolute;
		top: 50%;
		left: -60px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);}
	.mainRightInner {
		margin-bottom:20px;}
	.mainRightInnerBottom {
		padding:30px 20px;}
	.mainRightInnerTop {
		padding:10px 20px;}
	.mainContentBlogBoxImg {
    	width: 50%;
    	float: left;}
    .mainContentBlogBoxText {
	    width: 50%;
	    float: left;
	    padding-left: 30px;}
	.mainContentBlogBoxTextInner h3 {
   		margin-bottom: 10px;}
   	.mainContentBlogBoxTextInner time {
	    margin-bottom: 30px;
	    font-size: 12px;}
}


/* サービス
//////////////////////////////////////////////////////////////////////////*/
.mainContentService {
	position:relative;
    border-bottom: 1px solid #e6e6e6;}
.mainContentService:last-child {
    margin-bottom: 0px;
    padding-bottom: 0;
    border-bottom: 0;}
.mainContentServiceHeader {
	position:relative;
    margin-bottom: 30px;}
.mainContentServiceHeader h3 {
    font-size: 24px;}
.mainContentServiceDescriptionImg {
	position:relative;}
.mainContentServiceDescriptionImg:before {
	content:"";
	display: block;
	padding-top:61%;}
.mainContentServiceDescriptionImg img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    object-fit: cover;
	font-family: 'object-fit: cover;';}
.mainContentServiceDescriptionText {
	position:relative;}
.mainContentServiceDescriptionText:before {
	content:"";
	padding-top:61%;
	display: block;}
.mainContentServiceDescriptionText textarea {
	left:0;
	right:auto;}
.mainContentServiceDescriptionPrice {
	position:relative;}
.mainContentServiceDescriptionPrice table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;}
.mainContentServiceDescriptionPrice table th {
    text-align: center;
    width: 30%;
    border: solid 1px #e6e6e6;
    padding: 10px;
    vertical-align: middle;
    color: #333;
    font-weight: 600;
    background: #fef7f6;
    font-size: 0.8em;}
.mainContentServiceDescriptionPrice table td {
	position:relative;
    width: 70%;
    padding: 10px;
    background: #fff;
    border: solid 1px #e6e6e6;
    vertical-align: middle;
    color: #333;
    font-size: 0.8em;}
.mainContentServiceDescriptionPriceIcon {
	position:absolute;
	bottom:-50%;}
.mainContentServiceHeaderLeft,
.mainContentServiceHeaderRight {
	position:relative;}

@media screen and (max-width:767px) {
	.mainContentService {
		margin-bottom:30px;
		padding-bottom:30px;}
	.mainContentServiceHeader h3 {
		font-size: 18px;}
	.mainContentServiceHeader {
	    margin-bottom: 15px;}
	.mainContentServiceHeaderLeft {
		margin-bottom:10px;}
}
@media screen and (min-width:768px) {
	.mainContentService {
    	margin-bottom: 60px;
 		padding-bottom: 60px;}
	.mainContentServiceDescriptionImg {
		width:50%;
		float:right;}
	.mainContentServiceHeaderLeft {
		float:left;
		width:65%;
		margin-right:5%;}
	.mainContentServiceHeaderRight {
		width:30%;
		float:left;}
	.mainContentServiceDescriptionText {
	    float: left;
	    width:50%;}
	.mainContentServiceDescriptionText textarea {
		width:90%;}
	.mainContentServiceDescriptionText .textIcon {
		right:10%;}
}

/* blog
//////////////////////////////////////////////////////////////////////////*/
.mainBlog {
    margin-right: -0px;
    padding-right: 0px;}
.mainContentBlogList {
	padding:15px 0px;
	font-size:13px;}
.mainContentBlogList:first-child {
	border-bottom:1px solid #eee;}
.mainContentBlogList:nth-child(2n) {
	background-color:#fafafa;}
.mainContentBlogListTitle,
.mainContentBlogListDate,
.mainContentBlogListDescription,
.mainContentBlogListDelete {
	line-height: 1.2;
	float:left;
	padding:0px 10px;}
.mainContentBlogListTitle {
	width:40%;}
.mainContentBlogListTitle a {
	color:#33bad2;
	text-decoration:underline;}
.mainContentBlogListTitle a:hover {
	text-decoration:none;}
.mainContentBlogListDate {
	width:10%;}
.mainContentBlogListDescription {
	width:40%;}
.mainContentBlogListDelete {
	width:10%;
	text-align: right}
.mainContentBlogListDelete a,
.mainContentBlogListDelete button {
	display: inline-block;
	width:auto;
	padding:5px;
	border-radius:1px;
	background-color:#a8a8a8;
	color:#fff;}
.mainContentBlogListDelete a:hover,
.mainContentBlogListDelete button:hover {
	opacity: 0.5;}
.mainRightInnerSample {
	padding:0px 20px;
	padding-bottom:20px;
	text-align: right;}
@media screen and (max-width:767px) {
	.mainContentBlogListDate {
		width:20%;}
	.mainContentBlogListTitle {
		width:80%;}
}
@media screen and (min-width:768px) {
	.mainContentBlogListTitle {
		width:40%;}
	.mainContentBlogListDate {
		width:10%;}
	.mainContentBlogListDescription {
		width:40%;}
	.mainContentBlogListDelete {
		width:10%;
		text-align: right;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////  footer  /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
footer {}