@import "reset.css";
@import "font.css";
@import "style-new4.css";
@import "g-navi4.css";
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500');

.pc {
display: block!important
}

.sp {
display: none!important
}

#contact {
background-color: #E2ECF4;
padding-top: 20px;
}

#contact h2 {
margin-bottom: 0;
}

#contact h6 {
clear: both;
font-size: 32px;
font-weight: normal;
text-align: center;
letter-spacing: 0.25em;
font-weight: 100
}

#contact h6 span {
display: block;
font-family: 'Roboto', sans-serif;
font-size: 15px;
letter-spacing: 0.01em;
}

#contact ul {
clear: both;
padding: 30px 90px;
background-color: #E2ECF4;
overflow: hidden
}

#content #contact ul li {
float: left;
font-size: 14px;
line-height: 24px;
text-align: center;
font-weight: bold
}

#content #contact ul li#fnav01 {
padding: 0 0 15px
}

#content #contact ul li#fnav03 {
padding: 0 20px
}

#content #contact ul li a {
display : block;
}

#content #contact ul li a:hover {
color: #A19CBD;
}

#content #contact ul li#fnav02 a {
background: #FFF url(https://www.tb-net.jp/images/icon_co.png) no-repeat center 15px;
width: 240px;
height: 70px;
padding-top: 130px;
}

#content #contact ul li#fnav03 a {
background: #FFF url(https://www.tb-net.jp/images/icon_sa.png) no-repeat center 15px;
width: 240px;
width: 240px;
height: 70px;
padding-top: 130px;
}

#content #contact ul li#fnav04 a {
background: #FFF url(https://www.tb-net.jp/images/icon_as.png) no-repeat center 15px;
width: 240px;
height: 70px;
padding-top: 130px;
}

#contact ul#showroom {
background-color: #E8E4F1;
}

#contact ul#showroom a {
background: #FFF url(https://www.tb-net.jp/images/icon_sr.png) no-repeat center 15px;
width: 760px;
height: 35px;
padding-top: 90px;
color: #796DA9 !important;
}

a:hover img.ro {
opacity: .8;
filter: alpha(opacity=80)
}

div#container-box {
width: 1100px;
margin: 0 auto
}

div#header-container {
width: 1100px;
margin: 0 auto 0;
align: center;
}

div#header-container h1 {
display: none;
}

div#header-top {
margin-top:0;
clear: both
}

div#header-top h2 {
margin-top:0;
clear: both
}

div#header-top h3 {
margin:20px 0 0 0;
float: right;
text-align:right;
font-weight:normal;
}

div#header-top h3 a:hover {
  color: #006699;
  text-decoration: underline;
}

div#header-top h3 a {
margin:0 30px 0 0;
font-size:12px;
color:#999;
}

div#main-picture {
display: none!important
}

div#main-container {
width: 940px;
margin: 20px auto 0;
background-color: #FFF;
clear: both
}

p.topicPath {
height: 57px;
font-size: 100%;
line-height: 1em;
color: #333;
padding-top: 15px
}

div.facebook-button {
clear: both;
padding: 73px 13px 2px;
}

ul#localnavi {
width: 184px;
margin-left: 32px;
font-size: 100%;
line-height: 13px;
color: #333
}

ul#localnavi li {
width: 154px;
padding: 6px 15px;
line-height: 1.5em;
background-color: #F5F5F5;
border-bottom: 1px solid #FFF;
list-style: none
}

ul#localnavi li:hover {
background-color: #E8E8E9;
cursor: pointer
}

ul#localnavi li.none {
background-color: #FFF;
border-top: 4px solid #FFF
}

ul#localnavi li.none:hover {
background-color: #FFF;
cursor: default
}

ul#localnavi li a:link,
ul#localnavi li a:visited {
color: #333
}

ul#localnavi li a:hover {
color: #2484C6
}

ul#colum_localnavi {
width: 196px;
margin-left: 20px;
font-size: 100%;
line-height: 13px;
color: #333
}

ul#colum_localnavi li {
width: 166px;
padding: 0 15px;
line-height: 1.5em;
list-style: none
}

ul#colum_localnavi li:hover {
background-color: #E8E8E9;
cursor: pointer
}

ul#colum_localnavi li.none {
}

ul#colum_localnavi li.none:hover {
cursor: default
}

ul#colum_localnavi li a:link,
ul#colum_localnavi li a:visited {
color: #333
}

ul#colum_localnavi li a:hover {
color: #2484C6
}

ul#pagetop {
width: 850px;
padding-top: 50px;
overflow: hidden;
font-size: 100%;
line-height: 20px;
color: #333;
list-style: none;
clear: both
}

ul#pagetop li {
margin-left: 17px;
padding-left: 23px;
background-repeat: no-repeat;
background-position: left center;
float: right
}

ul#pagetop li.prevpage {
background-image: url(https://www.tb-net.jp/images/com_img/prevpage.gif)
}

ul#pagetop li.nextpage {
background-image: url(https://www.tb-net.jp/images/com_img/nextpage.gif)
}

ul#pagetop li.pagetop {
background-image: url(https://www.tb-net.jp/images/com_img/pagetop.gif)
}

ul#pagetop li.sq {
background-image: url(https://www.tb-net.jp/images/com_img/sq.gif)
}

li.pagetop a:visited {
color: #333
}

li.pagetop a:hover {
color: #2484C6
}

div#footer-load {
width: 940px;
margin: 0 auto;
clear: both
}

a.tel {
text-decoration: none;
cursor: default
}

a.tel:hover {
color: #333
}

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

a.tel {
text-decoration: underline
}

a.tel:hover {
color: #2484C6
}
}

ul#ankar {
width: 740px;
margin: 30px auto
}

ul#ankar li {
width: 98px;
margin-right: 9px;
list-style: none;
float: left
}

ul#ankar li img:hover {
filter: gray();
-webkit-filter: grayscale()
}

div#faq {
width: 740px;
margin: 0 auto;
padding-top: 34px;
color: #333;
clear: both
}

div#faq h2 {
margin: 19px 0 14px;
padding: 10px;
border: 1px solid #CCC;
font-size: 116%;
font-weight: 700
}

p.question {
padding: 0 0 10px 23px;
background-image: url(https://www.tb-net.jp/showroom/images/faq_Q.gif);
background-repeat: no-repeat;
font-weight: 700;
line-height: 17px
}

p.displayNone {
display: none
}

p.displayShow {
width: 707px;
margin-bottom: 17px;
padding: 10px 10px 10px 23px;
background-image: url(https://www.tb-net.jp/showroom/images/faq_A.gif);
background-repeat: no-repeat;
background-color: #F2F2F2;
line-height: 17px
}

p.displayShow a {
padding-left: 1.5em;
background-image: url(https://www.tb-net.jp/images/com_img/nextpage.png);
background-repeat: no-repeat
}

p.displayShow a.none {
padding-left: 0;
background-image: none
}

p.pagetop {
margin: 10px 0 0 653px;
padding-left: 23px;
background-image: url(https://www.tb-net.jp/images/com_img/pagetop.gif);
background-repeat: no-repeat;
background-position: left center;
font-size: 100%;
line-height: 20px
}

p.pagetop a:visited {
color: #333
}

#sitemap .mainBox {
clear: both;
width: 940px;
margin: 0 auto;
overflow: hidden
}

#sitemap .fl {
float: left;
width: 470px
}

#sitemap .fr {
float: left;
width: 470px
}

#sitemap #main-container ul {
padding-left: 1em;
width: 360px
}

#sitemap #main-container ul li {
font-size: 13px;
line-height: 28px;
list-style: square
}

#sitemap #main-container h3 {
width: 420px;
font-size: 16px;
line-height: 28px;
color: #666;
border-bottom: 6px double #666;
margin: 60px 0 10px
}

#sitemap #main-container ul li {
clear: both;
list-style: square;
margin-bottom: 10px
}

#sitemap #main-container ul.subcate {
overflow: hidden;
margin-bottom: 10px
}

#sitemap #main-container ul.subcate li {
clear: none;
list-style: none
}

#sitemap #main-container ul.subcate li a {
background: url(https://www.tb-net.jp/images/arrow.gif) no-repeat left 50%;
display: block;
width: 100%;
padding: 0 0 0 10px
}

#sitemap #main-container ul.subcate li a:hover {
background-color: #F2F8FC
}

div#footer-load iframe {
min-height: 0px;
}

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

p.displayShow a {
background-image: url(https://www.tb-net.jp/images/com_img/nextpage_ios.png)
}
}

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

html,
body {
width: 100%;
height: auto
}

.pc {
display: none !important
}

.sp {
display: block !important
}

.fl,
.fr {
float: none !important
}

.imgfit {
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
position: relative
}

.imgfit img {
position: relative;
width: 100%;
height: auto
}

div#container-box,
div#header-container,
div#container-box,
div#g-navi,
div#main-picture,
div#main-container {
width: auto
}

#main {
width: auto;
float: none;
font-size: 40%;
padding: 0 10px
}

h1,
div#header-top ul {
display: none;
}

div#header-top {
border-top: none;
}

div#header-top h3 {
display: none;
}

div#header-top h2 {
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
text-align: left;
}

div#header-top img {
width:260px;}

div#container-box {
width: auto;
}

div#header-container {
width: auto;
}

div#main-picture {
width: auto;
}

div#main-container {
width: auto;
}

#logo img {
width: 89%;
height: auto
}

p.topicPath {
height: auto;
font-size: 10px;
line-height: 1.8em;
padding: 10px
}

div#footer-load,
#footer,
#footer iframe {
width: auto !important;
}

#footer ul {
display: none;
}

div#footer-load iframe {
min-height: 200px;
}

#contact h6 {
font-size: 20px;
letter-spacing: 0.25em;
font-weight: 100
}

#contact h6 span {
font-family: inherit;
font-size: 15px;
letter-spacing: 0.01em;
}

#contact .section h6 {
margin-bottom: 20px;
}

#contact ul {
width: auto;
padding: 15px 10px 0
}

#contact ul#showroom {
clear: both;
padding: 15px 10px 0
}

#contact ul#showroom a {
background: #FFF url(https://www.tb-net.jp/images/icon_sr.png) no-repeat -0.8em 0.5em;
background-size: 8rem;
}

#content #contact ul li {
float: none;
width: auto;
height: 4rem;
overflow: hidden;
text-align: left;
margin-bottom: 10px;
}

#content #contact ul li#fnav01 {
margin-bottom: 0
}

#content #contact ul li#fnav03 {
padding: 0 0
}

#content #contact ul li#fnav02,
#content #contact ul li#fnav03,
#content #contact ul li#fnav04 {
width: auto;
}

#content #contact ul li#fnav02 a {
font-size: 0.8rem;
line-height: 1.6;
padding-top: 0.8em;
padding-left: 6.5rem;
width: auto;
height: 100%;
}

#content #contact ul li#fnav03 a,
#content #contact ul li#fnav04 a,
#contact ul#showroom a {
font-size: 0.8rem;
line-height: 1.9;
padding-top: 1.4em;
padding-left: 6.5rem;
width: auto;
height: 100%;
}

#content #contact ul li#fnav02 a {
background: #FFF url(https://www.tb-net.jp/images/icon_co.png) no-repeat 0.5em 0.5em;
background-size: 5rem;
}

#content #contact ul li#fnav03 a {
background: #FFF url(https://www.tb-net.jp/images/icon_sa.png) no-repeat 0.5em 0.5em;
background-size: 5rem;
}

#content #contact ul li#fnav04 a {
background: #FFF url(https://www.tb-net.jp/images/icon_as.png) no-repeat 0.5em 0.5em;
background-size: 5rem;
}
}

/* =================================

2019/07/10
SNSボタン記述 追加 

================================= */

#sns-title {
 border-top: 1px solid #CCCCCC;
 text-align: center;
 clear: both;
 padding-top: 20px;
}

@font-face {
 font-family: 'icomoon';
 src: url('../fonts/icomoon.eot?ookgoz');
 src: url('../fonts/icomoon.eot?ookgoz#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ookgoz') format('truetype'), url('../fonts/icomoon.woff?ookgoz') format('woff'), url('../fonts/icomoon.svg?ookgoz#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:400,300');

#social-platforms {
 font-family: 'Roboto', sans-serif;
 font-size: 16px;
 line-height: 1em;
 position: relative;
 font-size: 1rem;
 text-align: center;
 overflow: hidden;
 padding: 10px 0
}

/*#social-platforms ul {
 display: flex;
 justify-content: flex-end;
 flex-wrap: wrap;
 width: 100%;
}*/

#social-platforms ul li {
 height: 50px;
 line-height: 50px;
 min-width: 150px;
 text-align: left;
 display: inline;
}

/*Pen code from this point on*/
.btn_sns {
 clear: both;
 white-space: nowrap;
 font-size: .8em;
 display: inline-block;
 /*border-radius: 5px;
 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);*/
 margin: 2px;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 transition: all .5s;
 overflow: hidden
}

.btn_sns > span,
.btn_sns-icon > i {
 float: left;
 padding: 0 13px;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 transition: all .5s;
 line-height: 1em;
 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'icomoon' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: inherit;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.btn_sns > span {
 padding: 0 18px;
 white-space: nowrap;
 color: #FFF;
 background: #b8b8b8;
 width: 74px;
 text-align: center
}

.btn_sns:focus > span {
 background: #9a9a9a
}

.btn_sns-icon > i {
 /* border-radius: 5px 0 0 5px;*/
 position: relative;
 width: 13px;
 text-align: center;
 font-size: 1.25em;
 color: #fff;
 background: #585757
}

.fa-line:before {
 content: "\e90a";
}

.fa-twitter:before {
 content: "\ea96";
}

.fa-facebook:before {
 content: "\ea90";
}

.fa-facebook2:before {
 content: "\ea91";
}

.fa-pinterest:before {
 content: "\ead2";
}

.fa-pinterest2:before {
 content: "\ead1";
}

.btn_sns-icon > i:after {
 content: "";
 border: 8px solid;
 border-color: transparent transparent transparent #585757;
 position: absolute;
 top: 17px;
 right: -15px
}

.btn_sns-icon:hover > i,
.btn_sns-icon:focus > i {
 color: #FFF
}

/*.btn_sns-icon > span {
 border-radius: 0 5px 5px 0
}*/

/*Facebook*/
.btn_sns-facebook:hover > i,
.btn_sns-facebook:focus > i {
 color: #3b5998
}

.btn_sns-facebook > span {
 background: #3b5998
}

/*Pinterest*/
.btn_sns-pinterest:hover > i,
.btn_sns-pinterest:focus > i {
 color: #cb2028
}

.btn_sns-pinterest > span {
 background: #cb2028
}

/*Twitter*/
.btn_sns-twitter:hover > i,
.btn_sns-twitter:focus > i {
 color: #55acee
}

.btn_sns-twitter > span {
 background: #55acee
}

/*line*/
.btn_sns-line:hover > i,
.btn_sns-line:focus > i {
 color: #1dcd00
}

.btn_sns-line > span {
 background: #1dcd00
}

@media only screen and (max-width:768px) {
#sns-title {
 border-top: none;
 margin-top: 30px;
}

.btn_sns-icon > i {
 width: 30px
}

.btn_sns-icon > span {
 display: none
}
}