/*
Theme Name: lighttech
Theme URI: 
Author: hatoruru
Author URI: http://hatoruru.com
Description: a lighttech theme
Version: 1.0
*/

/*1.General*/
/*1rem=100px*/
* {  margin:0;  padding:0;  border:0;}
html{font-size:625%; text-align: left; line-height: 1.15; 	-ms-text-size-adjust: 100%;	-webkit-text-size-adjust: 100%;}
body {font-size:0.16rem; font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; background-color:#F5DEB3;}

/*2.Main areas*/
#wrapper  {margin:0 auto; padding-bottom:0.1rem; }
#header   {margin:0 ; 	 overflow:hidden; }
#head_menu{margin:0.1rem 0; width:100%;}
#main     {margin:0.1rem 0;  width:8.7rem;   float:left; clear:both; }
#rside    {margin:0.1rem 0;  width:3.0rem;   float:right;}
#footer   {margin:0;  overflow:hidden;}	
#wrapper,
#header,
#all,
#footer {width:12rem; }
#header,
#head_menu,
.block_bg{border-radius: 0.1rem;}
#head_menu,
.block_bg{background-color:#ffffff;border:0.01rem solid #A9A9A9;}
.block_bg{margin:0.15rem auto; padding:0.2rem 0px 0.1rem 0;  clear:both; }

/*3.Sub areas(divs)*/
.logo {display:none;}
.x{display:none}
blockquote {background-color:#DCDCDC; padding:0.1rem;}
.menu-head-menu-container{margin:0 auto; width:70%;}
.post_intro{margin-left:0.3rem;width:90%; height:1.5rem; overflow:hidden; }
.side_single_post{padding:0 0.2rem;height:0.9rem}
.thumb{margin:0.05rem 0.15rem 0.05rem 0.05rem;float:left;}
.sidebar_thumb{margin:0 0.1rem 0 0;float:left;}
.post_head{margin:0 auto; padding: 0.1rem 0;color: #666;display: block;line-height: 1; text-align:center;}
.post_content{margin:0.25rem auto;}
.ad{margin:0.7rem auto 0.25rem; text-align:center;}
.post_content,
.ad{width:90%; overflow:hidden; }
.linkarea {margin:0 auto;}
.link_before {font-size:0.16rem;float:left; margin:0 0 0.1rem 0.3rem;}
.link_after {font-size:0.16rem;float:right; margin:0 0.3rem 0.1rem 0;}
.side_content_center{margin:0 auto; padding: 0.1rem 0.2rem;color: #666;display: block; text-align:center;}
.single_post{padding: 0 0.2rem;height:1.3rem;}
.comment_list,
.comment_area {font-size:0.16rem;margin:0.1rem 0 0.1rem 0.3rem;}
.comment_info,
.comment_text{font-size:0.16rem;margin:0.1rem 0;}
.dqBox_h {	background: url("images/dqBox_h.png") no-repeat 0px 0px; width: 211px; padding-top: 10px; position: relative; }
.dqBox_f {	background: url("images/dqBox_f.png") no-repeat left bottom; padding-bottom: 10px;}
.dqBox_b {	background: url("images/dqBox_b.png") repeat-y 0px 0px; overflow:hidden;}
.dqBox_other {	background: url("images/dqBox_other.png") no-repeat 0px 0px; width: 211px;}
#footinfo{margin:0 auto; text-align:center;}


/*4.Text*/
h1 {font-size:0.3rem; margin: 0.067em 0;}
h2 {font-size:0.25rem;line-height:1;}
h3 {font-size:0.18rem;line-height:1;}
p {font-size:0.16rem;line-height:1.3;}
.post_intro h2{margin:0.15rem 0; text-align:left; display:block;}
.post_intro p{margin:0.05rem 0; color: #666;  text-align:left; display:block;}
.post_head h1{ color: black;}
.post_content h2,
.post_content h3{margin:0.1rem 0; width:96%; color: black; padding:0.05rem;display: block; border:0.01rem solid  #778899 ; border-radius: 0.03rem; }
.post_content h2{background-color:#E6E6FA;box-shadow: 0.01rem 0.01rem 0.03rem gray;}
.post_content h3{background-color:Azure; }
.post_content p {color:black; margin-bottom:0.3rem; line-height: 1.7;}
.post_content .winnia{color:#00FF99;}
.post_content .sayo{color:#FF9999;}
.post_content .riria{color:#FEE110;}
.post_content .riru{color:#00CCFF;}
.post_content .win{color:#FF99FF;}
.post_content .winnia,
.post_content .sayo,
.post_content .riria,
.post_content .riru,
.post_content .win{font-weight:600;}
p.img_des {color:#CCC; display: block; margin:0 auto; text-align:center;}
.side_content  h2{margin:0 auto; padding: 0.1rem 0.1rem;color: #666;display: block;text-align:center;}
.side_content  p {margin:0 auto; padding: 0.1rem 0.2rem;color: #666;display: block; text-align:left;}
.single_post h3 {text-align:left; font-size:0.23rem;}
.dqBox_b h1 {color:white; margin-left:20px;}
.dqBox_b p {color:white; margin-left:20px;}
input{font-size:0.16rem;}
textarea#comment {font-size:0.16rem; border:0.01rem  solid}
input#author {width:2rem; height:0.3rem; border:0.01rem  solid}
input#email {width:2rem; height:0.3rem; border:0.01rem  solid}

/*5.List*/
.menu-head-menu-container ul li.menu-item {list-style-type:none; float:left;display: block;line-height: 1;}
.nav-links ul {margin: 0;padding: 0;float:left;position:relative;left:-49%;} 
.nav-links ul li {list-style: none;margin:0 0.1rem 0 0;padding:0;float: left;}
.side_content ul{list-style-type:none; margin:0 0.2rem; ;color:#666;}
.side_content ul li{margin:0.1rem 0}
#crumbs ol {list-style-type:none;}
#crumbs ol li {display:inline;}


/*6.Link*/
a{text-decoration:none;}
.menu-item a {font-size:0.16rem;padding: 0.2rem 0.15rem;background:#ffffff;color: #666;text-decoration: none;border-radius: 0.03rem;display: block;line-height: 1;} 
.menu-item a:hover {background: #CCFFFF;border-color: #888;color: #3366FF;}
.post_intro a{color:#000;}
#crumbs a,
.post_content a,
.side_content a,
.ad a,
.side_content ul li a{color:#666;}
#crumbs a:hover {text-decoration:underline; font-weight:600;}
.post_intro a:hover,
.post_content a:hover,
.side_content a:hover,
.ad a:hover {text-decoration:underline; color:#87CEFA;}	
.nav-links ul li a,
.linkarea a{padding: 0.1rem 0.12rem;background: #ddd;color: #666;text-decoration: none;border: 0.01rem solid #ccc;border-radius: 0.03rem;display: block;line-height: 1;}
.nav-links ul li a:hover,
.linkarea a:hover {background: #999;border-color: #888;color: #fff; }


/*7.Image*/
img {max-width:100%; height:auto;}
.thumb img{width:1.2rem;height:1.2rem;border-radius: 0.07rem;box-shadow: 0.03rem 0.03rem 0.03rem #CCC; }
.sidebar_thumb img{width:0.75rem;height:0.75rem;border-radius: 0.07rem;box-shadow: 0.03rem 0.03rem 0.03rem #CCC;}
.post_content img {margin:-0.3rem 0 -0.25rem 0; border-radius: 0.2rem;  border-radius: 0.1rem; box-shadow: 0.05rem 0.05rem 0.1rem #CCC; display: block; }


/*8.Bottom*/
nav.pagination {position: relative;display: block;} 
.nav-links {font-size:0.16rem;position:relative; float:left;left:50%;} 
.nav-links ul li span.current {padding: 0.1rem 0.12rem;background: #777;border: 1px solid #777;display: block;line-height: 1;border-radius: 4px;color: #fff;} 
.submit{margin:0.3rem 0 0 0; padding: 0.1rem 0.12rem;background: #ddd;color: #666;text-decoration: none;border: 0.01rem solid #ccc;border-radius: 0.03rem;display: block;line-height: 1;}

/*9.Form*/
.side_content form {margin:0 auto; padding:0.1rem 0.2rem; }
.side_content input {border: 0.01rem solid #ccc;border-radius: 0.03rem; min-width: 0.1rem;}
input#s {width:70%;}
input#searchsubmit {width:20%;}

/*10.Select*/
.side_content select {margin:0 auto; width:50%; display:block; font-size:0.16rem;color: #666;border: 0.01rem solid #ccc;border-radius: 0.03rem;}

/*11.他*/
#crumbs{margin:0.1rem}
.post_sep{margin:0.1rem auto; width:94%; height:0.05rem;  background-image:url("images/sep.gif");}
.side_content label {display:none;}


/*12.Media*/
@media only screen and ( max-width: 768px ) {
#wrapper{width:100%;}
#header {width:100%;}
#main   {margin:0.2rem auto 0;width:98%; float:none;}
#rside  {margin:0 auto;width:98%; float:none;}
#footer {width:100%;}	
#head_menu{margin:0; width:0.9rem; height:0.5rem; position:fixed;  top:0; right: 0; background-color:rgba(0,0,0,0);}
#head_menu {border:0; border-radius: 0rem; box-shadow: none ;}
.menu-head-menu-container{width:100%;}
.post_intro{margin:0 auto; height:auto;}
.post_content,
.ad{width:90%;}
textarea#comment {width:90%;}

.logo,
.logo img{display:block;  width:0.5rem; height:0.5rem;}
.logo {margin:0 0.1rem;}
.x{display:block;position:absolute;right:0.25rem;top:0.05rem;width:0.4rem;height:0.4rem;-webkit-tap-highlight-color:rgba(255,0,0,0);padding:0}
.x div{position:relative}
.x span{display:block;position:absolute;background-color:#666;height:0.03rem;width:0.4rem;transition:transform .2s;top:0.2rem}
.x .t{top:0.08rem}
.x .b{top:0.32rem}
.o .t{top:0.2rem;transform:rotate(45deg)}
.o .b{top:0.2rem;transform:rotate(-45deg)}
.o .m{background:0}

.menu-head-menu-container ul li.menu-item{width:100%; float:none;}
.menu-head-menu-container ul{z-index:2;display:none;top:0.72rem;left:0;width:100%;box-shadow:0 0.14rem 0.2rem rgba(0,0,0,.2)}
.menu-head-menu-container ul li{display:block;float:none}
.o .menu-head-menu-container ul{display:block;}
.o .menu-head-menu-container ul li a{font-size:0.2rem; text-align:center;padding:0.1rem 0;border-top:0.01rem solid #DCDCDC;}




}