@charset "utf-8";

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

	css/layout.css

-------------------------------------------------- */
/* ------------------------
	body
------------------------ */
body { color: #111; background: #fff; font-size: 14px; font-weight:400; -webkit-text-size-adjust: 100%; font-family: "Mplus 1p"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body *, body p { line-height: 1; -webkit-appearance: none; font-size: 14px; font-weight:400; }
a { color: #dadadd; transition: all .3s; }
a:hover {}

a:link { color: #3991dc; }
a:visited { color: #a24ea7; }
a:hover { color: #dadadd; }
a:active { color: #d99428; }

#pagetop { position:fixed; bottom:20px; right:20px; display:block; width:60px; height:60px; border-radius:30px; text-align:center; background:#dadadd; color:#fff; font-size:22px; line-height:60px; cursor:pointer; display:none; }
#pagetop:before { font-family: FontAwesome; content:"\f106"; }

/* --------------------------------------------------
	#slidewrap
-------------------------------------------------- */
#slidewrap { width: 100%; margin: 0 auto; overflow: visible; }
#slidewrap.open { position: fixed; z-index: 1; }
#slidewrap.open a { pointer-events: none !important; }

/* ------------------------
	wrapper
------------------------ */
#wrapper {}

/* ------------------------
	header
------------------------ */
#header { background:#f5f5f6; }
#header .header-inner { position:relative; width:1200px; margin:0 auto; height:140px; }

#header .header-inner h1 { position:absolute; top:36px; left:0; }
#header .header-inner h1 a { color:#000; }
#header .header-inner h1 a:hover { text-decoration:none; }
#header .header-inner h1 a span { display:block; width:164px; text-align:center; font-weight:600; padding:10px 0 0; transform: rotate(0.028deg); }

/* nav */
#header .header-inner nav { position:absolute; right:0; bottom:0; height:48px; }
#header .header-inner nav ul {}
#header .header-inner nav li { width:109px; height:48px; float:left; padding:0 0 0 2px; position:relative; overflow:hidden; }
#header .header-inner nav li a { display:block; width:109px; height:48px; text-decoration:none; text-align:center; position:relative; top:0; left:0; line-height:44px; z-index:10; color:#111; font-weight:600; transform: rotate(0.028deg); transition:none; }
#header .header-inner nav li a:before { content:' '; position:absolute; display:block; width:109px; height:48px; background:#3f4044; top:43px; left:0; z-index:-1; transition: all .3s; }
#header .header-inner nav li a:hover { color:#fff; transform: rotate(0.028deg); }
#header .header-inner nav li a:hover:before { top:0; }
#header .header-inner nav li:nth-child(1) a:before { background:#b34747; }
#header .header-inner nav li:nth-child(2) a:before { background:#b3953e; }
#header .header-inner nav li:nth-child(3) a:before { background:#78b33e; }
#header .header-inner nav li:nth-child(4) a:before { background:#47b362; }
#header .header-inner nav li:nth-child(5) a:before { background:#47b3b3; }
#header .header-inner nav li:nth-child(6) a:before { background:#4762b3; }
#header .header-inner nav li:nth-child(7) a:before { background:#7f4bb3; }
#header .header-inner nav li:nth-child(8) a:before { background:#666666; }
#header .header-inner nav li:nth-child(9) a:before { background:#b27636; }

/* .searchbox */
#header .header-inner .searchbox { position:absolute; top:34px; right:0;}
#header .header-inner .searchbox dl { float:left; padding:4px 20px 0 0; }
#header .header-inner .searchbox dt { float:left; color:#585c68; font-size:12px; line-height:32px; padding:0 10px 0 0; }
#header .header-inner .searchbox dt:before { font-family: FontAwesome; content: "\f02b"; padding:0 10px 0 0; }
#header .header-inner .searchbox dd { float:left; padding:0 0 0 10px; }
#header .header-inner .searchbox dd a { display:block; background:#dadce2; color:#585c68; line-height:32px; padding:0 20px; border-radius:30px; font-size:12px; }
#header .header-inner .searchbox dd a:hover { text-decoration:none; background:#737782; color:#fff; }
#header .header-inner .searchbox form { float:left; }
#header .header-inner .searchbox input { float:left; width:200px; height:20px; padding:10px; line-height:20px; border:none; font-family: "Mplus 1p"; }
#header .header-inner .searchbox button { float:left; display:block; width:40px; height:40px; cursor:pointer; background:#808097; border:none; padding:0; margin:0; transition: all .3s; }
#header .header-inner .searchbox button:before { float:left; display:block; width:40px; height:40px; font-family: FontAwesome; content:"\f002"; color:#fff; font-size:20px; line-height:40px; text-align:center; margin:-1px 0 0 -1px; }
#header .header-inner .searchbox button:hover { background:#3f4044; }

/*guidebtn*/
#header #guidebtn { position:absolute; top:38px; left:240px; color:#585c68; font-size:12px; line-height:32px; }

#header #guidebtn a { display:block; color:#585c68; font-size:12px; line-height:32px; padding:0 20px; border-radius:30px; background:#dadce2; }
#header #guidebtn a:before { font-family: FontAwesome; content: "\f212"; padding:0 10px 0 0; }
#header #guidebtn a:hover { text-decoration:none; background:#737782; color:#fff; }

/*menubtn*/
#header #menubtn { display:none; }

/* ------------------------
	content
------------------------ */
#content {}
#content .content-inner { width: 1200px; margin: 0 auto; padding: 60px 0; }
#content .content-inner:after { content:''; clear:both; height:0; display:block; visibility: hidden; }

/* ------------------------
	breadcrumbs
------------------------ */
#breadcrumbs { background: #fff; margin: 0; }
#breadcrumbs .breadcrumbs-inner { width: 1200px; margin: 0 auto; height: 44px; }
#breadcrumbs .breadcrumbs-slide span { display: inline-block; line-height: 44px; height: 44px; }
#breadcrumbs .breadcrumbs-slide span a { display: inline-block; line-height: 44px; text-decoration: none; color:#111; }
#breadcrumbs .breadcrumbs-slide span a.home span { display:none; }
#breadcrumbs .breadcrumbs-slide span a.home:before { font-family: FontAwesome; background: #fff; content: "\f015"; display: inline-block; width: 44px; height: 44px; color: #111; text-align: center; line-height: 44px; }
#breadcrumbs .breadcrumbs-slide span a:hover { text-decoration: underline; }
#breadcrumbs .breadcrumbs-slide span .gt { font-family: FontAwesome; display: inline-block; line-height: 44px; padding: 0 5px 0 15px; }

/* ------------------------
	main
------------------------ */
#main { width: 860px; float: left; }

#main .list-kiji-top { overflow:hidden; padding:0 0 50px; }
#main .list-kiji-top article { float:left; width:270px; position:relative; }
#main .list-kiji-top article .pic { padding:0 0 10px; width:270px; height:160px; overflow:hidden; position:relative; }
#main .list-kiji-top article .pic img { position:absolute; width:270px; height:auto; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#main .list-kiji-top article .cat { position:absolute; top:10px; left:10px; }
#main .list-kiji-top article .cat a { display:block; height:46px; border-radius:46px; background:#333; color:#fff; font-size:22px; line-height:46px; padding:0 15px; width:16px; overflow:hidden; }
#main .list-kiji-top article .cat a:before { font-family: FontAwesome; content: "\f0f7"; display:inline-block; width:16px; text-align:center; padding:0 10px 0 0; }
#main .list-kiji-top article .cat a:hover { text-decoration:none; width:auto; }

#main .list-kiji-top article .companies a { background:#b34747; }
#main .list-kiji-top article .pantheon a { background:#b3953e; }
#main .list-kiji-top article .story a { background:#b3953e; }
#main .list-kiji-top article .employment a { background:#78b33e; }
#main .list-kiji-top article .craftsman a { background:#47b362; }
#main .list-kiji-top article .society a { background:#47b3b3; }
#main .list-kiji-top article .politics a { background:#4762b3; }
#main .list-kiji-top article .column a { background:#7f4bb3; }
#main .list-kiji-top article .ma a { background:#666666; }
#main .list-kiji-top article .premium a { background:#b27636; }

#main .list-kiji-top article .companies a:before { content: "\f0f7"; }
#main .list-kiji-top article .pantheon a:before { content: "\f091"; }
#main .list-kiji-top article .story a:before { content: "\f21d"; }
#main .list-kiji-top article .employment a:before { content: "\f0b1"; }
#main .list-kiji-top article .craftsman a:before { content: "\f085"; }
#main .list-kiji-top article .society a:before { content: "\f0ac"; }
#main .list-kiji-top article .politics a:before { content: "\f19c"; }
#main .list-kiji-top article .column a:before { content: "\f0f6"; }
#main .list-kiji-top article .ma a:before { content: "\f2b5"; }
#main .list-kiji-top article .premium a:before { content: "\f16a"; }

#main .list-kiji-top article h1 { font-size:18px; line-height:30px; color:#111; font-weight:600; padding:0 0 10px; }
#main .list-kiji-top article h1 a { font-size:18px; line-height:30px; color:#111; font-weight:600; }
#main .list-kiji-top article time { display:block; padding:0 0 10px; font-size:12px; line-height:16px; color:#a4a7b1; font-weight:600; }
#main .list-kiji-top article time span { display:inline-block; background:#d22626; font-size:10px; line-height:16px; color:#fff; padding:0 5px; margin:0 7px 0 0; }
#main .list-kiji-top article:nth-child(1) { float:none; width:100%; border-bottom:solid 1px #e8e8f0; padding:0 0 20px; margin:0 0 20px; min-height:280px; }
#main .list-kiji-top article:nth-child(1) .pic { position:absolute; width:420px; height:280px; overflow:hidden; padding:0; }
#main .list-kiji-top article:nth-child(1) .pic img { position:absolute; width:420px; height:auto; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#main .list-kiji-top article:nth-child(1) div { padding:0 0 0 450px; }
#main .list-kiji-top article:nth-child(1) div h1 { font-size:28px; line-height:36px; }
#main .list-kiji-top article:nth-child(1) div h1 a { font-size:28px; line-height:36px; }
#main .list-kiji-top article:nth-child(1) div .excerpt { font-size:14px; line-height:1.5; font-weight:500; }
#main .list-kiji-top article:nth-child(2) { margin:0 25px 0 0; }
#main .list-kiji-top article:nth-child(3) { margin:0 25px 0 0; }

#main .list-kiji {}
#main .list-kiji.new-info { background:url(../img/bar_main.gif) no-repeat 0 0; }
#main .list-kiji h1 { font-size:22px; line-height:1.5; font-weight:600; text-align:center; padding:25px 0 40px; }
#main .list-kiji article { position:relative; padding:0 0 20px; margin:0 0 20px; border-bottom:solid 1px #e8e8f0; min-height:160px; }
#main .list-kiji article .pic { padding:0 0 10px; position:absolute; width:270px; height:160px; overflow:hidden; }
#main .list-kiji article .pic img { position:absolute; width:270px; height:auto; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#main .list-kiji article .cat { position:absolute; top:10px; left:10px; }
#main .list-kiji article .cat a { display:block; height:46px; border-radius:46px; background:#333; color:#fff; font-size:22px; line-height:46px; padding:0 15px; width:16px; overflow:hidden; }
#main .list-kiji article .cat a:before { font-family: FontAwesome; content: "\f0f7"; display:inline-block; width:16px; text-align:center; padding:0 10px 0 0; }
#main .list-kiji article .cat a:hover { text-decoration:none; width:auto; }

#main .list-kiji article .companies a { background:#b34747; }
#main .list-kiji article .pantheon a { background:#b3953e; }
#main .list-kiji article .story a { background:#b3953e; }
#main .list-kiji article .employment a { background:#78b33e; }
#main .list-kiji article .craftsman a { background:#47b362; }
#main .list-kiji article .society a { background:#47b3b3; }
#main .list-kiji article .politics a { background:#4762b3; }
#main .list-kiji article .column a { background:#7f4bb3; }
#main .list-kiji article .ma a { background:#666666; }
#main .list-kiji article .premium a { background:#b27636; }

#main .list-kiji article .companies a:before { content: "\f0f7"; }
#main .list-kiji article .pantheon a:before { content: "\f091"; }
#main .list-kiji article .story a:before { content: "\f21d"; }
#main .list-kiji article .employment a:before { content: "\f0b1"; }
#main .list-kiji article .craftsman a:before { content: "\f085"; }
#main .list-kiji article .society a:before { content: "\f0ac"; }
#main .list-kiji article .politics a:before { content: "\f19c"; }
#main .list-kiji article .column a:before { content: "\f0f6"; }
#main .list-kiji article .ma a:before { content: "\f2b5"; }
#main .list-kiji article .premium a:before { content: "\f16a"; }

#main .list-kiji article div { padding:0 0 0 290px; }
#main .list-kiji article div h1 { text-align:left; font-size:18px; line-height:1.5; font-weight:600; padding:0 0 10px; }
#main .list-kiji article div h1 a { font-size:18px; line-height:1.5; font-weight:600; color:#111;  }
#main .list-kiji article div time { display:block; padding:0 0 10px; font-size:12px; line-height:16px; color:#a4a7b1; font-weight:600; }
#main .list-kiji article div time span { display:inline-block; background:#d22626; font-size:10px; line-height:16px; color:#fff; padding:0 5px; margin:0 7px 0 0; }
#main .list-kiji article div .excerpt { line-height:1.5; }
#main .list-kiji .btn-more { display:block; width:320px; margin:40px auto 80px; }
#main .list-kiji .btn-more a { display:block; width:320px; height:60px; line-height:60px; background:#999eac; color:#fff; font-size:18px; font-weight:600; text-align:center; }
#main .list-kiji .btn-more a:after { font-family: FontAwesome; content: "\f105"; padding:0 0 0 10px; }
#main .list-kiji .btn-more a:hover { background:#dadadd; text-decoration:none; }

#main .main-ad { margin:0 0 40px; }

#main .list-cat { overflow:hidden; }
#main .list-cat h1 { border-top:solid 5px #333; font-size:22px; line-height:1.5; font-weight:600; text-align:center; padding:25px 0; display:block; }
#main .list-cat.companies h1 { border-color:#b34747; }
#main .list-cat.pantheon h1 { border-color:#b3953e; }
#main .list-cat.story h1 { border-color:#b3953e; }
#main .list-cat.employment h1 { border-color:#78b33e; }
#main .list-cat.craftsman h1 { border-color:#47b362; }
#main .list-cat.society h1 { border-color:#47b3b3; }
#main .list-cat.politics h1 { border-color:#4762b3; }
#main .list-cat.column h1 { border-color:#7f4bb3; }
#main .list-cat.ma h1 { border-color:#666666; }
#main .list-cat.premium h1 { border-color:#b27636; }
#main .list-cat article { float:left; width:270px; position:relative; }
#main .list-cat article .pic { padding:0 0 10px; width:270px; height:160px; overflow:hidden; position:relative; }
#main .list-cat article .pic img { position:absolute; width:270px; height:auto; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#main .list-cat article .cat { position:absolute; top:10px; left:10px; }
#main .list-cat article .cat a { display:block; height:46px; border-radius:46px; background:#333; color:#fff; font-size:22px; line-height:46px; padding:0 15px; width:16px; overflow:hidden; }
#main .list-cat article .cat a:before { font-family: FontAwesome; content: "\f0f7"; display:inline-block; width:16px; text-align:center; padding:0 10px 0 0; }
#main .list-cat article .cat a:hover { text-decoration:none; width:auto; }
#main .list-cat article .companies a { background:#b34747; }
#main .list-cat article .pantheon a { background:#b3953e; }
#main .list-cat article .story a { background:#b3953e; }
#main .list-cat article .employment a { background:#78b33e; }
#main .list-cat article .craftsman a { background:#47b362; }
#main .list-cat article .society a { background:#47b3b3; }
#main .list-cat article .politics a { background:#4762b3; }
#main .list-cat article .column a { background:#7f4bb3; }
#main .list-cat article .ma a { background:#666666; }
#main .list-cat article .premium a { background:#b27636; }

#main .list-cat article .companies a:before { content: "\f0f7"; }
#main .list-cat article .pantheon a:before { content: "\f091"; }
#main .list-cat article .story a:before { content: "\f21d"; }
#main .list-cat article .employment a:before { content: "\f0b1"; }
#main .list-cat article .craftsman a:before { content: "\f085"; }
#main .list-cat article .society a:before { content: "\f0ac"; }
#main .list-cat article .politics a:before { content: "\f19c"; }
#main .list-cat article .column a:before { content: "\f0f6"; }
#main .list-cat article .ma a:before { content: "\f2b5"; }
#main .list-cat article .premium a:before { content: "\f16a"; }

#main .list-cat article h1 { font-size:18px; line-height:30px; color:#111; font-weight:600; padding:0 0 10px; border:none; text-align:left; }
#main .list-cat article h1 a { font-size:18px; line-height:30px; color:#111; font-weight:600; }
#main .list-cat article time { display:block; padding:0 0 10px; font-size:12px; line-height:16px; color:#a4a7b1; font-weight:600; }
#main .list-cat article time span { display:inline-block; background:#d22626; font-size:10px; line-height:16px; color:#fff; padding:0 5px; margin:0 7px 0 0; }
#main .list-cat article:nth-child(3n+2) { margin:0 25px 0 0; }
#main .list-cat article:nth-child(3n+3) { margin:0 25px 0 0; }
#main .list-cat .btn-more { display:block; width:320px; margin:0 auto; padding:40px 0 60px; clear:both; }
#main .list-cat .btn-more a { display:block; width:320px; height:60px; line-height:60px; background:#999eac; color:#fff; font-size:18px; font-weight:600; text-align:center; }
#main .list-cat .btn-more a:after { font-family: FontAwesome; content: "\f105"; padding:0 0 0 10px; }
#main .list-cat .btn-more a:hover { background:#dadadd !important; text-decoration:none; }

#main .list-cat.companies .btn-more a { background:#b34747; }
#main .list-cat.pantheon .btn-more a { background:#b3953e; }
#main .list-cat.story .btn-more a { background:#b3953e; }
#main .list-cat.employment .btn-more a { background:#78b33e; }
#main .list-cat.craftsman .btn-more a { background:#47b362; }
#main .list-cat.society .btn-more a { background:#47b3b3; }
#main .list-cat.politics .btn-more a { background:#4762b3; }
#main .list-cat.column .btn-more a { background:#7f4bb3; }
#main .list-cat.ma .btn-more a { background:#666666; }
#main .list-cat.premium .btn-more a { background:#b27636; }

/* ------------------------
	page
------------------------ */
#main .page { background: #fff; border-radius: 5px; padding: 20px; margin: 0 0 20px; }

#main .page h1 { font-size: 34px; line-height: 1.6; font-weight:600; border-bottom:solid 4px #dadadd; padding: 0 0 10px; margin: 0 0 20px; }

/* page-content */
#main .page-content { /*border-top: solid 1px #dadadd;*/ padding:0 0 20px 0; border-bottom: solid 1px #dadadd; margin: 0 0 20px; }
#main .page-content * { font-size: 16px; line-height: 1.5; margin: 0 0 15px; max-width:100% !important; height:auto !important; }
#main .page-content br, #main .post-content img, #main .post-content a, #main .post-content span, #main .post-content font { margin: 0; }
#main .page-content .t_h, #main .post-content .t_b, #main .post-content .t_h span, #main .post-content .t_b spa, #main .post-content .t_h br, #main .post-content .t_b br { margin: 0; line-height: 1; }
#main .page-content img { max-width:100% !important; height:auto !important; }
/*#main .page-content h2 { background: #dadadd; font-size: 18px; line-height: 27px; padding: 10px 20px; border-left:solid 4px #dadadd; margin: 40px 0 20px; }
#main .page-content h2:first-child { margin: 0 0 20px; }
#main .page-content h3 { border-left:solid 4px #dadadd; font-size: 16px; line-height: 24px; padding: 5px 20px; margin: 30px 0 20px; }
#main .page-content h4 { border-left: solid 4px #dadadd; padding: 0 0 0 15px; margin: 30px 0 15px; }
#main .page-content h5 { margin: 30px 0 15px; }
#main .page-content h6 { margin: 30px 0 15px; }*/
#main .page-content h2 { font-size: 30px; line-height: 1.6; font-weight:600; padding:0; margin: 40px 0 20px; transform: rotate(0.028deg); }
#main .page-content strong { font-size:inherit; }
#main .page-content h2:first-child { margin: 0 0 20px; }
#main .page-content h3 { font-size: 28px; line-height: 1.6; font-weight:600; padding: 10px 0; margin: 30px 0 20px; transform: rotate(0.028deg); }
#main .page-content h4 { font-size: 24px; line-height: 1.6; font-weight:600; padding: 0; margin: 30px 0 15px; }
#main .page-content h5 { font-size: 22px; line-height: 1.6; font-weight:600; margin: 30px 0 15px; }
#main .page-content h6 { font-size: 20px; line-height: 1.6; font-weight:600; margin: 30px 0 15px; }

#main .page-content strong { font-weight:600; }
#main .page-content p { }
#main .page-content .link-btn { }
#main .page-content .link-btn a { display: inline-block; background: #dadadd; color: #fff; font-size: 16px; line-height: 28px; padding: 10px 20px; border-radius: 30px; }
#main .page-content .link-btn a:after { font-family: FontAwesome; content: "\f054"; padding: 0 0 0 10px; }
#main .page-content .link-btn a:hover { text-decoration: none; }
#main .page-content ul { }
#main .page-content ul li { margin: 0 0 5px; }
#main .page-content ul li:before { content: '・'; }
#main .page-content ol { margin: 0 0 15px; list-style: decimal inside; }
#main .page-content ol li { margin: 0 0 5px; }
#main .page-content dl { border: solid 1px #e2e2e2; border-radius: 5px; padding: 15px; }
#main .page-content dt { font-weight: bold; margin: 0 0 5px; }
#main .page-content dd { }
#main .page-content dd:last-child { margin: 0; }
#main .page-content table { border: solid 1px #dadadd; border-collapse: collapse; width: 100%; }
#main .page-content th { border: solid 1px #dadadd; padding: 10px; background: #f5f5f6; }
#main .page-content td { border: solid 1px #dadadd; padding: 10px; }

/* page-support */
#main .page-support { border: solid 1px #e2e2e2; border-radius: 5px; padding:20px; }

/* ------------------------
	post
------------------------ */
#main .post { background:url(../img/bar_main.gif) no-repeat 0 0; padding: 20px 0; margin: 0 0 40px; }

/* post-header */
#main .post-header { position: relative; padding: 40px 0 10px; }
#main .post-header time { display: block; position: absolute; top: 10px; left: 0; line-height: 22px; font-size: 12px; }
#main .post-header time:before { font-family: FontAwesome; content: "\f133"; display: inline-block; font-size: 13px; line-height: 22px; padding: 0 10px 0 0; }
#main .post-header .cat { display: block; position: absolute; top: 10px; right: 0; }
#main .post-header .cat a { display: block; color: #dadadd; border: solid 1px #dadadd; border-radius: 5px; padding: 2px 7px; font-size: 11px; line-height: 14px; transition: all .3s; }
#main .post-header .cat a:hover { color: #fff; text-decoration: none; background: #dadadd; }
#main .post-header h1 { font-size: 34px; line-height: 1.6; margin: 0; padding: 12px 0 20px; font-weight:600; transform: rotate(0.028deg); }
/*#main .post-header h1:after { content: "..."; }*/

/* post-excerpt */
#main .post-excerpt { position: relative; padding: 10px 0 0 200px; min-height: 140px; margin: 0 0 10px; overflow: hidden; }
#main .post-excerpt .pic { position: absolute; top: 10px; left: 0; width:180px; border-radius: 5px; }
#main .post-excerpt .pic img { width: 180px; height: auto; border-radius: 5px; }
#main .post-excerpt .txt { font-size: 16px; line-height: 26px; margin: 0 0 20px; }
#main .post-excerpt .post-author-link { float: left; display: block; line-height: 30px; }
#main .post-excerpt .post-author-link img { width: 30px; height: 30px; border-radius: 30px; margin: 0 10px 0 0; }
#main .post .tag { float: right; }
#main .post .tag li:first-child:before { font-family: FontAwesome; content: "\f02b"; padding: 0 7px 0 0; }
#main .post .tag li { display: inline; padding: 0 5px 0 0; line-height: 30px; }

/* post-content */
#main .post-content { padding: 20px 0; border-bottom: solid 1px #dadadd; margin: 0 0 20px; }
#main .post-content * { font-size: 16px; line-height: 1.5; margin: 0 0 15px; max-width:100% !important; height:auto !important; }
#main .post-content br, #main .post-content img, #main .post-content a, #main .post-content span, #main .post-content font { margin: 0; }
#main .post-content .t_h, #main .post-content .t_b, #main .post-content .t_h span, #main .post-content .t_b spa, #main .post-content .t_h br, #main .post-content .t_b br { margin: 0; line-height: 1; }
#main .post-content img { max-width:100% !important; height:auto !important; }
#main .post-content h2 { font-size: 30px; line-height: 1.6; font-weight:600; padding:0; margin: 40px 0 20px; transform: rotate(0.028deg); }
#main .post-content strong { font-size:inherit; }
#main .post-content h2:first-child { margin: 0 0 20px; }
#main .post-content h3 { font-size: 28px; line-height: 1.6; font-weight:600; padding: 10px 0; margin: 30px 0 20px; transform: rotate(0.028deg); }
#main .post-content h4 { font-size: 24px; line-height: 1.6; font-weight:600; padding: 0; margin: 30px 0 15px; }
#main .post-content h5 { font-size: 22px; line-height: 1.6; font-weight:600; margin: 30px 0 15px; }
#main .post-content h6 { font-size: 20px; line-height: 1.6; font-weight:600; margin: 30px 0 15px; }
#main .post-content strong { font-weight:600; }
#main .post-content p { }
#main .post-content .link-btn { text-align:center; margin:40px 0; }
#main .post-content .link-btn a { display: inline-block; background: #dadadd; color: #fff; font-size: 18px; font-weight:bold; line-height: 28px; padding: 10px 20px; border-radius: 40px; box-shadow:0 5px 0 -1px #c74e52; }
#main .post-content .link-btn a:after { font-family: FontAwesome; content: "\f054"; padding: 0 0 0 10px; }
#main .post-content .link-btn a:hover { text-decoration: none; }
#main .post-content ul { }
#main .post-content ul li { margin: 0 0 5px; }
#main .post-content ul li:before { content: '・'; }
#main .post-content ol { margin: 0 0 15px; list-style: decimal inside; }
#main .post-content ol li { margin: 0 0 5px; }
#main .post-content dl { border: solid 1px #e2e2e2; border-radius: 5px; padding: 15px; }
#main .post-content dt { font-weight: bold; margin: 0 0 5px; }
#main .post-content dd { }
#main .post-content dd:last-child { margin: 0; }
#main .post-content table { border: solid 1px #dadadd; border-collapse: collapse; width: 100%; }
#main .post-content th { border: solid 1px #dadadd; padding: 10px; background: #f5f5f6; }
#main .post-content td { border: solid 1px #dadadd; padding: 10px; }

/* post-outline */
#main .post-outline { background: #f5f5f6; border: solid 1px #dadadd; border-radius: 5px; padding: 15px; }
#main .post-outline p:first-child { font-weight: bold; margin: 0 0 5px; }
#main .post-outline ul { margin: 0; }
#main .post-outline ul li:last-child { margin: 0; }

/* post-quote */
#main .post-quote { position: relative; background: #fafafa; border: solid 1px #e2e2e2; border-radius: 5px; padding: 15px; }
#main .post-quote:before { font-family: FontAwesome; content: "\f10d"; position: absolute; top: 7px; left: 10px; font-size: 22px; line-height: 28px; color: #ccc; }
#main .post-quote p:first-child { padding: 0 0 0 24px; }
#main .post-quote p { font-size: 12px; line-height: 16px; color: #666; margin: 0 0 10px; }
#main .post-quote p a { font-size: 12px; line-height: 16px; color: #999; }
#main .post-quote p:last-child { margin: 0; }

/* post-link */
#main .post-link { position: relative; background: #fafafa; border: solid 1px #e2e2e2; border-radius: 5px; padding: 15px; }
#main .post-link p { font-size: 12px; line-height: 16px; color: #999; margin: 0 0 10px; }
#main .post-link p a { font-size: 12px; line-height: 16px; color: #999; }
#main .post-link p:last-child { margin: 0; }

/* post-relevant */
#main .post-relevant { overflow: hidden; background: #fafafa; border: solid 1px #e2e2e2; border-radius: 5px; padding: 15px; }
#main .post-relevant p.pic { float: left; width: 95px; margin: 0; }
#main .post-relevant p.pic img { width: 80px; height: 80px; border-radius: 5px; }
#main .post-relevant p.ttl { font-size: 16px; line-height: 24px; font-weight: bold; color: #111; margin: 0; }
#main .post-relevant p { font-size: 14px; line-height: 16px; margin: 0 0 10px; color: #999; }
#main .post-relevant a { display: block; overflow: hidden; }
#main .post-relevant a:hover { text-decoration: none; color: #111; }

/* post-author */
#main .post-author { border: solid 1px #e2e2e2; border-radius: 5px; }
#main .post-author .ttl { background: #fafafa; border-bottom: solid 1px #e2e2e2; border-radius: 5px 5px 0 0; font-size: 16px; line-height: 30px; padding: 10px 15px; margin: 0 0 15px; }
#main .post-author .ttl:before { font-family: FontAwesome; content: "\f007"; padding:0 10px 0 0; }
#main .post-author .post-author-inner { display: table; margin: 0 0 15px; }
#main .post-author .author-image { display: table-cell; width: 100px; padding: 0 15px; vertical-align: top; }
#main .post-author .author-image img { width: 100px; height: 100px; border-radius: 50px; }
#main .post-author .author-image a:hover { }
#main .post-author .post-author-inner div { display: table-cell; padding: 0 15px 0 0; }
#main .post-author .author-name { font-size: 16px; line-height: 24px; font-weight: bold; margin: 5px 0 10px; }
#main .post-author .author-name a { }
#main .post-author .author-profile { font-size: 14px; line-height: 21px; }
#main .post-author .author-link { text-align: right; margin: 10px 0 0; }
#main .post-author .author-link a { display: inline-block; background: #dadadd; color: #fff; font-size: 16px; line-height: 28px; padding: 10px 20px; border-radius: 30px; }
#main .post-author .author-link a:after { font-family: FontAwesome; content: "\f054"; padding: 0 0 0 10px; }
#main .post-author .author-link a:hover { text-decoration: none; }

/* nav-next-prev */
#main .nav-next-prev { margin: 0 0 30px; }
#main .nav-next-prev ul { display: block; overflow: hidden; }
#main .nav-next-prev li { display: block; width: 50%; }
#main .nav-next-prev li.prev { float: left; }
#main .nav-next-prev li.next { float: right; }
#main .nav-next-prev li a { display: block; overflow: hidden; background: #dadadd; border-radius: 5px; margin: 0 0 0 10px; padding: 0 20px 0 0; position: relative; font-size: 14px; line-height: 21px; }
#main .nav-next-prev li.prev a { margin: 0 10px 0 0; padding: 0 0 0 20px; }
#main .nav-next-prev li a span { display:block; overflow: hidden; border-radius:5px 0 0 5px; padding: 20px; background:#fff; }
#main .nav-next-prev li.prev a span { border-radius:0 5px 5px 0; }
#main .nav-next-prev li a:after { font-family: FontAwesome; content: "\f054"; color: #999; font-size: 14px; line-height: 20px; margin: -10px 0 0; position: absolute; top: 50%; right: 5px; color:#fff; }
#main .nav-next-prev li.prev a:after { content: "\f053"; left: 5px; }
#main .nav-next-prev a img { width: 60px; height: 60px; border-radius: 5px; float: left; margin: 0 15px 0 0; }

/* post-tag-list */
#main .post-tag-list { background: #fff; padding: 0 20px 20px; border-radius: 5px; margin: 0 0 30px; }
#main .post-tag-list h1 { border-bottom: solid 1px #dadadd; font-size: 16px; line-height: 30px; padding: 10px 0 7px; margin: 0 0 15px; }
#main .post-tag-list ul { }
#main .post-tag-list li { display: inline-block; margin: 5px; }
#main .post-tag-list li a { color: #999; display: inline-block; border: solid 1px #666; border-radius: 5px; font-size: 14px; line-height: 21px; padding: 5px 10px 5px 5px; transition: all .3s; }
#main .post-tag-list li a:before { font-family: FontAwesome; content: "\f02b"; padding: 0 5px; }
#main .post-tag-list li a:hover { background: #dadadd; color: #fff; text-decoration: none; }

/* post-comment */
#main .post-comment { background: #fff; padding: 0 0 20px; border-radius: 5px; margin: 0 0 30px; }

#main .post-comment h1 { color: #fff; background: #dadadd; height: 54px; line-height: 54px; border-radius: 5px 5px 0 0; padding: 0 15px 0 15px; font-size: 16px; font-weight: bold; position:relative; }
/*#main .post-comment h1:before { position:absolute; font-family: FontAwesome; content: "\f075"; display:inline-block; top:-5px; left:7px; width:40px; height:40px; line-height:40px; text-align:center; background:#fff; color:#dadadd; border:solid 5px #dadadd; border-radius:30px; }*/
#main .post-comment .post-comment-inner { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; padding:0 20px; }
#main .post-comment .post-comment-inner h2 { background: none; color: #111; border-left: solid 3px #2a4583; font-size: 16px; line-height: 1.2; margin: 0 0 10px; padding: 0 0 0 10px; font-weight: normal; border-radius: 0; }
#main .post-comment .post-comment-inner #respond { padding: 20px 0 0; margin: 0 0 20px; }
#main .post-comment .post-comment-inner #respond p { margin:0 0 10px; }
#main .post-comment .post-comment-inner #respond p#throwsSpamAway { font-size: 12px; color: #999; text-align:center; padding:10px 0 0; }
#main .post-comment .post-comment-inner #respond p input#author { width: 180px; border-radius: 5px; border: solid 1px #ccc; font-size: 13px; line-height: 18px; padding: 5px; }
#main .post-comment .post-comment-inner #respond p textarea { width: 95%; border-radius: 5px; border: solid 1px #ccc; font-size: 13px; line-height: 18px; padding: 2%; resize: vertical; margin: 0 0 10px; }
#main .post-comment .post-comment-inner #respond p.form-submit { text-align: center; }
#main .post-comment .post-comment-inner #respond p input#submit { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; padding: 5px; width: 120px; height: 40px; text-align: 40px; border-radius: 5px; border: none; background: #aaa; color: #eee; cursor: pointer; transition: all .3s; font-size: 14px; }
#main .post-comment .post-comment-inner #respond p input#submit:hover { background: #dadadd; color: #fff; }
#main .post-comment .post-comment-inner .comment-list { padding: 20px 0 0; margin: 0 0 20px; }
#main .post-comment .post-comment-inner .comment-list li { font-size: 13px; line-height: 15px; }
#main .post-comment .post-comment-inner .comment-list li * { font-size: 13px; line-height: 15px; }
#main .post-comment .post-comment-inner .comment-list li dl { margin: 0 0 30px; }
#main .post-comment .post-comment-inner .comment-list li dt { font-size: 10px; margin: 0 0 10px; }
#main .post-comment .post-comment-inner .comment-list li dt span.name { font-size: 12px; font-weight: bold; color: #008000; }
#main .post-comment .post-comment-inner .comment-list li dt span.time { font-size: 12px; color: #666; text-indent: 1em; }
#main .post-comment .post-comment-inner .comment-list li dt span.time a { font-size: 10px; margin: 0 0 0 10px; }


/* ------------------------
	form
------------------------ */
#main .form-content {}

#main .form-content table { border-top: solid 1px #dadadd; border-collapse: collapse; width: 100%; margin:0 0 40px; }
#main .form-content th { border-bottom: solid 1px #dadadd; padding: 20px; vertical-align:top; text-align:right; font-size:18px; font-weight:600; }
#main .form-content th span { display:inline-block; background:#c00; color:#fff; font-size:10px; padding:0 5px; margin:0 0 0 5px; }
#main .form-content td { border-bottom: solid 1px #dadadd; padding: 20px; }
#main .form-content td label { cursor:pointer; }
#main .form-content td label input[type="radio"] { -webkit-appearance: radio; margin:1px 10px 0 0;}


#main .form-content .formbtn { text-align:center; }
#main .form-content .formbtn input { display:inline-block; height:60px; background:#999eac; font-size:18px; line-height:60px; border-radius:15px;padding:0 60px; position:relative; border:none; font-family: "Mplus 1p"; cursor:pointer; color:#fff; font-size:22px; font-weight:700; transition: all .3s; }
#main .form-content .formbtn input:hover { background:#dadadd; text-decoration:none; }

/* ------------------------
	sns
------------------------ */
#main .sns { width: 100%; display: block; margin: 0 0 20px; overflow:hidden; }
#main .snstext { font-size: 13px; vertical-align: middle; padding-left: 10px; }
#main .snscount { font-size: 13px; vertical-align: middle; padding: 0 10px; }
#main .sns li { display: block; float:left; width: 20%; text-aligh: center; }
#main .sns li a { font-size: 15px; position: relative; display: block; padding: 5px 10px 5px 15px; color: #fff; border-radius: 3px; text-decoration: none; height: 28px; margin: 0 5px; cursor: pointer; vertical-align: middle; line-height: 25px; transition: all .3s; }
#main .sns li:first-child a { margin: 0 5px 0 0; }
#main .sns li:last-child a { margin: 0 0 0 5px; }

/* twitter */
#main .sns .twitter a { background: #55acee; }
#main .sns .twitter a:hover { background: #4892cb; }
#main .sns .twitter a:before { font-family: FontAwesome; content: "\f099"; border-right: 1px solid #9ACFF4; padding-right: 15px; }

/* facebook */
#main .sns .facebook a { background: #3b5998; }
#main .sns .facebook a:hover { background: #324c81; }
#main .sns .facebook a:before { font-family: FontAwesome; content: "\f09a"; border-right: 1px solid #607BB2; padding-right: 15px; }

/* google */
#main .sns .googleplus a { background: #dc4e41; }
#main .sns .googleplus a:hover { background: #bb4237; }
#main .sns .googleplus a:before { font-family: FontAwesome; content: "\f0d5"; border-right: 1px solid #E0776D; padding-right: 13px; }

/* hatebu */
#main .sns .hatebu a { background: #00a5de; }
#main .sns .hatebu a:hover { background: #008cbd; }
#main .sns .fa-hatena { border-right: 1px solid #48B6DB; padding-right: 15px; }

/* LINE */
#main .sns .line a { background: #25af00; }
#main .sns .line a:hover { background: #219900; }
#main .sns .line a:before { font-family: FontAwesome; content: "\f075"; border-right: 1px solid #29c200; padding-right: 15px; }

/* ------------------------
	pager
------------------------ */
#pager { margin: 0 0 20px; }
#pager .wp-pagenavi { text-align: center; }
#pager .wp-pagenavi span { }
#pager .wp-pagenavi span.current { display: inline-block; background: #dadadd; color: #fff; border: solid 1px #dadadd; padding: 7px 10px; margin: 0 4px; font-size: 16px; line-height: 18px; }
#pager .wp-pagenavi span.extend { }
#pager .wp-pagenavi a { display: inline-block; background: #fff; color: #dadadd; border: solid 1px #dadadd; padding: 7px 10px; margin: 0 4px; font-size: 16px; line-height: 18px; transition: all .3s; }
#pager .wp-pagenavi a:hover { background: #dadadd; color: #fff; text-decoration:none; }

/* ------------------------
	side
------------------------ */
#side { width: 300px; float: right; }
#side .widget { margin: 0 0 30px; }

#side .list-rank { background:url(../img/bar_side.gif) no-repeat 0 0; }
#side .list-rank h2 { font-size:18px; line-height:2; text-align:center; font-weight:600; padding:10px 0; }
#side .list-rank-inner { background:#f5f5f6; padding:10px 0; margin:0 0 10px; }
#side .list-rank-inner div { margin:0 20px; border-bottom:solid 1px #dadadd; }
#side .list-rank-inner div:last-child { border:none; }
#side .list-rank-inner div a { display:block; position:relative; min-height:60px; padding:10px 0 10px 70px; color:#111; }
#side .list-rank-inner .cat { position:absolute; top:3px; left:-7px; display:block; width:27px; height:27px; line-height:27px; background:#333; color:#fff; font-size:12px; text-align:center; z-index:2; border-radius:27px; }
#side .list-rank-inner .cat.companies { background:#b34747; }
#side .list-rank-inner .cat.pantheon { background:#b3953e; }
#side .list-rank-inner .cat.story { background:#b3953e; }
#side .list-rank-inner .cat.employment { background:#78b33e; }
#side .list-rank-inner .cat.craftsman { background:#47b362; }
#side .list-rank-inner .cat.society { background:#47b3b3; }
#side .list-rank-inner .cat.politics { background:#4762b3; }
#side .list-rank-inner .cat.column { background:#7f4bb3; }
#side .list-rank-inner .cat.ma { background:#666666; }
#side .list-rank-inner .cat.premium { background:#b27636; }

#side .list-rank-inner .pic { position:absolute; top:10px; left:0; width:60px; height:60px; overflow:hidden; }
#side .list-rank-inner .pic img { position:absolute; width:60px; height:auto; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#side .list-rank-inner .ttl { font-size:12px; line-height:20px; color:#111; }
#side .list-rank .btn-more { display:block; width:300px; }
#side .list-rank .btn-more a { display:block; width:300px; height:40px; line-height:40px; background:#999eac; color:#fff; font-size:12px; font-weight:600; text-align:center; }
#side .list-rank .btn-more a:after { font-family: FontAwesome; content: "\f105"; padding:0 0 0 10px; }
#side .list-rank .btn-more a:hover { background:#dadadd; text-decoration:none; }

#side .list-info { background:url(../img/bar_side.gif) no-repeat 0 0; }
#side .list-info h2 { font-size:18px; line-height:2; text-align:center; font-weight:600; padding:10px 0; display:block; width:100%; position:relative; }
#side .list-info h2 span { background:#b4b7c0; font-size:10px; line-height:20px; color:#fff; padding:0 10px; position:absolute; top:50%; right:0; margin:-10px 0 0; }
#side .list-info-inner { background:#f5f5f6; padding:10px 0; margin:0 0 10px; }
#side .list-info-inner div { margin:0 20px; border-bottom:solid 1px #dadadd; }
#side .list-info-inner div:last-child { border:none; }
#side .list-info-inner div a { display:block; position:relative; min-height:60px; padding:10px 0 10px 70px; color:#111; }
#side .list-info-inner .pic { position:absolute; top:10px; left:0; width:60px; height:60px; overflow:hidden; }
#side .list-info-inner .pic img { position:absolute; width:60px; height:auto; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#side .list-info-inner .ttl { font-size:12px; line-height:20px; color:#111; }

#side .new-book { background:url(../img/bar_side.gif) no-repeat 0 0; }
#side .new-book h2 { font-size:18px; line-height:2; text-align:center; font-weight:600; padding:10px 0; display:block; width:100%; position:relative; }
#side .new-book-inner { background:#f5f5f6; padding:20px; margin:0 0 10px; }
#side .new-book-inner div { min-height:170px; padding:0 0 0 135px; position:relative; }
#side .new-book-inner .pic { position:absolute; top:0; left:0; }
#side .new-book-inner .pic img { width:120px; height:auto; }
#side .new-book-inner .ttl { font-size:14px; line-height:22px; font-weight:600; margin:0 0 8px; }
#side .new-book-inner .ttl span { display:block; font-size:14px; line-height:22px; font-weight:600; }
#side .new-book-inner .ttl a { color:#111; font-size:14px; line-height:22px; font-weight:600; }
#side .new-book-inner .price { font-size:10px; color:#61616f; margin:0 0 8px; }
#side .new-book-inner .txt { font-size:10px; line-height:18px; }
#side .new-book .btn-book { display:block; width:300px; margin:0 0 10px; position:relative; }
#side .new-book .btn-book a { display:block; width:300px; height:40px; line-height:40px; background:#dc7b46; color:#fff; font-size:12px; font-weight:600; text-align:center; }
#side .new-book .btn-book a:after { font-family: FontAwesome; content: "\f105"; padding:0 0 0 10px; }
#side .new-book .btn-book a:before { font-family: FontAwesome; content: "\f08e"; position:absolute; top:0; right:10px; }
#side .new-book .btn-book a:hover { background:#dadadd; text-decoration:none; }
#side .new-book .btn-elect { display:block; width:300px; position:relative; }
#side .new-book .btn-elect a { display:block; width:300px; height:40px; line-height:40px; background:#cb9c2d; color:#fff; font-size:12px; font-weight:600; text-align:center; }
#side .new-book .btn-elect a:after { font-family: FontAwesome; content: "\f105"; padding:0 0 0 10px; }
#side .new-book .btn-elect a:before { font-family: FontAwesome; content: "\f08e"; position:absolute; top:0; right:10px; }
#side .new-book .btn-elect a:hover { background:#dadadd; text-decoration:none; }

#side .new-book .btn-guide { display:block; width:300px; margin:0 0 10px; position:relative; }
#side .new-book .btn-guide a { display:block; width:300px; height:40px; line-height:40px; background:#dc7b46; color:#fff; font-size:12px; font-weight:600; text-align:center; }
#side .new-book .btn-guide a:after { font-family: FontAwesome; content: "\f105"; padding:0 0 0 10px; }
#side .new-book .btn-guide a:hover { background:#dadadd; text-decoration:none; }
/* ------------------------
	footer
------------------------ */
#footer { background:#303237; }
#footer .footer-inner { width:1200px; margin:0 auto; padding:40px 0; }
#footer .footer-social { float:left; width:370px; height:215px; }
#footer .footer-category { float:right; width:760px; }
#footer .footer-category { padding:0 0 80px; }
#footer .footer-category dl { overflow:hidden; }
#footer .footer-category dt { color:#fff; font-size:18px; font-weight:600; transform: rotate(0.028deg); margin:0 0 20px; }
#footer .footer-category dd { display:block; width:180px; height:40px; float:left; padding:0 20px 20px 0; }
#footer .footer-category dd a { display:block; width:180px; height:40px; line-height:40px; background:#345; color:#fff; text-align:center; font-size:14px; font-weight:600; transform: rotate(0.028deg); }
#footer .footer-category dd a:hover { text-decoration:none; }
#footer .footer-category dd:nth-child(2) a { background:#b34747; }
#footer .footer-category dd:nth-child(3) a { background:#b3953e; }
#footer .footer-category dd:nth-child(4) a { background:#78b33e; }
#footer .footer-category dd:nth-child(5) a { background:#47b362; }
#footer .footer-category dd:nth-child(6) a { background:#47b3b3; }
#footer .footer-category dd:nth-child(7) a { background:#4762b3; }
#footer .footer-category dd:nth-child(8) a { background:#7f4bb3; }
#footer .footer-category dd:nth-child(9) a { background:#666666; }
#footer .footer-category dd:nth-child(10) a { background:#b27636; }
#footer .footer-bottom { clear:both; border-top:solid 1px #5d6068; overflow:hidden; padding:30px 0; }
#footer .footer-bottom address { font-style:normal; color:#979ca7; float:left; font-size:12px; }
#footer .footer-bottom ul { float:right;}
#footer .footer-bottom li { float:left; padding:0 0 0 15px; }
#footer .footer-bottom li a { color:#979ca7; font-size:12px; }
#footer .footer-bottom li a:hover { text-decoration:none; color:#fff; }

/* sns */
#footer .footer-social .sns { display: block; text-align:left; }
#footer .footer-social .snscount { font-size: 13px; vertical-align: middle; padding: 0 10px; }
#footer .footer-social .sns li { display:inline-block; width: 30px; text-aligh: center; margin:0 10px 0 0; }
#footer .footer-social .sns li a { background: #60616a; display:inline-block; font-size: 15px; position: relative; color: #fff; border-radius: 30px; text-decoration: none; width:30px; height: 30px; cursor: pointer; vertical-align: middle; line-height: 30px; transition: all .3s; text-align:center; }

#footer .footer-social .sns li a .snstext { display:none; }

/* twitter */
#footer .footer-social .sns .twitter a { background: #55acee; }
#footer .footer-social .sns .twitter a:before { font-family: FontAwesome; content: "\f099"; }
/* facebook */
#footer .footer-social .sns .facebook a { background: #3b5998; }
#footer .footer-social .sns .facebook a:before { font-family: FontAwesome; content: "\f09a"; }
/* google */
#footer .footer-social .sns .googleplus a { background: #dc4e41; }
#footer .footer-social .sns .googleplus a:before { font-family: FontAwesome; content: "\f0d5"; }
/* hatebu */
#footer .footer-social .sns .hatebu a { background: #00a5de; }
/* LINE */
#footer .footer-social .sns .line a { background: #25af00; }
#footer .footer-social .sns .line a:before { font-family: FontAwesome; content: "\f075"; }

/* --------------------------------------------------
	#hovermenu
-------------------------------------------------- */
#background { display: none; position: absolute; background-color: #000000; opacity: 0.30; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }

#hovermenu { width: 85%; background: #dadadd; display: none; position: relative; z-index: 1000; margin: 0 0 0 -85%; border-top: solid 5px #dadadd; }
#hovermenu p.sitename { display:block; background:#fff; padding:5px 0 0 5px; }
#hovermenu p.sitename img { height:45px; width:auto; }

/* list-cat */
#hovermenu .list-cat { margin: 15px; }
#hovermenu .list-cat .list { border-radius: 5px; }
#hovermenu .list-cat .list li { background: #dadadd; color: #fff; line-height: 54px; padding:0; font-size: 16px; font-weight: bold; text-indent:15px; position:relative; }
/*#hovermenu .list-cat .list li:after { font-family: FontAwesome; content: "\f157"; position: absolute; top: 27px; left: -15px; color:#fff; font-size: 14px; line-height: 20px; margin: -10px 0 0; }*/
#hovermenu .list-cat .list li:first-child { border:none; border-radius:5px 5px 0 0; }
#hovermenu .list-cat .list li:last-child { border-radius:0 0 5px 5px; }
#hovermenu .list-cat .list li ul li:last-child { border-radius:0; }
#hovermenu .list-cat .list li:last-child ul li:last-child { border-radius:0 0 5px 5px; }
#hovermenu .list-cat .list li a { color:#fff; }
#hovermenu .list-cat .list li ul li { display: block; background: #fff; line-height: 54px; border-radius:0; padding:0; position: relative; text-indent:15px; border-top: dotted 1px #dadadd; }
#hovermenu .list-cat .list li ul li:after { content:''; display:none; }
#hovermenu .list-cat .list li ul li:first-child { border-top: dotted 1px #dadadd; border-radius:0; }
#hovermenu .list-cat .list li ul li a { display: block; line-height: 24px; padding: 15px 30px 15px 0; color:#111; }
#hovermenu .list-cat .list li ul li a:after { font-family: FontAwesome; content: "\f054"; position: absolute; top: 50%; right: 10px; color:#dadadd; font-size: 14px; line-height: 20px; margin: -10px 0 0; }

/* post-tag-list */
#hovermenu .list-tag { padding: 15px 0 40px; margin:0 15px; border-top:solid 1px #eee6c0; }
/*#hovermenu .list-tag h1 { border-bottom: solid 1px #dadadd; font-size: 16px; line-height: 30px; padding: 10px 0 7px; margin: 0 0 15px; }*/
#hovermenu .list-tag ul {}
#hovermenu .list-tag li { display: inline-block; margin: 5px; }
#hovermenu .list-tag li a { color: #999; background:#fff; display: inline-block; border: solid 1px #666; border-radius: 5px; font-size: 14px; line-height: 21px; padding: 5px 10px 5px 5px; transition: all .3s; }
#hovermenu .list-tag li a:before { font-family: FontAwesome; content: "\f02b"; padding: 0 5px; }
#hovermenu .list-tag li a:hover { background: #dadadd; color: #fff; text-decoration: none; }

/* ------------------------
	more
------------------------ */
.testAwesomeIcons { font-family: FontAwesome; content: "\f0a9"; }

/* margin */
.mt0 { margin-top: 0px !important; }