@charset "shift-jis";

section{margin:3em auto}
section h2.ttl{font-size:1.4em;font-weight:bold;padding:.2em .5em;border-bottom:3px #1493d6 solid;text-align:left;margin-bottom:2em;}

/*--search--*/
table.tbl{width:95%;margin:0 auto;border-collapse:collapse;border-top:1px #999 solid;border-left:1px #999 solid;}
table.tbl th,table.tbl td{padding:.5em 1em;border-right:1px #999 solid;border-bottom:1px #999 solid;vertical-align:middle}
table.tbl th{font-weight:bold;color:#fff;background:#2196f3;}
table.tbl tr:nth-child(odd) td{background:#fcfcfc;}

.sbtn{width:50%;display:flex;justify-content:space-around;right:1em;bottom:1.5em;margin:2em auto}
.sbtn li{width:45%;text-align:center}
.sbtn input,.sbtn a{text-align:center;color:#fff;padding:.5em 0;cursor:pointer;border:1px solid;width:100%;font-size:1em}
.sbtn a{background:#1593d7;border-color:#1593d7;display:block}
.sbtn input[type="reset"]{background:#9f9f9f;border-color:#9f9f9f}
.sbtn input[type="submit"]{background:#64b6e5;border-color:#64b6e5}
.sbtn .back a{background:#8bc34a;border-color:#8bc34a;display:block}

.sbtn input:hover,.sbtn a:hover{background:#fff;}
.sbtn input[type="reset"]:hover{color:#9f9f9f}
.sbtn input[type="submit"]:hover{color:#64b6e5}
.sbtn a:hover{color:#1593d7}
.sbtn .back a:hover{color:#8bc34a}


/*--kz_list--*/
table.result th{background:#3f51b5;min-width: 4em;}
table.result td span{display:none;}
table.result td span+img{display:block;}
table.result th,table.result td{padding:.2em .5em;font-size:.9em}
table.result td:first-child{width:10%;}
table.result td:last-child a{padding:.2em .5em;color:#fff;background:#f00;border:1px #f00 solid;border-radius:5px;}
table.result td:last-child a:hover{color:#f00;background:#fff;}
table.result td figure img{display:block;width:100%;object-fit:contain}
ul.pager{width:100%;margin:2em auto;display:flex;justify-content:center;}
ul.pager li{width:auto;line-height:2em;display:inline-block;margin:0 .2em;border:1px #888 solid;text-align:center;background:#2196f3;color:#fff;min-width:2em}
ul.pager li a{display:block;background:#e4ecf5;color:#3f51b5;}
ul.pager li a:hover{background:#03a9f4;color:#fff;}

/*--kz_detail--*/
.kzdetail h2.ttl{margin-bottom:1em}
h2.ttl span{display:inline-block; margin:0 .5em; padding:2px 5px; color:#fff; font-size:.8em;border-radius:.5em}
h2.ttl span.new{background:#F81C77;}
h2.ttl span.push{background:#1C60F8;}

ul.cate{border-top: 1px solid #BDBDBD;border-bottom: 1px solid #BDBDBD;background-color:#FFFAE9;padding:1em;display:flex;flex-wrap:wrap;
justify-content:space-around;}
ul.cate li:before{content:"";border:.5em transparent solid;border-left:.5em #f08533 solid;display:inline-block;}
.tel-link a{ width: auto;float: none;display: inline-block;border: none;color: black;text-decoration: underline;}
.tel-link a:hover{color:#0066CC}

div.detail_main{margin:1em auto;overflow:hidden;padding:0 1em;width:90%}
.detail_main figure.f_r{margin-left:1em;}

table.kztbl{margin:2em auto;table-:collapese;/*width:90%*/}
table.kztbl th,table.kztbl td{padding:.5em 1em;border: 1px #fff solid;}
table.kztbl th{background: #D9EDF7;vertical-align: middle;font-weight:bold;width:15%}
table.kztbl td{background:#f4f4f4}

p.olyprt{width:auto;margin:.5em auto;padding:.5em 1em;text-align:left;border:1px #ccc solid;line-height:1.4em;font-size: .7em;background:#fff}
.olyprt+table.kztbl{margin:-2px auto 2em;}


.profile,.prof {font-size:.9em;line-height:1.4em;padding:0px;border: 1px solid #E6B094;width:90%;margin:.5em auto;}
.profile_title {font-weight: bold;background: #F4D2C0;padding: .2em .5em;color: #902300;}
.profile p,.prof p{margin:.2em .5em}
.prof{width:auto;margin:1em auto; background:#fff;overflow:hidden}

ul.inq{margin:2em auto;display:flex;flex-wrap:wrap;justify-content:space-around;width:80%;}
ul.inq li{width:30%;}
ul.inq li a{display:block;font-weight:bold;font-size:1em;color:#fff;text-align:center;padding:.5em 0;border:1px solid}
ul.inq li.inq a{background:#2196f3;border-color: #2196f3}
ul.inq li.entry a{background:#f44336;border-color:#f44336}
ul.inq li.look a{background:#ff9800;border-color: #ff9800}
ul.inq li a:hover{background:#fff;}
ul.inq li.inq a:hover{color:#2196f3}
ul.inq li.entry a:hover{color:#f44336}
ul.inq li.look a:hover{color:#ff9800}

/*--policy--*/
ol.deci{list-style:decimal;padding-left:2em}
.policy ol.deci li{font-size:1.2em;font-weight:bold;color:#3f92d6;margin-bottom:1em}
.policy ol.deci p{padding:.2em .5em;background:#fff;font-weight:normal;border-top:1px #3f92d6 solid;color:#000}
.policy ol.deci ol.deci{padding:.5em .5em .5em 2em;border:1px #ccc solid;border-radius:.5em}
.policy ol.deci ol.deci li{font-size:.9em;font-weight:normal;margin-bottom:0;color:#000}
.policy li dl{padding:.5em;color:#000}
.policy li dt{font-weight:bold;border-bottom:1px #888 solid;background:#ebebeb;margin-bottom:.5em}
.policy li dd{padding-left:1em;font-size:.9em}

/*--faq--*/
.faq ul.tablink{display:flex;justify-content:space-between;}
.faq ul.tablink li{width:30%;}
.faq ul.tablink li a{display:block;text-align:center;color:#fff;border:1px #3b87ca solid;border-bottom:none;background:#9dcaef;padding:.5em 0}
.faq ul.tablink li a:hover{background:#ff8b00;}
.faq ul.tablink li.crt a,.taq ul.tablink li.crt a:hover{background:#3e83df;font-weight:bold}

.faq dl{border:1px #3e83df solid;padding:1em;}
.faq dt,.faq dd{padding-left:3em;position:relative;margin-bottom:.5em;padding-top:.5em}
.faq dt{font-weight:bold;color:#C30000;}
.faq dd{border-bottom:1px #ccc dotted;padding-bottom:1em}
.faq dt:before,.faq dd:before{font-size:1.2em;padding:.2em .5em;display:inline-block;position:absolute;left:0;color:#fff;border-radius:5px;font-weight:bold}
.faq dt:before{content:"Q.";background:#ea1f00;top:0}
.faq dd:before{content:"A.";background:#6f94e1;}
.faq dd ul{list-style:outside;padding-left:1em;margin:1em auto 0}

/*--studio--*/
.about div.flex{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse}
.studio_left{width:25%;}
.studio_left h3{background:#1693d6;text-align:center;color:#fff;font-weight:bold;margin-bottom:1em}
.studio_left ul{display:flex;justify-content:space-around;flex-direction:column;background:#f1f1f1}
.studio_left li{width:100%;margin:0 auto;margin-bottom:1px}
.studio_left li a{display:block;background:#fff;color:#1693d6;padding:.5em .2em;font-size:.9em;border-top:1px #ccc dashed}
.studio_left li a:before{content:"";border:5px transparent solid;border-left:5px #ef8532 solid;display:inline-block;margin-right:.2em}
.studio_left li a:hover{color:#ef8532;backghround:none}
.studio_left li a:hover:before{margin-left:.2em;}
div#map{width:70%;height:800px;}
div#map.w100{width:100%;height:300px}

article.studio{width:70%;}
.studio h3.ttl{position:relative;font-size:1.1em;font-weight:bold;border-bottom:3px #1493d6 solid;overflow:hidden;padding:.5em 0}
.studio h3.ttl a{float:right;font-size:.8em;}
.studio_about{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;margin:2em auto}
.studio_about figure{width:28%;text-align:center}
.studio_data{width:70%;}
.studio_data dl{margin:1em auto;border:1px #ccc solid;background:#fefefe;padding:.5em 1em;}
.studio_data dt{font-weight:bold;margin:.5em 0;padding-top:.5em;border-top:1px #ccc solid}
.studio_data dd p{margin-top:.5em}
.studio_data dd a{font-weight:bold;color:#00830c;border-bottom:1px #fff solid;}
.studio_data dd a:hover{opacity:.8;border-color: #00830c}
.studio_data dd a.blu{color:#2196f3;}
.studio_data dd a.blu:hover{border-color: #2196f3}
.studio_data p.btn{margin:1em auto;}
.studio_data p.btn a{padding:.2em 1em;border:1px #ef8532 solid;border-radius:.5em;color:#fff;display:inline-block;background:#ef8532}
.studio_data p.btn a:hover{color:#ef8532;background:none;}

/*--news_detail--*/
div.news{margin:1em auto 2em;overflow:hidden;}
div.news figure.f_r{margin-left:1em;}

/*--ask_form--*/
.inq form,.rec form{margin:1em auto;}

.atte{padding:1em 2em;border:1px #ccc solid;border-radius:1em;background:#fefefe;margin:1em auto}
b.red{font-size:1.1em;font-weight:bold;}
table.tbl td textarea{width:100%;}

/*--entry--*/
ul.atte li{padding-left:1em;text-indent:-1em;}
div.lect{padding:1em;border:1px #1493d6 solid;margin:2em auto;width:90%;}
div.lect h3{font-size:1.1em;font-weight:bold;padding:.2em 0;border-bottom:1px #ccc solid;color:#1493d6}
div.lect h3+p{text-align:right;margin-bottom:1em;}
span.sml{font-size:.9em;display:block;}

/*--kanji--*/
.kanken .hero{margin:1em auto;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;width:80%}
.kanken .hero div{width:45%;text-align:center}
.kanken h3{color:#630031;font-weight:bold;font-size:1.1em;letter-spacing:.1em;}
.kanken .hero p{color:#f00;font-weight:bold;}
.kanken .hero ul{margin: 2em 0 2em 20%;text-align:left;}
.kanken .hero+ul{margin:0 auto 2em;padding:.5em 1em;display:flex;flex-wrap:wrap;border:4px #888 double;width:80%}
.kanken .hero+ul li{font-size:.9em;font-weight:bold;margin:0 1em;}
.kanken article{margin:0 auto 2em;}
.kanken article h3{color:#f00;text-align:center}
.kanken table{border-collapse;collapse;width:90%;margin:1em auto;border-top:1px #888 solid;border-right:1px #888 solid;}
.kanken table th,.kanken table td{padding:.5em 1em;border-left:1px #888 solid;border-bottom:1px #888 solid;}
.kanken table th{font-weight:bold;background:#ce9c9c;}
.kanken table p{padding-left:1em;text-indent:-1em;color:#f00;}
.kanken time{font-weight:bold;font-size:1.2em;letter-spacing:.1em;}
ul.line{margin-top:-1em;padding: .5em .5em 1em;}
ul.line li{position:relative;border-bottom:1px #000 dashed;}
ul.line li span,ul.line li b{display:inline-block;padding:0 .5em;background:#fff;top:.8em;position:relative;}
ul.line li b{float:right;}
.kanken ul.line{width:50%;}

.kanken dl{width:90%;margin:1em auto;}
.kanken dt{font-weight:bold;font-size:1.1em;margin-top:1em;color:#3f51b5}
.kanken dd{padding-left:1.5em;}
.kanken dd b{font-weight:bold;}
.kanken dt.enj{color:#795548;}
.kanken dt.red{color:#f00;}
.kanken dt.red+dd{color:#ce9c9c;}
.kanken .inq{width:80%;margin:3em auto;border:1px #ccc solid;padding:1em 2em;text-align:center;}
.kanken .inq h4{background:#ce9c9c;color:#fff;margin-bottom:1em;font-weight:bold;font-size:1.1em;padding:.2em}
.kanken .inq h5{font-weight:bold;display:inline-block;}

.olyprt{display:none;}

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

section{margin:1.5em auto;width:95%}
section h2.ttl{font-size:1.2em;margin-bottom:1em;}

/*--search--*/
table.tbl{width:100%;}
table.tbl th,table.tbl td{display:block;}
table.tbl td select,table.tbl td input[type="text"]{width:100%;}
.sbtn{width:95%;}

/*--kz_list--*/
table.result tr:first-child th{display:none;}
table.result td:first-child{width:100%;border-top:1px #888 solid;;text-align:center;}
table.result td figure img{max-width:100%}
table.result td:last-child{border-bottom:9px #888 solid;}
table.result td:last-child a{display:block;margin:0 auto;text-align:center;}
/*table.result td:first-child{width:20%;float:left;background:#fff;margin-right:1em;position:relative;top:20px;left:1px;}
table.result td:nth-of-type(2){border-top:20px #888 solid;}*/
table.result td span{display:block;background:#3f51b5;color:#fff;padding:.2em .5em;margin-bottom:.5em}
ul.pager li{display:none;}
ul.pager li:nth-of-type(-n+4),ul.pager li:last-child{display:block;}

/*--kz_detail--*/
ul.cate{padding:.5em;justify-content:flex-start;}
ul.cate li{margin-right:1em;}
div.detail_main{padding:0;width:98%}
.detail_main figure.f_r{margin-left:0;text-align:center}
table.kztbl{width:100%;}
table.kztbl th,table.kztbl td{display:block;width:100%}
ul.inq li{width:100%;margin:.5em auto}

/*--policy--*/
.policy ol.deci{list-style:decimal;padding-left:1em}
.policy li dl{padding:0;font-size:.9em}
.policy li dd{padding-left:.5em;font-size:.9em}
.policy li dd a{display:inline-block}

/*--faq--*/
.faq ul.tablink li{width:32%}
.faq ul.tablink li a{font-size:1em;}



/*--studio--*/
.studio_left{width:100%;}
.studio_left h3{background:#1693d6;text-align:center;color:#fff;font-weight:bold;margin-bottom:1em}
.studio_left ul{flex-direction:row;background:#f1f1f1;padding:.2em .5em;flex-wrap:wrap;}
.studio_left li{width:47%;margin:.2em}
.studio_left li a{padding-left:1.2em;text-indent:-1em;line-height:1em;font-size:.7em;min-height:3em;}
div#map{width:100%;height:500px;}

article.studio{width:100%;}
.studio_about{flex-direction:row;margin:1em auto}
.studio_about figure{width:100%;text-align:center}
.studio_data{width:100%;}

/*--news_detail--*/
div.news figure.f_r{margin-left:0;}

/*--ask_form--*/
.atte{padding:.5em 1em}

/*--kanji--*/
.kanken .hero{width:100%}
.kanken .hero div{width:95%;text-align:center}
.kanken .hero ul{margin:1em auto;text-align:left;}
.kanken .hero+ul{width:95%}
.kanken article{margin:0 auto 2em;}
.kanken table{width:100%;}
.kanken table th,.kanken table td{display:block;padding:.2em .5em;font-size:.9em;}
.kanken ul.line{width:100%;}
.kanken dl{width:100%;}
.kanken .inq{width:100%;margin:1em auto}

}

@media only screen and (max-width: 480px){
.faq ul.tablink li:nth-of-type(3) a{padding:1.25em 0}
}

/*--tube--*/
.tube {margin: 0 auto;padding: 0;}
.tube iframe {width: 100%;height: 600px;}