*{box-sizing: border-box}
body	{color: #333;text-align: center;font-size: 16px;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;overflow: hidden; overflow-y: scroll;}
a	{transition: all 0.5s;}
img	{width: 100%;height:auto;line-height: 0}

/*数字リスト*/
ul.decimal	{margin: 0 0 0.5em 1.2em;list-style-type: decimal}
ul.decimal:last-child	{margin: 0 0 0 1.2em;}

.w48,.w64,.w98	{display: none}
@media only screen and (max-width: 980px) {.w98	{display: inline}}
@media only screen and (max-width: 640px) {.w64	{display: inline}}
@media only screen and (max-width: 480px) {.w48	{display: inline}}

/*背景色*/
.bg	{background: rgba(0,0,0,0.03)}
.bg-y	{background: #fbc800}

.cwrap	{max-width: 1200px;margin: 0 auto;}
@media only screen and (max-width: 1200px) {.cwrap	{max-width: auto;width: 96%;margin: 0 2%;}}
@media only screen and (max-width: 640px) {.cwrap	{width: 92%;margin: 0 4%;}}

.section-block	{padding: 50px 0;}
.about-ultrafinebubble-bg		.section-block	{padding: 100px 0;}
@media only screen and (max-width: 640px) {
.section-block	{padding: 30px 0;}
.about-ultrafinebubble-bg		.section-block	{padding: 50px 0;}
}


.headinner	{max-width: 1500px;margin: 0 auto;height: 100px;}
@media only screen and (max-width: 1500px) {.headinner	{max-width:auto;margin: 0 2%;}}
@media only screen and (max-width: 640px) {.headinner	{margin: 0 3%;height: 70px;}}




/*-------------------
　HEADER
---------------------*/

#header {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index:2000;background: #fff;}
.headinner	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
h1{-ms-flex-preferred-size: 320px;flex-basis: 320px;}
.headinfo	{-ms-flex-preferred-size: calc(100% - 320px);flex-basis: calc(100% - 320px);}

h1	{text-align: left;}
h1	span{display: block;margin-top: 7px;font-size: 0.8rem;}
h1	a	{color: #000;text-decoration: none}
h1	a:hover	{opacity: .5}

/*HEAD INFO*/
.headinfo	{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content: flex-end;margin-bottom: 5px;}
.headinfo	ul{display:-webkit-box;display:-ms-flexbox;display:flex;}
.headinfo	ul	li	{padding: 7px 0;}
.headinfo	ul	li	i{margin-right: 5px;}
.headinfo	ul	li	a	{display: block;width: 250px;height: 38px;text-align: center;text-decoration: none;border-radius: 19px;}

.head-tel	{margin-right: 15px;}
.head-tel	a{padding: 0;color: #333;border: 1px solid #666;font-family: 'Roboto', sans-serif;font-size: 22px;line-height: 38px;}
.head-mail	a	{padding-top: 5px;color: #fff;background: #303afc;}
.head-mail	a:hover{background: #333;}

.alltime	{display: block;margin-top: 2px;font-size: 70%}

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

#header	{border-bottom: 1px solid rgba(0,0,0,0.2);}
h1{max-width: 320px;}
h1	span{font-size: 0.76rem;}

.headinfo	{margin-right: 50px}
.headinfo.kasou	{margin-right: 0}/*トップ以外 ハンバーガーメニューなし*/
.headinfo	ul	{display: block;width: 90%;margin: 0 0 0 10%}
.headinfo	ul	li	{padding: 4px 0;}
.headinfo	ul	li:first-child{margin: 0;}
.headinfo	ul	li	a	{display: block;width: 100%;height: 30px;line-height: 30px;border-radius: 10px;font-size: 16px}
.headinfo	ul	li:first-child	a{background: rgba(255,255,255,0.8)}
.head-mail	a	{padding-top: 0;}

.alltime	{display: inline;margin: 0 0 0 10px;font-size: 70%}

}

@media only screen and (max-width: 640px) {
h1{margin-right: 10px}
h1	img{width: 200px;}
h1	span{margin-top: 5px;font-size: 1.8vw;}

.headinfo	ul{display:flex;justify-content: flex-end;}
.headinfo	ul	li:first-child{margin-right: 10px;}
.headinfo	ul	li	i{margin-right: 0;}
.headinfo	ul	li	span	{display: none}
.headinfo	ul	li	a	{width: 40px;height: 40px;line-height: 40px;border-radius: 10px;text-align: center}
.headinfo	ul	li:first-child	a{font-size: 27px;}
.headinfo	ul	li:last-child	a{font-size: 20px;}
}

@media only screen and (max-width: 480px) {
h1	span{font-size: 0.5rem;}
}

/*NAVIGATION*/
.side-menu{border-top: 1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.05)}

#navi	{display:-webkit-box;display:-ms-flexbox;display:flex;max-width: 1500px;width: 100%;margin: 0 auto;}
#navi	li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
#navi a	{display: block;padding: 20px 0;text-decoration: none;color: #333;font-weight:bold;font-size: 90%;transition: all 0.1s;}
#navi	li a.active{background: #fff;}

/* ハンバーガーメニュー 非表示に */
.hamburger-menu,.hamburger-menuline{display: none}


@media only screen and (max-width: 1500px) {
#navi	{max-width:auto}
}

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

/* ハンバーガーメニュー */
.hamburger-menu{position: fixed;top: 30px;right: 10px;display:flex;align-items:center;width:2pc;height:2pc;cursor:pointer;z-index:1}
.hamburger-menuline{position:relative}
.hamburger-menu	.hamburger-menuline,.hamburger-menu	.hamburger-menuline:after,.hamburger-menu	.hamburger-menuline:before{display:block;width:100%;height:4px;border-radius:4px;background:#303afc;transition:all .5s}

.hamburger-menuline:after,.hamburger-menuline:before{content:'';position:absolute}
.hamburger-menuline:before{transform:translateY(-12px)}
.hamburger-menuline:after{transform:translateY(12px)}

.hamburger-menu.open .hamburger-menuline{background-color:transparent;}
.hamburger-menu.open .hamburger-menuline:before{transform:rotate(45deg);background:#fff;}
.hamburger-menu.open .hamburger-menuline:after{transform:rotate(-45deg);background:#fff;}


/* ナビゲーション */
.navsp{box-sizing:border-box;position:absolute;top:0;right:-300px;width:300px;height:100vh;margin: 0;padding:80px 0 0;background-color:rgba(20,63,143,.8);text-align:left;transition:right .5s}
.navsp.open{right:0}
.navsp a{display:inline-block;padding:5px 0}

#navi	{border-top: none;background:none;}
#navi	li	{}
#navi	li	a{padding: 17px 5px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);font-weight: normal;line-height: 180%;text-align:left;font-size: 16px}
#navi	li:first-child	a{border-top: 1px solid rgba(255,255,255,0.3);}

#navi	li a.active{background:none}


}

@media only screen and (max-width: 1200px) {
#navi a	{font-size: 80%;}
}
@media only screen and (max-width: 980px) {
#navi	{display: block;width: 95%;margin: 0 2.5%}

}
@media only screen and (max-width: 640px) {
.hamburger-menu{top: 17px;}

}

/*-------------------
　MAIN common
---------------------*/

#main	{padding-top: 155px;line-height: 180%;overflow: hidden;}
@media only screen and (max-width: 980px) {
#main	{padding-top: 100px;}
#menu-1,#menu-2,#menu-3,#menu-4,#menu-5,#menu-6,#menu-7,#menu-8	{}

}
@media only screen and (max-width: 640px) {#main	{padding-top: 70px;}}

/*h2*/
.block-title	{margin-bottom: 50px;color: #043eb6;font-size: 200%;font-weight: bold;font-family: 'M PLUS Rounded 1c', sans-serif;text-align: center;line-height: 135%;}
@media only screen and (max-width: 640px) {.block-title	{font-size: 150%;}}


.block-title	.corporate-site	{padding: 0 0.1em;font-size: 125%;}
.block-title	.corporate-site	a{color: #043eb6;text-decoration: none;transition: all 0.5s;}
.block-title	.corporate-site	a:hover{color: #6c91df;}

/*inner-block*/
.inner-block	{}






/*--------------------------------------
　お家まるごとウルトラファインバブル
----------------------------------------*/

.mainarea	{background: rgba(40,48,205,1.0);}
.mainarea-inner	{max-width: 1300px;height: 600px;margin: 0 auto;padding-top: 120px;background: url(../img/figure_life.png) no-repeat left bottom;background-size: auto 95%;}
.mainarea-inner	.cwrap{max-width: auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}

/*タイトルまわり*/
.main-title	{max-width: 445px;margin: 0 0 0 auto;}
.main-title	p.houseicon	{width: 80px;margin: 0 auto 10px auto;}

.main-title	h2{margin-bottom: 0.4rem;font-weight: 600;font-family: 'M PLUS Rounded 1c', sans-serif;}
.main-title	h2	span	{display: block;line-height: 2.8rem;color: #fbc800;}
.main-title	h2	span:nth-child(1){font-size: 1.7rem;letter-spacing: 1px;}
.main-title	h2	span:nth-child(2){font-size: 2.5rem;}
.main-title	h2	span:nth-child(3){font-size: 1.7rem;letter-spacing: 1px;}

.main-title	h3{font-size: 150%;font-weight: bold;color: #fff}
.main-title	p.catch	{margin: 2em 0 0 0;color: #fff;font-size: 0.93rem;text-align: left;line-height: 130%;color: #f2f2f2}
.main-title	p.catch	strong{display: block;margin-bottom: 0.5em;padding: 0.4em;font-size: 1.1rem;font-weight: bold;color: #fbc800;border-bottom: 2px solid #fbc800;}

@media only screen and (max-width: 1350px) {
.mainarea-inner	{padding-top: 80px;}
.mainarea-inner	.cwrap{display: block;}
.main-title	{max-width:100%;width: 50%;padding: 20px;background: rgba(4,62,182,0.5);}
}

@media only screen and (max-width: 1036px) {
.mainarea-inner	{padding-top: 100px;}
.main-title	{width: 80%;margin: 0 10%;}
}

@media only screen and (max-width: 788px) {
.mainarea-inner	{max-width:auto;background: url(../img/figure-life.png) no-repeat center bottom;background-size: auto 130%;}
}


@media only screen and (max-width: 640px) {
.mainarea-inner	{padding-top: 80px;}
.main-title	{width: 100%;margin: 0;padding: 30px 20px;background: rgba(4,62,182,0.6);}

.main-title	h2	span	{line-height: 140%;}
.main-title	h2	span:nth-child(1){font-size: 5.5vw;}
.main-title	h2	span:nth-child(2){font-size: 7.1vw;}
.main-title	h2	span:nth-child(3){font-size: 5.5vw;}


.main-title	h3{font-size: 4.7vw;}
.main-title	p.catch	{margin: 0.8em 0 0 0;}
}




/*--------------------------------------
　水が変わる。暮らしが変わる。
----------------------------------------*/
.changelife-bg	{background: url(../img/wave.svg) bottom no-repeat;background-size: 100% auto}

.change-life	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.change-life	p	{-ms-flex-preferred-size: 32%;flex-basis: 32%;margin: 0 0.5% 1.5%;position: relative;padding-bottom: 50px}
.change-life	p	span.text	{position: absolute;bottom: 0;left: 0;right: 0;font-weight: bold;}

@media only screen and (max-width: 1100px) {
.change-life	{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.change-life	p	{-ms-flex-preferred-size: 30%;flex-basis: 30%;margin: 0 1.5% 3%}
}

@media only screen and (max-width: 640px) {
.changelife-bg	{background-size: 500% auto}
.change-life	p	{-ms-flex-preferred-size: 48%;flex-basis: 48%;margin: 0 1% 3%}
}

@media only screen and (max-width: 414px) {
.change-life	p	{-ms-flex-preferred-size: 80%;flex-basis: 80%;margin: 0 10% 6%;}
.change-life	p	span.photo	{display: block;padding-bottom: 10px;}
.change-life	p	span.text	{font-size: 1.3em}
}



/*----------------------------
　ウルトラファインバブルとは
------------------------------*/

.about-ultrafinebubble-bg	{background: url(../img/img-about1.png) center;background-size: cover;border-top: 1px solid rgba(0,0,0,0.05);}

.about-ultrafinebubble-bg	.block-title	{color: #fff}
.about-ultrafinebubble	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.about-ultrafinebubble	.text{text-align: center;color: #fff;font-size: 120%;}
.about-ultrafinebubble	.text	p{margin-bottom: 0.5em}

@media only screen and (max-width: 1200px) {
.about-ultrafinebubble	.text{text-align: left;}
}


/*-------------------
　ご利用シーン
---------------------*/

.how-to-use	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.how-to-use-inner	{-ms-flex-preferred-size: 32%;flex-basis: 32%;margin: 0 2% 30px 0;border: 1px solid #fbc800;background: rgba(251,200,0,0.1);}
.how-to-use-inner:nth-child(3n)	{margin: 0 0 30px 0;}

.how-to-use-photo	{line-height: 0;}
.how-to-use-title	{padding: 10px 0;background: #fbc800;color: #fff;font-size: 150%;font-weight: bold;letter-spacing: 2px;}
.how-to-use-text	{padding: 10px 15px;text-align: left;}

@media only screen and (max-width: 640px) {
.how-to-use-inner,.how-to-use-inner:nth-child(3n)		{-ms-flex-preferred-size: 48.5%;flex-basis: 48.5%;margin: 0 3% 20px 0;}
.how-to-use-inner:nth-child(2n)	{margin: 0 0 20px 0;}
}

@media only screen and (max-width: 480px) {
.how-to-use-inner,.how-to-use-inner:nth-child(3n),.how-to-use-inner:nth-child(2n)		{-ms-flex-preferred-size: 100%;flex-basis:100%;margin: 0 0 20px 0;}
}

/*-------------------
　UFB DUALとは？
---------------------*/

.about-block	{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;color: #fff;}

.about-inner-block	{-ms-flex-preferred-size: 31%;flex-basis: 31%;margin:0 2% 2% 0;padding: 3%;background: rgba(048,058,252,1.0)}
.about-inner-block:nth-child(3n)	{;margin:0 0 2% 0;}

.about-icon	{margin-bottom: 15px;}
.about-title	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 100px;margin-bottom: 15px;font-size: 140%;font-weight: bold;line-height: 150%;}
.about-text	{text-align: left;line-height: 150%;}

@media only screen and (max-width: 980px) {
.about-icon	{margin: 0 12% 15px}
.about-inner-block	{-ms-flex-preferred-size: 48%;flex-basis: 48%;margin:0 2% 2% 0;padding: 3%;}
.about-inner-block:nth-child(3n)	{margin:0 2% 2% 0;}
.about-inner-block:nth-child(2n)	{margin:0 0 2% 0;}

}

@media only screen and (max-width: 640px) {
.about-inner-block:last-child	.about-icon	{margin: 0 12% 15px}
.about-inner-block	{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin:0 0 6% 0;padding: 9% 7% 7% 7%;}
.about-inner-block:nth-child(2n),.about-inner-block:nth-child(3n)	{margin:0 0 6% 0;}
}

/*-------------------
　ご発注の流れ
---------------------*/

.flow	{}

.flow	dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border: 1px solid #000;}
.flow	dt{-ms-flex-preferred-size: 50px;flex-basis: 50px;height: 50px;line-height: 50px;text-align: center}
.flow	dd{-ms-flex-preferred-size: calc(100% -50px);flex-basis:calc(100% - 50px);}

.flow	dl{margin-bottom: 20px;background: #333;}
.flow	dl:last-child{margin: 0;}
.flow	dt{background: #333;color: #fff;font-size: 30px;font-family: 'Roboto', sans-serif;}
.flow	dd{background: #fff;font-size: 150%;text-align: left;line-height: 50px;}

.flow	dd{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flow	dd	span:first-child{-ms-flex-preferred-size: 7.5em;flex-basis: 7.5em;margin-right: 15px;font-weight: bold;background: rgba(251,200,0,0.5);text-align: center}

.yajirusi{display:inline-block;width:30px;height:30px;font-size:30px;position:relative;cursor:pointer}
.yajirusi span{position:absolute;display:block;top:50%;left:50%;width:0;height:0;margin:-42% 0 0 -42%;border-style:solid;border-width:0 .42em .728em;border-color:transparent transparent #043eb6;transform: rotate(0.5turn);}


@media only screen and (max-width: 1000px) {
.flow	dd{font-size: 110%;}
.flow	dd	span:first-child{-ms-flex-preferred-size: 6.5em;flex-basis: 6.5em;font-weight: bold;}
}
@media only screen and (max-width: 760px) {
.flow	dd,.flow	dd	span{display:block}
.flow	dd	span:first-child{margin-right: 0;text-align: left}
.flow	dd	span{padding: 10px;line-height: 150%;}
}

.youtube-area	{padding: 80px 0;background: #fbc800;}
.youtube-area	.in-wrap{max-width: 1400px;margin: 0 auto;padding: 0 10%;background: url(../img/youtube_bg.png) #fbc800 bottom;background-size: auto 100%;}
.youtube	{position:relative;width:100%;padding-top:56.25%}
.youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}

@media only screen and (max-width: 1200px) {.youtube-area	.in-wrap	{max-width: auto;width: 96%;margin: 0 2%;}}
@media only screen and (max-width: 768px) {.youtube-area	{padding: 50px 0;}}
@media only screen and (max-width: 640px) {.youtube-area	.in-wrap	{width: 92%;margin: 0 4%;padding: 0 3%;background: none;}}





/*-------------------
　お客様のこえ
---------------------*/

.voice-block	{margin: 0 5% 50px 5%;}
.voice-block:last-child	{margin-bottom: 0;}

.fukidasi-right,.fukidasi-left{display:inline-block;max-width:100%;background:rgba(048,058,252,0.3);border-radius:0;padding:30px 40px;position:relative;text-align:left}
.fukidasi-right>:last-child,.fukidasi-left>:last-child{margin-bottom:0}
.fukidasi-right:after,.fukidasi-right:before,.fukidasi-left:after,.fukidasi-left:before{content:"";position:absolute;top:50%}
.fukidasi-right:before,.fukidasi-left:before{margin-top:-50px;border:50px solid transparent;z-index:1}
.fukidasi-right:after,.fukidasi-left:after{margin-top:-50px;border:50px solid transparent;z-index:2}

.fukidasi-right:after,.fukidasi-right:before{left:100%}
.fukidasi-left:after,.fukidasi-left:before{right:100%}

.fukidasi-right:after{border-left:50px solid rgba(048,058,252,0.3)}
.fukidasi-left:after{border-right:50px solid rgba(048,058,252,0.3)}

.voice-head	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fukidasi-left	.voice-head	{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.voice-head	{margin-bottom: 10px;}
.voice-head	p{width: 12%;}
.fukidasi-right	p	{margin-right: 3%;}
.fukidasi-left	p	{margin-left: 3%;}
.voice-name	{font-weight: bold;}
.voice-name	dt{margin-bottom: 15px;font-size: 150%;}
.voice-name	dd{font-size: 120%;}

@media only screen and (max-width: 640px) {
.fukidasi-right,.fukidasi-left{padding:20px 20px;}
.fukidasi-right:after{border-left:30px solid rgba(048,058,252,0.3)}
.fukidasi-left:after{border-right:30px solid rgba(048,058,252,0.3)}

.voice-head	{display:block}
.voice-head	p{width: 50%;margin: 0 25% 20px 25%;}
}


/*-------------------
　類似品との比較
---------------------*/

.hikaku-type-table	{width: 100%;margin-bottom: 30px;line-height: 120%;}
.hikaku-type-table	th,.hikaku-type-table	td	{padding: 10px;border: 2px solid #043eb6;vertical-align: middle;}
.hikaku-type	{background:#043eb6;color: #fff;}
.hikaku-type	th{padding: 5px;font-size: bold;text-align: center;}

.hikaku-type-table	.price	{font-size: 80%;font-weight: bold;}
.hikaku-type-table	.price	span	{margin: 0 2px;font-size: 200%;}
.hikaku-type-table	.price	small	{display: block;}

.hikaku-type-table	.price,.hikaku-type-table	.type,.hikaku-type-table	.marubatsu	{background: rgba(0,0,0,0.03);color: #666}
.hikaku-type-table	.ufb-dual,.hikaku-type-table	.price.ufb-dual,.hikaku-type-table	.type.ufb-dual	{background: none;background: rgba(251,200,0,0.1);color: #ee6e06}

.hikaku-type	th:last-child,
.hikaku-type-table	.ufb-dual	{border-left: 5px solid #fbc800;border-right: 5px solid #fbc800}
.hikaku-type	th:last-child{border-top: 5px solid #fbc800}
.hikaku-type-table	td.last{border-bottom: 5px solid #fbc800;}

.hikaku-type-table	.marubatsu	{font-size: 23px;}
.hikaku-type-table	.maru	{font-size: 23px;font-weight: bold;}

.onlyone	{margin-bottom: 30px;font-size: 120%;font-weight: bold;}
.onlyone	span{display: inline-block;text-align: left;}

.onlyplice	{padding: 20px 10px 10px 10px;border: 3px solid #fbc800;background: #fff;font-size: 130%;font-weight: bold;letter-spacing: 1px;}
.onlyplice	.inner{display: inline-block;text-align: left;}
.onlyplice	.underline{background: linear-gradient(transparent 50%,  #ffff00 0%);}
.onlyplice	strong{font-size: 180%;}

@media only screen and (max-width: 640px) {
.hikaku-type-table	th,.hikaku-type-table	td	{padding: 5px;border: 1px solid #043eb6;font-size: 10px;}
.hikaku-type-table	.price	span	{display: block;margin: 0;font-size: 120%;}
.hikaku-type-table	.marubatsu	{font-size: 100%;}
.hikaku-type-table	.maru	{font-size: 100%;}
.hikaku-type-table	.price	small	{font-size: 70%;}

.onlyplice	{padding: 18px;}
.onlyplice	strong{font-size: 140%;}
}



/*-------------------
　INFORMATION
---------------------*/

/*INFO*/
.information	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.information	ul{display:-webkit-box;display:-ms-flexbox;display:flex;width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 30px;}
.information	ul	li	{-ms-flex-preferred-size: 48%;flex-basis: 48%;padding: 7px 0;}
.information	ul	li	i{margin-right: 5px;}
.information	ul	li	a	{display: block;width: 100%;height: 55px;line-height: 55px;padding: 0;text-align: center;text-decoration: none;border-radius: 19px;}
.information	ul	li:first-child{margin-right: 25px;}
.information	ul	li:first-child	a{color: #333;border: 1px solid #333;font-family: 'Roboto', sans-serif;font-size: 35px;background: rgba(255,255,255,1.0)}
.information	ul	li:last-child	a{color: #fff;background: #303afc;font-size: 25px;font-weight: bold;}
.information	ul	li:last-child	a:hover{background: #333;}

.uketukejikan	{display: block;margin-top: 7px;}

.information-attention	{padding: 15px;background: rgba(255,255,255,1.0);color: #ee6e06;font-size: 25px;font-weight: bold;text-align: center}
.information-attention	span{display: inline-block;text-align: left}

.omakase	{padding: 50px 4%;color:#ee6e06;font-size: 30px;font-weight: bold;text-align: center;line-height: 130%;}
.omakase	span{display: inline-block;}

.w10off	{margin-bottom: 15px;text-align: center;}
.w10off	img	{max-width: 900px;}

@media only screen and (max-width: 980px) {
.information	{margin-right: 0}
.information	ul	{display: block;wwidth: 100%;}

.information	ul	li:first-child{margin: 0;}
.information	ul	li	a	{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px}
.information	ul	li:first-child	a{background: rgba(255,255,255,0.8)}

.omakase	span{text-align: left}
}

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

.information	ul	{margin: 0 0 30px 0;}
.information-attention	{font-size: 20px;}
.omakase	{font-size: 5vw;}
}


/*-------------------
　FOOTER
---------------------*/

#copyright	{position:relative;padding: 20px;color: #fff;background: #333;font-size: 90%;text-align: center;}
#copyright	span{position:absolute;top: 40%;right: 60px;}
#copyright	span	a{color: #fff;}
@media only screen and (max-width: 980px) {
#copyright	span{position:relative;display: block;top: 0;right: auto;padding: 15px 0 0 0;}

}
@media only screen and (max-width: 460px) {#copyright	{font-size: 3.2vw;}}

/*#page-top*/
#page-top{position:fixed;bottom:0;right:0;font-size:150%}
#page-top a{display:block;background:rgba(048,058,252,.9);text-decoration:none;color:#fff;width:50px;height:50px;line-height:50px;text-align:center}
#page-top a:hover{text-decoration:none;color:#ccc;background:hsla(0,0%,92%,.3)}


/*------------------------------
　お問い合わせ /　プライバシー
--------------------------------*/

.page-back	{margin-bottom: 50px;}
.page-back	a{display: block;max-width: 500px;margin: 0 auto;padding: 5px 15px;text-decoration: none;color: #000;border: 1px solid #000;}
.page-back	a:hover{color: #fff;background: #000;}
@media only screen and (max-width: 500px) {
.page-back	a{margin: 0 7%;}
}

/*-------------------
　お問い合わせ
---------------------*/
#cotact-area	{padding: 0 0 50px 0;}
#formWrap{margin:0 auto;color:#555;line-height:120%;text-align: left;}

.contact-title	{margin-bottom: 50px;font-size: 1.5rem;font-weight: bold;text-align:center}


.c-tel	{margin-bottom: 30px;padding: 15px;line-height: 200%;border: 1px solid #ccc;}
.c-tel	a	{font-family: 'Roboto', sans-serif;font-size: 30px;text-decoration: none;color: #000}

.c-msg	{margin-bottom: 1.5em;line-height: 180%;}
.c-msg2	{margin-bottom: 1em;line-height: 180%;}

table.formTable{width:100%;margin:0 auto 50px auto;border-collapse:collapse}
table.formTable td,table.formTable th{padding:15px;border:1px solid #ccc;vertical-align: top}
table.formTable th{width:30%;font-weight:400;background:#efefef;text-align:left}

form	input[type="text"] ,form	input[type="email"] ,textarea{font-size: 1.2rem;line-height: 180%;outline: none; border: 1px solid #ccc;
-moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);
border-radius: 4px;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  box-shadow: 0 0 2px #ff9933;
  border: 1px solid #ff9933;
}

.hissu	{margin-left: 10px;padding: 0.3em;background: #cc6666;color: #fff;font-size: 0.8rem;}
.namae	{width: 80%;}
.kaisyamei	{width: 80%;}
.email	{width: 60%;}
.telnumber	{width: 60%;}
.jisyo	{width: 100%;}
.naiyo	{width: 100%;min-height: 100px;}

.kakunin-title	{margin-bottom: 50px;font-size: 1.2rem;font-weight: bold}
.error-title	{margin-bottom: 50px;}
.error-msg-area	{margin-bottom: 50px;}
.erroer-msg	{margin: 20px 0}
.error_messe	{margin: 0 0 0.5em 0;}

/*iPhone対策*/
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;}

.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom: 50px;}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"]{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;background: #1b62a4;border: 3px solid #1b62a4;color: #fff;transition: all 0.5s;}
.submitarea	input[type="submit"]:hover,.submitarea	input[type="reset"]:hover,.submitarea	input[type="button"]:hover{background: #fff;color: #1b62a4}

@media screen and (max-width:980px){
#cotact-area	{padding: 50px 0;}

#formWrap{width:95%;margin:0 auto}
table.formTable td,table.formTable th{display:block;width:auto;}
table.formTable th{margin-top:5px;border-bottom:0}
table.formTable td{margin-bottom: 15px;}
input[type=text],textarea{width:100%;padding:5px;font-size:110%;display:block}
input[type=button],input[type=reset],input[type=submit]{display:block;width:100%;}
.namae,
.kaisyamei,
.email,
.telnumber		{width: 100%;}
}

/*-------------------
　プライバシーポリシー
---------------------*/
#privacy-area	{padding: 0 0 50px 0;text-align: left}
#privacy-area	p	{margin-bottom: 15px;}
#privacy-area	strong	{display: block;font-weight: bold;}
#privacy-area	a	{color: #333}
@media screen and (max-width:980px){
#privacy-area	{padding: 50px 0;}
}