@charset "utf-8";
/*
Theme Name: BloggerLabs
Theme URI:http://hakohako.info
Description:このテーマはとてもシンプルに作られています。特にテーマをカスタマイズしやすいように各記述もシンプルに記述しています。
Author:Tomoya & blvLab
Author URI:http://hakohako.info
Version: 1.0.2
Tags: responsive-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bloggerlabs
Domain Path: /languages

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * TABLE OF CONTENTS
 * -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * style.css						CSS-library
 * outline.css					Common layout.
 * layout.css					Loop & Detailed layout.
 * index.css					Index layout.
 * font.css						Font.
 * editor-style.css			WordPress-Post layout.
 * widget.css					WordPress-widget layout.
 * comments.css			WordPress-comments layout.
 *
 * ----------------------------------------------------------------------------------------------------
 * 00 RESET
 * ----------------------------------------------------------------------------------------------------
 * 01 COMMON
 * ----------------------------------------------------------------------------------------------------
 * 		Font-face Google Web Font
 * 		Base link color
 * 		Facebook Like Box width: 100%
 * ----------------------------------------------------------------------------------------------------
 * 02 IMAGES
 * ----------------------------------------------------------------------------------------------------
 * 		img width: 100%  height:auto;
 * ----------------------------------------------------------------------------------------------------
 * 03 ROLL-OVER
 * ----------------------------------------------------------------------------------------------------
 * 05 CLEAR-FIX
 * ----------------------------------------------------------------------------------------------------
 * 06 MARGIN
 * ----------------------------------------------------------------------------------------------------
 * 		MARGI TOP
 *		MARGI RIGHT
 *		MARGIN BOTTOM
 *		MARGIN LEFT
 * ----------------------------------------------------------------------------------------------------
 * 07 PADDING
 * ----------------------------------------------------------------------------------------------------
 * 		PADDING TOP
 *		PADDING RIGHT
 *		PADDING BOTTOM
 *		PADDING LEFT
 * ----------------------------------------------------------------------------------------------------
 * 08 WIDTH
 * ----------------------------------------------------------------------------------------------------
 * 09 CENTER WIDTH
 * ----------------------------------------------------------------------------------------------------

 * ========================================================================
 */

/* ----------------------------------------------------------------------------------
00 RESET
------------------------------------------------------------------------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,u, ul, var, video { font-family: inherit; font-size: 103%; font-weight: inherit; font-style: inherit;vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup,menu, nav, section, main{ display: block; margin: 0; }
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
table { border-collapse: collapse; border-spacing: 0;}




/* ----------------------------------------------------------------------------------
01 COMMON
------------------------------------------------------------------------------------- */
body { word-wrap: break-word; }

/*no resposive*/
body { min-width: 1024px!important }


/* Base link color ---------------*/
a,a:visited { color: #000; text-decoration:none; }
a:hover { color: #00a0e9; text-decoration:none; }


/* Facebook Like Box width: 100%  ---------------*/
/*.fbcomments,.fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span{ width: 100% !important; }
@media only screen and (max-width:767px) {
	.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span{ height: 306px !important; }
}
@media only screen and (min-width:768px) and (max-width:959px){
	.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span{ height: 150px !important; }
}*/
/*@media only screen and (min-width:960px) {
	.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span{ height: 306px !important; }
}*/
.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span{ height: 306px !important; }
/* ----------------------------------------------------------------------------------
02 IMAGES
------------------------------------------------------------------------------------- */
/* img width: 100%  height:auto;---------------*/
/*@media only screen and (max-width:767px) {
	img{max-width:100%!important; height:auto!important;}
}
@media only screen and (min-width:768px) and (max-width:959px) {
	img{max-width:100%!important; height:auto!important;}
}*/
/*@media only screen and (min-width:960px) {
	img{max-width:100%!important; height:auto!important;}
}*/
img{max-width:100%!important; height:auto!important;}
/* ----------------------------------------------------------------------------------
03 ROLL-OVER
------------------------------------------------------------------------------------- */
/*.alphaOver a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}
a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}*/

/* ----------------------------------------------------------------------------------
04 FLOAT
------------------------------------------------------------------------------------- */
.floatRight{float:right;}
.floatLeft{float:left;}
.floatNone{float:none;}
.caption-L{text-align:left;font-size:10px;}
.caption-R{text-align:right;font-size:10px;}

/* ----------------------------------------------------------------------------------
05 CLEAR-FIX
------------------------------------------------------------------------------------- */
.clearfix:after{content:""; display: block; clear: both; height:0;}
.clearfix{zoom:100%;}

/* ----------------------------------------------------------------------------------
06 MARGIN
------------------------------------------------------------------------------------- */
/* MARGI TOP */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

/* MARGI RIGHT */
.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

/* MARGIN BOTTOM */
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

/* MARGIN LEFT */
.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}

/* ----------------------------------------------------------------------------------
07 PADDING
------------------------------------------------------------------------------------- */
/* PADDING TOP */
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}

/* PADDING RIGHT */
.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}

/* PADDING BOTTOM */
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}

/* PADDING LEFT */
.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl70{padding-left:70px !important;}
.pl80{padding-left:80px !important;}
.pl90{padding-left:90px !important;}
.pl100{padding-left:100px !important;}

/* ----------------------------------------------------------------------------------
08 WIDTH
------------------------------------------------------------------------------------- */
.w30{width:30px;}
.w100{width:100px;}
.w130{width:130px;}
.w150{width:150px;}
.w155{width:155px;}
.w160{width:160px;}
.w165{width:165px;}
.w170{width:170px;}
.w175{width:175px;}
.w180{width:180px;}
.w185{width:185px;}
.w190{width:190px;}
.w195{width:195px;}
.w200{width:200px;}
.w205{width:205px;}
.w210{width:210px;}
.w215{width:215px;}
.w220{width:220px;}
.w225{width:225px;}
.w230{width:230px;}
.w235{width:235px;}
.w240{width:240px;}
.w245{width:245px;}
.w250{width:250px;}
.w255{width:255px;}
.w260{width:260px;}
.w265{width:265px;}
.w270{width:270px;}
.w275{width:275px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w295{width:295px;}
.w300{width:300px;}
.w305{width:305px;}
.w310{width:310px;}
.w315{width:315px;}
.w320{width:320px;}
.w325{width:325px;}
.w330{width:330px;}
.w335{width:335px;}
.w340{width:340px;}
.w345{width:345px;}
.w350{width:350px;}
.w355{width:355px;}
.w360{width:360px;}
.w365{width:365px;}
.w370{width:370px;}
.w375{width:375px;}
.w380{width:380px;}
.w385{width:385px;}
.w390{width:390px;}
.w395{width:395px;}
.w400{width:400px;}
.w405{width:405px;}
.w410{width:410px;}
.w415{width:415px;}
.w420{width:420px;}
.w425{width:425px;}
.w430{width:430px;}
.w435{width:435px;}
.w440{width:440px;}
.w445{width:445px;}
.w450{width:450px;}
.w455{width:455px;}
.w460{width:460px;}
.w465{width:465px;}
.w470{width:470px;}
.w475{width:475px;}
.w480{width:480px;}
.w485{width:485px;}
.w490{width:490px;}
.w495{width:495px;}
.w500{width:500px;}
.w505{width:505px;}
.w510{width:510px;}
.w515{width:515px;}
.w520{width:520px;}
.w525{width:525px;}
.w530{width:530px;}
.w535{width:535px;}
.w540{width:540px;}
.w545{width:545px;}
.w550{width:550px;}
.w555{width:555px;}
.w560{width:560px;}
.w565{width:565px;}
.w570{width:570px;}
.w575{width:575px;}
.w580{width:580px;}
.w585{width:585px;}
.w590{width:590px;}
.w595{width:595px;}
.w600{width:600px;}
.w630{width:630px;}
.w640{width:640px;}
.w650{width:650px;}
.w685{width:685px;}
.w700{width:700px;}
.w730{width:730px;}
.w796{width:796px;}
.w815{width:815px;}
.w980{width:980px;}

/* ----------------------------------------------------------------------------------
09 CENTER WIDTH
------------------------------------------------------------------------------------- */
.cw800{width:800px;margin:0 auto;}
.cw820{width:820px;margin:0 auto;}
.cw840{width:840px;margin:0 auto;}
.cw860{width:860px;margin:0 auto;}
.cw880{width:880px;margin:0 auto;}
.cw900{width:900px;margin:0 auto;}
.cw920{width:920px;margin:0 auto;}
.cw940{width:940px;margin:0 auto;}


/* ----------------------------------------------------------------------------------
10 IMPORT
------------------------------------------------------------------------------------- */
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter{ }