@charset "UTF-8";

/*  
Theme Name: WSC7
Theme URI: http://wsc.studiobrain.net/
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 0.2.2
Author: Go Imai
Author URI: http://www.studiobrain.net/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}


/*media queries*/
#main{width:720px;float:left;}
#side{width:230px;float:right;}
.side-widget{margin:0 0 20px 0;float:left;width:100%;}
.footer-widget{float:left;width:205px;}

@media screen and (max-width: 900px) {
#main{max-width:640px;margin:auto;display:block;float:none;width:auto;}
#side{border-top:1px solid #ccc;width:100%;float:none;}
.side-widget{border-bottom-style:none;}
}

@media screen and (max-width: 480px) {
#side{clear:both;border-top:1px solid #ccc;}
.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;}
.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}
}



/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear{clear:both;zoom: 1;overflow: hidden;}
.static{clear:both;position:static;}

/*余白*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}

/*style*/

body{margin:0px;padding:0;-webkit-text-size-adjust: none;font:13px/24px "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color:#333;line-height:1.6;width:100%;
    /*--- 画像を常に上下左右の中央に配置 ---*/
    background-position: center center;
        
    /*--- 画像の繰り返し表示を禁止 ---*/
    background-repeat: no-repeat;
        
    /*--- ウィンドウが画像の高さを超えるとき、動かないように固定 ---*/
    background-attachment: fixed;
        
    /*--- 画像を指定した領域に応じて、背景画像を調整 ---*/
    background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
}
#page {width:100%;
background-color:#54C2F0;
background-image: url(images/w3px.png)  ;
background-repeat: repeat-x;
	overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p{margin:0;}
ul,ol{padding:0;margin:0;}
h1{font-size:20px;line-height:22px;}
h2{font-size:18px;line-height:20px;}
h3{font-size:16px;line-height:18px;}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a img{vertical-align:bottom;}
.screen-reader-text{display:none;}


blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
table{margin-bottom:20px;}
object,embed{width:100%;display:block;margin:auto;}

/*space*/
#header,#wrap,#footer-wrap,#footer-bottom{margin:0 auto 0;}
#header{overflow:hidden;}
#wrap{width: 1000px;text-align:center;clear:both;margin: 0 auto;}
#wrap1,#wrap2,#wrap3,#wrap4,#wrap5{width: 1100px;text-align:center;clear:both;margin: 0 auto;position: relative;}
#main{text-align:left;padding:0;}
#main img{max-width:100%;height:auto;}
#main-liquid{width:100%;padding:0;}
#side{padding:0;margin:0;}
#footer{clear:both;padding:0;}
.container {width: 980px;margin: 0 auto;text-align:left;}

/*表示切り替え*/
#pc-mode{display: block;}
#sp-mode,#sp-mode1{display: none;}

#wrapper{
 background: url(images/pcbk.png) no-repeat center center;
}
/*------------ 1120  ------------*/
@media screen and (max-width: 1120px) {
#wrap1,#wrap2,#wrap3,#wrap4,#wrap5{width:100%;}
}
/*
/*------------ 1040  ------------*/
@media screen and (max-width: 1040px) {
#pc-mode{display: none;}
#sp-mode,#sp-mode1{display: block; }
#wrap{width:600px;}
}
/*------------ 640  ------------*/
@media screen and (max-width: 640px) {
#wrap{width:94%;}
}


/*header*/
#site-title{margin:0;padding:0;}
#site-title a{margin: 0;}

/*breadcrumb*/
#breadcrumb{color:#fff;clear:both;font-size:12px;line-height:1.4;padding:20px 10px;max-width:880px;margin:auto;}
#breadcrumb a{color:#fff;text-decoration:none;}

/*content*/
.pagename{margin:15px 0 5px 0;padding:0;font-size:24px;font-weight: 400;}
.hentry{padding:0;margin:15px 0 15px  0;width:100%;}
.hentry .page-title,
.hentry .page-title a{text-decoration:none;font-size:22px;font-weight: 100;margin:5px auto 10px;}
.hentry ul{margin-left:25px;padding-left:0px;list-style-type:disc;}
.hentry ol{margin-left:30px;padding-left:0px;list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:1.4;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}
.eyecatch{display: block;padding:0;margin:0;}

/*navigation*/
.navigation{clear:both;}
.navigation a{}
.navigation a:hover{background-color:#aaa;}
.navigation span{}
.navigation span.current{background-color:#48e;}
.navigation span.pages{background-color:#ccc;}

.navibox{clear:both;position: relative;height: 12px;}
.navibox div.alignleft {position: absolute;left:0;}
.navibox div.alignright { position: absolute;right:0;}
.navibox span.yaleft{float:right;color:#777;margin:4px 5px 0 5px;}
.navibox span.yaright{float:left;color:#777;margin:4px 5px 0 5px;}

/*image*/
.thumbnail-align img{float:right;padding:0;margin:0 0 5px 20px;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}

/*comment*/
#comments{width:100%;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0 10px;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*side-widget*/
.side-widget{}
.side-widget .widget-title{margin:0;font-weight:bold;
    background: #3F692B;
    color: #fff;
    margin: 0;
    padding: 8px;
}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*widget 最近の投稿*/
.side-widget ul li{
    border-bottom: 1px solid #009944;
    padding:12px 10px;
}
.side-widget .post-date {
    display: block;
    width: 100%;
    margin-bottom: 3px;
}
.side-widget a {
font-size:14px;
}
/*widget アーカイブ*/
#archives-5 ul li{
    background: url("images/widget_lst_icon_main.png") no-repeat scroll 10px 18px;
    padding: 14px 0 14px 24px;
}


/*footer*/
#footer-bottom{margin:0 auto 10px;padding:0;text-align:center;}
#copyright{font-size:12px;margin:0 auto ;padding:16px 0 0 0;text-align:center;}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{width:100%;margin:0 auto;}
.footer-widget{padding:15px 10px;margin:0;}
.footer-widget .widget_title{margin:0;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}

/*footer-menu*/
#footer-menu{clear:both;margin:0 auto;}
#footer-menu ul{margin:0 auto;padding:0;max-width:200px;}
#footer-menu li{display:table-cell;border-left:1px solid #ddd;padding:0 10px;margin:0 0 10px 0;}
#footer-menu li:last-child{border-right:1px solid #ddd;}
#footer-menu a{}


/*-----------ページトップ*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
    z-index: 300;
}

#page-top a img{
   width:50px;height:50px;
   	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
}

.ptbox{
	position: relative;
}

.pagetop{
	position: absolute;
	top:-40px;
	right:0;
    z-index: 100;
   width:90px;height:82px;
	margin:  0;
	padding:  0;
    background: url(images/btn_pagetop.png) no-repeat center ;
	background-size:90px 82px;
}
.pagetop:hover{
   	opacity: 0.8;
	filter: alpha(opacity=80);
	cursor:pointer;
}

/*----------- text 装飾*/
hr.titlehr{background-color:#eee;border:none;border-left:200px solid #aaa;height:3px;clear:both;margin:0 auto 20px;}
hr.dotlines{background-color:#fff;border-color:#aaa;border-width:1px;border-top-style:dotted;margin:10px auto;}
/*--front.php---*/
span.date{font-size:13px;font-weight: 400;}
/*--single.php---*/
span.date1{font-size:16px;font-weight: 400;color:#aaa;vertical-align:middle;}
span.cate1 a{color:#fff;background-color:#aaa;padding:0 10px;border-radius:2px;-moz-border-radius:2px;font-size:11px;}


/* 画像ボタン */
a.overwhite{
    background-color:#ffffff;
    display:inline-block;
}
a.overwhite:hover img {
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}