@charset "UTF-8";
/* --------------------------------------------------- */
/* reset */
/* --------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong,sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main 
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-weight: normal;font-style: normal;vertical-align: baseline;background: transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;margin: 0;}
body {color: #000;font: 15px/1.7 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;background-color: #ffffff;text-align: left;}
ol, ul {list-style: none;}
img {-ms-interpolation-mode: bicubic;vertical-align: bottom;max-width: 100%;height: auto;width /***/: auto; /* for ie8 */}
a {text-decoration: none;-webkit-transition: all .3s linear;transition: all .3s linear;color: #1111cc;}
a:link { color: #170ac7; }
a:hover {color: #d506fb;}
a:visited { color: #d506fb; }
a:focus {outline: none;}
.wrapper {width: 100%;height: 100%;}

/* --------------------------------------------------- */
/* clearfix */
/* --------------------------------------------------- */
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.title{width:200px;}
.title-td{width:60px;}
.home-p{display: none;}
.home-m{visibility: visible;background-color: #ffffff; }
.menu{position:fixed;top:4px;right:29px;font-size:10px;color:#999;font-weight:bold;}
.pptt{position:fixed;bottom:15px;right:6px;opacity: 1;}
.pptt2{height:40px;}

/* --------------------------------------------------- */


/*スマホ用top:300px*/
.hyousi{position:absolute; teft:0;top:300px;}
.hyousi2{position:absolute; teft:0;top:120px;width:100%;}

.kizi{width:40%;}
.logo{width:70%;padding:0px 35px 0px 0px;}
.photo{width:100%; margin:7px;}
.photo2{width:98%; }
.photo3{width:98%; margin:-5px;border: 3px solid #aaa;}
.photo4{width:98%; }
.hoho{font-size:15px;font-weight:bold;color:#3a3f21;padding:5px;background-color:#ddd;width:600px;}
.hoho2{margin:5px;font-size:13px;font-weight:normal;color:#3a3f21;padding:5px 0px 0px 20px;width:600px; line-height:150%;}

.w{width:95%;padding:5px;font-size:12px;}
table.w td{width:100%;padding:5px;font-size:12px;}
table.ww td{width:100%;padding:5px;font-size:12px;}
.youtube{width:100%;}
table.p td{font-size:12px; line-height:130%;}
.niiza{width:180px;}
.portlate{width:150px;}
.qr{width:93px;}
table.tt td{border: solid 1px;border-color:#ccc;background-color:#fff;line-height:120%;;font-size:11px;}
table.tt th{border: solid 1px;border-color:#ccc;background-color:#aaa;color:#fff;line-height:120%;font-size:11px;}
table.tt {border-collapse:collapse;width:100%;}

.img1{width:100%;}
.img2{width:100%;}
.sougou1{width:100%;}
.lg{width:100%;}
.kakunin{width:100%;}
.fb{width:90%;height:400px;}