body{font:normal 12px/1.6em Meiryo,"MS PGothic",arial,sans-serif;color:#333;margin:0;}
ul,li{margin:0;padding:0;list-style:none;}
a:hover{text-decoration: none;}
blockquote, dl, fieldset, figure, hr, ol, p, pre, table, ul{margin-bottom:0;}
/*color pink*/
a,.pager a{color:#F26D98;text-decoration: none;}
.pager a{border:1px solid #F26D98;}
.morelink a,.pager a.active{background:#F26D98; }
/*color blue*/
h2,.menu-collapser,.collapse-button,.navbar,.area-dt,center input[type=submit] {background: #388CCB;}
h3,.drawer-brand{color:#388CCB;}
h3{border-bottom-color:#388CCB; }
nav a.drawer-menu-item{border-bottom: 1px dotted #388CCB;color:#388CCB;font-size: 12px;}
.drawer-brand{border-bottom:1px solid #388CCB;}
/*color light blue*/
#form0,.sin,.drawer-nav,.rev p{background: #F0FBFF;}
/*nav*/
.navbar button{width:2em; }
.headerbg{background: #388CCB;position: fixed;height:42px;width: 100%;top:0;left:0;z-index:2;}
.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background: transparent;}
.headerbg > a img{position: absolute;left:15px;top:10px;height: 20px;}

.drawer-hamburger{padding-top:0px;background: url(image/menu.png) center center no-repeat;background-size: 30px auto;}
.drawer-open .drawer-hamburger{background: url(image/close.png) center center no-repeat;background-size: 30px auto;}
.drawer-brand{font-size: 17px;line-height: 40px;}
.drawer-dropdown-menu-item{background: #333;color:#fff;border-bottom: 1px dotted #999;}
.drawer-menu-item{padding: 17px !important;}

h2{color:#fff;padding:10px 15px;margin: 0;font-size:14px;}
h3{padding: 10px;border-bottom: 2px solid ;margin: 0;}
/*form*/
#form0{padding: 0 0 10px;}
.collapse-button{border-radius:4px;border: 1px solid #fff;}
.collapse-button .icon-bar{background:#fff;}

.pt20{
  padding-top: 20px;
}
.inverse{
  background: #000;
  padding: 20px 0;
  color: #fff;
}
.sel {
    position: relative;
}
.sel span{display: inline-block;height:30px;line-height: 30px;width:25%;padding: 0 10px; }
.sel:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "▼";
    font-family: "IonIcons";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:none;
    border-bottom:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
}
.sel select{width:65%;}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}
input#serach_btn{border: none;width:94%;display: block;font-size: 17px;font-weight: bold;padding:11px 0;background: #fff;background: url(https://www.google.com/uds/css/v2/search_box_icon.png) 22% center #388CCB no-repeat;background-size:10px auto; border-radius: 5px;color:#fff;margin:10px auto;}

.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}
/*original*/
.con{margin-top:40px;z-index: 1;}
.con p{padding:15px;}
.topheader img{width: 100%;vertical-align: bottom;}
.indexlist > a {
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    display: block;
    background-image:url(http://imakita-sangyou.com/fx/img/arrow.png);
    background-position:98% center ;
    background-repeat:no-repeat;
    background-size: 20px auto;
}
.indexlist img {
    width: 70px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 10px;
}
.article_each_right {
    padding-left: 80px;
    padding-right: 15px;
    min-height: 72px;
}
.article_each_right_title {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
}
time {    color: #555;}
.clear {clear: both;}
.morelink a{margin:20px;padding: 10px 0;text-align: center;color:#fff;border-radius: 5px;display: block;}
.dllink{text-align: center;margin:10px 0 20px;}
.dllink img{width:90%;}
.chatmeta{clear:both;}
.label2{background: #999;color:#fff;display: inline-block;width:70px;border-radius: 2px;text-align: center;}
/*single*/
.sin{padding: 10px;box-sizing: border-box;}
.sin p{background: #fff;padding: 20px;border-radius: 5px;}
.singlelist a{background: #fff;}
.singlelist img{width: 110px;border-radius: 15px;}
.singlelist .article_each_right {padding-left: 120px;font-size: 15px;min-height: 120px;}
table.detail-table{width:100%;table-layout: fixed;}
table td,th{background: #fff;padding:10px 5px;border-bottom: 2px solid #eee;}
.adminwrap > form th{width: 90px;text-align: left;}
.ankenlink a{margin:20px 10px;padding: 15px 0;}
.singlelist .label2{width:115px;}
.commentarea{height:280px;width:92%;margin:15px auto 10px;overflow: scroll;overflow-x:hidden;border:1px solid #999;border-radius: 5px;}
/*review*/
.rev{padding: 10px;border-bottom: 2px solid #f1f1f1;position: relative;}
.date{text-align: right;}
.hoshi{text-align: right;font-size: 15px;position: absolute;top:28px;right: 10px;}

.s1:before,.ss1:before{content: '★☆';color: #ffc000;margin-right: 5px;}
.s2:before,.ss2:before{content: '★★☆☆☆';color: #ffc000;margin-right: 5px;}
.s3:before,.ss3:before{content: '★★★☆☆';color: #ffc000;margin-right: 5px;}
.s4:before,.ss4:before{content: '★★★★☆';color: #ffc000;margin-right: 5px;}
.s5:before,.ss5:before{content: '★★★★★';color: #ffc000;margin-right: 5px;}
.s1:after{content: '1';color: #f00;font-weight: bold;}
.s2:after{content: '2';color: #f00;font-weight: bold;}
.s3:after{content: '3';color: #f00;font-weight: bold;}
.s4:after{content: '4';color: #f00;font-weight: bold;}
.s5:after{content: '5';color: #f00;font-weight: bold;}
.name{color: #424242;font-weight:; font-size: 13px;}
.date{color: #A4A4A4;font-size: 11px;}
.label1{position: absolute;top:8px;right:10px;padding:1px 5px;border-radius: 3px;background: #f00;color:#fff;}
.label1:empty{padding: 0;}
.chatmeta{font-size:15px;color:#999;}
.label2{font-size:12px;margin-right:5px;}
.rate{color:#f00;font-size:16px;font-weight:bold;}
.star{color: #ffc000;font-size:22px;}
table.detail-table td input,table.detail-table td textarea{width:92%;}
.name img{width:20px;}
.rev h4{position: absolute;top:-5px;font-size: 14px;}
.rev p{margin-top: 3px;padding: 13px;border-radius: 5px;}
.konosaitowo{text-align: right;margin:10px 5px 0;}
center input[type=submit]{color:#fff;border-radius: 5px;margin:10px;width: 95%;border:none;padding:15px;}
textarea{height:10em;padding: 8px 5px;}
input[type=text]{padding: 8px 5px;}
/*page*/
.wrap{margin:15px;}
.entry-wrap{margin:10px 0;}
table.table-striped{font-size: 12px;}
.re-sitename{width:190px;}
hr{margin:0;}
.area-dt {
    color: #fff;
    padding: 5px 10px;
}
.area-a {
    display: block;
    width: 25%;
    height: 2em;
    line-height: 2em;
    float: left;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
/*search*/
.conditions{background: #BFEFFF;margin:15px;border-radius: 5px;padding: 10px;color:#0B8EBA;}
/*pager*/
.pager{margin:20px 0;text-align: center;}
.pager a{background:#fff;display: inline-block;width:45px;height:45px;line-height: 45px;text-align: center;border-radius: 5px;margin:0 5px;}
.pager a.active{color:#fff;}
/*footer*/
.footlinks{padding: 10px 10px;}
.footlinks a{color: #fff;width: 40%;display: inline-block;margin:5px 0 5px 15px;}
footer{background: #999;color:#fff;}
footer p{background: #666;color:#fff;text-align: center;margin: 0;padding: 10px 0;}
/*admin*/
@media screen and (min-width: 0px) and (max-width: 720px) {/*SP*/
    input,select{-webkit-appearance: none;}
}
