@charset "utf-8";

@media screen and (min-width: 1281px) {
	/* bread crumbs */
	.breadcrumbles ul {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}
	
	/* top - news */
	.part-news dd {
		width: calc(100% - 132px);
	}

	/* free area */
	.panel-free {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}

	/* service detail */
	.category-nav ul,
	.category-nav h1 {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}

	/* service detail faq */
	.panel-with-right-area {
		width: calc(100% - 440px);
		margin-left: 80px;
		margin-right: 80px;
	}

	/* service detail faq detail */
	/* service detail known issue detail */
	.part-solved {
		margin-left: 80px;
		margin-right: 80px;
	}
	.part-reaction {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}
	.part-faq dt {
		width: 120px;
	}
	.part-faq dd {
		width: calc(100% - 132px);
	}

	/* service detail known issue */
	.part-issue-list_item dd {
		width: calc(100% - 156px);
	}

	/* service tutorial */
	.part-tutorial_cols {
		width: 32.95%;
	}

	/* pricing */
	.content-header p,
	.content-header h1 {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}

	/* news list */
	.part-list-count {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}
	.part-list-count>p {
		width: calc(100% - 280px);
		margin-left: 0;
		margin-right: 0;
	}

	/* news detail */
	.panel-topic>p,
	.part-sns,
	.panel-topic>h1 {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}
	/* related posts */
	.part-related dd {
		width: calc(100% - 132px);
	}

	/* contact */
	p+.part-faq-list {
		width: calc(100% - 280px);
	}

	/* faq list */
	.panel-list-header {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}

	/* faq detail */
	.part-category-date {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}
	.part-category-date>p {
		width: 45.45%;
	}

	/* event */
	.panel-event-list {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}

	/* search */
	.content-header.is-search-list form {
		margin-left: 80px;
		margin-right: 80px;
	}

	/* top - service list */
	.content-header+.part-tags ul {
		padding-left: 0;
		padding-right: 0;
		margin-left: 80px;
		margin-right: 80px;
	} 
	.panel-double-def-list {
		width: auto;
	}
	.panel-double-def-list>dl>dt {
		width: 18.18%;
	}
	.panel-double-def-list>dl>dd {
		width: 80%;
	}
	.panel-double-def-list>dl>dd::after {
		width: 880px;
	}
	.panel-double-def-list dd>dl dt {
		width: 23.53%;
	}
	.panel-double-def-list dd>dl dd {
		width: 72.35%;
	}
	
	/* feature */
	.panel-feature-head {
		padding-left: 80px;
		padding-right: 80px;
	}
	.part-feature-body-cell {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	/*sphinx*/
	.panel-doc {
		margin-left: 80px;
		margin-right: 80px;
		width: auto;
	}

}
@media screen and (max-width: 1219px) and (min-width: 780px) {
	
	/* bread crumbs */
	.breadcrumbles ul {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.part-search {
		width: 680px;
	}
	.part-search input {
		width: 543px;
	}
	.part-service-category-select {
		width: 680px;
	}
	.part-service-category-select>a {
		width: 116px;
	}
	.part-service-category-select>a br {
		display: none;
	}

	/* top */
	.panel-top-news {
		padding-left: 40px;
		padding-right: 40px;
	}

	/* top - news */
	.part-news dd {
		width: calc(100% - 132px);
	}

	/* free area */
	.panel-free {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	/* service detail */
	.category-nav ul,
	.category-nav h1 {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	/* service detail faq */
	.panel-with-right-area {
		width: calc(100% - 305px);
		padding-right: 225px;
		margin-left: 40px;
		margin-right: 40px;
	}

	/* service detail faq detail */
	/* service detail known issue detail */
	.part-reaction {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.part-faq dt {
		width: 120px;
	}
	.part-faq dd {
		width: calc(100% - 132px);
	}

	/* service detail known issue */
	.part-issue-list_item dd {
		width: calc(100% - 156px);
	}

	/* service tutorial */
	.part-tutorial_cols {
		width: 32.95%;
	}

	/* pricing */
	.content-header p,
	.content-header h1 {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	/* news list */
	.part-list-count {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.part-list-count>p {
		width: calc(100% - 280px);
		margin-left: 0;
		margin-right: 0;
	}

	/* news detail */
	.panel-topic>p,
	.part-sns,
	.panel-topic>h1 {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	/* issues detail */
	.part-solved {
		margin-left: 40px;
		margin-right: 40px;
	}
	/* reated posts */
	.part-related dd {
		width: calc(100% - 132px);
	}

	/* contact */
	p+.part-faq-list {
		width: calc(100% - 280px);
	}

	/* faq list */
	.panel-list-header {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	/* faq detail */
	.part-category-date {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	.part-category-date>p {
		width: 45.45%;
	}

	/* event */
	.panel-event-list {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	/* search */
	.content-header.is-search-list form {
		margin-left: 40px;
		margin-right: 40px;
	}

	/* top - service list */
	.part-tags li a br {
		display: none;
	}
	.content-header+.part-tags ul {
		padding-left: 0;
		padding-right: 0;
		margin-left: 40px;
		margin-right: 40px;
	} 
	.panel-double-def-list {
		width: auto;
	}
	.panel-double-def-list>dl>dt {
		width: 18.18%;
	}
	.panel-double-def-list>dl>dd {
		width: 80%;
	}
	.panel-double-def-list>dl>dd::after {
		width: 880px;
	}
	.panel-double-def-list dd>dl dt {
		width: 23.53%;
	}
	.panel-double-def-list dd>dl dd {
		width: 72.35%;
	}
	/* feature */
	.panel-feature-head {
		padding-left: 40px;
		padding-right: 40px;
	}
	.part-feature-body-cell {
		padding-left: 40px;
		padding-right: 40px;
	}
	.part-before-after {
		width: 100%;
	}
	.part-before-after>div {
		width: 45.45%;
	}
	.part-before-after-img {
		height: auto;
	}
	/*sphinx*/
	.panel-doc {
		margin-left: 40px;
		margin-right: 40px;
		width: auto;
	}
	#footer-links .nav-panel {
		padding-left: 30px;
		padding-right: 30px;
	}

}
@media screen and (max-width: 999px) and (min-width: 780px) {
	#footer-links .nav-panel {
		box-sizing: border-box;
		width: 28%;
	}
	/* top */
	.part-search {
		width: calc(100% - 40px);
	}
	.part-search input {
		width: calc(100% - 134px);
	}
	.part-service-category-select {
		width: 95%;
	}
	.part-service-category-select>a {
		width: 16%;
	}
	/* known-issues */
	.panel-list-header form {
		width: 45%;
	}
	.panel-list-header input {
		width: calc(100% - 50px);
	}
	.panel-list-header form .part-select {
		left: auto;
		right: -200px;
	}
	.panel-list-header form select {
		width: 100%;
	}
	/*price list */
	.part-external-link {
		width: 100%;
		display: block;
		height: auto;
	}
	/* feature */
	.panel-feature-head {
		padding-left: 20px;
		padding-right: 20px;
	}
	.part-feature-body-cell {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* enquete */
	.afb_container br.issp {
		display: block;
	}
	/* doc posiition */
	.panel-with-right-area {
		width: calc(100% - 80px);
		padding-right: 0;
		box-sizing: border-box;
	}
	.is-services-list+.panel-with-right-area>.part-right-area {
		height: auto;
	}
	.part-right-area {
		position: static;
		width: auto;
	}
	.is-services-list+.panel-with-right-area>.part-right-area ul {
		padding-top: 0;
	}
}