@charset "utf-8";
/*
Theme Name: tokuboo.com
Author URI: http://tokuboo.com/
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

body{
font-size:11pt;
font-family:'Lucida Grande', Meiryo, sans-serif;
color:#333;
-webkit-text-size-adjust:100%;
word-break: break-all;
background:#ffffff;
}

h1{
font-size:27pt;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
line-height:30pt;
margin:20px 0;
}

h2{
width:95%;
color:#0068b6;
font-size:16pt;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
padding:0 0 0 5%;
margin:0 0 20px 0;
background:url('/wp/wp-content/uploads/2018/08/lg.png');
background-repeat:no-repeat;
background-position:left center;
background-size:contain;
}

h2{
width:95%;
color:#0068b6;
font-size:16pt;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
padding:0 0 0 5%;
margin:0 0 20px 0;
background:url('/wp/wp-content/uploads/2018/08/lg.png');
background-repeat:no-repeat;
background-position:left center;
background-size:contain;
}

h3{
color:#0068b6;
font-size:12pt;
margin:20px 0 0px 0;
}

h5{
font-size:38pt;
font-family:Ryumin Medium KL,"リュウミン M-KL",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
font-weight:bold;
line-height:30pt;
margin:0 0 20px 0;
}

p{
letter-spacing:2px;
line-height:30px;
margin:0 0 20px 0;
}

.tp-txtf{
color:#fff;
margin:50px auto;
display:table;
text-align:center;
font-size:16pt;
padding:0 2%;
}

.tp-txtl{
padding:0 40px 0 0;
}

.tp-txtr{
padding:0 0 0 40px;
}

img{
max-width:100%;
height:auto;
margin:0 0 -7px 0;
}

.a{
display:block;
}

.b{
display:none;
}

#hd{
width:100%;
background:#fff;
position:fixed;
z-index:100;
box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);
}

#sec{
width:1000px;
padding:10px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:space-between;
}

#sec-cm{
width:1000px;
margin:0 auto;
}

#sec-back1{
padding:40px 0;
background:#fff;
}
#sec-back2{
padding:40px 0;
background:#dff1ff;
}



.txt-area{
width:96%;
margin:0 auto 40px auto;
}

.breadcrumb-back{
width:100%;
margin:0 0 20px 0;
background:#0068b6;
}
.breadcrumb{
width:1000px;
color:#fff;
font-size:10pt;
padding:10px 0 10px 0;
margin:0 auto;
}

.breadcrumb a, .breadcrumb a:hover{
color:#fff;
}

/*-continewm----------*/
.conti-sec{
width:100%;
margin:40px auto;
display:flex;
justify-content:left;
}

.conti-left{
width:40%;
text-align:center;
}
.conti-right{
width:60%;
}

.btn{
width:600px;
color:#fff;
font-size:16pt;
text-align:center;
padding:20px 0;
margin:60px auto;
background:#0068b6;
border:1px solid #fff;
display:block;
}
.btn:hover{
color:#0068b6;
opacity:0.8;
background:#fff;
border:1px solid #0068b6;
}

table.conti-tbl th,
table.conti-tbl td{
font-size:11pt !important;
}


/*rec----------*/

table.rec-tbl{
width:90%;
margin:0 auto;
border-collapse:collapse;
}
table.rec-tbl th{
width:20%;
font-size:10pt;
padding:10px;
border:1px solid #aaa;
}
table.rec-tbl td{
font-size:10pt;
padding:10px;
border:1px solid #aaa;
}

/*ctc------*/
span.tel{
color:#0068b6;
font-size:24pt;
}

.tel-num{
color:#0068b6;
font-size:40pt;
font-weight:bold;
}

.con-frm{
width:100%;
height:2300px;
border:0;
}

/*biz------------*/

.biz-back{
width:100%;
height:160px;
position:relative;
}
.biz-back::before{
background-color:rgba(0,0,0,0.6);
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:' ';
}

.biz-txt{
width:90%;
color:#fff;
font-size:24pt;
font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-weight:bold;
letter-spacing:10px;
text-align:center;
text-shadow: 0px 0px 6px #000;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index:20;
}

.biz-ban-sec{
width:100%;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:left;
}

.biz-ban{
width:23%;
margin:20px 1%;
}


/*abt-----------*/

table.abt-tbl1{
width:92%;
margin:0 auto;
border-collapse:collapse;
}
table.abt-tbl1 th{
width:20%;
font-size:10pt;
text-align:center;
padding:10px;
border:1px solid #aaa;
}
table.abt-tbl1 td{
font-size:10pt;
padding:10px;
border:1px solid #aaa;
}

table.abt-tbl2{
width:92%;
margin:0 auto;
border-collapse:collapse;
}
table.abt-tbl2 th{
width:16%;
font-size:10pt;
text-align:left;
padding:10px;
border-bottom:1px dashed #e5f4ff;
}
table.abt-tbl2 td{
font-size:10pt;
padding:10px;
border-bottom:1px dashed #e5f4ff;
}



/* tp--------------*/

.sli{
width:100%;
margin:70px 0 0 0;
}

table.tp-tbl1{
width:100%;
margin:20px auto;
border-collapse:collapse;
}
tabletp-tbl1 th{
height:140px;
}

.tp-lnk1{
width:100%;
color:#fff;
text-align:center;
padding:10px 0;
background:#97bfdd;
display:block;
}

.tp-lnk1:hover{
color:#fff;
background:#0068b6;
opacity:1.0;
}

.tp-cts{
width:500px;
color:#fff;
text-align:center;
padding:10px 0;
margin:30px auto 0 auto;
background:#97bfdd;
display:block;
}

.tp-cts:hover{
color:#fff;
background:#0068b6;
opacity:1.0;
}

.tp-ban-sec{
width:100%;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:space-between;
}

.tp-img1{
width:32.2%;
margin:6px auto;
}

.tp-img2{
width:24%;
margin:6px auto;
}

.tp-energy-block{
margin:0 auto;
width:23%;
}
.tp-energy-block div{
font-size:13pt;
font-weight:700;
margin:0 0 10px;
}

.tp-energy-image{
width:50%;
padding:0 0 50px 0;
}

.tp-energy-text{
width:calc(50% - 40px);
padding:0 0 50px 40px;
margin:auto 0;
}

/* tpinf
------------------------------------------------------------*/

.tpinf{
width:1000px;
min-height:300px;
padding:50px 0;
margin:0 auto;
}

.tpinf-content{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:left;
}

.tpinf label {
color:#fff;
width:24%;
height:auto;
font-size:10pt;
text-align:center;
padding:6px 0;
margin:0 auto 20px 0;
transition:1s;
opacity:0.8;
background:#b3b3b3;
}

.tpinf label:hover {
color:#fff;
}

.tpinf input:checked + label {
color:#fff;
opacity:1.0;
transition:1s;
background:#0068b6;
}

.tpinf input {
display:none;
}

.tpinf #tpinf-b1,
.tpinf #tpinf-b2,
.tpinf #tpinf-b3,
.tpinf #tpinf-b4{
display:none;
}

.tpinf #tpinf-1:checked ~ #tpinf-b1,
.tpinf #tpinf-2:checked ~ #tpinf-b2,
.tpinf #tpinf-3:checked ~ #tpinf-b3,
.tpinf #tpinf-4:checked ~ #tpinf-b4{
width:100%;
display:block;
}

table.post-ta{
width:100%;
margin:0 auto;
border-collapse:collapse;
border-bottom:1px solid #ddf0ff;
}
table.post-ta th{
width:180px;
font-size:10pt;
text-align:center;
padding:2px 0;
}
table.post-ta td{
font-size:10pt;
padding:2px 0 2px 20px;
}

table.post-ta2{
width:100%;
margin:0 auto;
border-collapse:collapse;
border-bottom:1px solid #ddf0ff;
}
table.post-ta2 th{
width:180px;
font-size:10pt;
text-align:center;
padding:2px 0;
}
table.post-ta2 td{
font-size:10pt;
padding:2px 0 2px 20px;
}

.tonews2-1{color:#fff;background:#e39900;}
.tonews2-2{color:#fff;background:#4366ab;}
.tonews2-3{color:#fff;background:#e46666;}

.line{
width:98%;
margin:8px auto;
border:1px solid #f8f8f8;
}


/* hd------------*/
.hdlogo{
width:300px;
}

ul.cts{
margin:20px 0 0 0;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:space-between;
}

ul.cts li a{
font-size:10pt;
padding:6px 18px 2px 18px;
}

ul.cts li a:hover{
color:#fff;
background:#0068b6;
opacity:1.0;
}

.header-com{
width:100%;
height:240px;
margin:70px 0 0 0;
position:relative;
}
.header-com::before{
background-color:rgba(0,0,0,0.4);
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:' ';
}

.header-txt{
width:90%;
color:#fff;
font-size:24pt;
font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
font-weight:bold;
letter-spacing:10px;
text-align:center;
text-shadow: 0px 0px 6px #000;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index:20;
}

.ac-link{
border:solid 1px #0068b6;
color:#0068b6;
font-size:10pt;
padding:5px 18px;
margin:-17px 0 0;
}
.ac-link div{
font-size:8pt;
}
.ac-link:hover{
color:#fff;
background:#0068b6;
opacity:1;
}


/* ft-----------------------------------*/
#ft-sec{
width:100%;
color:#fff;
font-size:8pt;
padding:50px 0;
text-align:center;
background:#0068b6;
}

.ifrm-mp{
width:100%;
height:400px;
margin:0px 0 -6px 0;
border:0;
}

ul.ft-men{
width:800px;
margin:10px auto 20px auto;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:left;
}

ul.ft-men li{
width:158px;
color:#fff;
font-size:10pt;
text-align:center;
border-left:1px solid #fff;
}

ul.ft-men li a, ul.ft-men li a:hover{
color:#fff;
}


/* lnk------------------------------------------------------------*/
a{
color:#333;
opacity:1.0;
text-decoration:none;
transition:1s;
}

a:hover, a:active{
color:#333;
opacity:0.4;
text-decoration:none;
transition:1s;
}


/* layout------------------------------------------------------------*/

#wrapper, .inner{
margin:0 auto;
width:100%;
overflow: hidden;
}

#header{
text-align: center;
overflow:hidden;
}

#content{
float:none;
width:100%;
margin: 0 auto;
padding:0px 0 0px;
}

#tp-sec1{
background:#0068b6;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:left;
}
#tp-sec2{
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:left;
}

#tp-sec3{
background:#e5f0f8;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:left;
}

.ac-movie{
margin:70px auto 0;
position:relative;
max-width:700px;
width:90%;
}
.ac-movie:before{
content:'';
display:block;
padding-top:60%;
}
.ac-movie iframe{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
height:100%;
width:100%;
}

#com-sec{
width:1000px;
padding:50px 0;
margin:0 auto;
}

.w100{
width:1000px;
padding:50px 0;
margin:0 auto;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:space-between;
}

.w50{
width:50%;
min-height:400px;
display:flex;
align-items:center;
}
.w50a{
width:50%;
min-height:400px;
display:block;
}
.w50b{
display:none;
}

.w50s{
width:50%;
padding:20px 0;
}
.w50l{
width:500px;
padding:30px 0;
margin:0 0 0 auto;
}
.w50r{
width:500px;
padding:30px 0;
margin:0 auto 0 0;
}

.btn1{
color:#fff;
padding:5px 15px;
margin:20px 0 0;
background:#97bfdd;
display:table;
}
.btn1:hover{
background:#0068b6;
color:#fff;
opacity:1;
}


/* u800------------------------------------------------------------*/
@media only screen and (max-width:800px){

body{
background:#ffffff;
width:100%;
padding:0px;
}

#wrapper, .inner{
width:100%;
margin:0 auto;
display:block;
overflow: hidden;
}

#content{
}

.a{
display:none;
}

.b {
display:block;
}

#hd{
display:none;
}

#com-sec{
width:96%;
padding:50px 2%;
margin:0 auto;
}

.w100{
width:96%;
padding:50px 2%;
margin:0 auto;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:space-between;
}

.w50{
width:96%;
padding:0 2%;
margin:0 0 10px 0;
min-height:200px;
display:block;
}
.w50a{
display:none;
}
.w50b{
width:96%;
padding:0 2%;
margin:0 0 10px 0;
min-height:200px;
display:block;
}

.w50s{
width:96%;
padding:20px 2%;
}
.w50l{
width:100%;
padding:20px 0;
margin:0 auto;
}
.w50r{
width:100%;
padding:20px 0;
margin:0 auto;
}

.tp-txtf{
color:#fff;
font-size:100%;
text-align:left;
}

.tp-txtl{
padding:0px;
}

.tp-txtr{
padding:0px;
}

h1{
font-size:20pt;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
line-height:30pt;
margin:0 0 20px 0;
}

h4{
font-size:16pt;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-weight:bold;
line-height:20pt;
margin:20px 0;
}

h5{
font-size:20pt;
font-family:Ryumin Medium KL,"リュウミン M-KL",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
font-weight:bold;
line-height:30pt;
margin:0 0 20px 0;
}


.tp-energy-block{
margin:0 auto 30px;
width:100%;
}
.tp-energy-image{
width:100%;
padding:0 0 20px 0;
}
.tp-energy-text{
padding:0 0 50px;
width:100%;
}


/* tpinf
------------------------------------------------------------*/

.tpinf{
width:1000px;
min-height:300px;
padding:50px 0;
margin:0 auto;
}

.tpinf-content{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

.tpinf label {
color:#fff;
width:24%;
height:auto;
font-size:8pt;
text-align:center;
padding:6px 0;
margin:0 auto 20px auto;
transition:1s;
opacity:0.8;
background:#b3b3b3;
}

.tpinf label:hover {
color:#fff;
}

.tpinf input:checked + label {
color:#fff;
opacity:1.0;
transition:1s;
background:#0068b6;
}

.tpinf input {
display:none;
}

.tpinf #tpinf-b1,
.tpinf #tpinf-b2,
.tpinf #tpinf-b3,
.tpinf #tpinf-b4{
display:none;
}

.tpinf #tpinf-1:checked ~ #tpinf-b1,
.tpinf #tpinf-2:checked ~ #tpinf-b2,
.tpinf #tpinf-3:checked ~ #tpinf-b3,
.tpinf #tpinf-4:checked ~ #tpinf-b4{
width:100%;
display:block;
}

table.post-ta{
width:96%;
margin:0 auto 20px auto;
border-collapse:collapse;
}
table.post-ta th{
width:40%;
font-size:8pt;
text-align:center;
padding:2px;
}
table.post-ta td{
font-size:8pt;
padding:2px;
}

table.post-ta2{
width:100%;
margin:0 auto 20px auto;
border-collapse:collapse;
border-bottom:1px solid #ddf0ff;
}
table.post-ta2 th{
width:40%;
font-size:8pt;
text-align:center;
padding:2px;
}
table.post-ta2 td{
font-size:8pt;
padding:2px;
}

.tonews2-1{color:#fff;background:#e39900;}
.tonews2-2{color:#fff;background:#4366ab;}
.tonews2-3{color:#fff;background:#e46666;}

.line{
width:98%;
margin:8px auto;
border:1px solid #f8f8f8;
}

.tp-img1{
width:98%;
margin:6px auto;
}

.tp-img2{
width:48%;
margin:6px auto;
}

/* res-menu
------------------------------------------------------------*/

#wprmenu_bar .menu_title {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: 0 7% 0 0;
}

.sli{
display:none;
}

ul.ft-men{
width:96%;
margin:10px auto 20px auto;
display:flex;
flex-flow:wrap;
align-items:flex-start;
justify-content:left;
}

ul.ft-men li{
width:19%;
color:#fff;
font-size:8pt;
text-align:center;
margin:10px auto;
border-left:1px solid #fff;
}

ul.ft-men li a, ul.ft-men li a:hover{
color:#fff;
}

.header-com{
width:100%;
height:240px;
margin:0;
position:relative;
}

.breadcrumb{
width:92%;
color:#fff;
font-size:10pt;
padding:10px 0 10px 0;
margin:0 auto;
}

#sec-cm{
width:92%;
margin:0 auto;
}

h2{
width:100%;
color:#0068b6;
font-size:14pt;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
padding:0;
margin:0 0 20px 0;
background:url('');
background-repeat:no-repeat;
background-position:left center;
background-size:contain;
border-bottom:1px solid #0068b6;
}

.biz-ban{
width:48%;
margin:20px 1%;
}

table.rec-tbl{
width:100%;
margin:0 auto;
border-collapse:collapse;
}
table.rec-tbl th{
width:20%;
font-size:9pt;
padding:4px;
border:1px solid #aaa;
}
table.rec-tbl td{
font-size:9pt;
padding:4px;
border:1px solid #aaa;
}

.tel-num{
color:#0068b6;
font-size:20pt;
font-weight:bold;
}

table.abt-tbl1{
width:100%;
margin:0 auto;
border-collapse:collapse;
}
table.abt-tbl1 th{
width:20%;
font-size:9pt;
text-align:center;
padding:4px;
border:1px solid #aaa;
}
table.abt-tbl1 td{
font-size:9pt;
padding:4px;
border:1px solid #aaa;
}

table.abt-tbl2{
width:100%;
margin:0 auto;
border-collapse:collapse;
}
table.abt-tbl2 th{
width:20%;
font-size:9pt;
text-align:left;
padding:4px;
border-bottom:1px dashed #e5f4ff;
}
table.abt-tbl2 td{
font-size:9pt;
padding:4px;
border-bottom:1px dashed #e5f4ff;
}

.txt-area{
width:100%;
margin:0 auto 40px auto;
}

/*-continewm----------*/
.conti-sec{
width:100%;
margin:40px auto;
display:block;
}
.conti-left{
width:100%;
margin:0 0 30px 0;
text-align:center;
}
.conti-right{
width:100%;
}

.btn{
width:90%;
color:#fff;
font-size:12pt;
text-align:center;
padding:20px 0;
margin:60px auto;
background:#0068b6;
border:1px solid #fff;
display:block;
}
.btn:hover{
color:#0068b6;
opacity:0.8;
background:#fff;
border:1px solid #0068b6;
}

table.conti-tbl th,
table.conti-tbl td{
font-size:10pt !important;
}





}