@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	overflow: hidden;
}


/*リンク表示方法*/

a {
	text-decoration: underline;	
}



header, nav > ul, .inner {
	width: 1000px;
	margin: 0 auto;
}

.first_topH2 {
    text-align: center;
}

.topH2 {
    text-align: center;
}



.point03 {
	color: #EA5A52;
	font-size: 16px;
	font-weight: bold;
}


/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc {
	display: block;
}

.sp, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	padding: 5px 0 0;
}

header h1 {
	font-weight: normal;
	font-size: 12px;
}

.headerUl {
	margin: 25px 0 0;
}

.headerUl:after {
	content: '';
	display: block;
	clear: both;
}

.headerUl li {
	float: left;
}

.logo {
	width: 220px;
	margin: 0 0 0 -2px;
}

.logo a:hover img {
	opacity: 1;
}

.headerAdd {
	width: 520px;
	margin: 0 0 0 10px;
	text-align: right;
}

.headerTel {
	width: 212px;
	margin: -1px 0 0 11px;
}

.headerIntro {
    width: 252px;
    margin: -3px 0 0 85px;
    text-indent: -6px;
    line-height: 1.7;
}

.flowIcon {
    width: 160px;
    margin: 0 0 0 60px;
}

.headerTel > dl > dt {
    float: left;
    width: 35px;
}

.headerTel > dl > dd {
    float: left;
    width: 167px;
    padding: 0 0 0 9px;
    margin: 1px 0 0;
}

.headerTel > dl > dd > ul > li {
    line-height: 0;
    padding: 0 0 4px;
}

.headerTel > dl > dd > ul > li + li + li {
    margin: -1px 0 0;
}

.flowIcon a:hover {
    opacity: .7;
}

/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
}

th {
	background: #0071bc;
	color: #fff;
}

td {
	background: #dbf1ff;
	color: #0071bc;
}

/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/

nav {
	margin: 23px auto 0;
}

nav ul:after,
nav:after {
	content: '';
	display: block;
	clear: both;
}

nav > ul > li {
	width: 142px;
	float: left;
}

/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto 0;
	background: #ccc;
}

#cover .sp {
	display: none !important;
}

#cover li {
	width: 100%;
}

#cover img {
	width: 1000px;
	margin: 0 auto;
	display: block;
}

.cover01 {
	background: url(../img/cover1_bg.jpg) no-repeat center top;
	background-size: cover;
}

.cover02 {
	background: url(../img/cover2_bg.jpg) no-repeat center top;
	background-size: cover;
}

.cover03 {
	background: url(../img/cover3_bg.jpg) no-repeat center top;
	background-size: cover;
}

/*-- 中ページカバー --*/

.toilet #cover {
	background: url(../img/cover_toilet_bg.jpg) no-repeat center top;
	background-size:cover;
}

.almi #cover {
	background: url(../img/cover_almi_bg.jpg) no-repeat center top;
	background-size:cover;
}

.other #cover {
	background: url(../img/cover_other_bg.jpg) no-repeat center top;
	background-size:cover;
}

.contact #cover {
	background: url(../img/cover_contact_bg.jpg) no-repeat center top;
	background-size:cover;
}

.other #cover {
	background: url(../img/cover_other_bg.jpg) no-repeat center top;
	background-size:cover;
}

.privacy #cover {
	background: url(../img/cover_privacy_bg.jpg) no-repeat center top;
	background-size:cover;
}

.company #cover {
	background: url(../img/cover_company_bg.jpg) no-repeat center top;
	background-size:cover;
}

.flow #cover {
	background: url(../img/cover_flow_bg.jpg) no-repeat center top;
	background-size:cover;
}

.catalogue #cover {
	background: url(../img/cover_catalog_bg.jpg) no-repeat center top;
	background-size:cover;
}

/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/
.w1000 {
    width: 1000px;
    margin: 0 auto;
}

.mainWrap {
	width: 1000px;
	margin: 30px auto 0;
}

.titH3 {
	margin: 0 auto 0;
	width: 500px;
	font-size: 27px;
	color: #0071bc;
	text-align: center;
	line-height: 1.3;
	padding: 30px 30px 30px;
	background: #fff;
	border: solid;
}

.conte01 p + p {
    margin: 10px 0 0;
}

.conte02 .txtBox {
	margin: 10px auto 0;
	padding: 10px;
	background: #ccc;
}

.backBg1 {
    background: #cce3f2;
    position: relative;
}

.backBg1:before {
	content: "";
	position: absolute;
	top: -60px;
	bottom: 0;
	margin: auto;
	left: -460px;
	width: 460px;
	height: 500px;
	background: url(../img/01_bg_left.png) no-repeat;
}

.backBg1:after {
	content: "";
	position: absolute;
	top: -60px;
	bottom: 0;
	margin: auto;
	right: -460px;
	width: 460px;
	height: 500px;
	background: url(../img/01_bg_right.png) no-repeat;
}

.backBg1 > ul > li {
    float: left;
    width: 333px;
}

.toileDt {
    background: url(../img/toilet_item.png)no-repeat center top;
}

.almiDt {
    background: url(../img/almi_item.png)no-repeat center top;
}
.otherDt {
    background: url(../img/other_item.png)no-repeat center top;
}

.backBg1 > ul > li > dl > dt {
    padding: 0 0 210px;
    position: relative;
}

.backBg1 > ul {
    padding: 50px 0 0;
}

.itemSpan {
    display: block;
    width: 200px;
    margin: 0 auto 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 20px 0px 14px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 18px;
    line-height: 1.3;
}

.itemSpan1 {
    display: block;
    width: 200px;
    margin: 0 auto 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 30px 0px 26px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 18px;
    line-height: 1.3;
}

.blueDd {
    background: #99C6E4;
}

.lowBlueDd {
    background: #CCE3F2;
}

.itemDd {
    font-size: 15px;
    padding: 24px 10px 30px;
    line-height: 2;
    text-align: center;
}

.deteilBtn {
    display: block;
    width: 274px;
    padding: 7px 0 3px;
    background: #FCD821 url(../img/btn_arrow.png)no-repeat 96% 49%;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    margin: 26px auto 0;
    color: #0071BC;
    text-align: center;
}

.deteilBtn:hover {
    background:#FFEE5B url(../img/btn_arrow.png)no-repeat 96% 49%;
}

.deteilBtn2 {
    display: block;
    width: 274px;
    padding: 7px 0 3px;
    background: #FCD821 url(../img/btn_arrow.png)no-repeat 97% 49%;
    border-radius: 13px;
    text-decoration: none;
    font-weight: bold;
    margin: 26px auto 0;
    color: #0071BC;
    text-align: center;
}

.deteilBtn2:hover {
    background:#FFEE5B url(../img/btn_arrow.png)no-repeat 97% 49%;
}

.deteilBtn3 {
    display: block;
    width: 413px;
    padding: 11px 0 7px;
    background: #FCD821 url(../img/btn_arrow.png)no-repeat 96% 49%;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    margin: 26px 0 0;
    color: #0071BC;
    text-align: center;
}

.deteilBtn3:hover {
    background:#FFEE5B url(../img/btn_arrow.png)no-repeat 96% 49%;
}

.conte02 {
    background: url(../img/flow_bg_02.jpg)no-repeat center top;
    background-size: cover;
    padding: 0 0 70px;
}

.flowLi {
    width: 920px;
    color: #fff;
    background: #F15A24;
    border-radius: 10px;
    padding: 7px 0 5px 20px;
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: bold;
}

.flowLi {
    background: #F15A24;
    color: #fff;
    border-radius: 10px;
    padding: 8px 0 4px 20px;
}


.flowUl {
    padding: 220px 0 20px 30px;
}

.conte02 a {
    margin: 0px auto 0;
    padding: 10px 0 6px;
    font-size: 15px;
}

.conte03 h2 {
    background: #FEDEA6;
    border-radius: 10px;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1000;
    width: 1000px;
}

.conte03 {
    margin: 40px auto 0;
    position: relative;
    padding: 0 0 90px;
    background: #fedea6;
}

.backBg2 {
    background: #fedea6;
    position: relative;
    padding: 0 0 0px;
}

.backBg2:before {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: -460px;
	width: 460px;
	height: 540px;
	background: url(../img/02_bg_left.png) no-repeat;
}

.backBg2:after {
	content: "";
	position: absolute;
	top: 0px;
	margin: auto;
	right: -460px;
	width: 460px;
	height: 540px;
	background: url(../img/02_bg_right.png) no-repeat;
}

.introductionUl li {
    width: 475px;
    float: left;
    position: relative;
    padding: 0 0 300px;
}

.introductionUl li:first-child {
    background: url(../img/case_item_1.png)no-repeat center top;
    background-size: cover;
}

.introductionUl li + li {
    background: url(../img/case_item_2.png)no-repeat center top;
    background-size: cover;
    margin: 0 0 0 50px;
}

.backBg2 > ul {
    padding: 140px 0 0;
}

.introductionUl > li > p {
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 19px 0 89px 6%;
    position: absolute;
    width: 94%;
    bottom: 0px;
    right: 0;
    left: 0;
    margin: auto;
}

.introductionUl a {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 87%;
    padding: 11px 0 5px;
    font-size: 15px;
}

.backBg3 {
    position: relative;
    padding: 147px 0 0;
}


.backBg3:before {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: -460px;
	width: 460px;
	height: 690px;
	background: url(../img/03_bg_left.png) no-repeat;
}

.backBg3:after {
	content: "";
	position: absolute;
	top: 0px;
	margin: auto;
	right: -430px;
	width: 460px;
	height: 690px;
	background: url(../img/03_bg_right.png) no-repeat;
	z-index: -10;
}

.conte04 {
    position: relative;
    padding: 0 0 37px;
}

.conte04 h2 {
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
    width: 1000px;
}

.backBg3 > p {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
}

.contactDiv {
    background: #29ABE2;
    margin: 43px auto;
    padding: 0 0 30px;
}

.contactDiv > img {
    display: block;
    margin: 0 auto;
    padding: 31px 0 0;
}

.contactUl >li {
    width: 415px;
    float: left;
}

.contactUl {
    margin: 38px auto 0;
}

.backBg3 > p:first-child {
    margin: 0 0 30px;
}

.contactDl > dt {
    width: 102px;
    float: left;
    padding: 0 0 0 15px;
}

.contactDl > dd {
    width: 277px;
    float: left;
}

.contactUl >li:first-child {
    margin: 0 0 0 30px;
    padding: 19px 20px 20px;
    background-color: #fff;
}

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

.telList li {
    padding: 2px 0 8px;
    line-height: 1.4;
}

.telList li + li {
    padding: 3px 0 7px 2px;
}

.telList li + li + li {
    padding: 3px 0 0;
}

.mailDl dt {
    width: 48px;
    float: left;
    padding: 48px 0 0 40px;
}

.mailDl dd {
    width: 208px;
    float: left;
    padding: 37px 0 0 25px;
}

.mailLi {
    width: 415px;
    margin: 0 0 0 30px;
    padding: 0 40px 34px 0;
    background: #fff url(../img/contact_arrow.png)no-repeat 95.2% 50%;
    position: relative;
}

.mailLi:hover {
    background: #fcd821 url(../img/contact_arrow.png)no-repeat 95.2% 50%;
}

.mailLi > a {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    display: block;
}

.backBg4 {
    position: relative;
    padding: 147px 0 98px;
    background: #d3e0bf;
}

.backBg4:before {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: -460px;
	width: 460px;
	height: 690px;
	background: url(../img/04_bg_left.png) no-repeat;
}

.backBg4:after {
	content: "";
	position: absolute;
	top: 0px;
	margin: auto;
	right: -460px;
	width: 460px;
	height: 690px;
	background: url(../img/04_bg_right.png) no-repeat;
	z-index: -10;
}

.conte05 {
    position: relative;
}

.conte05 h2 {
    background: #d3e0bf;
    border-radius: 10px;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
    width: 1000px;
}

.areaItem li {
    width: 220px;
    float: left;
    color: #0071BC;
    font-size: 26px;
    font-weight: bold;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 16px 0 13px;
}

.areaItem {
    width: 475px;
}

.lastLi {
    margin: 30px 0 0 0 !important;
}

.downLi {
    margin: 30px 0 0;
}

li.marginLi {
    margin: 0 0 0 35px;
}

.areaUl {
    padding: 13px 0 0;
}

.areaUl p {
	line-height: 1.88;
	margin: 24px 0 0;
}

.areaUl > li {
    width: 475px;
    float: left;
}

.areaUl > li + li {
    width: 330px;
    margin: 0 0 0 115px;
}

.backBg5 {
    position: relative;
    padding: 147px 0 0px;
    background: #29ABE2;
}

.backBg5:before {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: -460px;
	width: 460px;
	height: 690px;
	background: url(../img/05_bg_left.png) no-repeat;
}

.backBg5:after {
	content: "";
	position: absolute;
	top: 0px;
	margin: auto;
	right: -460px;
	width: 460px;
	height: 690px;
	background: url(../img/05_bg_right.png) no-repeat;
}

.news {
    position: relative;
    padding: 0 0 122px;
    background: #29abe2;
}

.news h2 {
    background: #29abe2;
    border-radius: 10px;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
    width: 1000px;
}

.newsLi:after {
	content: "";
	position: absolute;
	right: 0px;
	left: 0;
	width: 98%;
	height: 6px;
	background: url(../img/news_border.png) no-repeat;
}

.newsDl dt {
    font-size: 14px;
    width: 100px;
    float: left;
    background: #FEDEA6;
    text-align: center;
    padding: 5px 0 3px;
}

.shopIconUl {
    width: 1000px;
    margin: 49px auto 0;
    background: #29abe2;
}

.shopIconUl li {
    width: 300px;
    float: left;
    margin: 0 0 0 50px;
}

.shopIconUl li:first-child {
    margin: 0;
}


.newsDl a {
    color: #fff;
}

.newsDl a:hover {
    text-decoration: none;
}
/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	margin: 0 auto 0;
	padding: 25px 0 0;
}

footer .logo {
	width: 243px;
	margin: 0 auto;
}

footer .inner {
	padding: 0 0 55px;
	text-align: center;
}

.inner ul {
	margin: 30px 0 0;
}

.inner ul + ul {
	margin: 0;
}

.inner ul li {
	display: inline-block;
	border-left: solid 1px #0071BC;
	line-height: 1;
}

.inner ul li a {
	margin: 0 0 0 5px;
	padding: 0 15.5px 0;
	font-size: 14px;
	text-decoration: none;
	color: #0071BC;
}

.inner ul li:first-child {
    border: none;
} 

footer .add li:before {
	content: '\25a1';
}

footer .add li {
	margin: 0 0 0 10px;
	font-size: 14px;
}

.copyright {
	background: #29abe2;
	color: #fff;
}

.copyright small {
    width: 1000px;
    margin: 0 auto;
    padding: 15px 0 13px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.bannarDiv {
    width: 1000px;
    margin: 0 auto 60px;
}

.addP {
    font-size: 14px;
    margin: 0 0 26px;
    line-height: 1.75;
}

.fotterDetail {
    text-align: center;
}

.fotterDetail p:first-child {
    margin: 0 0 25px;
}

.bannarDiv > ul > li {
    width: 300px;
    float: left;
    margin: 0 0 0 50px;
}

.bannarDiv > ul > li:first-child {
    margin: 0;
}

.bannarDiv > ul > li a:hover {
    opacity: .7;
}

.inner ul li a:hover {
    text-decoration: underline;
}

.troubleUl > li {
    width: 311px;
    margin: 0 0 0 30px;
    float: left;
    border: solid 1px #f27235;
    background: #fff;
}

.troubleUl > li:first-child {
    margin: 0;
}

.troubleTit {
    font-size: 20px;
    padding: 10px;
    background: #f27235;
    color: #fff;
    font-weight: bold;
    text-align: justify;
}

.troubleTxt {
    padding: 20px 20px;
    text-align: justify;
}

.connection p {
    text-align: center;
    font-size: 30px;
    padding: 60px 0;
    color: #0071bc;
    font-weight: bold;
    background: url(../img/title_bg_sankak.png) no-repeat center;
}

.bannar {
    width: 1000px;
    margin: 0 auto;
    background: #40210f;
    font-size: 30px;
    text-align: center;
    line-height: 2;
    color: #fff;
}

.flowTit {
    display: none;
}

.greeting {
    background: url(../img/greeting_bg_mono.jpg)no-repeat 100% 65%;
    padding: 0 0 80px;
}

.optionSpec > h5 {
    text-align: center;
    font-size: 16px;
    margin: 0 0 10px;
}

.optionSpec > h5 > span {
    color: #fff;
    background: #29ABE2;
    font-size: 11px;
    padding: 1px 7px;
    display: inline-block;
    margin: 0 0 2px 10px;
    vertical-align: middle;
}

.optionSpec p:first-child {
    font-size: 12px;
    text-align: center;
}


.optionSpec p {
    font-size: 13px;
    text-align: center;
    margin: 0 0 5px;
}

.specTit {
    font-size: 14px;
    font-weight: bold;
}

.kindLi dt {
    width: 10px;
    float: left;
    padding: 3px 10px;
    background: #0071bc;
    color: #fff;
}

.kindLi dd {
    width: 258px;
    padding: 3px 0 1px 10px;
    float: left;
    border: solid 1px #0071bc;
    background: #fff;
}

.kindLi2 dt {
    width: 10px;
    float: left;
    padding: 3px 10px;
    background: #0071bc;
    color: #fff;
}

.kindLi2 dd {
    width: 258px;
    padding: 3px 0 1px 10px;
    float: left;
    border: solid 1px #0071bc;
    background: #fff;
}

.kindLi + li {
    margin: 0;
}

.optionSpec > span {
    font-size: 13px;
}

.kindLi {
    margin: 0 0 10px;
    font-size: 13px;
}

.kindLi2 {
    margin: 0;
    font-size: 13px;
}

.optionSpec table {
    font-size: 14px;
    width: 100%;
}

.optionSpec table > td {
    font-weight: bold !important;
}

.optionSpec table th{
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 5px;
    background: #fff;
    color: #333;
    border-bottom: solid 1px #333;
}

.optionSpec table td{
    font-size: 12px;
    font-weight: normal;
    padding: 5px 0 5px;
    background: #fff;
    color: #333;
    border-bottom: solid 1px #333;
}


.optionSpec table th {
    padding: 5px 20px 5px 0;
}

.twoItemLi {
    text-align: center;
}

.downLi {
    display: block;
    margin-right: 35px;
}

/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    width: 1000px;
    margin: 0 auto;
    font-size: 12px;
    padding: 16px 0 0;
}

.pankuzu li {
    margin: 0 0 0 10px;
    display: inline;
}

.pankuzu li:first-child {
    margin: 0;
}

.pankuzu li a {
    margin: 0 10px 0 0;
    color: #0071bc;
}

.pankuzu li a:hover {
    color: #29abe2;
}


/*--- ページトップ ---*/
#pageTop {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

/* -- お問い合わせ -- */

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

.choose_list1 {
	width: 210px;
	margin: 40px auto;
}

.contact_tb td span {
	margin: 9px 0 0;
	display: block;
}

.clearForm,
.clearForm2,
.toHome {
	width: 200px;
	padding: 15px 5px;
	cursor: pointer;
	outline: 0;
	background: #FCD821;
	color: #0071bc !important;
	font-size: 100%;
	border: none;
	font-weight: bold;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	background: #FFEE5B;
	color: #FFF;
}

.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 650px;
}

#msg {
	height: 100px;
}

#zip1, #zip2 {
	width: 150px;
}

#city, #pref, #add {
	width: 580px;
	margin: 2px 0 0 10px;
}

#add {
    margin: 2px 0 0 40px;
}

textarea {
	width: 90%;
	padding: 10px 5px;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"] {
	height: 25px;
	padding: 5px;
}

input[type="text"],
textarea,
select,
option {
	border: 1px solid #CCC;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}

.contact_tb {
	width: 1000px;
	margin: 0 auto;
}

.contact_tb th {
	width: 250px;
	text-align: left;
	position: relative;
	line-height: 1.4;
}

.contact_tb th, .contact_tb td {
	padding: 13px 10px 10px 20px;
	font-size: 15px;
	border-bottom: 1px solid #fff;
	position: relative;
}

.contact_tb th em {
	background: #F00;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
}

.formMsg {
    text-align: center;
}

.formP {
    padding: 0 10px 0;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError, .cityformError, .addformError {
	top: 0 !important;
	left: 80px !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/

.ui-dialog {
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
}

.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
    background: #fff;
    outline: none;
    border-color: #ccc;
}

.ui-corner-all.ui-button-text-only:hover {
    color: #fff;
    background: #555;
    outline: none;
    border-color: #ccc;
    transition: .3s;
}

.ui-widget-header {
    background: #0071bc !important;
    border-color: #0071bc !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}


/* TOP
----------------------------------------------------------- */

/*-- メインヴィジュアル スライダー --*/

.bx-wrapper {
	margin: 0 !important;
	position: relative;
}

.bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 50%;
}

.bx-controls-direction a {
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	outline: 0;
	text-indent: -9999px;
	display: none;
}

.bx-prev {
	left: 1% !important;
	background: url(./../img/prev.png) no-repeat 0 0;
	background-size: contain;
}

.bx-next {
	right: 1% !important;
	background: url(./../img/next.png) no-repeat 100% 0;
	background-size: contain;
}


/*-- スクロールバーデザイン --*/

.scroll-pane {
	width: 100% !important;
	height: 200px; /*箱の高さ*/
	margin: -8px auto 0;
	overflow-y: auto;
}

.scroll-pane:focus {
	outline: none;
}

.jspContainer {
	width: 100% !important;
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: 100% !important;
	position: absolute;
}

.jspVerticalBar {
	width: 20px;
	position: absolute;
	top: 0;
	right: -5px;
}

.jspArrowUp, .jspArrowDown {
	margin : 0;
	padding: 0;
	display: block;
	cursor : pointer;
	background: url(../img/scroll_top.png) no-repeat center;
}

.jspArrowDown {
	background: url(../img/scroll_bottom.png) no-repeat center;
}

.jspTrack {
	background: url(./../img/scroll_bg1.png) repeat-y;
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 4px;
	margin: 0 auto;
	background: #fedea6;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}


/* 新着情報
----------------------------------------------------------- */

.newsLi {
	width: 100%;
	padding: 0 0 23px;
}

.news dl {
	width: 1000px;
	padding: 0 0 17px;
}

.news li:first-child dl {
	border-top: none;
}

.newsDl dd {
    font-size: 14px;
    width: 800px;
    float: left;
    margin: 0 0 0 20px;
    padding: 5px 0 0;
    color: #fff;
}

/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/

.leadTxt {
	margin: 50px auto 20px;
	padding: 10px 0 5px;
	width: 700px;
	text-align: center;
	line-height: 2;
	display: block;
}

#inMain {
    position: relative;
    padding: 50px 0 100px;
    border-bottom: solid 3px #7fcdee;
}


.titH4 {
    text-align: center;
    margin: 0 0 20px;
}

.titH4 > span {
    font-weight: normal;
    padding: 10px 0 3px;
    width: 460px;
    margin: 0 auto;
    border-bottom: solid 1px #0071bc;
    display: block;
}

.introductionBtn2 {
    text-align: center;
    width: 350px;
    font-size: 20px;
    margin: 0 auto;
    display: block;
    color: #fff;
    text-decoration: none;
    background: #29abe2;
    padding: 5px 0;
}

.introductionBtn2:hover {
    background: #0071bc;
}

.introductionBtn {
    text-align: center;
    width: 350px;
    font-size: 20px;
    margin: 0 auto;
    display: block;
    color: #0071bc;
    text-decoration: none;
    background: #fcd821;
    padding: 5px 0;
}

.introductionBtn:hover {
    background: #ffee5b;
}

.optionItem > ul > li {
    float: left;
}

.optionItem > ul > li:first-child {
    width: 160px;
}

.optionItem > ul > li + li {
    width: 300px;
    margin: 0 0 0 10px;
}

.optionItem {
    width: 470px;
    float: left;
    margin: 0 10px 40px;
}

.optionConte {
    margin: 60px auto 0;
    padding: 30px 25px;
    background: #fff;
}

.partLi {
    width: 140px;
    float: left;
    margin: 0 0 10px;
    text-align: center;
    font-size: 12.5px;
    padding: 10px 30px;
}

.bannar01 {
    background: #f27235;
    margin: 43px auto 0;
    text-align: center;
    padding: 30px 0 30px;
}

.bannarUl > li {
    width: 300px;
    float: left;
    margin: 0 40px 0;
    background: #fff;
}

.bannarUl {
    width: 80%;
    margin: 30px auto 0;
}

.bannar01 > ul > li > a:hover {
    opacity: .7;
}

.toiletConte01 {
    margin: 0 auto 50px;
    background: #CCE3F2;
    padding: 0 0 50px;
}

.almiItem {
    width: 450px;
    float: left;
    margin: 0 25px 40px;
    text-align: center;
}

.almiUl {
    margin: 50px auto 0;
    background: #fff;
    padding: 40px 25px 0;
    width: 1000px;
}

.almiConte01 {
    margin: 0 auto 50px;
    background: #CCE3F2;
    padding: 0 0 40px;
}

.doorpartLi {
    width: 140px;
    margin: 20px 29.25px 20px;
    float: left;
    text-align: center;
}


.otherItem {
    text-align: center;
    width: 450px;
    float: left;
    margin: 0 25px 40px;
    }

.otherConte {
    margin: 50px auto 0;
    background: #fff;
    padding: 45px 25px 0;
}

.subTit {
    text-align: center;
    width: 460px;
    margin: 20px auto 30px;
    color: #ffffff;
    font-size: 30px;
    background: #0071bc;
    font-weight: normal;
}

.caseLi {
    width: 450px;
    margin: 0 25px 20px;
    float: left;
    text-align: center;
}

.caseLi dd {
    font-size: 14px;
    padding: 10px 0 0;
}

.strongTxt {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    display: none;
}

.bannar02 > ul > li {
    width: 300px;
    float: left;
    margin: 0 16px 0;
    background: #fff;
}

.bannar02 > ul > li > a:hover {
    opacity: .7;
}

.bannar02 {
    text-align: center;
    background: #00913a;
    padding: 0 0 30px;
}

.bannar02 p {
    padding: 40px 0;
}

.telbannar {
    border: solid 4px #0071BC;
    padding: 20px 20px 12px;
    width: 660px;
    margin: 60px auto;
}

.telBannarDt {
    width: 86px;
    float: left;
}

.telBannarDd {
    width: 542px;
    float: left;
    padding: 0 0 0 30px;
}

.telBannarDd li {
    padding: 0 0 10px;
}

.contactGreet {
    width: 680px;
    margin: 0 auto;
    line-height: 2;
    padding: 0 0 40px;
}

.borderNone {
    border: none !important;
}

.firstAlmiConte {
    background: url(../img/greeting_bg_mono.jpg);
}

.melaminItem1 > ul > li {
    width: 450px;
    float: left;
    margin: 0 0 50px 100px;
    text-align: center;
}

.melaminItem1 > ul > li:first-child {
    margin: 0;
}

.polyesterItem1 > ul > li {
    width: 450px;
    float: left;
    margin: 0 0 50px 100px;
    text-align: center;
}

.polyesterItem1 > ul > li:first-child {
    margin: 0;
}

.itemUl li {
    width: 190px;
    float: left;
    margin: 0 0 20px 13px;
    text-align: center;
}

.itemUl{
    width: 1030px;
    margin: 0 auto;
}

.titH5 {
    width: 960px;
    margin: 0 auto 20px;
    padding: 5px 20px;
    color: #0071bc;
    border: solid 2px #0071bc;
}

.catalogueBox {
    background: #fde8c4;
    padding: 0 0 70px;
    margin: 0 0 50px;
}


.catalogueBox2 {
    background: #fde8c4;
    padding: 70px 0 60px;
}

#melamin, #poli {
    background: #fff;
    width: 1080px;
    margin: 0 auto;
    padding: 20px 0 0;
}
.kindBox {
    text-align: center;
    padding: 60px 0 30px;
}

.kindBox > dl {
    padding: 20px 0 40px;
}

.kindBox > dl > dt {
    font-weight: bold;
    margin: 20px 0 0;
}

.melaminItem1 > ul {
    width: 1000px;
    margin: 0 auto;
}

#poli {
    padding: 20px 0 0;
}

.matchC {
    width: 271px;
    float: left;
    margin: 30px 30px 0;
    background: #fff;
    text-align: center;
    border: solid 1px #0071bc;
    position:relative;
}

.matchC:after {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: -48px;
	width: 35px;
	top: 40%;
	height: 69px;
	background: url(../img/title_bg_sankak_tate.png) no-repeat;
}


.flowUl2 > li:first-child:after {
    content: none;
}

.flowDt {
    font-size: 30px;
    background: #0071bc;
    color: #fff;
    padding: 20px 0 10px;
    width: 100%;
}

.troubleDiv > dl > dt {
   border: solid #f27235 1px;
   background: #fff;
   color: #f27235;
}

.flowDiv > dl > dt {
    border: solid 1px #0071bc;
    background: #fff;
    color: #0071bc;
    margin: 60px auto 30px;
}

.flowTxt {
    padding: 20px 20px 60px;
}

.matchC a {
    width: 80%;
    margin: 0 auto 30px;
}
.matchC > img {
    display: block;
    width: 80px;
    position: absolute;
    top: -40px;
    left: -30px;
}

.toiletGreeting {
    background: url(../img/toilet_bg.jpg)no-repeat 100% 90%;
    padding: 30px 0 150px;
}

.firstAlmiConte {
    background: url(../img/almi_bg.jpg)no-repeat 100% 75%;
    padding: 30px 0 150px;
}

.firstAlmiConte > p {
    width: 720px;
}

.otherGreeting {
    background: url(../img/other_bg.jpg)no-repeat 100% 95%;
    padding: 30px 0 150px;
}

.caseConte01 > h4 {
    margin: 40px auto 40px;
}

.caseConte01, .caseConte02  {
    background: #fff;
    padding: 10px 0 0;
    margin: 0 auto 40px;
}

.catalogueBox3 h3 {
    text-align: center;
}

#optionParts {
        margin: 0 auto 50px;
        padding: 0 0 50px;
}

#optionParts2 {
        margin: 0 auto 50px;
        padding: 0 0 50px;
        background: #CCE3F2;
}


/* プライバシーポリシー
----------------------------------------------------------- */

.privacyH3 {
    text-align: center;
}

.privacyDl {
	margin: 30px 0 0;
}

.privacyDl >  dt {
	margin: 20px 0 0;
	padding: 0 5px;
	display: inline-block;
	font-weight: bold;
	border-bottom: 2px solid #99c6e4;
	color: #0071bc;
}

.privacyDl > dt:first-child {
	margin: 0;
}

.privacyDl dd {
	font-size: 14px;
	margin: 10px 10px 0;
}

.detailP {
    padding: 20px 0;
}


/* 会社概要
----------------------------------------------------------- */
h3.companyH3 {
    text-align: center;
}


.company table {
	width: 1000px;
	margin: 30px auto 0;
}

.company th {
	width: 170px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.company td {
	width: 470px;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #0071bc;
}

.company iframe {
	width: 1000px;
	height: 280px;
	margin: 30px auto 0;
}

.greetingDiv2 table {
    margin: 80px auto 60px;
}

.greetingDiv1 {
    margin: 80px auto 0px;
}

.greetingDiv1 p {
    width: 700px;
    line-height: 2;
    margin: 0 auto;
    padding: 20px 30px 30px;
}

.contactDiv2 {
    width: 860px;
    margin: 0 auto;
    background: #f15a24;
    text-align: center;
    padding: 30px 0;
}

.catalogueConteBtn > ul > li {
    width: 350px;
    float: left;
    margin: 40px 75px;
}

/* 商品一覧（不要な場合は消す）
----------------------------------------------------------- */

.listUl {
	width: 960px;
	margin: 30px auto 0;
}

.listUl li {
	width: 220px;
	margin: 0 10px;
	float: left;
	text-align: center;
}

.listUl .ulBr {
    margin: 0;
}

.listUl dd {
	margin: 5px 0 20px;
}

.listUl dd p {
	border-top: 1px solid #ccc;
	padding: 5px 5px 2px;
	font-size: 14px;
}

.listUl dd p:first-child {
	border: none;
}


/* 商品詳細（不要な場合は消す）
----------------------------------------------------------- */

.flex-direction-nav a {
	height: 50px;
}

.detailBox {
	margin: 20px auto 0;
}

.detailBox > div {
	float: left;
}

.detailImg {
	width: 670px;
}

.detailTxt {
	width: 300px;
	margin: 0 0 0 20px;
	text-align: center;
}

.detailTxt p {
	padding: 12px 0 10px;
	border-top: 1px solid #ccc;
	font-size: 90%;
}

.detailTxt p:first-child {
	border-top: none;
}


/*-- flexslider --*/

.flexslider {
	width: 670px;
	margin: 0;
	border: 0;
}

#carousel {
	width: 670px !important;
	margin: 10px auto 0;
}

#carousel li {
	width: 113px !important;
	margin: 0 6px 0 0 !important;
}

.lb-number {
	display: none !important;
}



/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 1000px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/
.troubleUl > li:first-child {
    margin: 0 0 0 3%;
}

.troubleUl > li {
    width: 30%;
    margin: 0 0 0 2%;
}

.bannar {
    width: 95%;
}
.greetingDiv1 p {
    width: 90%;
    padding: 20px 4%;
}

.matchC {
    width: 24%;
    margin: 30px 4.5% 30px;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
}


.matchC:after {
    left: -32%;
    width: 44%;
}

.w1000 {
    width: 98%;
}
.conte02 h2 {
    width: 96%;
    margin: 0 auto;
}

.matchC a {
    font-size: 12px;
}

.conte03 h2 {
    width: 96%;
}

.conte04 h2 {
    width: 96%;
}

.conte05 h2 {
    width: 96%;
}

.conte06 h2 {
    width: 96%;
}

.news h2 {
    width: 96%;
}

.bannar {
    padding: 0 5% 0;
    width: 88%;
}

/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	width: 100%;
}

header h1 {
	font-size: 80%;
}

.logo {
	width: 28%;
}

.headerAdd {
	width: 45%;
	margin: 0 0 0 1%;
	font-size: 90%;
}

.headerTel {
	width: 32%;
	margin: 0 0 0 1%;
}

header, .inner {
	width: 98%;
}

nav > ul {
	width: 100.4%;
	margin: 0 auto 0;
}

nav ul > li {
	width: 14.28%;
}

.headerIntro {
    width: 98%;
    margin: 0 0 0 1%;
    clear: both;
    position: absolute;
    top: 5px;
    right: 0;
}

.flowIcon {
    width: 22%;
    margin: 0 0 0 17%;
}

.headerTel > dl > dt {
    width: 15%;
}

.headerTel > dl > dd {
    width: 71%;
}

.headBr {
    display: none;
}

.headerUl {
    position: relative;
    margin: 0;
    padding: 55px 0 0;
}

.partLi {
    width: 19.1%;
    margin: 0 0 10px;
    padding: 10px 7.1%;
}

.bannarUl > li {
    width: 39%;
    margin: 0 5.5% 0;
}

/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/

#cover {
    max-width: 1000px;
}

#cover img {
	width: 100%;
}


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/
.mainWrap {
    width: 98%;
}


.backBg1 > ul > li {
    width: 33.3%;
}

.backBg1 a {
    width: 100%;
    margin: 0 auto 10px;
}

.flowUl {
    padding: 220px 0 0 0;
}

.flowLi {
    width: 96%;
    margin: 0 auto 30px;
    padding: 8px 0 4px 2%;
    font-size: 20px;
}

.introductionUl li {
    width: 49%;
}

.introductionUl li + li {
    margin: 0 0 0 2%;
}

.contactUl >li {
    width: 42%;
    margin: 0 0 0 1%;
}

.contactUl >li:first-child {
    margin: 0 0 0 2%;
}

.contactDl > dt {
    width: 25%;
    padding: 0;
}

.contactDl > dd {
    width: 71%;
}

.mailDl dt {
    width: 20%;
    padding: 45px 0 0 5%;
}

.mailDl dd {
    width: 60%;
    padding: 34px 0 6px 3%;
}

.itemSpan {
    width: 75%;
}

.itemSpan1 {
    width: 75%;
}

.areaUl > li {
    width: 50%;
    margin: 0 0 0 5%;
}

.areaUl > li + li {
    width: 40%;
    margin: 0 0 0 5%;
}

.areaItem {
    width: 100%;
}

.areaItem li {
    width: 44%;
}

li.marginLi {
    margin: 0 0 0 5%;
}

.downLi {
}

.lastLi {
    margin: 20px 0 0 0 !important;
}

.downLi {
    margin: 20px 0 0;
}

a.deteilBtn3 {
    width: 100%;
}

.shopIconUl li {
    width: 32.3%;
    margin: 0 0 0 1%;
}

.shopIconUl {
    width: 100%;
}
.bannarDiv > ul > li {
    width: 32.6%;
    margin: 0 0 0 1%;
}

.bannarDiv {
    width: 98%;
}

.firstAlmiConte > p {
    width: 90%;
}

/*-----------------------------------------------------------
nav
-----------------------------------------------------------*/

nav > ul {
	width: 100%;
	margin: 0 auto;
}

nav li {
	width: 16.7%;
}

nav {margin: 15px auto 0;}

/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

.copyright small {
	width: 96%;
}



/* 全ページ共通クラス
----------------------------------------------------------- */

.pankuzu {
	width: 98%;
}


/* トップページ
----------------------------------------------------------- */

.conte02 .txtBox {
    width: 96%;
    padding: 2%;
}

.newsLi {
    width: 100%;
    margin: 0;
}

.news dl {
    width: 100%;
    font-size: 90%;
}

.scroll-pane {
	width: 100% !important;
}

.newsDl dd {
    width: 81%;
    margin: 0 0 0 2%;
}

.newsDl dt {
    width: 17%;
}

/* 中ページ
----------------------------------------------------------- */
.partLi dt {
    width: 100%;
    max-width: 132px;
}

.leadTxt {
	padding: 20px 2%;
	font-size: 100%;
}

.privacyDt {
	padding: 0 1%;
}

.privacyDl dd {
	margin: 10px 2%;
}

.company table {
	width: 100%;
}

.company th {
	width: 30%;
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company td {
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company iframe {
	width: 100%;
}

.listUl {
	width: 100%;
	margin: 30px auto 0;
}

.listUl li {
	width: 31.3%;
	margin: 0 1%;
}

.optionConte {
    width: 90%;
}

.optionItem {
    width: 47%;
    margin: 0 1% 40px;
}

.optionItem > ul > li:first-child {
    width: 51%;
}

.optionItem > ul > li + li {
    width: 45%;
    margin: 0 0 0 2%;
}

.kindLi dd {
    width: 70%;
}

.optionSpec table th {
    display: block;
    width: 100%;
    padding: 5px 0% 5px;
}

.optionSpec table td {
    display: block;
    width: 100%;
}

.almiUl {
    width: 93%;
    padding: 40px 2% 0;
}

.almiItem {
    width: 45%;
    margin: 0 2.5% 40px;
}

.doorpartLi {
    width: 12%;
    margin: 20px 4%;
}

/*-- お問い合わせ --*/



.clearForm,
.clearForm2 {
	width: 96%;
	padding: 15px 2%;
}

.contact_tb {
	width: 98%;
}

.contact_tb th {
	width: 30%;
	padding: 13px 2% 10px;
	font-size: 80%;
}

.contact_tb td {
	padding: 13px 2% 10px;
	font-size: 80%;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 100%;
	margin: 0 0 0 2%;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 30%;
	margin: 20px auto;
	text-align: center;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 98%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref {
	width: 86%;
	margin: 2px 0 0 2%;
}

#add {
	width: 86%;
	margin: 2px 0 0 6.3%;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 10% !important;
}

.ui-dialog {
	width: 80% !important;
}


/*-- 商品詳細 --*/

.detailImg {
	width: 70%;
}

.detailTxt {
	width: 29%;
	margin: 0 0 0 1%;
}


/*-- flexslider --*/

.flexslider {
	width: 100%;
	margin: 0;
	border: 0;
}

.flexslider img {
	width: 100%;
}

.backBg3 > p {
    padding: 0 5%;
}

.otherConte {
    width: 90%;
}

.otherItem {
    width: 45%;
    margin: 0 2.5% 40px;
}

.caseLi {
    width: 45%;
    margin: 0 2.5% 20px;
}

.bannar02 > ul > li {
    width: 31%;
    margin: 0 1.15%;
}


.contactDiv2 {
    width: 90%;
}

.catalogueConteBtn {
    width: 90%;
}

.catalogueConteBtn > ul > li {
    width: 44%;
    margin: 40px 3%;
}

.introductionBtn2 {
    width: 100%;
}

#melamin, #poli {
    width: 96%;
}

.titH5 {
    width: 90%;
}

.melaminItem1 > ul {
    width: 96%;
}

.melaminItem1 > ul > li {
    width: 45%;
    margin: 0 3% 0;
}

.melaminItem1 > ul > li:first-child {
    margin: 0 0 0 3%;
}


.itemUl li {
    width: 17.8%;
    margin: 0 0 20px 1.8%;
}

.itemUl {
    width: 98%;
}

.polyesterItem1 > ul > li {
    width: 45%;
    margin: 0 3% 0;
}

.polyesterItem1 > ul > li:first-child {
    margin: 0 0 0 3%;
}

.telbannar {
    width: 90%;
    padding: 30px 2%;
}

.flowDt {
    padding: 40px 0 10px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: block;
}

.sp {
	display: none;
}

.contact_tb th {
	font-size: 70%;
}

.flowIcon {
    margin: 0 0 0 14%;
}

.headerTel {
    margin: 0 0 0 4%;
}
.conte02 {
    background: url(../img/flow_bg_02_none.jpg)no-repeat center top;
    background-size: cover;
    padding: 0 0 70px;
    position: relative;

}

.flowTit {
    display: block;
    background: #F7931E;
    color: #fff;
    border-radius: 10px;
    padding: 8px 0 4px 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 94%;
    margin: auto;
    position: absolute;
    top: 38%;
    right: 0;
    left: 0;
}

.introductionUl > li > p {
    padding: 19px 3% 89px 3%;
}

.contactUl >li {
    width: 41.5%;
}

.contactUl >li:first-child {
    margin: 0 0 0 1%;
}

.contactDiv > img {
    width: 94%;
}

.titH3 {
    width: 80%;
}

.leadTxt {
    width: 90%;
}

.optionItem {
    width: 100%;
    float: none;
    margin: 0 0 45px;
}

.optionConte {
    width: 85%;
}

.optionItem > ul > li:first-child {
    width: 33%;
}

.optionItem > ul > li + li {
    width: 62%;
    margin: 0 0 0 5%;
}

.bannarUl {
    width: 100%;
}

.bannar01 > p > img {
    width: 95%;
}

.bannar02 p{
    width:95%; 
    margin:0 auto
}

.contactDiv2 img {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.telBannarDt {
    width: 10%;
}

.telBannarDd {
    width: 77%;
    padding: 0 0 0 4%;
}

.telbannar {
    padding: 30px 0 30px 3%;
    width: 81%;
}

.contactGreet {
    width: 95%;
}

.matchC {
    width: 80%;
    margin: 80px auto 60px;
    float: none;
}

.matchC a {
    font-size: 16px;
}

.matchC:after {
	content: ""; 
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	width: 99px;
	bottom: -30%;
	height: 50px;
	background: url(../img/title_bg_sankak333.png) no-repeat;
	display: none;
}

.matchC:before {
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 99px;
    bottom: -64px;
    height: 50px;
    background: url(../img/title_bg_sankak333.png) no-repeat;
}

.flowUl2 > li + li {
    margin: 0 auto 60px;
}


.flowUl2 > li + li + li:before {
    display: none;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

#optionParts {
    margin: 0 auto;
}

.bannar01 {
    margin: 0 auto;
}

.contactDiv {
    margin: 30px auto 20px;
}


#inMain {
    padding: 50px 0 0;
}

.greetingDiv2 a {
    color: #fff;
}

.scroll-pane {
    width: 96% !important;
}

.pc, .pcTel {
	display: none;
}

.sp {
	display: block;
}

.spTel  {
	display: inline;
}


/*-- テーブル --*/

table {
	width: 100%;
}

th, td {
	width: 96% !important;
	display: block;
}

.conte02 a {
    margin: 70px auto 0;
}

.conte02 {
    padding: 0 0 10px;
}

/* ヘッダー
----------------------------------------------------------- */

.logo {
	width: 60%;
}

.telBtn {
	width: 12%;
	margin: 0 0 0 16%;
}

.menuBtn {
	width: 12%;
	float: right;
}

#cover .pc {
	display: none !important;
}

#cover .sp {
	display: block !important;
}


/*--- modal ---*/

.telBtn a,
.menuBtn a {
	margin: 0;
	font-size: 300%;
	color: #0071bc;
	text-align: center;
	display: block;
	line-height: 0;
}

#pageslide {
	width: 65%;
	padding: 1%;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	color: #FFF;
	background: #0071bc;
	border-left: solid 5px #e5e5e6;
	box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	overflow-y: auto;
}

p.btn-close {
	width: 60%;
	margin: 5% auto;
	padding: 6px 2% 3px;
	background: #fbfbfb;
	font-size: 94%;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.btn-close > a {
	text-decoration: none !important;
	color: #4d4d4d;
	display: block;
}

.page_slide_navi {
	width: 96%;
	margin: 0 auto;
}

#slide_navi li a {
	margin: 7px 0 0;
	display: block;
	text-align: center;
	color: #fbfbfb;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	font-size: 90%;
	border-bottom: 1px solid #fbfbfb;
}

.sp .copyright {
    margin: 0;
}
/*-- ページトップ --*/

#pageTop {
	display: none !important;
}


/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto 0;
	background: #0071bc;
}

.sp nav li a,
.sp nav li a:link,
.sp nav li a:visited {
	color: #fff;
}


.sp nav li, .sp nav li:first-child {
	width: 100%;
	float: none;
}

.sp nav li a {
	padding: 10px 0 6px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: initial;
	border-top: 1px solid #29abe2;
	border-bottom: 1px solid #005dbc;
}

.sp nav li a:hover {
	background: initial;
}


/*-- フッターアイコン --*/

.sp footer {
	margin: 0;
	padding: 0;
	border-top: 1px solid #29abe2;
	background: #0071bc;
}

.sp footer ul:after {
	content: '';
	display: block;
	clear: both;
}

.sp footer li {
	width: 32%;
	margin: 0 0.5%;
	float: left;
}

.sp footer li a {
	padding: 10px 0 5px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 60%;
}

.sp footer li a i {
	margin: 0 0 5px;
	font-size: 540%;
	display: block;
}

.sp .copyright {
	margin: 0;
	padding: 10px 2%;
	font-size: 70%;
	color: #fff;
	text-align: center;
}


/* トップページ
----------------------------------------------------------- */

#main {
	float: none;
}


/* 中ページ
----------------------------------------------------------- */
.company iframe {
	width: 100%;
	margin: 30px auto 0;
	display: block;
}

.listUl li {
	width: 48%;
}

.contact_tb th {
	font-size: 100%;

}

.choose_list1 {
	width: 80%;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 96%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 96%;
	margin: 2px 0 0;
}

/*-- エラーチェック --*/

.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}

.flowIcon {
    display: none;
}

.headerUl {
    padding: 55px 0 15px;
}

.backBg1 > ul > li {
    float: none;
    max-width: 333px;
    width: 96%;
    margin: 0 auto 30px;
}

.lowBlueDd {
    background: #99c6e4;
}

.flowLi {
    padding: 4px 4%;
    margin: 35px auto 20px;
    font-size: 90%;
    text-indent: -1em;
    padding-left: 2em;
    width: 88%;
}

.backBg3 {
    padding: 150px 0 0;
}

.contactUl >li {
    width: 83%;
    margin: 0 auto 30px !important;
    float: none;
}

.contactUl >li:first-child {
    margin: 0;
    position: relative;
}

.contactDiv {
    padding: 0 0 1px;
}
.areaUl > li {
    width: 96%;
    float: none;
    margin: 0 auto;
}

.areaItem {
	padding: 30px 0 0;
}
.areaItem li {
    width: 47%;
}

li.marginLi {
    margin: 0 0 0 6%;
}

.areaUl > li + li {
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
}

.newsDl dt {
    float: none;
    width: 30%;
}

.newsDl dd {
    float: none;
    width: 94%;
    margin: 0;
    padding: 10px 0 0;
}

.news dl {
    padding: 0 0 10px;
}

.shopIconUl li {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

.shopIconUl li:first-child {
    margin: 0 0 20px;
}

.news {
    padding: 0 0 10px;
}

.telLi > a {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    display: block;
}

.introductionUl li {
    float: none;
    width: 96%;
    margin: 0 auto 20px;
}

.introductionUl li + li {
    margin: 0 auto;
}

.backBg1 > ul {
    padding: 100px 0 10px;
}

h2.first_topH2_sp.sp {
    background: #cce3f2;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1000;
    width: 96%;
    text-align: center;
}

.conte01 {
    position: relative;
}

.backBg1 {
    padding: 50px 0 5px;
}

.conte03 h2 {
    top: 0;
}
.conte04 h2 {
    top: 0;
}
.conte05 h2 {
    top: 0;
}
.conte06 h2 {
    top: 0;
}

.news h2 {
    top: 0;
}

.conte04 {
    padding: 0;
}

.backBg2 > ul {
    padding: 160px 0 0;
}

.conte03 {
    padding: 0 0 50px;
}

.titH3 {
    padding: 30px 2%;
    width: 85%;
}

.leadTxt {
    margin: 0 auto 0;
}

.toiletGreeting {
    padding: 30px 0;
}

.toiletConte01 {
    padding: 0 0 10px;
    margin: 0 auto 30px;
}

.titH4 > span {
    width: 90%;
}

.bannarUl > li {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px;
    float: none;
}


.otherItem {
    width: 100%;
    float: none;
    margin: 0 auto 40px;
}

.otherGreeting {
    padding: 30px 0 100px;
}


.subTit {
    width: 90%;
}

.caseLi {
    width: 90%;
    float: none;
    margin: 0 auto 40px;
}

.bannar02 > ul > li {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 20px;
    float: none;
}


.caseConte01 {
    width: 95%;
}

.caseConte02 {
    width: 95%;
}

.titH5 {
    width: 83%;
}

.itemUl li {
    width: 30%;
    margin: 0 0 20px 2.3%;
}

.kindBox > dl {
    width: 95%;
    margin: 0 auto;
}

.otherConte {
    padding: 20px 3% 20px;
}

.telbannar > a {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    display: block;
}

.telbannar {
    position: relative;
    width: 86%;
    padding: 20px 0 20px 4%;
}

.spTel a {
    color: #333;
}

.matchC:after {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: 40%;
	width: 110px;
	top: -30%;
	height: 99px;
	background: url(../img/title_bg_sankak333.png) no-repeat;
}

.troubleUl > li {
    width: 94%;
    float: none;
    margin: 0 auto 30px;
}

.troubleUl > li:first-child {
    margin: 0 auto 30px;
}

font-size {}

.bannar {
    font-size: 22px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn {
	width: 12%;
}

.menuBtn {
	width: 12%;
	float: right;
}

.telBtn a,
.menuBtn a {
	font-size: 240%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
    width: 94% !important;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.choose_list1 {
	width: 96%;
	font-size: 90%;
}

.choose_list1 > li {
	width: 100%;
}

.headerUl {
    padding: 75px 0 15px;
}

.flowTit {
    font-size: 100%;
    width: 90%;
    top: 0;
    margin: 30% auto 0;
}

.flowUl {
    padding: 50px 0 0;
}

.flowLi {
    width: 83%;
}
.newsLi {
    width: 95%;
}

.newsLi:after {
    width: 95%;
}

.newsDl dt {
    width: 40%;
}

.shopIconUl li {
    width: 96%;
}

.shopIconUl li:first-child {
    margin: 0 auto 20px;
}

.backBg1 {
    padding: 20px 0 0;
}

.backBg2 > ul {
    padding: 80px 0 0;
}

.backBg3 {
    padding:120px 0 0;
}

.backBg4 {
    padding:80px 0 0;
}

.news h2 {
    top:0
}

.deteilBtn {
    width: 73%;
}

.introductionBtn {
    width: 95%;
    font-size: 18px;
}

.optionItem > ul > li:first-child {
    width: 50%;
    float: none;
    margin: 0 auto;
}

.optionItem > ul > li + li {
    width: 90%;
    float: none;
    margin: 20px auto 0;
}

.contactDiv {
    width: 95%;
}

.deteilBtn2 {
    width: 90%;
}

.doorpartLi {
    width: 25%;
}

.bannarUl > li {
    width: 93%;
}

.bannar02 > ul > li {
    width: 93%;
}

.subTit {
    font-size: 22px;
    line-height: 2;
    margin: 20px auto;
    width: 94%;
}

.deteilBtn {
    font-size: 11px;
}

.telBannarDd li {
    padding: 0 0 3px;
    line-height: 0;
}

.telbannar {
    padding: 10px 0 10px 3%;
    margin: 20px auto 20px;
}

.flowDt {
    font-size: 20px;
    padding: 10px 0 10px;
}

.matchC:after {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: 30%;
	width: 110px;
	top: -30%;
	height: 99px;
	background: url(../img/title_bg_sankak333.png) no-repeat;
}

.bannar {
    font-size: 19px;
}

.titH3 {
    font-size: 23px;
    padding: 20px 2%;
}


.catalogueConteBtn > ul > li {
    width: 90%;
    float: none;
    margin: 20px auto;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn a,
.menuBtn a {
	font-size: 200%;
}


.flowUl {
    margin: 10% 0 0;
}

.headerUl {
    padding: 95px 0 15px;
}

.titH5 {
    width: 75%;
    text-align: center;
}

.matchC:after {
	content: "";
	position: absolute;
	top: 0;
	margin: auto;
	left: 30%;
	width: 110px;
	top: -34%;
	height: 53px;
	background: url(../img/title_bg_sankak333.png) no-repeat;
}

.matchC a {
    font-size: 12px;
}

.flowDt {
    width: 85%;
    padding: 10px 0 0 15%;
}

.flowTxt {
    padding: 20px 20px 20px;
}

.titH5 {
    font-size: 15px;
}

.subTit {
    font-size: 19px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */